@charset "UTF-8";
/* Font Weight */
/* Color Scheme */
/* GREEN */
/* Btns */
/* Alerts */
/* Dimensions */
/* Devices Width */
/* Container Width */
/* Speeds */
/* Paddings */
* {
  outline: 0 none;
  -moz-outline: 0 none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: none;
  font-family: "ALS Hauss", sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-kerning: none;
  letter-spacing: 0;
  font-variant-numeric: lining-nums;
  font-optical-sizing: auto;
}
*:focus {
  outline: 0 none;
  -moz-outline: 0 none;
}
*:before, *:after {
  box-sizing: border-box;
}

html {
  transition: 100ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 100ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 100ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 100ms cubic-bezier(0.42, 0, 0.58, 1);
  position: relative;
  float: right;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  background-color: #fff;
}
html.dropin:before {
  content: " ";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2000;
}

body {
  position: relative;
  float: right;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  min-height: 100vh;
  background-color: transparent;
}

.contain {
  position: relative;
  width: 100%;
  max-width: 2250px;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-content: stretch;
  padding: 0 160px;
}
@media (min-width: 2250px) {
  .contain {
    padding: 0 80px;
  }
}
@media (max-width: 1900px) {
  .contain {
    padding: 0 60px;
  }
}
@media (max-width: 1250px) {
  .contain {
    padding: 0 40px;
  }
}
@media (max-width: 450px) {
  .contain {
    padding: 0 20px;
  }
}

.container {
  position: relative;
  margin: auto;
  z-index: 10;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 500px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 900px) {
  .container {
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1251px) {
  .container {
    max-width: 985px;
    max-width: 90%;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1600px;
  }
}

.forth-w {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 25%;
  width: 100%;
  float: left;
}
@media (max-width: 767px) {
  .forth-w {
    max-width: 100%;
  }
}

.third-w {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 33.33333333%;
  width: 100%;
  float: left;
}
@media (max-width: 767px) {
  .third-w {
    max-width: 100%;
  }
}

.half-w {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 50%;
  width: 100%;
  float: left;
}
@media (max-width: 767px) {
  .half-w {
    max-width: 100%;
  }
}

.full-w {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  float: left;
}
@media (max-width: 767px) {
  .full-w {
    max-width: 100%;
  }
}

.col-1 {
  position: relative;
  float: left;
  width: 4.1%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-1 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-2 {
  position: relative;
  float: left;
  width: 8.3%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-2 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.col-3 {
  position: relative;
  float: left;
  width: 12.5%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-3 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-4 {
  position: relative;
  display: block;
  float: left;
  width: 16.6%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-4 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-5 {
  position: relative;
  float: left;
  width: 20.8%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-5 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-6 {
  position: relative;
  float: left;
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-6 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-7 {
  position: relative;
  float: left;
  width: 29.1%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-7 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-8 {
  position: relative;
  float: left;
  width: 33.3%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-8 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-9 {
  position: relative;
  float: left;
  width: 37.5%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-9 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-10 {
  position: relative;
  float: left;
  width: 41.6%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-10 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-11 {
  position: relative;
  float: left;
  width: 45.8%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-11 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-12 {
  position: relative;
  float: left;
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-12 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-13 {
  position: relative;
  float: left;
  width: 54.1%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-13 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-14 {
  position: relative;
  float: left;
  width: 58.3%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-14 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-15 {
  position: relative;
  float: left;
  width: 62.5%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-15 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-16 {
  position: relative;
  float: left;
  width: 66.6%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-16 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-17 {
  position: relative;
  float: left;
  width: 70.8%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-17 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-18 {
  position: relative;
  float: left;
  width: 75%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-18 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-19 {
  position: relative;
  float: left;
  width: 79.1%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-19 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-20 {
  position: relative;
  float: left;
  width: 83.3%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-20 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-21 {
  position: relative;
  float: left;
  width: 87.5%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-21 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-22 {
  position: relative;
  float: left;
  width: 91.6%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-22 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-23 {
  position: relative;
  float: left;
  width: 95.8%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-23 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.col-24 {
  position: relative;
  float: left;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .col-24 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}

.hidden {
  display: none !important;
}
@media (max-width: 767px) {
  .hidden-phone {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 899px) {
  .hidden-phone {
    display: block !important;
  }
}
@media (min-width: 900px) {
  .hidden-phone {
    display: block !important;
  }
}
@media (min-width: 1251px) {
  .hidden-phone {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .hidden-phone {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .hidden-tablet-middle {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 899px) {
  .hidden-tablet-middle {
    display: none !important;
  }
}
@media (min-width: 900px) {
  .hidden-tablet-middle {
    display: block;
  }
}
@media (min-width: 1251px) {
  .hidden-tablet-middle {
    display: block;
  }
}
@media (min-width: 1200px) {
  .hidden-tablet-middle {
    display: block;
  }
}
@media (max-width: 767px) {
  .hidden-tablet {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 899px) {
  .hidden-tablet {
    display: block;
  }
}
@media (min-width: 900px) {
  .hidden-tablet {
    display: none !important;
  }
}
@media (min-width: 1251px) {
  .hidden-tablet {
    display: block;
  }
}
@media (min-width: 1200px) {
  .hidden-tablet {
    display: block;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 899px) {
  .hidden-desktop {
    display: block;
  }
}
@media (min-width: 900px) {
  .hidden-desktop {
    display: block;
  }
}
@media (min-width: 1251px) {
  .hidden-desktop {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-desktop {
    display: block;
  }
}
@media (max-width: 767px) {
  .hidden-desktop-large {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 899px) {
  .hidden-desktop-large {
    display: block;
  }
}
@media (min-width: 900px) {
  .hidden-desktop-large {
    display: block;
  }
}
@media (min-width: 1251px) {
  .hidden-desktop-large {
    display: block;
  }
}
@media (min-width: 1200px) {
  .hidden-desktop-large {
    display: none !important;
  }
}

.visible {
  display: block !important;
}
@media (max-width: 767px) {
  .visible-phone {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 899px) {
  .visible-phone {
    display: none !important;
  }
}
@media (min-width: 900px) {
  .visible-phone {
    display: none !important;
  }
}
@media (min-width: 1251px) {
  .visible-phone {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .visible-phone {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .visible-tablet-middle {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 899px) {
  .visible-tablet-middle {
    display: block !important;
  }
}
@media (min-width: 900px) {
  .visible-tablet-middle {
    display: none;
  }
}
@media (min-width: 1251px) {
  .visible-tablet-middle {
    display: none;
  }
}
@media (min-width: 1200px) {
  .visible-tablet-middle {
    display: none;
  }
}
@media (max-width: 767px) {
  .visible-tablet {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 899px) {
  .visible-tablet {
    display: block !important;
  }
}
@media (min-width: 900px) {
  .visible-tablet {
    display: block !important;
  }
}
@media (min-width: 1251px) {
  .visible-tablet {
    display: none;
  }
}
@media (min-width: 1200px) {
  .visible-tablet {
    display: none;
  }
}
@media (max-width: 767px) {
  .visible-desktop {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 899px) {
  .visible-desktop {
    display: none;
  }
}
@media (min-width: 900px) {
  .visible-desktop {
    display: none;
  }
}
@media (min-width: 1251px) {
  .visible-desktop {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-desktop {
    display: none;
  }
}
@media (max-width: 767px) {
  .visible-desktop-large {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 899px) {
  .visible-desktop-large {
    display: none;
  }
}
@media (min-width: 900px) {
  .visible-desktop-large {
    display: none;
  }
}
@media (min-width: 1251px) {
  .visible-desktop-large {
    display: none;
  }
}
@media (min-width: 1200px) {
  .visible-desktop-large {
    display: block !important;
  }
}

.unvisible {
  visibility: hidden !important;
}

.align__left {
  text-align: left !important;
}
.align__center {
  text-align: center !important;
}
.align__right {
  text-align: right !important;
}

.shadows {
  -moz-box-shadow: 0px 0px 20px #ddd;
  -webkit-box-shadow: 0px 0px 20px #ddd;
  box-shadow: 0px 0px 20px #ddd;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#dddddd')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color="#dddddd");
}

.right {
  float: right;
}

#nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4000;
  background-color: #000;
  height: 110px;
}
#nav div.contain {
  padding: 40px 70px 0 70px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
  height: 110px;
}
#nav div.contain a.logo,
#nav div.contain a.logo:visited,
#nav div.contain a.logo:active,
#nav div.contain a.logo:focus {
  position: absolute;
  left: 50%;
  top: 30px;
  transform: translateX(-50%);
}
#nav div.contain a.logo img,
#nav div.contain a.logo:visited img,
#nav div.contain a.logo:active img,
#nav div.contain a.logo:focus img {
  height: 50px;
}
#nav div.contain a.logo img.short,
#nav div.contain a.logo:visited img.short,
#nav div.contain a.logo:active img.short,
#nav div.contain a.logo:focus img.short {
  display: none;
}
@media (max-width: 1100px) {
  #nav div.contain a.logo,
  #nav div.contain a.logo:visited,
  #nav div.contain a.logo:active,
  #nav div.contain a.logo:focus {
    left: 40px;
    transform: translateX(0);
  }
}
@media (max-width: 767px) {
  #nav div.contain a.logo,
  #nav div.contain a.logo:visited,
  #nav div.contain a.logo:active,
  #nav div.contain a.logo:focus {
    left: 20px;
    top: 35px;
  }
  #nav div.contain a.logo img,
  #nav div.contain a.logo:visited img,
  #nav div.contain a.logo:active img,
  #nav div.contain a.logo:focus img {
    height: 40px;
  }
}
@media (max-width: 450px) {
  #nav div.contain a.logo,
  #nav div.contain a.logo:visited,
  #nav div.contain a.logo:active,
  #nav div.contain a.logo:focus {
    left: 20px;
    top: 40px;
  }
  #nav div.contain a.logo img,
  #nav div.contain a.logo:visited img,
  #nav div.contain a.logo:active img,
  #nav div.contain a.logo:focus img {
    height: 35px;
  }
}
@media (max-width: 400px) {
  #nav div.contain a.logo img,
  #nav div.contain a.logo:visited img,
  #nav div.contain a.logo:active img,
  #nav div.contain a.logo:focus img {
    display: none;
  }
  #nav div.contain a.logo img.short,
  #nav div.contain a.logo:visited img.short,
  #nav div.contain a.logo:active img.short,
  #nav div.contain a.logo:focus img.short {
    display: block;
  }
}
#nav div.contain ul {
  width: 100%;
  min-width: 50%;
  margin: auto 0 0 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  padding: 0;
}
#nav div.contain ul li {
  position: relative;
  margin: auto 0;
  margin-top: 0;
}
#nav div.contain ul li p {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  color: #9b7928;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 5px 15px;
  font-size: 18px;
  font-weight: 400;
}
#nav div.contain ul li a,
#nav div.contain ul li a:visited,
#nav div.contain ul li a:active,
#nav div.contain ul li a:focus,
#nav div.contain ul li button,
#nav div.contain ul li button:visited,
#nav div.contain ul li button:active,
#nav div.contain ul li button:focus {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  color: inherit;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px 0 38px 0;
  font-size: 18px;
  font-weight: 400;
  margin: 0 30px;
  letter-spacing: 3px;
  text-transform: uppercase;
  cursor: pointer;
}
#nav div.contain ul li a svg,
#nav div.contain ul li a:visited svg,
#nav div.contain ul li a:active svg,
#nav div.contain ul li a:focus svg,
#nav div.contain ul li button svg,
#nav div.contain ul li button:visited svg,
#nav div.contain ul li button:active svg,
#nav div.contain ul li button:focus svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  margin: auto 0;
  width: 20px;
  height: 20px;
  fill: #fff;
}
#nav div.contain ul li a svg.action,
#nav div.contain ul li a:visited svg.action,
#nav div.contain ul li a:active svg.action,
#nav div.contain ul li a:focus svg.action,
#nav div.contain ul li button svg.action,
#nav div.contain ul li button:visited svg.action,
#nav div.contain ul li button:active svg.action,
#nav div.contain ul li button:focus svg.action {
  -webkit-animation: action 400ms linear;
  -o-animation: action 400ms linear;
  animation: action 400ms linear;
}
#nav div.contain ul li a span,
#nav div.contain ul li a:visited span,
#nav div.contain ul li a:active span,
#nav div.contain ul li a:focus span,
#nav div.contain ul li button span,
#nav div.contain ul li button:visited span,
#nav div.contain ul li button:active span,
#nav div.contain ul li button:focus span {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  line-height: 24px;
  font-weight: 500;
  position: absolute;
  bottom: 15px;
  font-size: 12px;
  width: 100%;
  text-align: center;
  right: 0;
  padding-left: 17px;
}
#nav div.contain ul li a div.alert,
#nav div.contain ul li a:visited div.alert,
#nav div.contain ul li a:active div.alert,
#nav div.contain ul li a:focus div.alert,
#nav div.contain ul li button div.alert,
#nav div.contain ul li button:visited div.alert,
#nav div.contain ul li button:active div.alert,
#nav div.contain ul li button:focus div.alert {
  -webkit-animation: alert 1000ms linear;
  -o-animation: alert 1000ms linear;
  animation: alert 1000ms linear;
  position: absolute;
  top: 100%;
  right: 0;
  color: #fff;
  padding: 10px 15px 5px 15px;
  font-size: 12px;
  line-height: 14px;
  white-space: nowrap;
  background-color: #000;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  letter-spacing: 1px;
  font-weight: bold;
  margin: 15px 0 0 0;
  z-index: 200;
  pointer-events: none;
  opacity: 0;
  transform: translateY(15px);
}
#nav div.contain ul li a:before,
#nav div.contain ul li a:visited:before,
#nav div.contain ul li a:active:before,
#nav div.contain ul li a:focus:before,
#nav div.contain ul li button:before,
#nav div.contain ul li button:visited:before,
#nav div.contain ul li button:active:before,
#nav div.contain ul li button:focus:before {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  content: " ";
  position: absolute;
  height: 18px;
  width: 3px;
  left: 15px;
  display: block;
  top: 10px;
}
@media (hover: hover) and (pointer: fine) {
  #nav div.contain ul li a:hover,
  #nav div.contain ul li a:visited:hover,
  #nav div.contain ul li a:active:hover,
  #nav div.contain ul li a:focus:hover,
  #nav div.contain ul li button:hover,
  #nav div.contain ul li button:visited:hover,
  #nav div.contain ul li button:active:hover,
  #nav div.contain ul li button:focus:hover {
    color: #888;
  }
  #nav div.contain ul li a:hover svg,
  #nav div.contain ul li a:visited:hover svg,
  #nav div.contain ul li a:active:hover svg,
  #nav div.contain ul li a:focus:hover svg,
  #nav div.contain ul li button:hover svg,
  #nav div.contain ul li button:visited:hover svg,
  #nav div.contain ul li button:active:hover svg,
  #nav div.contain ul li button:focus:hover svg {
    fill: #888;
  }
  #nav div.contain ul li a:hover span,
  #nav div.contain ul li a:visited:hover span,
  #nav div.contain ul li a:active:hover span,
  #nav div.contain ul li a:focus:hover span,
  #nav div.contain ul li button:hover span,
  #nav div.contain ul li button:visited:hover span,
  #nav div.contain ul li button:active:hover span,
  #nav div.contain ul li button:focus:hover span {
    color: #888;
  }
}
#nav div.contain ul li a.active,
#nav div.contain ul li a:visited.active,
#nav div.contain ul li a:active.active,
#nav div.contain ul li a:focus.active,
#nav div.contain ul li button.active,
#nav div.contain ul li button:visited.active,
#nav div.contain ul li button:active.active,
#nav div.contain ul li button:focus.active {
  color: #fff;
  font-weight: bold;
}
#nav div.contain ul li a.active:before,
#nav div.contain ul li a:visited.active:before,
#nav div.contain ul li a:active.active:before,
#nav div.contain ul li a:focus.active:before,
#nav div.contain ul li button.active:before,
#nav div.contain ul li button:visited.active:before,
#nav div.contain ul li button:active.active:before,
#nav div.contain ul li button:focus.active:before {
  background-color: #fff;
}
#nav div.contain ul li a.active span,
#nav div.contain ul li a:visited.active span,
#nav div.contain ul li a:active.active span,
#nav div.contain ul li a:focus.active span,
#nav div.contain ul li button.active span,
#nav div.contain ul li button:visited.active span,
#nav div.contain ul li button:active.active span,
#nav div.contain ul li button:focus.active span {
  color: #fff;
}
#nav div.contain ul li a.profile, #nav div.contain ul li a.home, #nav div.contain ul li a[data-child=menu], #nav div.contain ul li a[data-child=samples], #nav div.contain ul li a[data-child=search],
#nav div.contain ul li a:visited.profile,
#nav div.contain ul li a:visited.home,
#nav div.contain ul li a:visited[data-child=menu],
#nav div.contain ul li a:visited[data-child=samples],
#nav div.contain ul li a:visited[data-child=search],
#nav div.contain ul li a:active.profile,
#nav div.contain ul li a:active.home,
#nav div.contain ul li a:active[data-child=menu],
#nav div.contain ul li a:active[data-child=samples],
#nav div.contain ul li a:active[data-child=search],
#nav div.contain ul li a:focus.profile,
#nav div.contain ul li a:focus.home,
#nav div.contain ul li a:focus[data-child=menu],
#nav div.contain ul li a:focus[data-child=samples],
#nav div.contain ul li a:focus[data-child=search],
#nav div.contain ul li button.profile,
#nav div.contain ul li button.home,
#nav div.contain ul li button[data-child=menu],
#nav div.contain ul li button[data-child=samples],
#nav div.contain ul li button[data-child=search],
#nav div.contain ul li button:visited.profile,
#nav div.contain ul li button:visited.home,
#nav div.contain ul li button:visited[data-child=menu],
#nav div.contain ul li button:visited[data-child=samples],
#nav div.contain ul li button:visited[data-child=search],
#nav div.contain ul li button:active.profile,
#nav div.contain ul li button:active.home,
#nav div.contain ul li button:active[data-child=menu],
#nav div.contain ul li button:active[data-child=samples],
#nav div.contain ul li button:active[data-child=search],
#nav div.contain ul li button:focus.profile,
#nav div.contain ul li button:focus.home,
#nav div.contain ul li button:focus[data-child=menu],
#nav div.contain ul li button:focus[data-child=samples],
#nav div.contain ul li button:focus[data-child=search] {
  margin: 0;
  padding: 8px 10px 42px 10px;
}
#nav div.contain ul li a.profile:before, #nav div.contain ul li a.home:before, #nav div.contain ul li a[data-child=menu]:before, #nav div.contain ul li a[data-child=samples]:before, #nav div.contain ul li a[data-child=search]:before,
#nav div.contain ul li a:visited.profile:before,
#nav div.contain ul li a:visited.home:before,
#nav div.contain ul li a:visited[data-child=menu]:before,
#nav div.contain ul li a:visited[data-child=samples]:before,
#nav div.contain ul li a:visited[data-child=search]:before,
#nav div.contain ul li a:active.profile:before,
#nav div.contain ul li a:active.home:before,
#nav div.contain ul li a:active[data-child=menu]:before,
#nav div.contain ul li a:active[data-child=samples]:before,
#nav div.contain ul li a:active[data-child=search]:before,
#nav div.contain ul li a:focus.profile:before,
#nav div.contain ul li a:focus.home:before,
#nav div.contain ul li a:focus[data-child=menu]:before,
#nav div.contain ul li a:focus[data-child=samples]:before,
#nav div.contain ul li a:focus[data-child=search]:before,
#nav div.contain ul li button.profile:before,
#nav div.contain ul li button.home:before,
#nav div.contain ul li button[data-child=menu]:before,
#nav div.contain ul li button[data-child=samples]:before,
#nav div.contain ul li button[data-child=search]:before,
#nav div.contain ul li button:visited.profile:before,
#nav div.contain ul li button:visited.home:before,
#nav div.contain ul li button:visited[data-child=menu]:before,
#nav div.contain ul li button:visited[data-child=samples]:before,
#nav div.contain ul li button:visited[data-child=search]:before,
#nav div.contain ul li button:active.profile:before,
#nav div.contain ul li button:active.home:before,
#nav div.contain ul li button:active[data-child=menu]:before,
#nav div.contain ul li button:active[data-child=samples]:before,
#nav div.contain ul li button:active[data-child=search]:before,
#nav div.contain ul li button:focus.profile:before,
#nav div.contain ul li button:focus.home:before,
#nav div.contain ul li button:focus[data-child=menu]:before,
#nav div.contain ul li button:focus[data-child=samples]:before,
#nav div.contain ul li button:focus[data-child=search]:before {
  display: none;
}
#nav div.contain ul li a.profile.active, #nav div.contain ul li a.home.active, #nav div.contain ul li a[data-child=menu].active, #nav div.contain ul li a[data-child=samples].active, #nav div.contain ul li a[data-child=search].active,
#nav div.contain ul li a:visited.profile.active,
#nav div.contain ul li a:visited.home.active,
#nav div.contain ul li a:visited[data-child=menu].active,
#nav div.contain ul li a:visited[data-child=samples].active,
#nav div.contain ul li a:visited[data-child=search].active,
#nav div.contain ul li a:active.profile.active,
#nav div.contain ul li a:active.home.active,
#nav div.contain ul li a:active[data-child=menu].active,
#nav div.contain ul li a:active[data-child=samples].active,
#nav div.contain ul li a:active[data-child=search].active,
#nav div.contain ul li a:focus.profile.active,
#nav div.contain ul li a:focus.home.active,
#nav div.contain ul li a:focus[data-child=menu].active,
#nav div.contain ul li a:focus[data-child=samples].active,
#nav div.contain ul li a:focus[data-child=search].active,
#nav div.contain ul li button.profile.active,
#nav div.contain ul li button.home.active,
#nav div.contain ul li button[data-child=menu].active,
#nav div.contain ul li button[data-child=samples].active,
#nav div.contain ul li button[data-child=search].active,
#nav div.contain ul li button:visited.profile.active,
#nav div.contain ul li button:visited.home.active,
#nav div.contain ul li button:visited[data-child=menu].active,
#nav div.contain ul li button:visited[data-child=samples].active,
#nav div.contain ul li button:visited[data-child=search].active,
#nav div.contain ul li button:active.profile.active,
#nav div.contain ul li button:active.home.active,
#nav div.contain ul li button:active[data-child=menu].active,
#nav div.contain ul li button:active[data-child=samples].active,
#nav div.contain ul li button:active[data-child=search].active,
#nav div.contain ul li button:focus.profile.active,
#nav div.contain ul li button:focus.home.active,
#nav div.contain ul li button:focus[data-child=menu].active,
#nav div.contain ul li button:focus[data-child=samples].active,
#nav div.contain ul li button:focus[data-child=search].active {
  background-color: #fff;
}
#nav div.contain ul li a.profile.active:before, #nav div.contain ul li a.home.active:before, #nav div.contain ul li a[data-child=menu].active:before, #nav div.contain ul li a[data-child=samples].active:before, #nav div.contain ul li a[data-child=search].active:before,
#nav div.contain ul li a:visited.profile.active:before,
#nav div.contain ul li a:visited.home.active:before,
#nav div.contain ul li a:visited[data-child=menu].active:before,
#nav div.contain ul li a:visited[data-child=samples].active:before,
#nav div.contain ul li a:visited[data-child=search].active:before,
#nav div.contain ul li a:active.profile.active:before,
#nav div.contain ul li a:active.home.active:before,
#nav div.contain ul li a:active[data-child=menu].active:before,
#nav div.contain ul li a:active[data-child=samples].active:before,
#nav div.contain ul li a:active[data-child=search].active:before,
#nav div.contain ul li a:focus.profile.active:before,
#nav div.contain ul li a:focus.home.active:before,
#nav div.contain ul li a:focus[data-child=menu].active:before,
#nav div.contain ul li a:focus[data-child=samples].active:before,
#nav div.contain ul li a:focus[data-child=search].active:before,
#nav div.contain ul li button.profile.active:before,
#nav div.contain ul li button.home.active:before,
#nav div.contain ul li button[data-child=menu].active:before,
#nav div.contain ul li button[data-child=samples].active:before,
#nav div.contain ul li button[data-child=search].active:before,
#nav div.contain ul li button:visited.profile.active:before,
#nav div.contain ul li button:visited.home.active:before,
#nav div.contain ul li button:visited[data-child=menu].active:before,
#nav div.contain ul li button:visited[data-child=samples].active:before,
#nav div.contain ul li button:visited[data-child=search].active:before,
#nav div.contain ul li button:active.profile.active:before,
#nav div.contain ul li button:active.home.active:before,
#nav div.contain ul li button:active[data-child=menu].active:before,
#nav div.contain ul li button:active[data-child=samples].active:before,
#nav div.contain ul li button:active[data-child=search].active:before,
#nav div.contain ul li button:focus.profile.active:before,
#nav div.contain ul li button:focus.home.active:before,
#nav div.contain ul li button:focus[data-child=menu].active:before,
#nav div.contain ul li button:focus[data-child=samples].active:before,
#nav div.contain ul li button:focus[data-child=search].active:before {
  content: "";
  margin-right: 0;
}
#nav div.contain ul li a.profile.active span, #nav div.contain ul li a.home.active span, #nav div.contain ul li a[data-child=menu].active span, #nav div.contain ul li a[data-child=samples].active span, #nav div.contain ul li a[data-child=search].active span,
#nav div.contain ul li a:visited.profile.active span,
#nav div.contain ul li a:visited.home.active span,
#nav div.contain ul li a:visited[data-child=menu].active span,
#nav div.contain ul li a:visited[data-child=samples].active span,
#nav div.contain ul li a:visited[data-child=search].active span,
#nav div.contain ul li a:active.profile.active span,
#nav div.contain ul li a:active.home.active span,
#nav div.contain ul li a:active[data-child=menu].active span,
#nav div.contain ul li a:active[data-child=samples].active span,
#nav div.contain ul li a:active[data-child=search].active span,
#nav div.contain ul li a:focus.profile.active span,
#nav div.contain ul li a:focus.home.active span,
#nav div.contain ul li a:focus[data-child=menu].active span,
#nav div.contain ul li a:focus[data-child=samples].active span,
#nav div.contain ul li a:focus[data-child=search].active span,
#nav div.contain ul li button.profile.active span,
#nav div.contain ul li button.home.active span,
#nav div.contain ul li button[data-child=menu].active span,
#nav div.contain ul li button[data-child=samples].active span,
#nav div.contain ul li button[data-child=search].active span,
#nav div.contain ul li button:visited.profile.active span,
#nav div.contain ul li button:visited.home.active span,
#nav div.contain ul li button:visited[data-child=menu].active span,
#nav div.contain ul li button:visited[data-child=samples].active span,
#nav div.contain ul li button:visited[data-child=search].active span,
#nav div.contain ul li button:active.profile.active span,
#nav div.contain ul li button:active.home.active span,
#nav div.contain ul li button:active[data-child=menu].active span,
#nav div.contain ul li button:active[data-child=samples].active span,
#nav div.contain ul li button:active[data-child=search].active span,
#nav div.contain ul li button:focus.profile.active span,
#nav div.contain ul li button:focus.home.active span,
#nav div.contain ul li button:focus[data-child=menu].active span,
#nav div.contain ul li button:focus[data-child=samples].active span,
#nav div.contain ul li button:focus[data-child=search].active span {
  color: #000;
}
#nav div.contain ul li a.profile.active svg, #nav div.contain ul li a.home.active svg, #nav div.contain ul li a[data-child=menu].active svg, #nav div.contain ul li a[data-child=samples].active svg, #nav div.contain ul li a[data-child=search].active svg,
#nav div.contain ul li a:visited.profile.active svg,
#nav div.contain ul li a:visited.home.active svg,
#nav div.contain ul li a:visited[data-child=menu].active svg,
#nav div.contain ul li a:visited[data-child=samples].active svg,
#nav div.contain ul li a:visited[data-child=search].active svg,
#nav div.contain ul li a:active.profile.active svg,
#nav div.contain ul li a:active.home.active svg,
#nav div.contain ul li a:active[data-child=menu].active svg,
#nav div.contain ul li a:active[data-child=samples].active svg,
#nav div.contain ul li a:active[data-child=search].active svg,
#nav div.contain ul li a:focus.profile.active svg,
#nav div.contain ul li a:focus.home.active svg,
#nav div.contain ul li a:focus[data-child=menu].active svg,
#nav div.contain ul li a:focus[data-child=samples].active svg,
#nav div.contain ul li a:focus[data-child=search].active svg,
#nav div.contain ul li button.profile.active svg,
#nav div.contain ul li button.home.active svg,
#nav div.contain ul li button[data-child=menu].active svg,
#nav div.contain ul li button[data-child=samples].active svg,
#nav div.contain ul li button[data-child=search].active svg,
#nav div.contain ul li button:visited.profile.active svg,
#nav div.contain ul li button:visited.home.active svg,
#nav div.contain ul li button:visited[data-child=menu].active svg,
#nav div.contain ul li button:visited[data-child=samples].active svg,
#nav div.contain ul li button:visited[data-child=search].active svg,
#nav div.contain ul li button:active.profile.active svg,
#nav div.contain ul li button:active.home.active svg,
#nav div.contain ul li button:active[data-child=menu].active svg,
#nav div.contain ul li button:active[data-child=samples].active svg,
#nav div.contain ul li button:active[data-child=search].active svg,
#nav div.contain ul li button:focus.profile.active svg,
#nav div.contain ul li button:focus.home.active svg,
#nav div.contain ul li button:focus[data-child=menu].active svg,
#nav div.contain ul li button:focus[data-child=samples].active svg,
#nav div.contain ul li button:focus[data-child=search].active svg {
  fill: #000;
}
#nav div.contain ul li a[data-child=menu] svg,
#nav div.contain ul li a:visited[data-child=menu] svg,
#nav div.contain ul li a:active[data-child=menu] svg,
#nav div.contain ul li a:focus[data-child=menu] svg,
#nav div.contain ul li button[data-child=menu] svg,
#nav div.contain ul li button:visited[data-child=menu] svg,
#nav div.contain ul li button:active[data-child=menu] svg,
#nav div.contain ul li button:focus[data-child=menu] svg {
  padding: 0 2px;
}
#nav div.contain ul li a[data-child=search] svg,
#nav div.contain ul li a:visited[data-child=search] svg,
#nav div.contain ul li a:active[data-child=search] svg,
#nav div.contain ul li a:focus[data-child=search] svg,
#nav div.contain ul li button[data-child=search] svg,
#nav div.contain ul li button:visited[data-child=search] svg,
#nav div.contain ul li button:active[data-child=search] svg,
#nav div.contain ul li button:focus[data-child=search] svg {
  padding: 2px 0;
}
#nav div.contain ul li a[data-child=samples],
#nav div.contain ul li a:visited[data-child=samples],
#nav div.contain ul li a:active[data-child=samples],
#nav div.contain ul li a:focus[data-child=samples],
#nav div.contain ul li button[data-child=samples],
#nav div.contain ul li button:visited[data-child=samples],
#nav div.contain ul li button:active[data-child=samples],
#nav div.contain ul li button:focus[data-child=samples] {
  margin-left: 15px;
}
#nav div.contain ul li a.home,
#nav div.contain ul li a:visited.home,
#nav div.contain ul li a:active.home,
#nav div.contain ul li a:focus.home,
#nav div.contain ul li button.home,
#nav div.contain ul li button:visited.home,
#nav div.contain ul li button:active.home,
#nav div.contain ul li button:focus.home {
  margin-left: 0;
}
#nav div.contain ul li a.home svg,
#nav div.contain ul li a:visited.home svg,
#nav div.contain ul li a:active.home svg,
#nav div.contain ul li a:focus.home svg,
#nav div.contain ul li button.home svg,
#nav div.contain ul li button:visited.home svg,
#nav div.contain ul li button:active.home svg,
#nav div.contain ul li button:focus.home svg {
  padding: 0 0 2px 0;
}
#nav div.contain ul[data-name=left] {
  padding-right: 150px;
}
#nav div.contain ul[data-name=left] li {
  margin: auto 2vw auto 0;
}
#nav div.contain ul[data-name=left] li:first-of-type {
  margin: auto 60px auto 0;
}
#nav div.contain ul[data-name=left] li:last-of-type {
  margin: auto 0;
}
#nav div.contain ul[data-name=right] {
  padding-left: 150px;
  justify-content: flex-end;
}
#nav div.contain ul[data-name=menu] {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  opacity: 0;
  pointer-events: none;
  display: flex;
  position: absolute;
  right: 70px;
  top: 100%;
  min-width: 0;
  max-width: 300px;
  background-color: #fff;
  flex-flow: column nowrap;
  padding: 37px 37px 30px 40px;
  max-height: calc(90vh - 100px);
  overflow: auto;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}
#nav div.contain ul[data-name=menu] li {
  align-self: flex-end;
}
#nav div.contain ul[data-name=menu] a,
#nav div.contain ul[data-name=menu] a:visited,
#nav div.contain ul[data-name=menu] a:active,
#nav div.contain ul[data-name=menu] a:focus,
#nav div.contain ul[data-name=menu] button,
#nav div.contain ul[data-name=menu] button:visited,
#nav div.contain ul[data-name=menu] button:active,
#nav div.contain ul[data-name=menu] button:focus {
  float: right;
  justify-content: flex-start;
  text-align: right;
  margin: 7px 0;
  padding: 0;
  color: #000;
  width: auto;
}
#nav div.contain ul[data-name=menu] a:before,
#nav div.contain ul[data-name=menu] a:visited:before,
#nav div.contain ul[data-name=menu] a:active:before,
#nav div.contain ul[data-name=menu] a:focus:before,
#nav div.contain ul[data-name=menu] button:before,
#nav div.contain ul[data-name=menu] button:visited:before,
#nav div.contain ul[data-name=menu] button:active:before,
#nav div.contain ul[data-name=menu] button:focus:before {
  left: -10px;
  top: 12px;
}
@media (hover: hover) and (pointer: fine) {
  #nav div.contain ul[data-name=menu] a:hover,
  #nav div.contain ul[data-name=menu] a:visited:hover,
  #nav div.contain ul[data-name=menu] a:active:hover,
  #nav div.contain ul[data-name=menu] a:focus:hover,
  #nav div.contain ul[data-name=menu] button:hover,
  #nav div.contain ul[data-name=menu] button:visited:hover,
  #nav div.contain ul[data-name=menu] button:active:hover,
  #nav div.contain ul[data-name=menu] button:focus:hover {
    color: #888;
  }
  #nav div.contain ul[data-name=menu] a:hover span,
  #nav div.contain ul[data-name=menu] a:visited:hover span,
  #nav div.contain ul[data-name=menu] a:active:hover span,
  #nav div.contain ul[data-name=menu] a:focus:hover span,
  #nav div.contain ul[data-name=menu] button:hover span,
  #nav div.contain ul[data-name=menu] button:visited:hover span,
  #nav div.contain ul[data-name=menu] button:active:hover span,
  #nav div.contain ul[data-name=menu] button:focus:hover span {
    color: #888;
  }
}
#nav div.contain ul[data-name=menu] a.active,
#nav div.contain ul[data-name=menu] a:visited.active,
#nav div.contain ul[data-name=menu] a:active.active,
#nav div.contain ul[data-name=menu] a:focus.active,
#nav div.contain ul[data-name=menu] button.active,
#nav div.contain ul[data-name=menu] button:visited.active,
#nav div.contain ul[data-name=menu] button:active.active,
#nav div.contain ul[data-name=menu] button:focus.active {
  color: #000;
}
#nav div.contain ul[data-name=menu] a.active:before,
#nav div.contain ul[data-name=menu] a:visited.active:before,
#nav div.contain ul[data-name=menu] a:active.active:before,
#nav div.contain ul[data-name=menu] a:focus.active:before,
#nav div.contain ul[data-name=menu] button.active:before,
#nav div.contain ul[data-name=menu] button:visited.active:before,
#nav div.contain ul[data-name=menu] button:active.active:before,
#nav div.contain ul[data-name=menu] button:focus.active:before {
  background-color: #000;
}
#nav div.contain ul[data-name=menu] a.active span,
#nav div.contain ul[data-name=menu] a:visited.active span,
#nav div.contain ul[data-name=menu] a:active.active span,
#nav div.contain ul[data-name=menu] a:focus.active span,
#nav div.contain ul[data-name=menu] button.active span,
#nav div.contain ul[data-name=menu] button:visited.active span,
#nav div.contain ul[data-name=menu] button:active.active span,
#nav div.contain ul[data-name=menu] button:focus.active span {
  color: #000;
}
#nav div.contain ul[data-name=menu].show {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 1250px) {
  #nav div.contain ul[data-name=menu] {
    right: 40px;
  }
}
@media (max-width: 767px) {
  #nav div.contain ul[data-name=menu] {
    right: 10px;
  }
}
@media (max-width: 450px) {
  #nav div.contain ul[data-name=menu] {
    right: 0;
    width: 100%;
    max-width: 100%;
  }
}
#nav div.contain section[data-name=samples] {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  right: 150px;
  background-color: #fff;
  width: calc(100% - 220px);
  max-width: 320px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 20px 0 0 0;
  overflow: auto;
  max-height: calc(90vh - 100px);
  color: #000;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}
#nav div.contain section[data-name=samples] ul {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 20px;
}
#nav div.contain section[data-name=samples] ul li {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px dotted #888;
}
#nav div.contain section[data-name=samples] ul li a,
#nav div.contain section[data-name=samples] ul li a:visited,
#nav div.contain section[data-name=samples] ul li a:active,
#nav div.contain section[data-name=samples] ul li a:focus {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 3px 0 3px 55px;
  margin: 0;
  text-transform: uppercase;
  cursor: pointer;
  color: #000;
  font-weight: 500;
  width: 100%;
  min-height: 50px;
  line-height: 18px;
  font-size: 14px;
  hyphens: auto;
}
#nav div.contain section[data-name=samples] ul li a picture,
#nav div.contain section[data-name=samples] ul li a:visited picture,
#nav div.contain section[data-name=samples] ul li a:active picture,
#nav div.contain section[data-name=samples] ul li a:focus picture {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  height: 40px;
  width: 40px;
  border: 1px solid #888;
}
#nav div.contain section[data-name=samples] ul li a picture img,
#nav div.contain section[data-name=samples] ul li a:visited picture img,
#nav div.contain section[data-name=samples] ul li a:active picture img,
#nav div.contain section[data-name=samples] ul li a:focus picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}
#nav div.contain section[data-name=samples] ul li a small,
#nav div.contain section[data-name=samples] ul li a:visited small,
#nav div.contain section[data-name=samples] ul li a:active small,
#nav div.contain section[data-name=samples] ul li a:focus small {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  width: 100%;
  color: #000;
  font-size: 12px;
  letter-spacing: 1px;
  display: inline-block;
  margin: 0;
  font-weight: 400;
}
@media (hover: hover) and (pointer: fine) {
  #nav div.contain section[data-name=samples] ul li a:hover,
  #nav div.contain section[data-name=samples] ul li a:visited:hover,
  #nav div.contain section[data-name=samples] ul li a:active:hover,
  #nav div.contain section[data-name=samples] ul li a:focus:hover {
    color: #888;
  }
  #nav div.contain section[data-name=samples] ul li a:hover small,
  #nav div.contain section[data-name=samples] ul li a:visited:hover small,
  #nav div.contain section[data-name=samples] ul li a:active:hover small,
  #nav div.contain section[data-name=samples] ul li a:focus:hover small {
    color: #888;
  }
}
#nav div.contain section[data-name=samples] ul li button,
#nav div.contain section[data-name=samples] ul li button:visited,
#nav div.contain section[data-name=samples] ul li button:active,
#nav div.contain section[data-name=samples] ul li button:focus {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 0 0 55px;
  margin: 0;
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
  color: #888;
}
#nav div.contain section[data-name=samples] ul li button svg,
#nav div.contain section[data-name=samples] ul li button:visited svg,
#nav div.contain section[data-name=samples] ul li button:active svg,
#nav div.contain section[data-name=samples] ul li button:focus svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  display: block;
  margin: 0 2px 0 0;
  height: 20px;
  width: 20px;
  fill: #888;
}
@media (hover: hover) and (pointer: fine) {
  #nav div.contain section[data-name=samples] ul li button:hover,
  #nav div.contain section[data-name=samples] ul li button:visited:hover,
  #nav div.contain section[data-name=samples] ul li button:active:hover,
  #nav div.contain section[data-name=samples] ul li button:focus:hover {
    color: #dd7a75;
  }
  #nav div.contain section[data-name=samples] ul li button:hover svg,
  #nav div.contain section[data-name=samples] ul li button:visited:hover svg,
  #nav div.contain section[data-name=samples] ul li button:active:hover svg,
  #nav div.contain section[data-name=samples] ul li button:focus:hover svg {
    fill: #dd7a75;
  }
}
#nav div.contain section[data-name=samples] ul li:last-child {
  border-bottom: none;
}
#nav div.contain section[data-name=samples] ul li.empty {
  border-bottom: none;
}
#nav div.contain section[data-name=samples] ul li.empty p {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 10px;
  text-align: center;
  align-content: center;
  justify-content: center;
  margin: 0;
  color: #888;
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1px;
}
#nav div.contain section[data-name=samples] ul li.empty p svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  display: block;
  margin: 0 2px 0 0;
  height: 20px;
  width: 20px;
  fill: #888;
}
#nav div.contain section[data-name=samples] ul li.empty a,
#nav div.contain section[data-name=samples] ul li.empty a:visited,
#nav div.contain section[data-name=samples] ul li.empty a:active,
#nav div.contain section[data-name=samples] ul li.empty a:focus {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px;
  margin: 10px 0 0 0;
  text-transform: uppercase;
  cursor: pointer;
  border: 2px solid #000;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  text-align: center;
  width: 100%;
  background-color: #fff;
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 1px;
}
@media (hover: hover) and (pointer: fine) {
  #nav div.contain section[data-name=samples] ul li.empty a:hover,
  #nav div.contain section[data-name=samples] ul li.empty a:visited:hover,
  #nav div.contain section[data-name=samples] ul li.empty a:active:hover,
  #nav div.contain section[data-name=samples] ul li.empty a:focus:hover {
    background-color: #000;
    color: #fff;
  }
}
#nav div.contain section[data-name=samples] div.footer,
#nav div.contain section[data-name=samples] footer {
  position: sticky;
  bottom: 0;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 15px 20px 20px 20px;
  border-top: 1px solid #000;
  background-color: #fff;
}
#nav div.contain section[data-name=samples] div.footer button,
#nav div.contain section[data-name=samples] div.footer button:visited,
#nav div.contain section[data-name=samples] div.footer button:active,
#nav div.contain section[data-name=samples] div.footer button:focus,
#nav div.contain section[data-name=samples] footer button,
#nav div.contain section[data-name=samples] footer button:visited,
#nav div.contain section[data-name=samples] footer button:active,
#nav div.contain section[data-name=samples] footer button:focus {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 10px;
  text-align: center;
  align-content: center;
  justify-content: center;
  margin: 0;
  color: #888;
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1px;
}
#nav div.contain section[data-name=samples] div.footer button svg,
#nav div.contain section[data-name=samples] div.footer button:visited svg,
#nav div.contain section[data-name=samples] div.footer button:active svg,
#nav div.contain section[data-name=samples] div.footer button:focus svg,
#nav div.contain section[data-name=samples] footer button svg,
#nav div.contain section[data-name=samples] footer button:visited svg,
#nav div.contain section[data-name=samples] footer button:active svg,
#nav div.contain section[data-name=samples] footer button:focus svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  display: block;
  margin: 0 2px 0 0;
  height: 20px;
  width: 20px;
  fill: #888;
}
@media (hover: hover) and (pointer: fine) {
  #nav div.contain section[data-name=samples] div.footer button:hover,
  #nav div.contain section[data-name=samples] div.footer button:visited:hover,
  #nav div.contain section[data-name=samples] div.footer button:active:hover,
  #nav div.contain section[data-name=samples] div.footer button:focus:hover,
  #nav div.contain section[data-name=samples] footer button:hover,
  #nav div.contain section[data-name=samples] footer button:visited:hover,
  #nav div.contain section[data-name=samples] footer button:active:hover,
  #nav div.contain section[data-name=samples] footer button:focus:hover {
    color: #dd7a75;
  }
  #nav div.contain section[data-name=samples] div.footer button:hover svg,
  #nav div.contain section[data-name=samples] div.footer button:visited:hover svg,
  #nav div.contain section[data-name=samples] div.footer button:active:hover svg,
  #nav div.contain section[data-name=samples] div.footer button:focus:hover svg,
  #nav div.contain section[data-name=samples] footer button:hover svg,
  #nav div.contain section[data-name=samples] footer button:visited:hover svg,
  #nav div.contain section[data-name=samples] footer button:active:hover svg,
  #nav div.contain section[data-name=samples] footer button:focus:hover svg {
    fill: #dd7a75;
  }
}
#nav div.contain section[data-name=samples] div.footer a.cart,
#nav div.contain section[data-name=samples] div.footer a.cart:visited,
#nav div.contain section[data-name=samples] div.footer a.cart:active,
#nav div.contain section[data-name=samples] div.footer a.cart:focus,
#nav div.contain section[data-name=samples] footer a.cart,
#nav div.contain section[data-name=samples] footer a.cart:visited,
#nav div.contain section[data-name=samples] footer a.cart:active,
#nav div.contain section[data-name=samples] footer a.cart:focus {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px;
  margin: 10px 0 0 0;
  text-transform: uppercase;
  cursor: pointer;
  border: 2px solid #000;
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  text-align: center;
  width: 100%;
  background-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  #nav div.contain section[data-name=samples] div.footer a.cart:hover,
  #nav div.contain section[data-name=samples] div.footer a.cart:visited:hover,
  #nav div.contain section[data-name=samples] div.footer a.cart:active:hover,
  #nav div.contain section[data-name=samples] div.footer a.cart:focus:hover,
  #nav div.contain section[data-name=samples] footer a.cart:hover,
  #nav div.contain section[data-name=samples] footer a.cart:visited:hover,
  #nav div.contain section[data-name=samples] footer a.cart:active:hover,
  #nav div.contain section[data-name=samples] footer a.cart:focus:hover {
    background-color: #000;
    color: #fff;
  }
}
#nav div.contain section[data-name=samples].show {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 1250px) {
  #nav div.contain section[data-name=samples] {
    right: 120px;
    width: calc(100% - 200px);
  }
}
@media (max-width: 767px) {
  #nav div.contain section[data-name=samples] {
    right: 90px;
  }
}
@media (max-width: 450px) {
  #nav div.contain section[data-name=samples] {
    right: 0;
    width: 100%;
    max-width: 100%;
  }
}
#nav div.contain form {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  right: 110px;
  background-color: #fff;
  width: calc(100% - 220px);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 25px 40px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}
#nav div.contain form input[name=s] {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: border;
  -moz-transition-property: border;
  -o-transition-property: border;
  -webkit-transition-property: border;
  position: relative;
  width: 100%;
  background-color: #F2F2F2;
  border: 1px solid #f2f2f2;
  font-size: 18px;
  line-height: 18px;
  padding: 7px 10px;
  font-weight: 400;
  letter-spacing: 2px;
  margin: 0 10px auto 0;
  display: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#nav div.contain form input[name=s].show {
  display: flex;
}
#nav div.contain form input[name=s]:focus {
  border: 1px solid #9F9F9F;
}
#nav div.contain form div[data-type=image] {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: border;
  -moz-transition-property: border;
  -o-transition-property: border;
  -webkit-transition-property: border;
  display: none;
  position: relative;
  width: 100%;
  margin: 0 10px auto 0;
  padding: 20px;
  background-color: #F2F2F2;
  border: 1px solid #f2f2f2;
  cursor: pointer;
}
#nav div.contain form div[data-type=image] input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  margin: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#nav div.contain form div[data-type=image] p {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  pointer-events: none;
  position: relative;
  width: 100%;
  font-size: 18px;
  line-height: 20px;
  padding: 5px 10px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-align: center;
  color: #9F9F9F;
}
#nav div.contain form div[data-type=image] p em {
  font-style: normal;
  font-weight: 400;
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  #nav div.contain form div[data-type=image]:hover {
    border: 1px solid #9F9F9F;
  }
  #nav div.contain form div[data-type=image]:hover p {
    color: #000;
  }
}
#nav div.contain form div[data-type=image].show {
  display: flex;
}
#nav div.contain form button,
#nav div.contain form button:visited,
#nav div.contain form button:active,
#nav div.contain form button:focus {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  color: inherit;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px;
  margin: 0 0 auto 0;
  text-transform: uppercase;
  cursor: pointer;
}
#nav div.contain form button svg,
#nav div.contain form button:visited svg,
#nav div.contain form button:active svg,
#nav div.contain form button:focus svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  margin: auto 0;
  height: 20px;
  fill: #B5B5B5;
}
@media (hover: hover) and (pointer: fine) {
  #nav div.contain form button:hover svg,
  #nav div.contain form button:visited:hover svg,
  #nav div.contain form button:active:hover svg,
  #nav div.contain form button:focus:hover svg {
    fill: #000;
  }
}
#nav div.contain form button.active svg,
#nav div.contain form button:visited.active svg,
#nav div.contain form button:active.active svg,
#nav div.contain form button:focus.active svg {
  fill: #000;
}
#nav div.contain form.show {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 1250px) {
  #nav div.contain form {
    right: 80px;
    width: calc(100% - 160px);
  }
}
@media (max-width: 767px) {
  #nav div.contain form {
    right: 50px;
    width: calc(100% - 100px);
    max-width: calc(100% - 100px);
  }
}
@media (max-width: 450px) {
  #nav div.contain form {
    right: 0;
    width: 100%;
    max-width: 100%;
    padding: 25px 10px 25px 30px;
  }
}
@media (max-width: 1700px) {
  #nav div.contain ul[data-name=right] li a:not([data-child=menu], [data-child=samples], [data-child=search]),
  #nav div.contain ul[data-name=right] li a:visited:not([data-child=menu], [data-child=samples], [data-child=search]),
  #nav div.contain ul[data-name=right] li a:active:not([data-child=menu], [data-child=samples], [data-child=search]),
  #nav div.contain ul[data-name=right] li a:focus:not([data-child=menu], [data-child=samples], [data-child=search]),
  #nav div.contain ul[data-name=right] li button:not([data-child=menu], [data-child=samples], [data-child=search]),
  #nav div.contain ul[data-name=right] li button:visited:not([data-child=menu], [data-child=samples], [data-child=search]),
  #nav div.contain ul[data-name=right] li button:active:not([data-child=menu], [data-child=samples], [data-child=search]),
  #nav div.contain ul[data-name=right] li button:focus:not([data-child=menu], [data-child=samples], [data-child=search]) {
    margin: 0 15px;
  }
}
@media (max-width: 1600px) {
  #nav div.contain .hide {
    display: none;
  }
}
@media (max-width: 1100px) {
  #nav div.contain .hide-phone {
    display: none;
  }
}
@media (max-width: 1250px) {
  #nav div.contain {
    padding: 40px 40px 0 40px;
  }
}
@media (max-width: 767px) {
  #nav div.contain {
    padding: 40px 10px 0 20px;
  }
}

@-webkit-keyframes alert {
  0% {
    transform: translateY(-40px);
    opacity: 0;
  }
  10% {
    transform: translateY(-10px);
    opacity: 1;
  }
  90% {
    transform: translateY(5px);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(15px);
  }
}
@-moz-keyframes alert {
  0% {
    transform: translateY(-40px);
    opacity: 0;
  }
  10% {
    transform: translateY(-10px);
    opacity: 1;
  }
  90% {
    transform: translateY(5px);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(15px);
  }
}
@-ms-keyframes alert {
  0% {
    transform: translateY(-40px);
    opacity: 0;
  }
  10% {
    transform: translateY(-10px);
    opacity: 1;
  }
  90% {
    transform: translateY(5px);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(15px);
  }
}
@-o-keyframes alert {
  0% {
    transform: translateY(-40px);
    opacity: 0;
  }
  10% {
    transform: translateY(-10px);
    opacity: 1;
  }
  90% {
    transform: translateY(5px);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(15px);
  }
}
@keyframes alert {
  0% {
    transform: translateY(-40px);
    opacity: 0;
  }
  10% {
    transform: translateY(-10px);
    opacity: 1;
  }
  90% {
    transform: translateY(5px);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(15px);
  }
}
@-webkit-keyframes action {
  0% {
    transform: scale(1) rotate(0deg);
  }
  30% {
    transform: scale(1.1) rotate(5deg);
  }
  70% {
    transform: scale(1.1) rotate(-5deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@-moz-keyframes action {
  0% {
    transform: scale(1) rotate(0deg);
  }
  30% {
    transform: scale(1.1) rotate(5deg);
  }
  70% {
    transform: scale(1.1) rotate(-5deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@-ms-keyframes action {
  0% {
    transform: scale(1) rotate(0deg);
  }
  30% {
    transform: scale(1.1) rotate(5deg);
  }
  70% {
    transform: scale(1.1) rotate(-5deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@-o-keyframes action {
  0% {
    transform: scale(1) rotate(0deg);
  }
  30% {
    transform: scale(1.1) rotate(5deg);
  }
  70% {
    transform: scale(1.1) rotate(-5deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@keyframes action {
  0% {
    transform: rotate(0deg) translate(0, 0);
  }
  20% {
    transform: rotate(0deg) translate(-10px, 0);
  }
  40% {
    transform: rotate(-10deg) translate(-5px, 0);
  }
  60% {
    transform: rotate(0deg) translate(0, -5px);
  }
  80% {
    transform: rotate(10deg) translate(5px, 0);
  }
  100% {
    transform: rotate(0deg) translate(0, 0);
  }
}
section.cookies {
  position: fixed;
  right: 50%;
  bottom: 0;
  z-index: 10000;
  background-color: #000000;
  width: 100%;
  padding: 30px 30px 0 30px;
  color: white;
  pointer-events: all;
  max-width: 800px;
  max-height: 90vh;
  overflow: auto;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.4);
  transform: translateX(50%);
  /*&::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  &::-webkit-scrollbar-track {
    background: $white;
    width: 80px;
  }
  &::-webkit-scrollbar-thumb {
    transition: 500ms cubic-bezier(0.42,0,0.58,1);
    -moz-transition: 500ms cubic-bezier(0.42,0,0.58,1);
    -o-transition: 500ms cubic-bezier(0.42,0,0.58,1);
    -webkit-transition: 500ms cubic-bezier(0.42,0,0.58,1);
    transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    background-color: $white-light;
  }
  &::-webkit-scrollbar-thumb:hover {
    background-color: $white;
  }
  &::-webkit-scrollbar-corner {
    background: $white-dark;
  }*/
}
section.cookies.alert {
  max-width: 400px;
  bottom: 50%;
  transform: translate(50%, 50%);
}
@media (max-width: 767px) {
  section.cookies {
    padding: 20px;
    width: 100%;
  }
}
section.cookies p {
  position: relative;
  font-weight: 400;
  color: inherit;
  font-size: 14px;
  line-height: 20px;
  margin: auto 0 auto auto;
  width: 100%;
}
section.cookies p a,
section.cookies p a:focus,
section.cookies p a:active,
section.cookies p a:visited,
section.cookies p strong {
  font-weight: 500;
  color: inherit;
}
section.cookies p a,
section.cookies p a:focus,
section.cookies p a:active,
section.cookies p a:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  border: none;
  display: inline;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  margin: 0;
  font-weight: 400;
}
section.cookies p a:hover,
section.cookies p a:focus:hover,
section.cookies p a:active:hover,
section.cookies p a:visited:hover {
  border: 0;
  opacity: 0.5;
}
@media (max-width: 767px) {
  section.cookies p {
    font-size: 14px;
    line-height: 20px;
  }
}
section.cookies h4 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  font-size: 20px;
  line-height: 24px;
  margin: auto 0;
  color: inherit;
  font-weight: 500;
}
section.cookies h4 svg {
  width: 30px;
  height: 24px;
  fill: white;
  margin: 0 10px auto 0;
  padding: 2px 0;
}
section.cookies h5 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  font-size: 16px;
  line-height: 30px;
  margin: 0 0 15px 0;
  white-space: nowrap;
  color: inherit;
  font-weight: 500;
}
section.cookies button,
section.cookies button:focus,
section.cookies button:active,
section.cookies button:visited,
section.cookies a,
section.cookies a:focus,
section.cookies a:active,
section.cookies a:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, border;
  -moz-transition-property: background-color, border;
  -o-transition-property: background-color, border;
  -webkit-transition-property: background-color, border;
  padding: 0 15px 0 15px;
  margin: 0;
  position: absolute;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-content: flex-end;
  width: auto;
  text-align: right;
  top: 0;
  right: 0;
  color: #fff;
  pointer-events: all;
  border: 1px solid #ffffff;
}
section.cookies button svg,
section.cookies button:focus svg,
section.cookies button:active svg,
section.cookies button:visited svg,
section.cookies a svg,
section.cookies a:focus svg,
section.cookies a:active svg,
section.cookies a:visited svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  width: 20px;
  height: 30px;
  fill: #fff;
  margin: auto 0;
  padding: 2px 0;
}
section.cookies button span,
section.cookies button:focus span,
section.cookies button:active span,
section.cookies button:visited span,
section.cookies a span,
section.cookies a:focus span,
section.cookies a:active span,
section.cookies a:visited span {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  color: inherit;
  margin: auto 10px;
  font-weight: 500;
  font-size: 12px;
}
@media (hover: hover) {
  section.cookies button:hover,
  section.cookies button:focus:hover,
  section.cookies button:active:hover,
  section.cookies button:visited:hover,
  section.cookies a:hover,
  section.cookies a:focus:hover,
  section.cookies a:active:hover,
  section.cookies a:visited:hover {
    border: 1px solid #fff;
    color: #fff !important;
    background-color: #000000 !important;
  }
  section.cookies button:hover svg,
  section.cookies button:focus:hover svg,
  section.cookies button:active:hover svg,
  section.cookies button:visited:hover svg,
  section.cookies a:hover svg,
  section.cookies a:focus:hover svg,
  section.cookies a:active:hover svg,
  section.cookies a:visited:hover svg {
    fill: #fff !important;
  }
  section.cookies button:hover.acceptall, section.cookies button:hover.save,
  section.cookies button:focus:hover.acceptall,
  section.cookies button:focus:hover.save,
  section.cookies button:active:hover.acceptall,
  section.cookies button:active:hover.save,
  section.cookies button:visited:hover.acceptall,
  section.cookies button:visited:hover.save,
  section.cookies a:hover.acceptall,
  section.cookies a:hover.save,
  section.cookies a:focus:hover.acceptall,
  section.cookies a:focus:hover.save,
  section.cookies a:active:hover.acceptall,
  section.cookies a:active:hover.save,
  section.cookies a:visited:hover.acceptall,
  section.cookies a:visited:hover.save {
    border: 1px solid #ffffff !important;
    color: #000000 !important;
    background-color: #ffffff !important;
  }
  section.cookies button:hover.acceptall svg, section.cookies button:hover.save svg,
  section.cookies button:focus:hover.acceptall svg,
  section.cookies button:focus:hover.save svg,
  section.cookies button:active:hover.acceptall svg,
  section.cookies button:active:hover.save svg,
  section.cookies button:visited:hover.acceptall svg,
  section.cookies button:visited:hover.save svg,
  section.cookies a:hover.acceptall svg,
  section.cookies a:hover.save svg,
  section.cookies a:focus:hover.acceptall svg,
  section.cookies a:focus:hover.save svg,
  section.cookies a:active:hover.acceptall svg,
  section.cookies a:active:hover.save svg,
  section.cookies a:visited:hover.acceptall svg,
  section.cookies a:visited:hover.save svg {
    fill: #000000 !important;
  }
}
section.cookies header {
  position: relative;
  color: white;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  margin: 0 0 20px 0;
}
section.cookies div.form,
section.cookies form {
  position: relative;
  width: 100%;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 20px 0 0 0;
}
section.cookies div.form ul,
section.cookies form ul {
  list-style: none;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}
section.cookies div.form ul li,
section.cookies form ul li {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
section.cookies div.form ul li button,
section.cookies div.form ul li button:focus,
section.cookies div.form ul li button:active,
section.cookies div.form ul li button:visited,
section.cookies form ul li button,
section.cookies form ul li button:focus,
section.cookies form ul li button:active,
section.cookies form ul li button:visited {
  position: relative;
  width: 100%;
  padding: 0 40px 0 10px;
  text-align: left;
  justify-content: flex-start;
  align-content: flex-start;
  border: none !important;
  border-top: 1px dotted #ffffff !important;
}
section.cookies div.form ul li button svg,
section.cookies div.form ul li button:focus svg,
section.cookies div.form ul li button:active svg,
section.cookies div.form ul li button:visited svg,
section.cookies form ul li button svg,
section.cookies form ul li button:focus svg,
section.cookies form ul li button:active svg,
section.cookies form ul li button:visited svg {
  margin: 0 10px auto 0;
}
section.cookies div.form ul li button small,
section.cookies div.form ul li button:focus small,
section.cookies div.form ul li button:active small,
section.cookies div.form ul li button:visited small,
section.cookies form ul li button small,
section.cookies form ul li button:focus small,
section.cookies form ul li button:active small,
section.cookies form ul li button:visited small {
  font-size: 14px;
  line-height: 16px;
  padding: 0 3px;
  text-align: center;
  margin: auto auto auto 10px;
}
section.cookies div.form ul li button.open svg,
section.cookies div.form ul li button:focus.open svg,
section.cookies div.form ul li button:active.open svg,
section.cookies div.form ul li button:visited.open svg,
section.cookies form ul li button.open svg,
section.cookies form ul li button:focus.open svg,
section.cookies form ul li button:active.open svg,
section.cookies form ul li button:visited.open svg {
  transform: rotate(180deg);
}
section.cookies div.form ul li label,
section.cookies form ul li label {
  position: absolute;
  top: 1px;
  right: 0;
  margin: auto 0 auto auto;
}
section.cookies div.form ul li div,
section.cookies form ul li div {
  position: relative;
  width: 100%;
  display: none;
  padding: 20px;
  overflow: auto;
  max-height: 180px;
}
section.cookies div.form ul li div.open,
section.cookies form ul li div.open {
  display: block;
}
section.cookies div.form ul li div table,
section.cookies form ul li div table {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 10px 0 0 0;
  text-align: left;
  border: none;
  border-top: 1px dotted #ffffff;
  background-color: transparent;
}
section.cookies div.form ul li div table *,
section.cookies form ul li div table * {
  margin: 0;
  padding: 0;
  text-align: left;
  border: none;
  background-color: transparent;
  font-size: 14px;
  line-height: 24px;
  color: white;
  font-weight: 400;
}
section.cookies div.form ul li div table caption,
section.cookies form ul li div table caption {
  margin: 0 0 20px 0;
}
section.cookies div.form ul li div table thead,
section.cookies div.form ul li div table thead *,
section.cookies form ul li div table thead,
section.cookies form ul li div table thead * {
  margin: 0;
  font-weight: 500;
  padding: 5px 0;
  border-bottom: 1px dotted white;
}
section.cookies div.form ul li div table tbody tr:first-child td,
section.cookies form ul li div table tbody tr:first-child td {
  padding: 5px 0 0 0;
}
section.cookies div.form ul li div table thead,
section.cookies form ul li div table thead {
  position: sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: -20px;
  z-index: 100;
  background-color: #000000;
}
section.cookies div.form label,
section.cookies form label {
  position: relative;
  margin: auto 30px auto 0;
  width: auto;
  font-size: 16px;
  line-height: 40px;
  padding: 0 0 0 35px;
  cursor: pointer;
}
section.cookies div.form label input,
section.cookies form label input {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, border, background-image, background-position;
  -moz-transition-property: background-color, border, background-image, background-position;
  -o-transition-property: background-color, border, background-image, background-position;
  -webkit-transition-property: background-color, border, background-image, background-position;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 7px;
  left: 0;
  width: 25px;
  height: 25px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath style='fill: %23FFFFFF;' d='M382-253.847 168.616-467.231l42.769-42.768L382-339.384l366.615-366.615 42.769 42.768L382-253.847Z'/%3E%3C/svg%3E");
  background-position: center -30px;
  background-repeat: no-repeat;
  background-size: 90%;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
section.cookies div.form label input:hover,
section.cookies form label input:hover {
  background-position: center;
}
section.cookies div.form label input:checked,
section.cookies form label input:checked {
  background-position: center;
  border: 1px solid #fff;
}
section.cookies div.form label input:disabled,
section.cookies form label input:disabled {
  opacity: 0.5;
}
section.cookies div.footer,
section.cookies footer {
  position: sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  bottom: 0;
  background-color: #000000;
  width: 100%;
  border-top: 1px dashed #ffffff;
  margin: 30px 0 0 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-content: flex-start;
  padding: 30px 0;
}
section.cookies div.footer button,
section.cookies div.footer button:focus,
section.cookies div.footer button:active,
section.cookies div.footer button:visited,
section.cookies div.footer a,
section.cookies div.footer a:focus,
section.cookies div.footer a:active,
section.cookies div.footer a:visited,
section.cookies footer button,
section.cookies footer button:focus,
section.cookies footer button:active,
section.cookies footer button:visited,
section.cookies footer a,
section.cookies footer a:focus,
section.cookies footer a:active,
section.cookies footer a:visited {
  justify-content: flex-start;
  align-content: flex-start;
  text-align: left;
  padding: 10px 15px;
  margin: 0 0 0 20px;
  position: relative;
  line-height: 16px;
  font-weight: 500;
  text-decoration: none;
}
section.cookies div.footer button span,
section.cookies div.footer button:focus span,
section.cookies div.footer button:active span,
section.cookies div.footer button:visited span,
section.cookies div.footer a span,
section.cookies div.footer a:focus span,
section.cookies div.footer a:active span,
section.cookies div.footer a:visited span,
section.cookies footer button span,
section.cookies footer button:focus span,
section.cookies footer button:active span,
section.cookies footer button:visited span,
section.cookies footer a span,
section.cookies footer a:focus span,
section.cookies footer a:active span,
section.cookies footer a:visited span {
  font-size: 12px;
  font-weight: 500;
}
section.cookies div.footer button.acceptall, section.cookies div.footer button.save,
section.cookies div.footer button:focus.acceptall,
section.cookies div.footer button:focus.save,
section.cookies div.footer button:active.acceptall,
section.cookies div.footer button:active.save,
section.cookies div.footer button:visited.acceptall,
section.cookies div.footer button:visited.save,
section.cookies div.footer a.acceptall,
section.cookies div.footer a.save,
section.cookies div.footer a:focus.acceptall,
section.cookies div.footer a:focus.save,
section.cookies div.footer a:active.acceptall,
section.cookies div.footer a:active.save,
section.cookies div.footer a:visited.acceptall,
section.cookies div.footer a:visited.save,
section.cookies footer button.acceptall,
section.cookies footer button.save,
section.cookies footer button:focus.acceptall,
section.cookies footer button:focus.save,
section.cookies footer button:active.acceptall,
section.cookies footer button:active.save,
section.cookies footer button:visited.acceptall,
section.cookies footer button:visited.save,
section.cookies footer a.acceptall,
section.cookies footer a.save,
section.cookies footer a:focus.acceptall,
section.cookies footer a:focus.save,
section.cookies footer a:active.acceptall,
section.cookies footer a:active.save,
section.cookies footer a:visited.acceptall,
section.cookies footer a:visited.save {
  font-weight: 500;
  background-color: #fff;
  color: #000000;
  border: 1px solid #fff;
}
section.cookies div.footer button.acceptall svg, section.cookies div.footer button.save svg,
section.cookies div.footer button:focus.acceptall svg,
section.cookies div.footer button:focus.save svg,
section.cookies div.footer button:active.acceptall svg,
section.cookies div.footer button:active.save svg,
section.cookies div.footer button:visited.acceptall svg,
section.cookies div.footer button:visited.save svg,
section.cookies div.footer a.acceptall svg,
section.cookies div.footer a.save svg,
section.cookies div.footer a:focus.acceptall svg,
section.cookies div.footer a:focus.save svg,
section.cookies div.footer a:active.acceptall svg,
section.cookies div.footer a:active.save svg,
section.cookies div.footer a:visited.acceptall svg,
section.cookies div.footer a:visited.save svg,
section.cookies footer button.acceptall svg,
section.cookies footer button.save svg,
section.cookies footer button:focus.acceptall svg,
section.cookies footer button:focus.save svg,
section.cookies footer button:active.acceptall svg,
section.cookies footer button:active.save svg,
section.cookies footer button:visited.acceptall svg,
section.cookies footer button:visited.save svg,
section.cookies footer a.acceptall svg,
section.cookies footer a.save svg,
section.cookies footer a:focus.acceptall svg,
section.cookies footer a:focus.save svg,
section.cookies footer a:active.acceptall svg,
section.cookies footer a:active.save svg,
section.cookies footer a:visited.acceptall svg,
section.cookies footer a:visited.save svg {
  fill: #000000;
}
@media (max-width: 800px) {
  section.cookies div.footer button,
  section.cookies div.footer button:focus,
  section.cookies div.footer button:active,
  section.cookies div.footer button:visited,
  section.cookies div.footer a,
  section.cookies div.footer a:focus,
  section.cookies div.footer a:active,
  section.cookies div.footer a:visited,
  section.cookies footer button,
  section.cookies footer button:focus,
  section.cookies footer button:active,
  section.cookies footer button:visited,
  section.cookies footer a,
  section.cookies footer a:focus,
  section.cookies footer a:active,
  section.cookies footer a:visited {
    justify-content: center;
    align-content: center;
    margin: 20px 0 0 10px;
    width: calc(50% - 10px);
  }
  section.cookies div.footer button:nth-child(odd),
  section.cookies div.footer button:focus:nth-child(odd),
  section.cookies div.footer button:active:nth-child(odd),
  section.cookies div.footer button:visited:nth-child(odd),
  section.cookies div.footer a:nth-child(odd),
  section.cookies div.footer a:focus:nth-child(odd),
  section.cookies div.footer a:active:nth-child(odd),
  section.cookies div.footer a:visited:nth-child(odd),
  section.cookies footer button:nth-child(odd),
  section.cookies footer button:focus:nth-child(odd),
  section.cookies footer button:active:nth-child(odd),
  section.cookies footer button:visited:nth-child(odd),
  section.cookies footer a:nth-child(odd),
  section.cookies footer a:focus:nth-child(odd),
  section.cookies footer a:active:nth-child(odd),
  section.cookies footer a:visited:nth-child(odd) {
    margin: 20px 10px 0 0;
  }
}
section.cookies div.footer a:not(.acceptall),
section.cookies div.footer a:not(.acceptall):focus,
section.cookies div.footer a:not(.acceptall):active,
section.cookies div.footer a:not(.acceptall):visited,
section.cookies footer a:not(.acceptall),
section.cookies footer a:not(.acceptall):focus,
section.cookies footer a:not(.acceptall):active,
section.cookies footer a:not(.acceptall):visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  padding: 0;
  margin: auto 30px auto 0;
  position: relative;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-content: flex-end;
  width: auto;
  text-align: right;
  color: white;
  pointer-events: all;
  text-decoration: none;
  border: none;
}
section.cookies div.footer a:not(.acceptall) span,
section.cookies div.footer a:not(.acceptall):focus span,
section.cookies div.footer a:not(.acceptall):active span,
section.cookies div.footer a:not(.acceptall):visited span,
section.cookies footer a:not(.acceptall) span,
section.cookies footer a:not(.acceptall):focus span,
section.cookies footer a:not(.acceptall):active span,
section.cookies footer a:not(.acceptall):visited span {
  color: inherit;
  margin: auto 0;
  font-weight: 500;
  font-size: 14px;
}
section.cookies div.footer a:not(.acceptall):after,
section.cookies div.footer a:not(.acceptall):focus:after,
section.cookies div.footer a:not(.acceptall):active:after,
section.cookies div.footer a:not(.acceptall):visited:after,
section.cookies footer a:not(.acceptall):after,
section.cookies footer a:not(.acceptall):focus:after,
section.cookies footer a:not(.acceptall):active:after,
section.cookies footer a:not(.acceptall):visited:after {
  position: absolute;
  right: -15px;
  width: 1px;
  height: 100%;
  top: 0;
  background-color: white;
  content: " ";
  display: block;
}
@media (max-width: 800px) {
  section.cookies div.footer a:not(.acceptall):after,
  section.cookies div.footer a:not(.acceptall):focus:after,
  section.cookies div.footer a:not(.acceptall):active:after,
  section.cookies div.footer a:not(.acceptall):visited:after,
  section.cookies footer a:not(.acceptall):after,
  section.cookies footer a:not(.acceptall):focus:after,
  section.cookies footer a:not(.acceptall):active:after,
  section.cookies footer a:not(.acceptall):visited:after {
    right: -5px;
  }
}
section.cookies div.footer a:not(.acceptall):last-of-type,
section.cookies div.footer a:not(.acceptall):focus:last-of-type,
section.cookies div.footer a:not(.acceptall):active:last-of-type,
section.cookies div.footer a:not(.acceptall):visited:last-of-type,
section.cookies footer a:not(.acceptall):last-of-type,
section.cookies footer a:not(.acceptall):focus:last-of-type,
section.cookies footer a:not(.acceptall):active:last-of-type,
section.cookies footer a:not(.acceptall):visited:last-of-type {
  margin: auto auto auto 0;
  text-align: left;
}
section.cookies div.footer a:not(.acceptall):last-of-type:after,
section.cookies div.footer a:not(.acceptall):focus:last-of-type:after,
section.cookies div.footer a:not(.acceptall):active:last-of-type:after,
section.cookies div.footer a:not(.acceptall):visited:last-of-type:after,
section.cookies footer a:not(.acceptall):last-of-type:after,
section.cookies footer a:not(.acceptall):focus:last-of-type:after,
section.cookies footer a:not(.acceptall):active:last-of-type:after,
section.cookies footer a:not(.acceptall):visited:last-of-type:after {
  display: none;
}
@media (hover: hover) {
  section.cookies div.footer a:not(.acceptall):hover,
  section.cookies div.footer a:not(.acceptall):focus:hover,
  section.cookies div.footer a:not(.acceptall):active:hover,
  section.cookies div.footer a:not(.acceptall):visited:hover,
  section.cookies footer a:not(.acceptall):hover,
  section.cookies footer a:not(.acceptall):focus:hover,
  section.cookies footer a:not(.acceptall):active:hover,
  section.cookies footer a:not(.acceptall):visited:hover {
    border: none;
    opacity: 0.5;
  }
}
@media (max-width: 800px) {
  section.cookies div.footer a:not(.acceptall),
  section.cookies div.footer a:not(.acceptall):focus,
  section.cookies div.footer a:not(.acceptall):active,
  section.cookies div.footer a:not(.acceptall):visited,
  section.cookies footer a:not(.acceptall),
  section.cookies footer a:not(.acceptall):focus,
  section.cookies footer a:not(.acceptall):active,
  section.cookies footer a:not(.acceptall):visited {
    justify-content: center;
    align-content: center;
    margin: 0 0 0 5px !important;
    width: calc(50% - 5px);
  }
  section.cookies div.footer a:not(.acceptall):nth-child(odd),
  section.cookies div.footer a:not(.acceptall):focus:nth-child(odd),
  section.cookies div.footer a:not(.acceptall):active:nth-child(odd),
  section.cookies div.footer a:not(.acceptall):visited:nth-child(odd),
  section.cookies footer a:not(.acceptall):nth-child(odd),
  section.cookies footer a:not(.acceptall):focus:nth-child(odd),
  section.cookies footer a:not(.acceptall):active:nth-child(odd),
  section.cookies footer a:not(.acceptall):visited:nth-child(odd) {
    margin: 0 5px 0 0 !important;
  }
}
@media (max-width: 800px) {
  section.cookies div.footer,
  section.cookies footer {
    flex-flow: row wrap;
  }
}
@media (max-width: 767px) {
  section.cookies div.footer,
  section.cookies footer {
    padding: 20px 0 10px 0;
  }
}
section.cookies.settings {
  display: none;
}

button.cookies:not(.inline),
button.cookies:not(.inline):focus,
button.cookies:not(.inline):active,
button.cookies:not(.inline):visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  padding: 20px;
  margin: 0;
  position: relative;
  float: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  cursor: pointer;
  background-color: #000000;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
  min-width: 60px;
  text-align: right;
  width: 100%;
  color: white;
  pointer-events: all;
  z-index: 90;
  border-top: 1px dashed #ffffff;
}
button.cookies:not(.inline) svg,
button.cookies:not(.inline):focus svg,
button.cookies:not(.inline):active svg,
button.cookies:not(.inline):visited svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  width: 20px;
  height: 20px;
  fill: white;
  margin: auto 0;
  padding: 0;
}
button.cookies:not(.inline) span,
button.cookies:not(.inline):focus span,
button.cookies:not(.inline):active span,
button.cookies:not(.inline):visited span {
  font-size: 16px;
  font-weight: 500;
  margin: auto 0 auto 10px;
}
@media (hover: hover) {
  button.cookies:not(.inline):hover,
  button.cookies:not(.inline):focus:hover,
  button.cookies:not(.inline):active:hover,
  button.cookies:not(.inline):visited:hover {
    background-color: #ffffff;
    color: #000000;
  }
  button.cookies:not(.inline):hover svg,
  button.cookies:not(.inline):focus:hover svg,
  button.cookies:not(.inline):active:hover svg,
  button.cookies:not(.inline):visited:hover svg {
    fill: #000000;
  }
  button.cookies:not(.inline):hover span,
  button.cookies:not(.inline):focus:hover span,
  button.cookies:not(.inline):active:hover span,
  button.cookies:not(.inline):visited:hover span {
    color: #000000;
  }
}
@media (max-width: 1200px) {
  button.cookies:not(.inline),
  button.cookies:not(.inline):focus,
  button.cookies:not(.inline):active,
  button.cookies:not(.inline):visited {
    padding: 0;
  }
}

div.cookiemsg {
  padding: 30px;
  margin: 0;
  position: relative;
  float: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  cursor: pointer;
  background-color: #000000;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  min-width: 60px;
  text-align: left;
  width: 100%;
  color: white;
  pointer-events: all;
  z-index: 90;
  border-top: 1px dashed #ffffff;
}
div.cookiemsg p {
  position: relative;
  font-weight: 400;
  color: inherit;
  font-size: 16px !important;
  line-height: 24px !important;
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
  text-align: left !important;
  display: block;
}
div.cookiemsg p a,
div.cookiemsg p a:focus,
div.cookiemsg p a:active,
div.cookiemsg p a:visited,
div.cookiemsg p strong {
  font-weight: 500;
  color: inherit;
}
div.cookiemsg p a,
div.cookiemsg p a:focus,
div.cookiemsg p a:active,
div.cookiemsg p a:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
}
div.cookiemsg p a:hover,
div.cookiemsg p a:focus:hover,
div.cookiemsg p a:active:hover,
div.cookiemsg p a:visited:hover {
  opacity: 0.5;
}
div.cookiemsg h3 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  font-size: 20px;
  line-height: 40px;
  white-space: nowrap;
  color: inherit;
  font-weight: 500;
  margin: 0;
  width: 100%;
  padding: 0;
}
div.cookiemsg h3 svg {
  width: 25px;
  height: 25px;
  fill: white;
  margin: auto 10px auto 0;
  padding: 2px 0;
}
div.cookiemsg button,
div.cookiemsg button:focus,
div.cookiemsg button:active,
div.cookiemsg button:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, border;
  -moz-transition-property: background-color, border;
  -o-transition-property: background-color, border;
  -webkit-transition-property: background-color, border;
  padding: 10px 30px 10px 20px;
  margin: 0;
  position: relative;
  float: right;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
  width: auto;
  text-align: right;
  top: 0;
  right: 0;
  color: #000000;
  pointer-events: all;
  border: 1px solid #fff;
  background-color: #fff;
}
div.cookiemsg button svg,
div.cookiemsg button:focus svg,
div.cookiemsg button:active svg,
div.cookiemsg button:visited svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  width: 20px;
  height: 30px;
  fill: #000000;
  margin: 5px 5px 0 0;
  padding: 2px 0;
}
div.cookiemsg button span,
div.cookiemsg button:focus span,
div.cookiemsg button:active span,
div.cookiemsg button:visited span {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  color: inherit;
  margin: auto 10px;
  font-weight: 500;
  font-size: 12px;
}
@media (hover: hover) {
  div.cookiemsg button:hover,
  div.cookiemsg button:focus:hover,
  div.cookiemsg button:active:hover,
  div.cookiemsg button:visited:hover {
    border: 1px solid #fff;
    color: #fff !important;
    background-color: #000000 !important;
  }
  div.cookiemsg button:hover svg,
  div.cookiemsg button:focus:hover svg,
  div.cookiemsg button:active:hover svg,
  div.cookiemsg button:visited:hover svg {
    fill: #fff !important;
  }
  div.cookiemsg button:hover.acceptall, div.cookiemsg button:hover.save,
  div.cookiemsg button:focus:hover.acceptall,
  div.cookiemsg button:focus:hover.save,
  div.cookiemsg button:active:hover.acceptall,
  div.cookiemsg button:active:hover.save,
  div.cookiemsg button:visited:hover.acceptall,
  div.cookiemsg button:visited:hover.save {
    border: 1px solid #ffffff !important;
    color: #000000 !important;
    background-color: #ffffff !important;
  }
  div.cookiemsg button:hover.acceptall svg, div.cookiemsg button:hover.save svg,
  div.cookiemsg button:focus:hover.acceptall svg,
  div.cookiemsg button:focus:hover.save svg,
  div.cookiemsg button:active:hover.acceptall svg,
  div.cookiemsg button:active:hover.save svg,
  div.cookiemsg button:visited:hover.acceptall svg,
  div.cookiemsg button:visited:hover.save svg {
    fill: #000000 !important;
  }
}

#heroz {
  position: sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  max-width: 2250px;
}
#heroz section {
  position: absolute;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: center;
  overflow: hidden;
  margin: 0 auto;
  z-index: 0;
  pointer-events: none;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  max-width: 2250px;
}
#heroz section picture {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#heroz section picture img {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 100vw;
  object-fit: cover;
  object-position: center;
  transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
#heroz section video {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  -o-object-fit: cover;
  -o-object-position: center;
}
#heroz section picture, #heroz section video {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  -webkit-transition-delay: 400ms;
  transition-property: width, left;
  -moz-transition-property: width, left;
  -o-transition-property: width, left;
  -webkit-transition-property: width, left;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  left: 50%;
  width: 0;
  overflow: hidden;
}
#heroz section header {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 10vmin 20vmin 5vmin 20vmin;
  z-index: 200;
  pointer-events: none;
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
  /*button{
    margin: 5vmin auto 0 auto;
    //top: 300% !important;
    transform: translateY(100vh);
    -o-transform: translateY(100vh);
    -ms-transform: translateY(100vh);
    -moz-transform: translateY(100vh);
    -webkit-transform: translateY(100vh);
    background-color: transparent;
    //display: none;
  }*/
}
#heroz section header p {
  transition: 800ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 800ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 800ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 800ms cubic-bezier(0.42, 0, 0.58, 1);
}
#heroz section header h1,
#heroz section header h2 {
  transition: 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 600ms cubic-bezier(0.42, 0, 0.58, 1);
}
#heroz section header svg {
  transition: 400ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 400ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 400ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 400ms cubic-bezier(0.42, 0, 0.58, 1);
  position: relative;
  margin: 0 auto;
  height: 25vmin;
  max-height: 180px;
  fill: #fff;
}
#heroz section header h1,
#heroz section header h2,
#heroz section header p,
#heroz section header svg {
  transition-property: transform;
  -moz-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: transform;
  transform: translateY(100vh);
  -o-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -webkit-transform: translateY(100vh);
}
#heroz section header button,
#heroz section header button:visited,
#heroz section header button:active,
#heroz section header button:focus,
#heroz section header a.more,
#heroz section header a.more:visited,
#heroz section header a.more:active,
#heroz section header a.more:focus {
  transform: translateY(100vh);
  -o-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -webkit-transform: translateY(100vh);
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  position: relative;
  background-color: transparent;
  color: #fff;
  font-size: 2vmin;
  padding: 1.5vmin;
  font-weight: 300;
  width: auto;
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  pointer-events: all;
  text-decoration: none;
  margin: 3vmin auto 0 auto;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 10;
}
#heroz section header button small,
#heroz section header button:visited small,
#heroz section header button:active small,
#heroz section header button:focus small,
#heroz section header a.more small,
#heroz section header a.more:visited small,
#heroz section header a.more:active small,
#heroz section header a.more:focus small {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  padding: 0;
  z-index: 10;
}
@media (max-width: 767px) {
  #heroz section header button,
  #heroz section header button:visited,
  #heroz section header button:active,
  #heroz section header button:focus,
  #heroz section header a.more,
  #heroz section header a.more:visited,
  #heroz section header a.more:active,
  #heroz section header a.more:focus {
    padding: 2.5vmin;
  }
}
#heroz section header button:hover,
#heroz section header button:visited:hover,
#heroz section header button:active:hover,
#heroz section header button:focus:hover,
#heroz section header a.more:hover,
#heroz section header a.more:visited:hover,
#heroz section header a.more:active:hover,
#heroz section header a.more:focus:hover {
  background-color: var(--color-3);
  box-shadow: 0 0 4vmin var(--color-3-40);
}
#heroz section header button:hover small, #heroz section header button:hover span,
#heroz section header button:visited:hover small,
#heroz section header button:visited:hover span,
#heroz section header button:active:hover small,
#heroz section header button:active:hover span,
#heroz section header button:focus:hover small,
#heroz section header button:focus:hover span,
#heroz section header a.more:hover small,
#heroz section header a.more:hover span,
#heroz section header a.more:visited:hover small,
#heroz section header a.more:visited:hover span,
#heroz section header a.more:active:hover small,
#heroz section header a.more:active:hover span,
#heroz section header a.more:focus:hover small,
#heroz section header a.more:focus:hover span {
  color: var(--color-1);
}
@media (max-width: 767px) {
  #heroz section header {
    padding: 10vmin;
  }
}
#heroz section.active {
  z-index: 100;
}
#heroz section.active header p {
  transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  -webkit-transition-duration: 400ms;
}
#heroz section.active header h1,
#heroz section.active header h2,
#heroz section.active header p,
#heroz section.active header a.more,
#heroz section.active header a.more:visited,
#heroz section.active header a.more:active,
#heroz section.active header a.more:focus,
#heroz section.active header button,
#heroz section.active header svg {
  transition-delay: 1400ms;
  -moz-transition-delay: 1400ms;
  -o-transition-delay: 1400ms;
  -webkit-transition-delay: 1400ms;
  transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
}
#heroz section.active header a.more,
#heroz section.active header a.more:visited,
#heroz section.active header a.more:active,
#heroz section.active header a.more:focus,
#heroz section.active header button {
  transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  -webkit-transition-delay: 1500ms;
  transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
}
#heroz section.active header a.more:hover,
#heroz section.active header a.more:visited:hover,
#heroz section.active header a.more:active:hover,
#heroz section.active header a.more:focus:hover,
#heroz section.active header button:hover {
  transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
  background-color: var(--color-3);
}
#heroz section.active video,
#heroz section.active picture {
  transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  -webkit-transition-delay: 1000ms;
  left: 0;
  width: 100%;
}
#heroz ul {
  position: absolute;
  bottom: 0;
  z-index: 200;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-flow: row nowrap;
  width: 100vw;
  list-style: none;
  pointer-events: none;
  left: 50%;
  transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  max-width: 2250px;
}
#heroz ul li {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
#heroz ul li button {
  transition: 400ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 400ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 400ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 400ms cubic-bezier(0.42, 0, 0.58, 1);
  display: block;
  pointer-events: all;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  width: 100%;
  height: 5px;
}
#heroz ul li button:after {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: width;
  -moz-transition-property: width;
  -o-transition-property: width;
  -webkit-transition-property: width;
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--color-3);
  content: " ";
  pointer-events: none;
}
#heroz ul li button:before {
  transition: 800ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 800ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 800ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 800ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  -webkit-transition-property: height;
  position: absolute;
  width: 1px;
  height: 100vh;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.1);
  content: " ";
  pointer-events: none;
  display: none;
}
#heroz ul li button span {
  transition: 400ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 400ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 400ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 400ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color, transform;
  -moz-transition-property: color, transform;
  -o-transition-property: color, transform;
  -webkit-transition-property: color, transform;
  position: absolute;
  bottom: 100%;
  display: block;
  color: rgba(255, 255, 255, 0.2);
  font-size: 1vmax;
  left: 0;
  padding: 1vmin;
  font-weight: 100;
  width: 100%;
  text-align: left;
}
@media (max-width: 1199px) {
  #heroz ul li button span {
    font-size: 2vmax;
  }
}
@media (max-width: 1250px) {
  #heroz ul li button span {
    font-size: 2vmax;
  }
  #heroz ul li button span strong {
    display: none;
  }
}
@media (max-width: 767px) {
  #heroz ul li button span {
    font-size: 3vmax;
  }
}
#heroz ul li button:hover {
  box-shadow: 0px 0px 4vmin #fff;
  transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
  background-color: rgba(255, 255, 255, 0.4);
}
#heroz ul li button:hover span {
  color: rgba(255, 255, 255, 0.4);
}
#heroz ul li button.active {
  background-color: var(--color-3-50);
  box-shadow: 0px 0px 4vmin var(--color-3);
}
#heroz ul li button.active:after {
  width: 100%;
}
#heroz ul li button.active span {
  color: var(--color-3);
}
#heroz ul li:first-child button:before {
  display: none;
}
#heroz span.curtain {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  background-color: var(--color-1);
  display: block;
  z-index: 3000;
}
#heroz span.curtain.right {
  right: -50%;
}
#heroz span.curtain.left {
  left: -50%;
}
#heroz.hide div.nav button {
  opacity: 0;
}
#heroz.hide ul li button:before {
  height: 0;
}
#heroz.hide ul li button span {
  transform: translate(0, 100%);
}
#heroz.detail {
  position: relative;
}
#heroz.detail section svg {
  position: relative;
  float: left;
  margin: 0 auto;
  height: 100px;
  fill: #fff;
  filter: drop-shadow(0 0 2vmin var(--color-1));
  z-index: 100;
}

#hero,
.slider,
#slider {
  position: relative;
  float: left;
  width: 100%;
  min-height: clamp(0px, 100svh - 20px, 900px);
  background-color: #000;
  display: flex;
  flex-flow: row nowrap;
  align-content: stretch;
  justify-content: stretch;
  overflow: hidden;
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  z-index: 20;
}
#hero svg#shade,
.slider svg#shade,
#slider svg#shade {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 20;
}
#hero section,
.slider section,
#slider section {
  position: relative;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-content: center;
  min-width: 100%;
  min-height: clamp(400px, 100svh - 20px, 1000px);
}
#hero section div.video,
#hero section picture,
.slider section div.video,
.slider section picture,
#slider section div.video,
#slider section picture {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  background-color: #000;
}
#hero section div.video video,
#hero section div.video img,
#hero section picture video,
#hero section picture img,
.slider section div.video video,
.slider section div.video img,
.slider section picture video,
.slider section picture img,
#slider section div.video video,
#slider section div.video img,
#slider section picture video,
#slider section picture img {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform;
  -moz-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: transform;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
#hero section div.video:after,
#hero section picture:after,
.slider section div.video:after,
.slider section picture:after,
#slider section div.video:after,
#slider section picture:after {
  content: " ";
  display: block;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(90deg, rgba(26, 24, 18, 0) 0%, rgba(26, 24, 18, 0.5) 85%, rgb(26, 24, 18) 100%);
  background-image: -webkit-linear-gradient(90deg, rgba(26, 24, 18, 0) 0%, rgba(26, 24, 18, 0.5) 85%, rgb(26, 24, 18) 100%);
  background-image: -ms-linear-gradient(90deg, rgba(26, 24, 18, 0) 0%, rgba(26, 24, 18, 0.5) 85%, rgb(26, 24, 18) 100%);
  opacity: 0.9;
  z-index: 7;
}
#hero section div.video.tinted video,
#hero section div.video.tinted img,
#hero section picture.tinted video,
#hero section picture.tinted img,
.slider section div.video.tinted video,
.slider section div.video.tinted img,
.slider section picture.tinted video,
.slider section picture.tinted img,
#slider section div.video.tinted video,
#slider section div.video.tinted img,
#slider section picture.tinted video,
#slider section picture.tinted img {
  mix-blend-mode: luminosity;
  opacity: 0.2;
}
#hero section div.video.blur video,
#hero section div.video.blur img,
#hero section picture.blur video,
#hero section picture.blur img,
.slider section div.video.blur video,
.slider section div.video.blur img,
.slider section picture.blur video,
.slider section picture.blur img,
#slider section div.video.blur video,
#slider section div.video.blur img,
#slider section picture.blur video,
#slider section picture.blur img {
  transform: scale(1.05);
  filter: blur(5px);
}
#hero section div.contain,
.slider section div.contain,
#slider section div.contain {
  z-index: 100;
  justify-content: center;
  align-content: center;
}
#hero section a.view,
#hero section a.view:visited,
#hero section a.view:active,
#hero section a.view:focus,
.slider section a.view,
.slider section a.view:visited,
.slider section a.view:active,
.slider section a.view:focus,
#slider section a.view,
#slider section a.view:visited,
#slider section a.view:active,
#slider section a.view:focus {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#hero section header,
.slider section header,
#slider section header {
  display: flex;
  max-width: 1360px;
  padding: 160px 0 100px 0;
  color: #fff;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
#hero section header ul,
.slider section header ul,
#slider section header ul {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  list-style: none;
  z-index: 300;
}
#hero section header ul li,
.slider section header ul li,
#slider section header ul li {
  position: relative;
  float: left;
  font-size: 20px;
  line-height: 40px;
  font-weight: 400;
}
#hero section header ul li:not(#hero section header ul li:last-child,
.slider section header ul li:last-child,
#slider section header ul li:last-child):after,
.slider section header ul li:not(#hero section header ul li:last-child,
.slider section header ul li:last-child,
#slider section header ul li:last-child):after,
#slider section header ul li:not(#hero section header ul li:last-child,
.slider section header ul li:last-child,
#slider section header ul li:last-child):after {
  content: "/";
  margin: 0 5px;
}
#hero section header ul li a,
#hero section header ul li a:visited,
#hero section header ul li a:active,
#hero section header ul li a:focus,
.slider section header ul li a,
.slider section header ul li a:visited,
.slider section header ul li a:active,
.slider section header ul li a:focus,
#slider section header ul li a,
#slider section header ul li a:visited,
#slider section header ul li a:active,
#slider section header ul li a:focus {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  position: relative;
  float: left;
  font-size: 20px;
  line-height: 40px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  #hero section header ul li a:hover,
  #hero section header ul li a:visited:hover,
  #hero section header ul li a:active:hover,
  #hero section header ul li a:focus:hover,
  .slider section header ul li a:hover,
  .slider section header ul li a:visited:hover,
  .slider section header ul li a:active:hover,
  .slider section header ul li a:focus:hover,
  #slider section header ul li a:hover,
  #slider section header ul li a:visited:hover,
  #slider section header ul li a:active:hover,
  #slider section header ul li a:focus:hover {
    color: #918057;
  }
}
#hero section header ul.tags,
.slider section header ul.tags,
#slider section header ul.tags {
  padding: 10px 0 0 0;
}
#hero section header ul.tags li,
.slider section header ul.tags li,
#slider section header ul.tags li {
  margin: 0 5px 5px 0;
}
#hero section header ul.tags li:not(#hero section header ul.tags li:last-child,
.slider section header ul.tags li:last-child,
#slider section header ul.tags li:last-child):after,
.slider section header ul.tags li:not(#hero section header ul.tags li:last-child,
.slider section header ul.tags li:last-child,
#slider section header ul.tags li:last-child):after,
#slider section header ul.tags li:not(#hero section header ul.tags li:last-child,
.slider section header ul.tags li:last-child,
#slider section header ul.tags li:last-child):after {
  content: "";
}
#hero section header ul.tags li p,
.slider section header ul.tags li p,
#slider section header ul.tags li p {
  position: relative;
  float: left;
  font-size: 18px;
  padding: 0 10px;
  line-height: 30px;
  font-weight: 400;
  color: #fff;
  background-color: #000;
  width: auto;
  min-width: 0;
  margin: 0;
}
@media (max-width: 767px) {
  #hero section header ul.tags li p,
  .slider section header ul.tags li p,
  #slider section header ul.tags li p {
    margin: 0;
  }
}
#hero section header ul.tags li a,
#hero section header ul.tags li a:visited,
#hero section header ul.tags li a:active,
#hero section header ul.tags li a:focus,
.slider section header ul.tags li a,
.slider section header ul.tags li a:visited,
.slider section header ul.tags li a:active,
.slider section header ul.tags li a:focus,
#slider section header ul.tags li a,
#slider section header ul.tags li a:visited,
#slider section header ul.tags li a:active,
#slider section header ul.tags li a:focus {
  transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  padding: 0 10px;
  line-height: 30px;
  color: #fff;
  background-color: #554b33;
}
@media (hover: hover) and (pointer: fine) {
  #hero section header ul.tags li a:hover,
  #hero section header ul.tags li a:visited:hover,
  #hero section header ul.tags li a:active:hover,
  #hero section header ul.tags li a:focus:hover,
  .slider section header ul.tags li a:hover,
  .slider section header ul.tags li a:visited:hover,
  .slider section header ul.tags li a:active:hover,
  .slider section header ul.tags li a:focus:hover,
  #slider section header ul.tags li a:hover,
  #slider section header ul.tags li a:visited:hover,
  #slider section header ul.tags li a:active:hover,
  #slider section header ul.tags li a:focus:hover {
    background-color: #918057;
    color: #fff;
  }
}
#hero section header h1, #hero section header h2,
.slider section header h1,
.slider section header h2,
#slider section header h1,
#slider section header h2 {
  position: relative;
  float: left;
  width: auto;
  font-size: 60px;
  line-height: 65px;
  font-weight: 400;
  margin: 0 auto;
  padding: 0;
  color: inherit;
  text-transform: uppercase;
  letter-spacing: 8px;
  text-align: center;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
}
@media (max-width: 950px) {
  #hero section header h1, #hero section header h2,
  .slider section header h1,
  .slider section header h2,
  #slider section header h1,
  #slider section header h2 {
    font-size: 9min;
    line-height: 9.5vmin;
  }
}
@media (max-width: 767px) {
  #hero section header h1, #hero section header h2,
  .slider section header h1,
  .slider section header h2,
  #slider section header h1,
  #slider section header h2 {
    font-size: 8vmin;
    line-height: 8.5vmin;
  }
}
#hero section header p,
.slider section header p,
#slider section header p {
  position: relative;
  float: left;
  width: 100%;
  width: auto;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  margin: 30px auto 0 auto;
  padding: 0;
  color: inherit;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  max-width: 900px;
  text-align: center;
}
#hero section header p strong,
.slider section header p strong,
#slider section header p strong {
  font-weight: bold;
}
#hero section header a.btn,
#hero section header a.btn:visited,
#hero section header a.btn:active,
#hero section header a.btn:focus,
#hero section header button.btn,
#hero section header button.btn:visited,
#hero section header button.btn:active,
#hero section header button.btn:focus,
.slider section header a.btn,
.slider section header a.btn:visited,
.slider section header a.btn:active,
.slider section header a.btn:focus,
.slider section header button.btn,
.slider section header button.btn:visited,
.slider section header button.btn:active,
.slider section header button.btn:focus,
#slider section header a.btn,
#slider section header a.btn:visited,
#slider section header a.btn:active,
#slider section header a.btn:focus,
#slider section header button.btn,
#slider section header button.btn:visited,
#slider section header button.btn:active,
#slider section header button.btn:focus {
  margin: 80px 0 0 0;
}
@media (max-width: 1900px) {
  #hero section header a.btn,
  #hero section header a.btn:visited,
  #hero section header a.btn:active,
  #hero section header a.btn:focus,
  #hero section header button.btn,
  #hero section header button.btn:visited,
  #hero section header button.btn:active,
  #hero section header button.btn:focus,
  .slider section header a.btn,
  .slider section header a.btn:visited,
  .slider section header a.btn:active,
  .slider section header a.btn:focus,
  .slider section header button.btn,
  .slider section header button.btn:visited,
  .slider section header button.btn:active,
  .slider section header button.btn:focus,
  #slider section header a.btn,
  #slider section header a.btn:visited,
  #slider section header a.btn:active,
  #slider section header a.btn:focus,
  #slider section header button.btn,
  #slider section header button.btn:visited,
  #slider section header button.btn:active,
  #slider section header button.btn:focus {
    margin: 60px 0 0 0;
  }
}
@media (max-width: 1250px) {
  #hero section header a.btn,
  #hero section header a.btn:visited,
  #hero section header a.btn:active,
  #hero section header a.btn:focus,
  #hero section header button.btn,
  #hero section header button.btn:visited,
  #hero section header button.btn:active,
  #hero section header button.btn:focus,
  .slider section header a.btn,
  .slider section header a.btn:visited,
  .slider section header a.btn:active,
  .slider section header a.btn:focus,
  .slider section header button.btn,
  .slider section header button.btn:visited,
  .slider section header button.btn:active,
  .slider section header button.btn:focus,
  #slider section header a.btn,
  #slider section header a.btn:visited,
  #slider section header a.btn:active,
  #slider section header a.btn:focus,
  #slider section header button.btn,
  #slider section header button.btn:visited,
  #slider section header button.btn:active,
  #slider section header button.btn:focus {
    margin: 40px 0 0 0;
  }
  #hero section header p,
  .slider section header p,
  #slider section header p {
    margin: 40px 0 0 0;
    font-size: 20px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  #hero section header a.btn,
  #hero section header a.btn:visited,
  #hero section header a.btn:active,
  #hero section header a.btn:focus,
  #hero section header button.btn,
  #hero section header button.btn:visited,
  #hero section header button.btn:active,
  #hero section header button.btn:focus,
  .slider section header a.btn,
  .slider section header a.btn:visited,
  .slider section header a.btn:active,
  .slider section header a.btn:focus,
  .slider section header button.btn,
  .slider section header button.btn:visited,
  .slider section header button.btn:active,
  .slider section header button.btn:focus,
  #slider section header a.btn,
  #slider section header a.btn:visited,
  #slider section header a.btn:active,
  #slider section header a.btn:focus,
  #slider section header button.btn,
  #slider section header button.btn:visited,
  #slider section header button.btn:active,
  #slider section header button.btn:focus {
    margin: 40px 0 0 0;
  }
}
#hero section.nav,
.slider section.nav,
#slider section.nav {
  position: sticky;
  bottom: 0;
  z-index: 200;
  right: 0;
  pointer-events: none;
  padding: 0 0 60px 0;
  display: flex;
  flex-flow: row nowrap;
  margin: auto 0 0 0;
  color: #fff;
}
#hero section.nav div.contain,
.slider section.nav div.contain,
#slider section.nav div.contain {
  flex-flow: row wrap;
  align-self: flex-end;
  justify-content: flex-start;
}
#hero section.nav h1, #hero section.nav h2,
.slider section.nav h1,
.slider section.nav h2,
#slider section.nav h1,
#slider section.nav h2 {
  position: relative;
  float: left;
  max-width: 100%;
  font-size: 60px;
  line-height: 65px;
  font-weight: bold;
  margin: auto 0 0 0;
  padding: 0;
  color: inherit;
  text-transform: uppercase;
  letter-spacing: 8px;
  justify-self: flex-start;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@media (max-width: 950px) {
  #hero section.nav h1, #hero section.nav h2,
  .slider section.nav h1,
  .slider section.nav h2,
  #slider section.nav h1,
  #slider section.nav h2 {
    font-size: 9min;
    line-height: 10vmin;
  }
}
@media (max-width: 767px) {
  #hero section.nav h1, #hero section.nav h2,
  .slider section.nav h1,
  .slider section.nav h2,
  #slider section.nav h1,
  #slider section.nav h2 {
    font-size: 8vmin;
    line-height: 8.5vmin;
  }
}
#hero section.nav p.new,
.slider section.nav p.new,
#slider section.nav p.new {
  margin: auto auto auto 30px;
  background-color: #000000;
  padding: 5px 10px;
}
#hero section.nav ul,
.slider section.nav ul,
#slider section.nav ul {
  position: relative;
  list-style: none;
  margin: 30px 0 auto auto;
  padding: 0;
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
  align-self: flex-end;
  filter: drop-shadow(0 0 10px #000);
}
#hero section.nav ul:before,
.slider section.nav ul:before,
#slider section.nav ul:before {
  content: " ";
  display: block;
  position: absolute;
  width: var(--indicator-w);
  height: 10px;
  left: var(--indicator-pos);
  top: 50%;
  border-radius: 10px;
  background-color: #fff;
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -webkit-transition-property: left;
  transform: translate(-2px, -50%);
}
#hero section.nav ul li,
.slider section.nav ul li,
#slider section.nav ul li {
  position: relative;
  margin: 0;
  overflow: hidden;
  width: 100%;
}
#hero section.nav ul li button,
#hero section.nav ul li button:visited,
#hero section.nav ul li button:active,
#hero section.nav ul li button:focus,
.slider section.nav ul li button,
.slider section.nav ul li button:visited,
.slider section.nav ul li button:active,
.slider section.nav ul li button:focus,
#slider section.nav ul li button,
#slider section.nav ul li button:visited,
#slider section.nav ul li button:active,
#slider section.nav ul li button:focus {
  pointer-events: all;
  position: relative;
  float: left;
  margin: 5px 0;
  padding: 0;
  position: relative;
  width: 100%;
  height: 45px;
  cursor: pointer;
  background-color: transparent;
}
#hero section.nav ul li button:before,
#hero section.nav ul li button:visited:before,
#hero section.nav ul li button:active:before,
#hero section.nav ul li button:focus:before,
.slider section.nav ul li button:before,
.slider section.nav ul li button:visited:before,
.slider section.nav ul li button:active:before,
.slider section.nav ul li button:focus:before,
#slider section.nav ul li button:before,
#slider section.nav ul li button:visited:before,
#slider section.nav ul li button:active:before,
#slider section.nav ul li button:focus:before {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity, border-radius;
  -moz-transition-property: opacity, border-radius;
  -o-transition-property: opacity, border-radius;
  -webkit-transition-property: opacity, border-radius;
  position: absolute;
  top: calc(50% - 3px);
  left: 0;
  content: " ";
  height: 6px;
  width: 100%;
  opacity: 0.5;
  background-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  #hero section.nav ul li button:hover:before,
  #hero section.nav ul li button:visited:hover:before,
  #hero section.nav ul li button:active:hover:before,
  #hero section.nav ul li button:focus:hover:before,
  .slider section.nav ul li button:hover:before,
  .slider section.nav ul li button:visited:hover:before,
  .slider section.nav ul li button:active:hover:before,
  .slider section.nav ul li button:focus:hover:before,
  #slider section.nav ul li button:hover:before,
  #slider section.nav ul li button:visited:hover:before,
  #slider section.nav ul li button:active:hover:before,
  #slider section.nav ul li button:focus:hover:before {
    opacity: 1;
  }
}
#hero section.nav ul li:first-of-type button:before,
#hero section.nav ul li:first-of-type button:visited:before,
#hero section.nav ul li:first-of-type button:active:before,
#hero section.nav ul li:first-of-type button:focus:before,
.slider section.nav ul li:first-of-type button:before,
.slider section.nav ul li:first-of-type button:visited:before,
.slider section.nav ul li:first-of-type button:active:before,
.slider section.nav ul li:first-of-type button:focus:before,
#slider section.nav ul li:first-of-type button:before,
#slider section.nav ul li:first-of-type button:visited:before,
#slider section.nav ul li:first-of-type button:active:before,
#slider section.nav ul li:first-of-type button:focus:before {
  border-radius: 10px 0 0 10px;
}
#hero section.nav ul li:last-of-type button:before,
#hero section.nav ul li:last-of-type button:visited:before,
#hero section.nav ul li:last-of-type button:active:before,
#hero section.nav ul li:last-of-type button:focus:before,
.slider section.nav ul li:last-of-type button:before,
.slider section.nav ul li:last-of-type button:visited:before,
.slider section.nav ul li:last-of-type button:active:before,
.slider section.nav ul li:last-of-type button:focus:before,
#slider section.nav ul li:last-of-type button:before,
#slider section.nav ul li:last-of-type button:visited:before,
#slider section.nav ul li:last-of-type button:active:before,
#slider section.nav ul li:last-of-type button:focus:before {
  border-radius: 0 10px 10px 0;
}
#hero section.nav ul.intro,
.slider section.nav ul.intro,
#slider section.nav ul.intro {
  position: absolute;
  top: 100%;
  background-color: #000;
  padding: 20px;
}
#hero section.nav button.nav,
#hero section.nav button.nav:visited,
#hero section.nav button.nav:active,
#hero section.nav button.nav:focus,
.slider section.nav button.nav,
.slider section.nav button.nav:visited,
.slider section.nav button.nav:active,
.slider section.nav button.nav:focus,
#slider section.nav button.nav,
#slider section.nav button.nav:visited,
#slider section.nav button.nav:active,
#slider section.nav button.nav:focus {
  pointer-events: all;
  float: left;
  margin: auto 0 0 20px;
  padding: 0;
  position: relative;
  border-radius: 50%;
  background-color: transparent;
}
#hero section.nav button.nav svg,
#hero section.nav button.nav:visited svg,
#hero section.nav button.nav:active svg,
#hero section.nav button.nav:focus svg,
.slider section.nav button.nav svg,
.slider section.nav button.nav:visited svg,
.slider section.nav button.nav:active svg,
.slider section.nav button.nav:focus svg,
#slider section.nav button.nav svg,
#slider section.nav button.nav:visited svg,
#slider section.nav button.nav:active svg,
#slider section.nav button.nav:focus svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  position: relative;
  float: left;
  fill: #fff;
  width: 30px;
}
@media (hover: hover) and (pointer: fine) {
  #hero section.nav button.nav:hover,
  #hero section.nav button.nav:visited:hover,
  #hero section.nav button.nav:active:hover,
  #hero section.nav button.nav:focus:hover,
  .slider section.nav button.nav:hover,
  .slider section.nav button.nav:visited:hover,
  .slider section.nav button.nav:active:hover,
  .slider section.nav button.nav:focus:hover,
  #slider section.nav button.nav:hover,
  #slider section.nav button.nav:visited:hover,
  #slider section.nav button.nav:active:hover,
  #slider section.nav button.nav:focus:hover {
    opacity: 1;
  }
  #hero section.nav button.nav:hover svg,
  #hero section.nav button.nav:visited:hover svg,
  #hero section.nav button.nav:active:hover svg,
  #hero section.nav button.nav:focus:hover svg,
  .slider section.nav button.nav:hover svg,
  .slider section.nav button.nav:visited:hover svg,
  .slider section.nav button.nav:active:hover svg,
  .slider section.nav button.nav:focus:hover svg,
  #slider section.nav button.nav:hover svg,
  #slider section.nav button.nav:visited:hover svg,
  #slider section.nav button.nav:active:hover svg,
  #slider section.nav button.nav:focus:hover svg {
    fill: #918057;
  }
}
@media (max-width: 767px) {
  #hero section.nav,
  .slider section.nav,
  #slider section.nav {
    padding: 0 0 20px 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  #hero section:hover:has(a.view) picture img:not(.back),
  .slider section:hover:has(a.view) picture img:not(.back),
  #slider section:hover:has(a.view) picture img:not(.back) {
    transform: scale(0.95);
    transform: scale(1.05);
  }
  #hero section:hover:has(a.view) picture img.back,
  .slider section:hover:has(a.view) picture img.back,
  #slider section:hover:has(a.view) picture img.back {
    transform: scale(1.1);
  }
}
#hero.collection section.nav div.contain,
.slider.collection section.nav div.contain,
#slider.collection section.nav div.contain {
  padding: 0 40px;
  max-width: 1580px;
}
@media (max-width: 767px) {
  #hero.collection section.nav div.contain,
  .slider.collection section.nav div.contain,
  #slider.collection section.nav div.contain {
    padding: 0 20px;
  }
}
#hero.basic,
.slider.basic,
#slider.basic {
  user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  min-height: 0;
  pointer-events: all;
}
#hero.basic section,
.slider.basic section,
#slider.basic section {
  user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  pointer-events: all;
}
#hero.basic section div.contain,
.slider.basic section div.contain,
#slider.basic section div.contain {
  z-index: 100;
}
#hero.basic section header,
.slider.basic section header,
#slider.basic section header {
  width: 100%;
  max-width: 100%;
  padding: 160px 0 80px 0;
  color: #fff;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-end;
}
#hero.basic section header div.title,
.slider.basic section header div.title,
#slider.basic section header div.title {
  position: relative;
  float: left;
  width: 100%;
  margin: auto 0 0 0;
  padding: 0 80px 0 0;
}
@media (max-width: 950px) {
  #hero.basic section header div.title,
  .slider.basic section header div.title,
  #slider.basic section header div.title {
    padding: 0;
  }
}
#hero.basic section header h1,
.slider.basic section header h1,
#slider.basic section header h1 {
  width: 100%;
  margin: 0;
}
#hero.basic section header h2,
.slider.basic section header h2,
#slider.basic section header h2 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 25px;
  line-height: 40px;
  font-weight: bold;
  margin: 30px 0 0 0;
  padding: 0;
  color: inherit;
}
#hero.basic section header p,
.slider.basic section header p,
#slider.basic section header p {
  margin: auto 0 0 0;
  width: 550px;
  min-width: 550px;
}
#hero.basic section header form,
.slider.basic section header form,
#slider.basic section header form {
  position: relative;
  width: 100%;
  float: left;
  top: 0;
  padding: 0;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  color: #000;
  margin: 40px 0 auto auto;
}
#hero.basic section header form input,
.slider.basic section header form input,
#slider.basic section header form input {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 40px;
  font-weight: bold;
  margin: 0;
  padding: 0 10px;
  color: #fff;
  background-color: #000;
  border: 1px solid #918057;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#hero.basic section header form input::-moz-selection,
.slider.basic section header form input::-moz-selection,
#slider.basic section header form input::-moz-selection { /* Code for Firefox */
  color: #000;
  background: #fff;
}
#hero.basic section header form input::selection,
.slider.basic section header form input::selection,
#slider.basic section header form input::selection {
  color: #000;
  background: #fff;
}
#hero.basic section header form button,
#hero.basic section header form button:visited,
#hero.basic section header form button:active,
#hero.basic section header form button:focus,
.slider.basic section header form button,
.slider.basic section header form button:visited,
.slider.basic section header form button:active,
.slider.basic section header form button:focus,
#slider.basic section header form button,
#slider.basic section header form button:visited,
#slider.basic section header form button:active,
#slider.basic section header form button:focus {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color, background-color;
  -moz-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  -webkit-transition-property: color, background-color;
  background-color: #554b33;
  color: #fff;
  margin: auto 0;
  min-width: 50px;
  height: 50px;
}
@media (hover: hover) {
  #hero.basic section header form button:hover,
  #hero.basic section header form button:visited:hover,
  #hero.basic section header form button:active:hover,
  #hero.basic section header form button:focus:hover,
  .slider.basic section header form button:hover,
  .slider.basic section header form button:visited:hover,
  .slider.basic section header form button:active:hover,
  .slider.basic section header form button:focus:hover,
  #slider.basic section header form button:hover,
  #slider.basic section header form button:visited:hover,
  #slider.basic section header form button:active:hover,
  #slider.basic section header form button:focus:hover {
    background-color: #000;
    color: #fff;
  }
}
@media (max-width: 1250px) {
  #hero.basic section header form button,
  #hero.basic section header form button:visited,
  #hero.basic section header form button:active,
  #hero.basic section header form button:focus,
  .slider.basic section header form button,
  .slider.basic section header form button:visited,
  .slider.basic section header form button:active,
  .slider.basic section header form button:focus,
  #slider.basic section header form button,
  #slider.basic section header form button:visited,
  #slider.basic section header form button:active,
  #slider.basic section header form button:focus {
    margin: 40px 0 0 0;
  }
}
@media (max-width: 1250px) {
  #hero.basic section header,
  .slider.basic section header,
  #slider.basic section header {
    padding: 160px 0 40px 0;
  }
  #hero.basic section header p,
  .slider.basic section header p,
  #slider.basic section header p {
    margin: auto 0 0 0;
    width: 100%;
    min-width: 0;
  }
}
@media (max-width: 950px) {
  #hero.basic section header,
  .slider.basic section header,
  #slider.basic section header {
    flex-flow: row wrap;
  }
  #hero.basic section header p,
  .slider.basic section header p,
  #slider.basic section header p {
    margin: 40px 0 0 0;
  }
}
#hero.bespoke,
.slider.bespoke,
#slider.bespoke {
  overflow: visible;
  margin-bottom: 80px;
  pointer-events: all;
  user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
}
#hero.bespoke:before,
.slider.bespoke:before,
#slider.bespoke:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 80px;
  top: 100%;
  left: 0;
  background-color: #f4ecd9;
}
@media (max-width: 1250px) {
  #hero.bespoke:before,
  .slider.bespoke:before,
  #slider.bespoke:before {
    height: 60px;
  }
}
#hero.bespoke section,
.slider.bespoke section,
#slider.bespoke section {
  user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
}
#hero.bespoke section div.contain,
.slider.bespoke section div.contain,
#slider.bespoke section div.contain {
  z-index: 100;
}
#hero.bespoke section header,
.slider.bespoke section header,
#slider.bespoke section header {
  width: 100%;
  max-width: 100%;
  padding: 160px 0 160px 0;
  color: #fff;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-end;
}
#hero.bespoke section header h1,
.slider.bespoke section header h1,
#slider.bespoke section header h1 {
  width: 100%;
  margin: 0;
}
#hero.bespoke section header h2,
.slider.bespoke section header h2,
#slider.bespoke section header h2 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 25px;
  line-height: 40px;
  font-weight: bold;
  margin: 40px 0 0 0;
  padding: 0;
  color: inherit;
}
#hero.bespoke section header p,
.slider.bespoke section header p,
#slider.bespoke section header p {
  margin: 60px 0 0 0;
  width: 550px;
  min-width: 550px;
}
@media (max-width: 1250px) {
  #hero.bespoke section header p,
  .slider.bespoke section header p,
  #slider.bespoke section header p {
    width: 100%;
    max-width: 550px;
    min-width: 0;
  }
}
@media (max-width: 950px) {
  #hero.bespoke section header h1,
  .slider.bespoke section header h1,
  #slider.bespoke section header h1 {
    font-size: 12vmin;
    line-height: 13vmin;
  }
  #hero.bespoke section header p,
  .slider.bespoke section header p,
  #slider.bespoke section header p {
    margin: 40px 0 0 0;
  }
}
#hero.bespoke section div.video video,
#hero.bespoke section div.video img,
#hero.bespoke section picture video,
#hero.bespoke section picture img,
.slider.bespoke section div.video video,
.slider.bespoke section div.video img,
.slider.bespoke section picture video,
.slider.bespoke section picture img,
#slider.bespoke section div.video video,
#slider.bespoke section div.video img,
#slider.bespoke section picture video,
#slider.bespoke section picture img {
  mix-blend-mode: luminosity;
  opacity: 1;
}
#hero.bespoke section div.video.left,
#hero.bespoke section picture.left,
.slider.bespoke section div.video.left,
.slider.bespoke section picture.left,
#slider.bespoke section div.video.left,
#slider.bespoke section picture.left {
  width: calc(50vw + 80px);
  height: calc(100% - 80px);
  top: 160px;
}
#hero.bespoke section div.video.left video,
#hero.bespoke section div.video.left img,
#hero.bespoke section picture.left video,
#hero.bespoke section picture.left img,
.slider.bespoke section div.video.left video,
.slider.bespoke section div.video.left img,
.slider.bespoke section picture.left video,
.slider.bespoke section picture.left img,
#slider.bespoke section div.video.left video,
#slider.bespoke section div.video.left img,
#slider.bespoke section picture.left video,
#slider.bespoke section picture.left img {
  opacity: 0.3;
}
#hero.bespoke section div.video.right,
#hero.bespoke section picture.right,
.slider.bespoke section div.video.right,
.slider.bespoke section picture.right,
#slider.bespoke section div.video.right,
#slider.bespoke section picture.right {
  left: auto;
  right: 0;
  width: calc(50vw - 240px);
}
@media (max-width: 1250px) {
  #hero.bespoke section div.video.left,
  #hero.bespoke section picture.left,
  .slider.bespoke section div.video.left,
  .slider.bespoke section picture.left,
  #slider.bespoke section div.video.left,
  #slider.bespoke section picture.left {
    width: calc(50vw + 40px);
    top: 120px;
    height: calc(100% - 60px);
  }
  #hero.bespoke section div.video.left video,
  #hero.bespoke section div.video.left img,
  #hero.bespoke section picture.left video,
  #hero.bespoke section picture.left img,
  .slider.bespoke section div.video.left video,
  .slider.bespoke section div.video.left img,
  .slider.bespoke section picture.left video,
  .slider.bespoke section picture.left img,
  #slider.bespoke section div.video.left video,
  #slider.bespoke section div.video.left img,
  #slider.bespoke section picture.left video,
  #slider.bespoke section picture.left img {
    opacity: 0.3;
  }
  #hero.bespoke section div.video.right,
  #hero.bespoke section picture.right,
  .slider.bespoke section div.video.right,
  .slider.bespoke section picture.right,
  #slider.bespoke section div.video.right,
  #slider.bespoke section picture.right {
    left: auto;
    right: 0;
    width: calc(50vw - 120px);
  }
}
@media (max-width: 1250px) {
  #hero.bespoke,
  .slider.bespoke,
  #slider.bespoke {
    margin-bottom: 60px;
  }
}
#hero.product,
.slider.product,
#slider.product {
  user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  pointer-events: all;
  padding: 0;
  min-height: 750px;
  max-height: 1200px;
  height: 60svh;
  background-color: #fff;
  border: 1px solid #f4ecd9;
}
#hero.product section,
.slider.product section,
#slider.product section {
  user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  pointer-events: all;
}
#hero.product section div.video:after,
#hero.product section picture:after,
.slider.product section div.video:after,
.slider.product section picture:after,
#slider.product section div.video:after,
#slider.product section picture:after {
  display: none;
}
#hero.product section div.video.product video, #hero.product section div.video.product img,
#hero.product section picture.product video,
#hero.product section picture.product img,
.slider.product section div.video.product video,
.slider.product section div.video.product img,
.slider.product section picture.product video,
.slider.product section picture.product img,
#slider.product section div.video.product video,
#slider.product section div.video.product img,
#slider.product section picture.product video,
#slider.product section picture.product img {
  mix-blend-mode: darken;
}
#hero.product section div.video video,
#hero.product section div.video img,
#hero.product section picture video,
#hero.product section picture img,
.slider.product section div.video video,
.slider.product section div.video img,
.slider.product section picture video,
.slider.product section picture img,
#slider.product section div.video video,
#slider.product section div.video img,
#slider.product section picture video,
#slider.product section picture img {
  padding: 30px 30px 80px 30px;
  object-position: center;
  object-fit: scale-down;
  -o-object-position: center;
  -o-object-fit: scale-down;
}
#hero.product section div.video video.back,
#hero.product section div.video img.back,
#hero.product section picture video.back,
#hero.product section picture img.back,
.slider.product section div.video video.back,
.slider.product section div.video img.back,
.slider.product section picture video.back,
.slider.product section picture img.back,
#slider.product section div.video video.back,
#slider.product section div.video img.back,
#slider.product section picture video.back,
#slider.product section picture img.back {
  position: absolute;
  left: -50px;
  top: -50px;
  width: calc(100% + 100px);
  height: calc(100% + 100px);
  object-position: center;
  object-fit: cover;
  -o-object-position: center;
  -o-object-fit: cover;
  padding: 0;
  filter: blur(25px);
  opacity: 0.3;
}
#hero.product section div.video,
#hero.product section picture,
.slider.product section div.video,
.slider.product section picture,
#slider.product section div.video,
#slider.product section picture {
  background-color: #fff;
}
#hero.product section div.video:not(.product),
#hero.product section picture:not(.product),
.slider.product section div.video:not(.product),
.slider.product section picture:not(.product),
#slider.product section div.video:not(.product),
#slider.product section picture:not(.product) {
  background-color: #000;
}
#hero.product section div.video video,
#hero.product section picture img,
.slider.product section div.video video,
.slider.product section picture img,
#slider.product section div.video video,
#slider.product section picture img {
  opacity: 1;
}
#hero.product section.nav,
.slider.product section.nav,
#slider.product section.nav {
  padding: 20px 30px;
  mix-blend-mode: exclusion;
}

@keyframes fade-in {
  from {
    background-color: inherit;
  }
  to {
    background-color: rgba(230, 230, 230, 0.9);
  }
}
section.aside.colecoes,
section.aside.products,
aside.colecoes {
  position: sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  top: 135px;
  margin: 0 80px 0 0;
  height: auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  min-height: 20px;
  z-index: 200;
  padding: 0 20px 0 0;
  width: 360px;
  min-width: 360px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  gap: 0;
}
section.aside.colecoes header,
section.aside.products header,
aside.colecoes header {
  position: sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  top: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  background-color: #eee;
  padding: 0 20px;
  margin: 0;
  min-height: 20px;
  z-index: 200;
}
section.aside.colecoes header p.title,
section.aside.colecoes header button.parent,
section.aside.colecoes header button.parent:focus,
section.aside.colecoes header button.parent:active,
section.aside.colecoes header button.parent:visited,
section.aside.colecoes header h3,
section.aside.products header p.title,
section.aside.products header button.parent,
section.aside.products header button.parent:focus,
section.aside.products header button.parent:active,
section.aside.products header button.parent:visited,
section.aside.products header h3,
aside.colecoes header p.title,
aside.colecoes header button.parent,
aside.colecoes header button.parent:focus,
aside.colecoes header button.parent:active,
aside.colecoes header button.parent:visited,
aside.colecoes header h3 {
  position: relative;
  float: left;
  font-size: 20px;
  line-height: 20px;
  margin: auto 0;
  white-space: nowrap;
  color: #888;
  font-weight: bold;
}
@media (min-width: 2250px), (min-height: 1500px) {
  section.aside.colecoes header,
  section.aside.products header,
  aside.colecoes header {
    padding: 20px 10px 20px 20px;
    min-height: 20px;
  }
}
@media (max-width: 1250px) {
  section.aside.colecoes header,
  section.aside.products header,
  aside.colecoes header {
    padding: 20px 10px;
  }
}
@media (max-width: 767px) {
  section.aside.colecoes header,
  section.aside.products header,
  aside.colecoes header {
    padding: 20px 20px;
    margin: 0;
    min-height: 20px;
  }
}
section.aside.colecoes ul,
section.aside.products ul,
aside.colecoes ul {
  position: relative;
  float: left;
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
  justify-self: flex-start;
}
section.aside.colecoes ul p.title,
section.aside.colecoes ul button.parent,
section.aside.colecoes ul button.parent:focus,
section.aside.colecoes ul button.parent:active,
section.aside.colecoes ul button.parent:visited,
section.aside.colecoes ul button.parents,
section.aside.colecoes ul button.parents:focus,
section.aside.colecoes ul button.parents:active,
section.aside.colecoes ul button.parents:visited,
section.aside.colecoes ul h3,
section.aside.products ul p.title,
section.aside.products ul button.parent,
section.aside.products ul button.parent:focus,
section.aside.products ul button.parent:active,
section.aside.products ul button.parent:visited,
section.aside.products ul button.parents,
section.aside.products ul button.parents:focus,
section.aside.products ul button.parents:active,
section.aside.products ul button.parents:visited,
section.aside.products ul h3,
aside.colecoes ul p.title,
aside.colecoes ul button.parent,
aside.colecoes ul button.parent:focus,
aside.colecoes ul button.parent:active,
aside.colecoes ul button.parent:visited,
aside.colecoes ul button.parents,
aside.colecoes ul button.parents:focus,
aside.colecoes ul button.parents:active,
aside.colecoes ul button.parents:visited,
aside.colecoes ul h3 {
  position: relative;
  float: left;
  width: 100%;
  text-transform: uppercase;
  font-size: 23px;
  line-height: 25px;
  margin: auto 0;
  white-space: nowrap;
  color: #000;
  font-weight: 400;
  letter-spacing: 2px;
  border-bottom: 1px solid #000;
  padding: 0 0 5px 10px;
  hyphens: auto;
}
@media (max-width: 767px) {
  section.aside.colecoes ul p.title,
  section.aside.colecoes ul button.parent,
  section.aside.colecoes ul button.parent:focus,
  section.aside.colecoes ul button.parent:active,
  section.aside.colecoes ul button.parent:visited,
  section.aside.colecoes ul button.parents,
  section.aside.colecoes ul button.parents:focus,
  section.aside.colecoes ul button.parents:active,
  section.aside.colecoes ul button.parents:visited,
  section.aside.colecoes ul h3,
  section.aside.products ul p.title,
  section.aside.products ul button.parent,
  section.aside.products ul button.parent:focus,
  section.aside.products ul button.parent:active,
  section.aside.products ul button.parent:visited,
  section.aside.products ul button.parents,
  section.aside.products ul button.parents:focus,
  section.aside.products ul button.parents:active,
  section.aside.products ul button.parents:visited,
  section.aside.products ul h3,
  aside.colecoes ul p.title,
  aside.colecoes ul button.parent,
  aside.colecoes ul button.parent:focus,
  aside.colecoes ul button.parent:active,
  aside.colecoes ul button.parent:visited,
  aside.colecoes ul button.parents,
  aside.colecoes ul button.parents:focus,
  aside.colecoes ul button.parents:active,
  aside.colecoes ul button.parents:visited,
  aside.colecoes ul h3 {
    padding: 0;
  }
}
@media (max-width: 767px) {
  section.aside.colecoes ul p.title,
  section.aside.colecoes ul h3,
  section.aside.products ul p.title,
  section.aside.products ul h3,
  aside.colecoes ul p.title,
  aside.colecoes ul h3 {
    display: none;
  }
}
section.aside.colecoes ul button.parent,
section.aside.colecoes ul button.parent:focus,
section.aside.colecoes ul button.parent:active,
section.aside.colecoes ul button.parent:visited,
section.aside.colecoes ul button.parents,
section.aside.colecoes ul button.parents:focus,
section.aside.colecoes ul button.parents:active,
section.aside.colecoes ul button.parents:visited,
section.aside.products ul button.parent,
section.aside.products ul button.parent:focus,
section.aside.products ul button.parent:active,
section.aside.products ul button.parent:visited,
section.aside.products ul button.parents,
section.aside.products ul button.parents:focus,
section.aside.products ul button.parents:active,
section.aside.products ul button.parents:visited,
aside.colecoes ul button.parent,
aside.colecoes ul button.parent:focus,
aside.colecoes ul button.parent:active,
aside.colecoes ul button.parent:visited,
aside.colecoes ul button.parents,
aside.colecoes ul button.parents:focus,
aside.colecoes ul button.parents:active,
aside.colecoes ul button.parents:visited {
  position: relative;
  background-color: transparent;
  text-align: left;
  display: none;
  white-space: normal;
  z-index: 200;
  cursor: pointer;
  overflow: hidden;
}
section.aside.colecoes ul button.parent svg,
section.aside.colecoes ul button.parent:focus svg,
section.aside.colecoes ul button.parent:active svg,
section.aside.colecoes ul button.parent:visited svg,
section.aside.colecoes ul button.parents svg,
section.aside.colecoes ul button.parents:focus svg,
section.aside.colecoes ul button.parents:active svg,
section.aside.colecoes ul button.parents:visited svg,
section.aside.products ul button.parent svg,
section.aside.products ul button.parent:focus svg,
section.aside.products ul button.parent:active svg,
section.aside.products ul button.parent:visited svg,
section.aside.products ul button.parents svg,
section.aside.products ul button.parents:focus svg,
section.aside.products ul button.parents:active svg,
section.aside.products ul button.parents:visited svg,
aside.colecoes ul button.parent svg,
aside.colecoes ul button.parent:focus svg,
aside.colecoes ul button.parent:active svg,
aside.colecoes ul button.parent:visited svg,
aside.colecoes ul button.parents svg,
aside.colecoes ul button.parents:focus svg,
aside.colecoes ul button.parents:active svg,
aside.colecoes ul button.parents:visited svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform;
  -moz-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: transform;
  position: absolute;
  display: inline-block;
  color: #B3B3B3;
  width: 20px;
  height: 22px;
  right: 0;
  top: 0;
  margin: 0;
  transform-origin: center;
  -ms-transform-origin: center;
  -moz-transform-origin: center;
  transform: rotate(0deg);
}
section.aside.colecoes ul button.parent span,
section.aside.colecoes ul button.parent:focus span,
section.aside.colecoes ul button.parent:active span,
section.aside.colecoes ul button.parent:visited span,
section.aside.colecoes ul button.parents span,
section.aside.colecoes ul button.parents:focus span,
section.aside.colecoes ul button.parents:active span,
section.aside.colecoes ul button.parents:visited span,
section.aside.products ul button.parent span,
section.aside.products ul button.parent:focus span,
section.aside.products ul button.parent:active span,
section.aside.products ul button.parent:visited span,
section.aside.products ul button.parents span,
section.aside.products ul button.parents:focus span,
section.aside.products ul button.parents:active span,
section.aside.products ul button.parents:visited span,
aside.colecoes ul button.parent span,
aside.colecoes ul button.parent:focus span,
aside.colecoes ul button.parent:active span,
aside.colecoes ul button.parent:visited span,
aside.colecoes ul button.parents span,
aside.colecoes ul button.parents:focus span,
aside.colecoes ul button.parents:active span,
aside.colecoes ul button.parents:visited span {
  position: relative;
  float: left;
  width: 100%;
  font-size: 12px;
  line-height: 14px;
  margin: 0 0 5px 0;
  padding: 0;
}
section.aside.colecoes ul button.parent.active span,
section.aside.colecoes ul button.parent:focus.active span,
section.aside.colecoes ul button.parent:active.active span,
section.aside.colecoes ul button.parent:visited.active span,
section.aside.colecoes ul button.parents.active span,
section.aside.colecoes ul button.parents:focus.active span,
section.aside.colecoes ul button.parents:active.active span,
section.aside.colecoes ul button.parents:visited.active span,
section.aside.products ul button.parent.active span,
section.aside.products ul button.parent:focus.active span,
section.aside.products ul button.parent:active.active span,
section.aside.products ul button.parent:visited.active span,
section.aside.products ul button.parents.active span,
section.aside.products ul button.parents:focus.active span,
section.aside.products ul button.parents:active.active span,
section.aside.products ul button.parents:visited.active span,
aside.colecoes ul button.parent.active span,
aside.colecoes ul button.parent:focus.active span,
aside.colecoes ul button.parent:active.active span,
aside.colecoes ul button.parent:visited.active span,
aside.colecoes ul button.parents.active span,
aside.colecoes ul button.parents:focus.active span,
aside.colecoes ul button.parents:active.active span,
aside.colecoes ul button.parents:visited.active span {
  display: none;
}
section.aside.colecoes ul button.parent.active svg,
section.aside.colecoes ul button.parent:focus.active svg,
section.aside.colecoes ul button.parent:active.active svg,
section.aside.colecoes ul button.parent:visited.active svg,
section.aside.colecoes ul button.parents.active svg,
section.aside.colecoes ul button.parents:focus.active svg,
section.aside.colecoes ul button.parents:active.active svg,
section.aside.colecoes ul button.parents:visited.active svg,
section.aside.products ul button.parent.active svg,
section.aside.products ul button.parent:focus.active svg,
section.aside.products ul button.parent:active.active svg,
section.aside.products ul button.parent:visited.active svg,
section.aside.products ul button.parents.active svg,
section.aside.products ul button.parents:focus.active svg,
section.aside.products ul button.parents:active.active svg,
section.aside.products ul button.parents:visited.active svg,
aside.colecoes ul button.parent.active svg,
aside.colecoes ul button.parent:focus.active svg,
aside.colecoes ul button.parent:active.active svg,
aside.colecoes ul button.parent:visited.active svg,
aside.colecoes ul button.parents.active svg,
aside.colecoes ul button.parents:focus.active svg,
aside.colecoes ul button.parents:active.active svg,
aside.colecoes ul button.parents:visited.active svg {
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  section.aside.colecoes ul button.parent,
  section.aside.colecoes ul button.parent:focus,
  section.aside.colecoes ul button.parent:active,
  section.aside.colecoes ul button.parent:visited,
  section.aside.colecoes ul button.parents,
  section.aside.colecoes ul button.parents:focus,
  section.aside.colecoes ul button.parents:active,
  section.aside.colecoes ul button.parents:visited,
  section.aside.products ul button.parent,
  section.aside.products ul button.parent:focus,
  section.aside.products ul button.parent:active,
  section.aside.products ul button.parent:visited,
  section.aside.products ul button.parents,
  section.aside.products ul button.parents:focus,
  section.aside.products ul button.parents:active,
  section.aside.products ul button.parents:visited,
  aside.colecoes ul button.parent,
  aside.colecoes ul button.parent:focus,
  aside.colecoes ul button.parent:active,
  aside.colecoes ul button.parent:visited,
  aside.colecoes ul button.parents,
  aside.colecoes ul button.parents:focus,
  aside.colecoes ul button.parents:active,
  aside.colecoes ul button.parents:visited {
    display: block;
  }
}
section.aside.colecoes ul button.clear,
section.aside.colecoes ul button.clear:focus,
section.aside.colecoes ul button.clear:active,
section.aside.colecoes ul button.clear:visited,
section.aside.colecoes ul button.clearall,
section.aside.colecoes ul button.clearall:focus,
section.aside.colecoes ul button.clearall:active,
section.aside.colecoes ul button.clearall:visited,
section.aside.products ul button.clear,
section.aside.products ul button.clear:focus,
section.aside.products ul button.clear:active,
section.aside.products ul button.clear:visited,
section.aside.products ul button.clearall,
section.aside.products ul button.clearall:focus,
section.aside.products ul button.clearall:active,
section.aside.products ul button.clearall:visited,
aside.colecoes ul button.clear,
aside.colecoes ul button.clear:focus,
aside.colecoes ul button.clear:active,
aside.colecoes ul button.clear:visited,
aside.colecoes ul button.clearall,
aside.colecoes ul button.clearall:focus,
aside.colecoes ul button.clearall:active,
aside.colecoes ul button.clearall:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color, transform, opacity;
  -moz-transition-property: color, transform, opacity;
  -o-transition-property: color, transform, opacity;
  -webkit-transition-property: color, transform, opacity;
  padding: 0 5px 0 0;
  margin: 0;
  position: absolute;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-content: flex-end;
  width: 100%;
  text-align: right;
  top: 0;
  right: -10px;
  color: #dd7a75;
  transform: translateX(0);
  opacity: 1;
  pointer-events: all;
  letter-spacing: 1px;
}
section.aside.colecoes ul button.clear svg,
section.aside.colecoes ul button.clear:focus svg,
section.aside.colecoes ul button.clear:active svg,
section.aside.colecoes ul button.clear:visited svg,
section.aside.colecoes ul button.clearall svg,
section.aside.colecoes ul button.clearall:focus svg,
section.aside.colecoes ul button.clearall:active svg,
section.aside.colecoes ul button.clearall:visited svg,
section.aside.products ul button.clear svg,
section.aside.products ul button.clear:focus svg,
section.aside.products ul button.clear:active svg,
section.aside.products ul button.clear:visited svg,
section.aside.products ul button.clearall svg,
section.aside.products ul button.clearall:focus svg,
section.aside.products ul button.clearall:active svg,
section.aside.products ul button.clearall:visited svg,
aside.colecoes ul button.clear svg,
aside.colecoes ul button.clear:focus svg,
aside.colecoes ul button.clear:active svg,
aside.colecoes ul button.clear:visited svg,
aside.colecoes ul button.clearall svg,
aside.colecoes ul button.clearall:focus svg,
aside.colecoes ul button.clearall:active svg,
aside.colecoes ul button.clearall:visited svg {
  width: 20px;
  height: 30px;
  fill: #000;
  margin: 0;
  padding: 2px 0;
}
section.aside.colecoes ul button.clear span,
section.aside.colecoes ul button.clear:focus span,
section.aside.colecoes ul button.clear:active span,
section.aside.colecoes ul button.clear:visited span,
section.aside.colecoes ul button.clearall span,
section.aside.colecoes ul button.clearall:focus span,
section.aside.colecoes ul button.clearall:active span,
section.aside.colecoes ul button.clearall:visited span,
section.aside.products ul button.clear span,
section.aside.products ul button.clear:focus span,
section.aside.products ul button.clear:active span,
section.aside.products ul button.clear:visited span,
section.aside.products ul button.clearall span,
section.aside.products ul button.clearall:focus span,
section.aside.products ul button.clearall:active span,
section.aside.products ul button.clearall:visited span,
aside.colecoes ul button.clear span,
aside.colecoes ul button.clear:focus span,
aside.colecoes ul button.clear:active span,
aside.colecoes ul button.clear:visited span,
aside.colecoes ul button.clearall span,
aside.colecoes ul button.clearall:focus span,
aside.colecoes ul button.clearall:active span,
aside.colecoes ul button.clearall:visited span {
  color: inherit;
  margin: auto 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
section.aside.colecoes ul button.clear:hover,
section.aside.colecoes ul button.clear:focus:hover,
section.aside.colecoes ul button.clear:active:hover,
section.aside.colecoes ul button.clear:visited:hover,
section.aside.colecoes ul button.clearall:hover,
section.aside.colecoes ul button.clearall:focus:hover,
section.aside.colecoes ul button.clearall:active:hover,
section.aside.colecoes ul button.clearall:visited:hover,
section.aside.products ul button.clear:hover,
section.aside.products ul button.clear:focus:hover,
section.aside.products ul button.clear:active:hover,
section.aside.products ul button.clear:visited:hover,
section.aside.products ul button.clearall:hover,
section.aside.products ul button.clearall:focus:hover,
section.aside.products ul button.clearall:active:hover,
section.aside.products ul button.clearall:visited:hover,
aside.colecoes ul button.clear:hover,
aside.colecoes ul button.clear:focus:hover,
aside.colecoes ul button.clear:active:hover,
aside.colecoes ul button.clear:visited:hover,
aside.colecoes ul button.clearall:hover,
aside.colecoes ul button.clearall:focus:hover,
aside.colecoes ul button.clearall:active:hover,
aside.colecoes ul button.clearall:visited:hover {
  color: #000;
}
section.aside.colecoes ul button.clear.hide,
section.aside.colecoes ul button.clear:focus.hide,
section.aside.colecoes ul button.clear:active.hide,
section.aside.colecoes ul button.clear:visited.hide,
section.aside.colecoes ul button.clearall.hide,
section.aside.colecoes ul button.clearall:focus.hide,
section.aside.colecoes ul button.clearall:active.hide,
section.aside.colecoes ul button.clearall:visited.hide,
section.aside.products ul button.clear.hide,
section.aside.products ul button.clear:focus.hide,
section.aside.products ul button.clear:active.hide,
section.aside.products ul button.clear:visited.hide,
section.aside.products ul button.clearall.hide,
section.aside.products ul button.clearall:focus.hide,
section.aside.products ul button.clearall:active.hide,
section.aside.products ul button.clearall:visited.hide,
aside.colecoes ul button.clear.hide,
aside.colecoes ul button.clear:focus.hide,
aside.colecoes ul button.clear:active.hide,
aside.colecoes ul button.clear:visited.hide,
aside.colecoes ul button.clearall.hide,
aside.colecoes ul button.clearall:focus.hide,
aside.colecoes ul button.clearall:active.hide,
aside.colecoes ul button.clearall:visited.hide {
  opacity: 0;
  pointer-events: none;
  transform: translateX(10px);
}
section.aside.colecoes ul li,
section.aside.products ul li,
aside.colecoes ul li {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 40px 0;
}
section.aside.colecoes ul li ul,
section.aside.products ul li ul,
aside.colecoes ul li ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 0 10px;
  margin: 10px 0 0 0;
}
section.aside.colecoes ul li ul li,
section.aside.products ul li ul li,
aside.colecoes ul li ul li {
  margin: 10px 0 0 0;
  padding: 0;
}
section.aside.colecoes ul li ul li button,
section.aside.colecoes ul li ul li button:focus,
section.aside.colecoes ul li ul li button:active,
section.aside.colecoes ul li ul li button:visited,
section.aside.products ul li ul li button,
section.aside.products ul li ul li button:focus,
section.aside.products ul li ul li button:active,
section.aside.products ul li ul li button:visited,
aside.colecoes ul li ul li button,
aside.colecoes ul li ul li button:focus,
aside.colecoes ul li ul li button:active,
aside.colecoes ul li ul li button:visited {
  padding: 0 0 0 40px;
  margin: 0;
  position: relative;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #000;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  width: 100%;
  text-align: left;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: 1px;
}
section.aside.colecoes ul li ul li button span.box,
section.aside.colecoes ul li ul li button picture,
section.aside.colecoes ul li ul li button:focus span.box,
section.aside.colecoes ul li ul li button:focus picture,
section.aside.colecoes ul li ul li button:active span.box,
section.aside.colecoes ul li ul li button:active picture,
section.aside.colecoes ul li ul li button:visited span.box,
section.aside.colecoes ul li ul li button:visited picture,
section.aside.products ul li ul li button span.box,
section.aside.products ul li ul li button picture,
section.aside.products ul li ul li button:focus span.box,
section.aside.products ul li ul li button:focus picture,
section.aside.products ul li ul li button:active span.box,
section.aside.products ul li ul li button:active picture,
section.aside.products ul li ul li button:visited span.box,
section.aside.products ul li ul li button:visited picture,
aside.colecoes ul li ul li button span.box,
aside.colecoes ul li ul li button picture,
aside.colecoes ul li ul li button:focus span.box,
aside.colecoes ul li ul li button:focus picture,
aside.colecoes ul li ul li button:active span.box,
aside.colecoes ul li ul li button:active picture,
aside.colecoes ul li ul li button:visited span.box,
aside.colecoes ul li ul li button:visited picture {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, border, color;
  -moz-transition-property: background-color, border, color;
  -o-transition-property: background-color, border, color;
  -webkit-transition-property: background-color, border, color;
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  overflow: hidden;
  border: 1px solid #999999;
  text-align: center;
  line-height: 23px;
  font-size: 12px;
}
section.aside.colecoes ul li ul li button span.box img,
section.aside.colecoes ul li ul li button picture img,
section.aside.colecoes ul li ul li button:focus span.box img,
section.aside.colecoes ul li ul li button:focus picture img,
section.aside.colecoes ul li ul li button:active span.box img,
section.aside.colecoes ul li ul li button:active picture img,
section.aside.colecoes ul li ul li button:visited span.box img,
section.aside.colecoes ul li ul li button:visited picture img,
section.aside.products ul li ul li button span.box img,
section.aside.products ul li ul li button picture img,
section.aside.products ul li ul li button:focus span.box img,
section.aside.products ul li ul li button:focus picture img,
section.aside.products ul li ul li button:active span.box img,
section.aside.products ul li ul li button:active picture img,
section.aside.products ul li ul li button:visited span.box img,
section.aside.products ul li ul li button:visited picture img,
aside.colecoes ul li ul li button span.box img,
aside.colecoes ul li ul li button picture img,
aside.colecoes ul li ul li button:focus span.box img,
aside.colecoes ul li ul li button:focus picture img,
aside.colecoes ul li ul li button:active span.box img,
aside.colecoes ul li ul li button:active picture img,
aside.colecoes ul li ul li button:visited span.box img,
aside.colecoes ul li ul li button:visited picture img {
  position: absolute;
  left: -2px;
  top: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  z-index: 0;
}
section.aside.colecoes ul li ul li button span.box:after,
section.aside.colecoes ul li ul li button picture:after,
section.aside.colecoes ul li ul li button:focus span.box:after,
section.aside.colecoes ul li ul li button:focus picture:after,
section.aside.colecoes ul li ul li button:active span.box:after,
section.aside.colecoes ul li ul li button:active picture:after,
section.aside.colecoes ul li ul li button:visited span.box:after,
section.aside.colecoes ul li ul li button:visited picture:after,
section.aside.products ul li ul li button span.box:after,
section.aside.products ul li ul li button picture:after,
section.aside.products ul li ul li button:focus span.box:after,
section.aside.products ul li ul li button:focus picture:after,
section.aside.products ul li ul li button:active span.box:after,
section.aside.products ul li ul li button:active picture:after,
section.aside.products ul li ul li button:visited span.box:after,
section.aside.products ul li ul li button:visited picture:after,
aside.colecoes ul li ul li button span.box:after,
aside.colecoes ul li ul li button picture:after,
aside.colecoes ul li ul li button:focus span.box:after,
aside.colecoes ul li ul li button:focus picture:after,
aside.colecoes ul li ul li button:active span.box:after,
aside.colecoes ul li ul li button:active picture:after,
aside.colecoes ul li ul li button:visited span.box:after,
aside.colecoes ul li ul li button:visited picture:after {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  position: absolute;
  content: " ";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/check.svg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  pointer-events: none;
  opacity: 0;
  transform: rotate(-5deg);
}
section.aside.colecoes ul li ul li button span:not(.box),
section.aside.colecoes ul li ul li button:focus span:not(.box),
section.aside.colecoes ul li ul li button:active span:not(.box),
section.aside.colecoes ul li ul li button:visited span:not(.box),
section.aside.products ul li ul li button span:not(.box),
section.aside.products ul li ul li button:focus span:not(.box),
section.aside.products ul li ul li button:active span:not(.box),
section.aside.products ul li ul li button:visited span:not(.box),
aside.colecoes ul li ul li button span:not(.box),
aside.colecoes ul li ul li button:focus span:not(.box),
aside.colecoes ul li ul li button:active span:not(.box),
aside.colecoes ul li ul li button:visited span:not(.box) {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: inherit;
  letter-spacing: 1px;
}
section.aside.colecoes ul li ul li button small,
section.aside.colecoes ul li ul li button:focus small,
section.aside.colecoes ul li ul li button:active small,
section.aside.colecoes ul li ul li button:visited small,
section.aside.products ul li ul li button small,
section.aside.products ul li ul li button:focus small,
section.aside.products ul li ul li button:active small,
section.aside.products ul li ul li button:visited small,
aside.colecoes ul li ul li button small,
aside.colecoes ul li ul li button:focus small,
aside.colecoes ul li ul li button:active small,
aside.colecoes ul li ul li button:visited small {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  color: #B3B3B3;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  margin: 0 0 0 10px;
  display: inline;
  letter-spacing: 1px;
}
section.aside.colecoes ul li ul li button svg,
section.aside.colecoes ul li ul li button:focus svg,
section.aside.colecoes ul li ul li button:active svg,
section.aside.colecoes ul li ul li button:visited svg,
section.aside.products ul li ul li button svg,
section.aside.products ul li ul li button:focus svg,
section.aside.products ul li ul li button:active svg,
section.aside.products ul li ul li button:visited svg,
aside.colecoes ul li ul li button svg,
aside.colecoes ul li ul li button:focus svg,
aside.colecoes ul li ul li button:active svg,
aside.colecoes ul li ul li button:visited svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill, margin;
  -moz-transition-property: fill, margin;
  -o-transition-property: fill, margin;
  -webkit-transition-property: fill, margin;
  width: auto;
  height: 30px;
  fill: #888;
  margin: 0 -30px 0 10px;
  padding: 5px 0;
  display: none;
}
section.aside.colecoes ul li ul li button:hover,
section.aside.colecoes ul li ul li button:focus:hover,
section.aside.colecoes ul li ul li button:active:hover,
section.aside.colecoes ul li ul li button:visited:hover,
section.aside.products ul li ul li button:hover,
section.aside.products ul li ul li button:focus:hover,
section.aside.products ul li ul li button:active:hover,
section.aside.products ul li ul li button:visited:hover,
aside.colecoes ul li ul li button:hover,
aside.colecoes ul li ul li button:focus:hover,
aside.colecoes ul li ul li button:active:hover,
aside.colecoes ul li ul li button:visited:hover {
  color: #000;
}
section.aside.colecoes ul li ul li button:hover span.box,
section.aside.colecoes ul li ul li button:hover picture,
section.aside.colecoes ul li ul li button:focus:hover span.box,
section.aside.colecoes ul li ul li button:focus:hover picture,
section.aside.colecoes ul li ul li button:active:hover span.box,
section.aside.colecoes ul li ul li button:active:hover picture,
section.aside.colecoes ul li ul li button:visited:hover span.box,
section.aside.colecoes ul li ul li button:visited:hover picture,
section.aside.products ul li ul li button:hover span.box,
section.aside.products ul li ul li button:hover picture,
section.aside.products ul li ul li button:focus:hover span.box,
section.aside.products ul li ul li button:focus:hover picture,
section.aside.products ul li ul li button:active:hover span.box,
section.aside.products ul li ul li button:active:hover picture,
section.aside.products ul li ul li button:visited:hover span.box,
section.aside.products ul li ul li button:visited:hover picture,
aside.colecoes ul li ul li button:hover span.box,
aside.colecoes ul li ul li button:hover picture,
aside.colecoes ul li ul li button:focus:hover span.box,
aside.colecoes ul li ul li button:focus:hover picture,
aside.colecoes ul li ul li button:active:hover span.box,
aside.colecoes ul li ul li button:active:hover picture,
aside.colecoes ul li ul li button:visited:hover span.box,
aside.colecoes ul li ul li button:visited:hover picture {
  color: #888;
  border: 1px solid #000;
}
section.aside.colecoes ul li ul li button:hover span.box:after,
section.aside.colecoes ul li ul li button:hover picture:after,
section.aside.colecoes ul li ul li button:focus:hover span.box:after,
section.aside.colecoes ul li ul li button:focus:hover picture:after,
section.aside.colecoes ul li ul li button:active:hover span.box:after,
section.aside.colecoes ul li ul li button:active:hover picture:after,
section.aside.colecoes ul li ul li button:visited:hover span.box:after,
section.aside.colecoes ul li ul li button:visited:hover picture:after,
section.aside.products ul li ul li button:hover span.box:after,
section.aside.products ul li ul li button:hover picture:after,
section.aside.products ul li ul li button:focus:hover span.box:after,
section.aside.products ul li ul li button:focus:hover picture:after,
section.aside.products ul li ul li button:active:hover span.box:after,
section.aside.products ul li ul li button:active:hover picture:after,
section.aside.products ul li ul li button:visited:hover span.box:after,
section.aside.products ul li ul li button:visited:hover picture:after,
aside.colecoes ul li ul li button:hover span.box:after,
aside.colecoes ul li ul li button:hover picture:after,
aside.colecoes ul li ul li button:focus:hover span.box:after,
aside.colecoes ul li ul li button:focus:hover picture:after,
aside.colecoes ul li ul li button:active:hover span.box:after,
aside.colecoes ul li ul li button:active:hover picture:after,
aside.colecoes ul li ul li button:visited:hover span.box:after,
aside.colecoes ul li ul li button:visited:hover picture:after {
  opacity: 0.8;
}
section.aside.colecoes ul li ul li button:hover svg,
section.aside.colecoes ul li ul li button:focus:hover svg,
section.aside.colecoes ul li ul li button:active:hover svg,
section.aside.colecoes ul li ul li button:visited:hover svg,
section.aside.products ul li ul li button:hover svg,
section.aside.products ul li ul li button:focus:hover svg,
section.aside.products ul li ul li button:active:hover svg,
section.aside.products ul li ul li button:visited:hover svg,
aside.colecoes ul li ul li button:hover svg,
aside.colecoes ul li ul li button:focus:hover svg,
aside.colecoes ul li ul li button:active:hover svg,
aside.colecoes ul li ul li button:visited:hover svg {
  fill: #000;
}
section.aside.colecoes ul li ul li button.active,
section.aside.colecoes ul li ul li button:focus.active,
section.aside.colecoes ul li ul li button:active.active,
section.aside.colecoes ul li ul li button:visited.active,
section.aside.products ul li ul li button.active,
section.aside.products ul li ul li button:focus.active,
section.aside.products ul li ul li button:active.active,
section.aside.products ul li ul li button:visited.active,
aside.colecoes ul li ul li button.active,
aside.colecoes ul li ul li button:focus.active,
aside.colecoes ul li ul li button:active.active,
aside.colecoes ul li ul li button:visited.active {
  color: #000;
}
section.aside.colecoes ul li ul li button.active svg,
section.aside.colecoes ul li ul li button:focus.active svg,
section.aside.colecoes ul li ul li button:active.active svg,
section.aside.colecoes ul li ul li button:visited.active svg,
section.aside.products ul li ul li button.active svg,
section.aside.products ul li ul li button:focus.active svg,
section.aside.products ul li ul li button:active.active svg,
section.aside.products ul li ul li button:visited.active svg,
aside.colecoes ul li ul li button.active svg,
aside.colecoes ul li ul li button:focus.active svg,
aside.colecoes ul li ul li button:active.active svg,
aside.colecoes ul li ul li button:visited.active svg {
  margin: 0 0 0 10px;
}
section.aside.colecoes ul li ul li button.active span.box,
section.aside.colecoes ul li ul li button.active picture,
section.aside.colecoes ul li ul li button:focus.active span.box,
section.aside.colecoes ul li ul li button:focus.active picture,
section.aside.colecoes ul li ul li button:active.active span.box,
section.aside.colecoes ul li ul li button:active.active picture,
section.aside.colecoes ul li ul li button:visited.active span.box,
section.aside.colecoes ul li ul li button:visited.active picture,
section.aside.products ul li ul li button.active span.box,
section.aside.products ul li ul li button.active picture,
section.aside.products ul li ul li button:focus.active span.box,
section.aside.products ul li ul li button:focus.active picture,
section.aside.products ul li ul li button:active.active span.box,
section.aside.products ul li ul li button:active.active picture,
section.aside.products ul li ul li button:visited.active span.box,
section.aside.products ul li ul li button:visited.active picture,
aside.colecoes ul li ul li button.active span.box,
aside.colecoes ul li ul li button.active picture,
aside.colecoes ul li ul li button:focus.active span.box,
aside.colecoes ul li ul li button:focus.active picture,
aside.colecoes ul li ul li button:active.active span.box,
aside.colecoes ul li ul li button:active.active picture,
aside.colecoes ul li ul li button:visited.active span.box,
aside.colecoes ul li ul li button:visited.active picture {
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
}
section.aside.colecoes ul li ul li button.active span.box:after,
section.aside.colecoes ul li ul li button.active picture:after,
section.aside.colecoes ul li ul li button:focus.active span.box:after,
section.aside.colecoes ul li ul li button:focus.active picture:after,
section.aside.colecoes ul li ul li button:active.active span.box:after,
section.aside.colecoes ul li ul li button:active.active picture:after,
section.aside.colecoes ul li ul li button:visited.active span.box:after,
section.aside.colecoes ul li ul li button:visited.active picture:after,
section.aside.products ul li ul li button.active span.box:after,
section.aside.products ul li ul li button.active picture:after,
section.aside.products ul li ul li button:focus.active span.box:after,
section.aside.products ul li ul li button:focus.active picture:after,
section.aside.products ul li ul li button:active.active span.box:after,
section.aside.products ul li ul li button:active.active picture:after,
section.aside.products ul li ul li button:visited.active span.box:after,
section.aside.products ul li ul li button:visited.active picture:after,
aside.colecoes ul li ul li button.active span.box:after,
aside.colecoes ul li ul li button.active picture:after,
aside.colecoes ul li ul li button:focus.active span.box:after,
aside.colecoes ul li ul li button:focus.active picture:after,
aside.colecoes ul li ul li button:active.active span.box:after,
aside.colecoes ul li ul li button:active.active picture:after,
aside.colecoes ul li ul li button:visited.active span.box:after,
aside.colecoes ul li ul li button:visited.active picture:after {
  opacity: 1;
  filter: invert(1);
}
section.aside.colecoes ul li ul li.disabled,
section.aside.products ul li ul li.disabled,
aside.colecoes ul li ul li.disabled {
  pointer-events: none;
  color: #B3B3B3;
  opacity: 0.2;
  order: 10;
}
section.aside.colecoes ul li ul li.disabled span,
section.aside.products ul li ul li.disabled span,
aside.colecoes ul li ul li.disabled span {
  color: #B3B3B3;
}
@media (max-width: 767px) {
  section.aside.colecoes ul li ul,
  section.aside.products ul li ul,
  aside.colecoes ul li ul {
    padding: 0;
    display: none;
  }
  section.aside.colecoes ul li ul.show,
  section.aside.products ul li ul.show,
  aside.colecoes ul li ul.show {
    display: flex;
  }
}
section.aside.colecoes ul li.closable h3,
section.aside.products ul li.closable h3,
aside.colecoes ul li.closable h3 {
  display: none;
}
section.aside.colecoes ul li.closable button.parent,
section.aside.colecoes ul li.closable button.parent:focus,
section.aside.colecoes ul li.closable button.parent:active,
section.aside.colecoes ul li.closable button.parent:visited,
section.aside.colecoes ul li.closable button.parents,
section.aside.colecoes ul li.closable button.parents:focus,
section.aside.colecoes ul li.closable button.parents:active,
section.aside.colecoes ul li.closable button.parents:visited,
section.aside.products ul li.closable button.parent,
section.aside.products ul li.closable button.parent:focus,
section.aside.products ul li.closable button.parent:active,
section.aside.products ul li.closable button.parent:visited,
section.aside.products ul li.closable button.parents,
section.aside.products ul li.closable button.parents:focus,
section.aside.products ul li.closable button.parents:active,
section.aside.products ul li.closable button.parents:visited,
aside.colecoes ul li.closable button.parent,
aside.colecoes ul li.closable button.parent:focus,
aside.colecoes ul li.closable button.parent:active,
aside.colecoes ul li.closable button.parent:visited,
aside.colecoes ul li.closable button.parents,
aside.colecoes ul li.closable button.parents:focus,
aside.colecoes ul li.closable button.parents:active,
aside.colecoes ul li.closable button.parents:visited {
  display: block;
}
section.aside.colecoes ul li.closable button.clear,
section.aside.colecoes ul li.closable button.clear:focus,
section.aside.colecoes ul li.closable button.clear:active,
section.aside.colecoes ul li.closable button.clear:visited,
section.aside.colecoes ul li.closable button.clearall,
section.aside.colecoes ul li.closable button.clearall:focus,
section.aside.colecoes ul li.closable button.clearall:active,
section.aside.colecoes ul li.closable button.clearall:visited,
section.aside.products ul li.closable button.clear,
section.aside.products ul li.closable button.clear:focus,
section.aside.products ul li.closable button.clear:active,
section.aside.products ul li.closable button.clear:visited,
section.aside.products ul li.closable button.clearall,
section.aside.products ul li.closable button.clearall:focus,
section.aside.products ul li.closable button.clearall:active,
section.aside.products ul li.closable button.clearall:visited,
aside.colecoes ul li.closable button.clear,
aside.colecoes ul li.closable button.clear:focus,
aside.colecoes ul li.closable button.clear:active,
aside.colecoes ul li.closable button.clear:visited,
aside.colecoes ul li.closable button.clearall,
aside.colecoes ul li.closable button.clearall:focus,
aside.colecoes ul li.closable button.clearall:active,
aside.colecoes ul li.closable button.clearall:visited {
  z-index: 200;
  width: auto;
  right: 30px;
  padding: 0;
}
section.aside.colecoes ul li.closable button.clear span,
section.aside.colecoes ul li.closable button.clear:focus span,
section.aside.colecoes ul li.closable button.clear:active span,
section.aside.colecoes ul li.closable button.clear:visited span,
section.aside.colecoes ul li.closable button.clearall span,
section.aside.colecoes ul li.closable button.clearall:focus span,
section.aside.colecoes ul li.closable button.clearall:active span,
section.aside.colecoes ul li.closable button.clearall:visited span,
section.aside.products ul li.closable button.clear span,
section.aside.products ul li.closable button.clear:focus span,
section.aside.products ul li.closable button.clear:active span,
section.aside.products ul li.closable button.clear:visited span,
section.aside.products ul li.closable button.clearall span,
section.aside.products ul li.closable button.clearall:focus span,
section.aside.products ul li.closable button.clearall:active span,
section.aside.products ul li.closable button.clearall:visited span,
aside.colecoes ul li.closable button.clear span,
aside.colecoes ul li.closable button.clear:focus span,
aside.colecoes ul li.closable button.clear:active span,
aside.colecoes ul li.closable button.clear:visited span,
aside.colecoes ul li.closable button.clearall span,
aside.colecoes ul li.closable button.clearall:focus span,
aside.colecoes ul li.closable button.clearall:active span,
aside.colecoes ul li.closable button.clearall:visited span {
  margin: 0;
}
section.aside.colecoes ul li.closable ul,
section.aside.products ul li.closable ul,
aside.colecoes ul li.closable ul {
  display: none;
}
section.aside.colecoes ul li.closable ul.show,
section.aside.products ul li.closable ul.show,
aside.colecoes ul li.closable ul.show {
  display: flex;
}
section.aside.colecoes ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parent,
section.aside.colecoes ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parent:focus,
section.aside.colecoes ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parent:active,
section.aside.colecoes ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parent:visited,
section.aside.colecoes ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parents,
section.aside.colecoes ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parents:focus,
section.aside.colecoes ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parents:active,
section.aside.colecoes ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parents:visited,
section.aside.products ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parent,
section.aside.products ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parent:focus,
section.aside.products ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parent:active,
section.aside.products ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parent:visited,
section.aside.products ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parents,
section.aside.products ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parents:focus,
section.aside.products ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parents:active,
section.aside.products ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parents:visited,
aside.colecoes ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parent,
aside.colecoes ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parent:focus,
aside.colecoes ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parent:active,
aside.colecoes ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parent:visited,
aside.colecoes ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parents,
aside.colecoes ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parents:focus,
aside.colecoes ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parents:active,
aside.colecoes ul li.closable:has(button.clearall:not(.hide), button.clear:not(.hide)) button.parents:visited {
  padding-right: 100px;
}
@media (max-width: 767px) {
  section.aside.colecoes ul li,
  section.aside.products ul li,
  aside.colecoes ul li {
    margin: 0 0 20px 0;
  }
  section.aside.colecoes ul li button.clearall,
  section.aside.colecoes ul li button.clearall:focus,
  section.aside.colecoes ul li button.clearall:active,
  section.aside.colecoes ul li button.clearall:visited,
  section.aside.products ul li button.clearall,
  section.aside.products ul li button.clearall:focus,
  section.aside.products ul li button.clearall:active,
  section.aside.products ul li button.clearall:visited,
  aside.colecoes ul li button.clearall,
  aside.colecoes ul li button.clearall:focus,
  aside.colecoes ul li button.clearall:active,
  aside.colecoes ul li button.clearall:visited {
    z-index: 200;
    width: auto;
    right: 30px;
    padding: 0;
  }
  section.aside.colecoes ul li button.clearall span,
  section.aside.colecoes ul li button.clearall:focus span,
  section.aside.colecoes ul li button.clearall:active span,
  section.aside.colecoes ul li button.clearall:visited span,
  section.aside.products ul li button.clearall span,
  section.aside.products ul li button.clearall:focus span,
  section.aside.products ul li button.clearall:active span,
  section.aside.products ul li button.clearall:visited span,
  aside.colecoes ul li button.clearall span,
  aside.colecoes ul li button.clearall:focus span,
  aside.colecoes ul li button.clearall:active span,
  aside.colecoes ul li button.clearall:visited span {
    margin: 0;
  }
  section.aside.colecoes ul li:has(button.clearall:not(.hide)) button.parents,
  section.aside.colecoes ul li:has(button.clearall:not(.hide)) button.parents:focus,
  section.aside.colecoes ul li:has(button.clearall:not(.hide)) button.parents:active,
  section.aside.colecoes ul li:has(button.clearall:not(.hide)) button.parents:visited,
  section.aside.products ul li:has(button.clearall:not(.hide)) button.parents,
  section.aside.products ul li:has(button.clearall:not(.hide)) button.parents:focus,
  section.aside.products ul li:has(button.clearall:not(.hide)) button.parents:active,
  section.aside.products ul li:has(button.clearall:not(.hide)) button.parents:visited,
  aside.colecoes ul li:has(button.clearall:not(.hide)) button.parents,
  aside.colecoes ul li:has(button.clearall:not(.hide)) button.parents:focus,
  aside.colecoes ul li:has(button.clearall:not(.hide)) button.parents:active,
  aside.colecoes ul li:has(button.clearall:not(.hide)) button.parents:visited {
    padding-right: 100px;
  }
}
@media (max-width: 767px) {
  section.aside.colecoes ul > li,
  section.aside.products ul > li,
  aside.colecoes ul > li {
    margin: 0 0 20px 0;
  }
}
section.aside.colecoes section,
section.aside.products section,
aside.colecoes section {
  margin: 0;
  padding: 0;
}
section.aside.colecoes section label,
section.aside.products section label,
aside.colecoes section label {
  position: relative;
  float: left;
  width: 100%;
  text-transform: uppercase;
  font-size: 23px;
  line-height: 25px;
  font-weight: 400;
  margin: auto 0;
  white-space: nowrap;
  color: #000;
  letter-spacing: 2px;
  border-bottom: 1px solid #000;
  padding: 0 0 5px 10px;
}
@media (max-width: 767px) {
  section.aside.colecoes section label,
  section.aside.products section label,
  aside.colecoes section label {
    padding: 0;
  }
}
section.aside.colecoes section input,
section.aside.products section input,
aside.colecoes section input {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: border;
  -moz-transition-property: border;
  -o-transition-property: border;
  -webkit-transition-property: border;
  position: relative;
  float: left;
  margin: 20px 10px 0 10px;
  width: calc(100% - 20px);
  background-color: #F2F2F2;
  border: 1px solid #f2f2f2;
  font-size: 18px;
  line-height: 18px;
  padding: 7px 10px;
  font-weight: 400;
  letter-spacing: 2px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
section.aside.colecoes section input:focus,
section.aside.products section input:focus,
aside.colecoes section input:focus {
  border: 1px solid #9F9F9F;
}
section.aside.colecoes section button.clearall,
section.aside.colecoes section button.clearall:focus,
section.aside.colecoes section button.clearall:active,
section.aside.colecoes section button.clearall:visited,
section.aside.products section button.clearall,
section.aside.products section button.clearall:focus,
section.aside.products section button.clearall:active,
section.aside.products section button.clearall:visited,
aside.colecoes section button.clearall,
aside.colecoes section button.clearall:focus,
aside.colecoes section button.clearall:active,
aside.colecoes section button.clearall:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color, transform, opacity;
  -moz-transition-property: color, transform, opacity;
  -o-transition-property: color, transform, opacity;
  -webkit-transition-property: color, transform, opacity;
  padding: 0 5px 0 0;
  margin: 0;
  position: relative;
  font-size: 23px;
  line-height: 25px;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-content: flex-end;
  width: 100%;
  text-align: right;
  top: 0;
  right: 0;
  color: #dd7a75;
  pointer-events: all;
  letter-spacing: 1px;
}
section.aside.colecoes section button.clearall span,
section.aside.colecoes section button.clearall:focus span,
section.aside.colecoes section button.clearall:active span,
section.aside.colecoes section button.clearall:visited span,
section.aside.products section button.clearall span,
section.aside.products section button.clearall:focus span,
section.aside.products section button.clearall:active span,
section.aside.products section button.clearall:visited span,
aside.colecoes section button.clearall span,
aside.colecoes section button.clearall:focus span,
aside.colecoes section button.clearall:active span,
aside.colecoes section button.clearall:visited span {
  color: inherit;
  margin: auto 5px;
  font-size: 23px;
  line-height: 25px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
}
section.aside.colecoes section button.clearall:hover,
section.aside.colecoes section button.clearall:focus:hover,
section.aside.colecoes section button.clearall:active:hover,
section.aside.colecoes section button.clearall:visited:hover,
section.aside.products section button.clearall:hover,
section.aside.products section button.clearall:focus:hover,
section.aside.products section button.clearall:active:hover,
section.aside.products section button.clearall:visited:hover,
aside.colecoes section button.clearall:hover,
aside.colecoes section button.clearall:focus:hover,
aside.colecoes section button.clearall:active:hover,
aside.colecoes section button.clearall:visited:hover {
  color: #000;
}
section.aside.colecoes section.header, section.aside.colecoes section.footer,
section.aside.products section.header,
section.aside.products section.footer,
aside.colecoes section.header,
aside.colecoes section.footer {
  position: sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 500;
  justify-self: flex-start;
}
section.aside.colecoes section.footer,
section.aside.products section.footer,
aside.colecoes section.footer {
  bottom: 0;
  padding: 20px 0 0 0;
}
section.aside.colecoes section.header,
section.aside.products section.header,
aside.colecoes section.header {
  padding: 0 0 20px 0;
  top: 0;
}
section.aside.colecoes::-webkit-scrollbar,
section.aside.products::-webkit-scrollbar,
aside.colecoes::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
section.aside.colecoes::-webkit-scrollbar-track,
section.aside.products::-webkit-scrollbar-track,
aside.colecoes::-webkit-scrollbar-track {
  background: #B3B3B3;
  border-radius: 5px;
}
section.aside.colecoes::-webkit-scrollbar-thumb,
section.aside.products::-webkit-scrollbar-thumb,
aside.colecoes::-webkit-scrollbar-thumb {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  background-color: #000;
  border-radius: 5px;
}
section.aside.colecoes::-webkit-scrollbar-thumb:hover,
section.aside.products::-webkit-scrollbar-thumb:hover,
aside.colecoes::-webkit-scrollbar-thumb:hover {
  background-color: #B3B3B3;
}
section.aside.colecoes::-webkit-scrollbar-corner,
section.aside.products::-webkit-scrollbar-corner,
aside.colecoes::-webkit-scrollbar-corner {
  background: #B3B3B3;
}
@media (max-width: 1600px) {
  section.aside.colecoes,
  section.aside.products,
  aside.colecoes {
    margin: 0 40px 0 0;
  }
}
@media (max-width: 1250px) {
  section.aside.colecoes,
  section.aside.products,
  aside.colecoes {
    width: 320px;
    min-width: 320px;
    margin: 0 20px 0 0;
  }
}
@media (max-width: 767px) {
  section.aside.colecoes,
  section.aside.products,
  aside.colecoes {
    top: 0;
    position: relative;
    width: 100%;
    max-height: 100%;
    min-width: 0;
    z-index: 400;
    padding: 0 10px 0 0;
    margin: 0;
  }
}

section.colecoes {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  gap: clamp(40px, 4vw, 75px) 25px;
}
section.colecoes article {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  margin: 0;
  width: calc(33.3333333333% - 16.6666666667px);
  height: 20vmax;
  max-height: 450px;
  min-height: 250px;
  padding: 0;
}
section.colecoes article picture {
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 180px;
  z-index: 0;
  background-color: #000;
  overflow: hidden;
}
section.colecoes article picture img {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, filter, object-position, -o-object-position, opacity;
  -moz-transition-property: transform, filter, object-position, -o-object-position, opacity;
  -o-transition-property: transform, filter, object-position, -o-object-position, opacity;
  -webkit-transition-property: transform, filter, object-position, -o-object-position, opacity;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
}
section.colecoes article picture img:not(.base) {
  opacity: 0;
  z-index: 100;
}
section.colecoes article picture img:not(.base).active {
  opacity: 1;
}
section.colecoes article picture img.base.active {
  opacity: 1;
}
section.colecoes article picture.rotate img {
  width: 105%;
  aspect-ratio: 1;
  height: auto;
  left: 50%;
  top: 50%;
}
section.colecoes article picture.rotate.deg90 img {
  transform: translate(-50%, -50%) rotate(90deg);
}
section.colecoes article picture.rotate.deg180 img {
  transform: translate(-50%, -50%) rotate(180deg);
}
section.colecoes article picture.rotate.deg270 img {
  transform: translate(-50%, -50%) rotate(270deg);
}
section.colecoes article picture.contained {
  background-color: white;
  border: 1px solid #AAA !important;
}
section.colecoes article picture.contained img {
  padding: 8px;
  object-fit: scale-down !important;
  -o-object-fit: scale-down !important;
}
section.colecoes article picture.moodboard {
  aspect-ratio: 1;
  height: auto;
  bottom: 100%;
  top: auto;
  margin-bottom: 15px;
}
section.colecoes article h2, section.colecoes article h3 {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  font-size: 23px;
  line-height: 30px;
  position: relative;
  padding: 30px;
  margin: auto auto 0 0;
  color: white;
  z-index: 0;
  font-weight: 500;
  width: auto;
  letter-spacing: 2px;
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
  text-transform: uppercase;
}
@media (max-width: 1250px) {
  section.colecoes article h2, section.colecoes article h3 {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  section.colecoes article h2, section.colecoes article h3 {
    font-size: 18px;
    line-height: 25px;
  }
}
section.colecoes article p {
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  font-family: inherit;
  font-weight: 500;
  background-color: #000;
  width: auto;
  padding: 10px 10px 8px 10px;
  margin: 0 auto 0 0;
  z-index: 200;
  text-transform: uppercase;
  letter-spacing: 1px;
  transform: translateY(-100%);
}
section.colecoes article div {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform;
  -moz-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: transform;
  font-family: inherit;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  z-index: 300;
  pointer-events: none;
  position: relative;
  left: 0;
  top: auto;
  bottom: 0;
  float: right;
  background-color: transparent;
  width: 100%;
  height: 70px;
  border-left: none;
  border-top: 10px solid white;
  margin: 0 0 0 auto;
}
section.colecoes article div:before {
  transition: 400ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 400ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 400ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 400ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, background-color;
  -moz-transition-property: transform, background-color;
  -o-transition-property: transform, background-color;
  -webkit-transition-property: transform, background-color;
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  content: " ";
  z-index: 0;
  transform: translate(calc(100% - 20px), 0);
  display: none;
}
@media (max-width: 965px) {
  section.colecoes article div:before {
    transform: translate(calc(100% - 60px), 0);
  }
}
section.colecoes article div svg {
  width: 30px;
  height: 30px;
  padding: 5px;
  margin: auto -5px 30px -5px;
  fill: white;
}
@media (max-width: 767px) {
  section.colecoes article div svg {
    margin: auto -5px 30px -5px;
  }
}
@media (min-width: 2250px) {
  section.colecoes article div svg {
    margin: auto -5px 30px -5px;
  }
}
section.colecoes article div span {
  line-height: 30px;
  margin: auto 40px 30px 0;
  color: white;
  font-size: 16px;
  white-space: nowrap;
  font-weight: bold;
  font-family: inherit;
}
@media (max-width: 1250px) {
  section.colecoes article div {
    border-top: 5px solid white;
  }
}
section.colecoes article ul {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  list-style: none;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 0;
  margin: 0;
  pointer-events: all;
  background-color: #000;
  height: 60px;
  flex-flow: row nowrap;
  z-index: 10;
  overflow: hidden;
}
section.colecoes article ul:has(button) {
  overflow: visible !important;
}
section.colecoes article ul::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
section.colecoes article ul::-webkit-scrollbar-track {
  background: #000;
  width: 80px;
}
section.colecoes article ul::-webkit-scrollbar-thumb {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  background-color: #888;
}
section.colecoes article ul::-webkit-scrollbar-thumb:hover {
  background-color: #888;
}
section.colecoes article ul::-webkit-scrollbar-corner {
  background: #000;
}
section.colecoes article ul li.not a:after,
section.colecoes article ul li.not a:focus:after,
section.colecoes article ul li.not a:active:after,
section.colecoes article ul li.not a:visited:after {
  opacity: 0.2;
}
section.colecoes article ul li {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  float: left;
  border-bottom: none;
}
section.colecoes article ul li:has(button) {
  overflow: visible !important;
}
section.colecoes article ul li button,
section.colecoes article ul li button:focus,
section.colecoes article ul li button:active,
section.colecoes article ul li button:visited,
section.colecoes article ul li a,
section.colecoes article ul li a:focus,
section.colecoes article ul li a:active,
section.colecoes article ul li a:visited {
  overflow: hidden;
}
section.colecoes article ul li button::after,
section.colecoes article ul li button:focus::after,
section.colecoes article ul li button:active::after,
section.colecoes article ul li button:visited::after,
section.colecoes article ul li a::after,
section.colecoes article ul li a:focus::after,
section.colecoes article ul li a:active::after,
section.colecoes article ul li a:visited::after {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  background-image: linear-gradient(90deg, rgb(18, 17, 12) 0%, rgba(18, 17, 12, 0) 100%);
  background-image: -moz-linear-gradient(90deg, rgb(18, 17, 12) 0%, rgba(18, 17, 12, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(18, 17, 12) 0%, rgba(18, 17, 12, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(18, 17, 12) 0%, rgba(18, 17, 12, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 84;
  content: " ";
  display: block;
  opacity: 0;
}
section.colecoes article ul li button img,
section.colecoes article ul li button:focus img,
section.colecoes article ul li button:active img,
section.colecoes article ul li button:visited img,
section.colecoes article ul li a img,
section.colecoes article ul li a:focus img,
section.colecoes article ul li a:active img,
section.colecoes article ul li a:visited img {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  position: absolute;
  padding: 0;
  margin: 0;
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
}
section.colecoes article ul li button.rotate img,
section.colecoes article ul li button:focus.rotate img,
section.colecoes article ul li button:active.rotate img,
section.colecoes article ul li button:visited.rotate img,
section.colecoes article ul li a.rotate img,
section.colecoes article ul li a:focus.rotate img,
section.colecoes article ul li a:active.rotate img,
section.colecoes article ul li a:visited.rotate img {
  width: 105%;
  aspect-ratio: 1;
  height: auto;
  left: 50%;
  top: 50%;
}
section.colecoes article ul li button.rotate.deg90 img,
section.colecoes article ul li button:focus.rotate.deg90 img,
section.colecoes article ul li button:active.rotate.deg90 img,
section.colecoes article ul li button:visited.rotate.deg90 img,
section.colecoes article ul li a.rotate.deg90 img,
section.colecoes article ul li a:focus.rotate.deg90 img,
section.colecoes article ul li a:active.rotate.deg90 img,
section.colecoes article ul li a:visited.rotate.deg90 img {
  transform: translate(-50%, -50%) rotate(90deg);
}
section.colecoes article ul li button.rotate.deg180 img,
section.colecoes article ul li button:focus.rotate.deg180 img,
section.colecoes article ul li button:active.rotate.deg180 img,
section.colecoes article ul li button:visited.rotate.deg180 img,
section.colecoes article ul li a.rotate.deg180 img,
section.colecoes article ul li a:focus.rotate.deg180 img,
section.colecoes article ul li a:active.rotate.deg180 img,
section.colecoes article ul li a:visited.rotate.deg180 img {
  transform: translate(-50%, -50%) rotate(180deg);
}
section.colecoes article ul li button.rotate.deg270 img,
section.colecoes article ul li button:focus.rotate.deg270 img,
section.colecoes article ul li button:active.rotate.deg270 img,
section.colecoes article ul li button:visited.rotate.deg270 img,
section.colecoes article ul li a.rotate.deg270 img,
section.colecoes article ul li a:focus.rotate.deg270 img,
section.colecoes article ul li a:active.rotate.deg270 img,
section.colecoes article ul li a:visited.rotate.deg270 img {
  transform: translate(-50%, -50%) rotate(270deg);
}
section.colecoes article ul li:last-child {
  border-bottom: none;
}
section.colecoes article button,
section.colecoes article button:focus,
section.colecoes article button:active,
section.colecoes article button:visited,
section.colecoes article a,
section.colecoes article a:focus,
section.colecoes article a:active,
section.colecoes article a:visited {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
section.colecoes article button,
section.colecoes article button:focus,
section.colecoes article button:active,
section.colecoes article button:visited {
  overflow: visible !important;
}
section.colecoes article button:before,
section.colecoes article button:focus:before,
section.colecoes article button:active:before,
section.colecoes article button:visited:before {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  position: absolute;
  content: " ";
  left: 50%;
  top: 100%;
  width: 100%;
  height: 100%;
  max-height: 20px;
  max-width: 20px;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  pointer-events: all;
  border: 1px solid #000;
  margin-top: 10px;
  transform: translateX(-50%);
}
@media (hover: hover) {
  section.colecoes article button:hover:before,
  section.colecoes article button:focus:hover:before,
  section.colecoes article button:active:hover:before,
  section.colecoes article button:visited:hover:before {
    opacity: 0.8;
    background-image: url("../images/check.svg");
  }
}
section.colecoes article button.active:before,
section.colecoes article button:focus.active:before,
section.colecoes article button:active.active:before,
section.colecoes article button:visited.active:before {
  border: 1px solid #fff;
  opacity: 1;
  filter: invert(1);
  background-color: #fff;
  background-image: url("../images/check.svg");
}
section.colecoes article:has(div) picture {
  height: calc(100% - 70px);
}
@media (hover: hover) {
  section.colecoes article:hover picture:not(.moodboard) img {
    transform: scale(1.1);
  }
}
@media (max-width: 1300px) {
  section.colecoes article {
    width: calc(50% - 10px);
  }
}
@media (max-width: 900px) {
  section.colecoes article {
    width: 100%;
  }
}
@media (max-width: 767px) {
  section.colecoes article {
    width: calc(50% - 5px);
  }
}
@media (max-width: 400px) {
  section.colecoes article {
    width: 100%;
  }
}
section.colecoes article.light ul,
section.colecoes article.light picture {
  background-color: #EEE;
}
section.colecoes article.light h1, section.colecoes article.light h2, section.colecoes article.light h3 {
  color: #000;
  filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.5));
}
@media (max-width: 1300px) {
  section.colecoes {
    gap: clamp(40px, 4vw, 75px) 20px;
  }
}
@media (max-width: 767px) {
  section.colecoes {
    gap: clamp(40px, 4vw, 75px) 10px;
    margin: 40px 0 0 0;
  }
}
section.colecoes.other {
  margin: 40px 0 0 0;
  padding: 0 25px;
}
section.colecoes.other header {
  top: 0;
  position: relative;
  background-color: transparent;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  margin: 0;
  width: 100%;
  padding: 0 20px;
}
section.colecoes.other header h2, section.colecoes.other header h3 {
  width: auto;
  padding-bottom: 5px;
}
section.colecoes.other header p {
  width: 100%;
  margin: auto 0 0 0;
  padding-bottom: 5px;
}
section.colecoes.other header p button,
section.colecoes.other header p button:focus,
section.colecoes.other header p button:active,
section.colecoes.other header p button:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  position: relative;
  cursor: pointer;
  font-weight: bold;
  background-color: transparent;
  padding: 0;
  color: #000;
  display: inline-flex;
  width: auto;
  line-height: 20px;
}
section.colecoes.other header p button:before,
section.colecoes.other header p button:focus:before,
section.colecoes.other header p button:active:before,
section.colecoes.other header p button:visited:before {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, transform;
  -moz-transition-property: background-color, transform;
  -o-transition-property: background-color, transform;
  -webkit-transition-property: background-color, transform;
  position: absolute;
  top: 100%;
  left: 0;
  content: " ";
  width: 100%;
  height: 2px;
  background-color: #888;
  transform-origin: left center;
  transform: scaleX(0);
}
@media (hover: hover) {
  section.colecoes.other header p button:hover,
  section.colecoes.other header p button:focus:hover,
  section.colecoes.other header p button:active:hover,
  section.colecoes.other header p button:visited:hover {
    color: #888;
  }
  section.colecoes.other header p button:hover:before,
  section.colecoes.other header p button:focus:hover:before,
  section.colecoes.other header p button:active:hover:before,
  section.colecoes.other header p button:visited:hover:before {
    transform: scaleX(1);
  }
}
section.colecoes.other header p button.active,
section.colecoes.other header p button:focus.active,
section.colecoes.other header p button:active.active,
section.colecoes.other header p button:visited.active {
  color: #000;
}
section.colecoes.other header p button.active:before,
section.colecoes.other header p button:focus.active:before,
section.colecoes.other header p button:active.active:before,
section.colecoes.other header p button:visited.active:before {
  background-color: #000;
  transform: scaleX(1);
}
section.colecoes.other header p button.active:after,
section.colecoes.other header p button:focus.active:after,
section.colecoes.other header p button:active.active:after,
section.colecoes.other header p button:visited.active:after {
  color: #888;
  border: 1px solid #888;
  padding: 2px 4px;
  margin: auto 0 auto 5px;
  line-height: 10px;
  font-size: 10px;
  text-align: center;
  content: "X";
}
section.colecoes.other header button.see,
section.colecoes.other header button.see:focus,
section.colecoes.other header button.see:active,
section.colecoes.other header button.see:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  position: relative;
  width: 100%;
  float: left;
  background-color: transparent;
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  min-height: 60px;
  color: #000;
  cursor: pointer;
  padding: 0 0 0 40px;
  display: none;
  margin: 0;
  border-bottom: 1px solid #888;
}
section.colecoes.other header button.see span,
section.colecoes.other header button.see:focus span,
section.colecoes.other header button.see:active span,
section.colecoes.other header button.see:visited span {
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
  display: inline;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  section.colecoes.other header button.see span,
  section.colecoes.other header button.see:focus span,
  section.colecoes.other header button.see:active span,
  section.colecoes.other header button.see:visited span {
    font-size: 20px;
  }
}
section.colecoes.other header button.see svg,
section.colecoes.other header button.see:focus svg,
section.colecoes.other header button.see:active svg,
section.colecoes.other header button.see:visited svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, fill;
  -moz-transition-property: transform, fill;
  -o-transition-property: transform, fill;
  -webkit-transition-property: transform, fill;
  position: absolute;
  width: 40px;
  left: 0;
  top: 0px;
  height: 60px;
  transform: scale(0.5);
  fill: #000;
  object-position: left top;
  -o-object-position: left top;
}
@media (max-width: 767px) {
  section.colecoes.other header button.see,
  section.colecoes.other header button.see:focus,
  section.colecoes.other header button.see:active,
  section.colecoes.other header button.see:visited {
    font-size: 20px;
  }
}
section.colecoes.other header button.see:hover,
section.colecoes.other header button.see:focus:hover,
section.colecoes.other header button.see:active:hover,
section.colecoes.other header button.see:visited:hover {
  color: #888;
}
section.colecoes.other header button.see:hover svg,
section.colecoes.other header button.see:focus:hover svg,
section.colecoes.other header button.see:active:hover svg,
section.colecoes.other header button.see:visited:hover svg {
  fill: #888;
}
section.colecoes.other header button.see.open,
section.colecoes.other header button.see:focus.open,
section.colecoes.other header button.see:active.open,
section.colecoes.other header button.see:visited.open {
  color: #000;
}
section.colecoes.other header button.see.open svg,
section.colecoes.other header button.see:focus.open svg,
section.colecoes.other header button.see:active.open svg,
section.colecoes.other header button.see:visited.open svg {
  transform: rotate(180deg) scale(0.5);
  fill: #000;
}
@media (min-width: 2250px) {
  section.colecoes.other header button.see,
  section.colecoes.other header button.see:focus,
  section.colecoes.other header button.see:active,
  section.colecoes.other header button.see:visited {
    padding: 0 0 0 20px;
  }
}
section.colecoes.other header a,
section.colecoes.other header a:focus,
section.colecoes.other header a:active,
section.colecoes.other header a:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  margin: auto 0 0 0;
  padding: 0 0 5px 0;
  position: relative;
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
  color: #888;
  cursor: pointer;
  background-color: transparent;
  text-decoration: none;
}
@media (hover: hover) {
  section.colecoes.other header a:hover,
  section.colecoes.other header a:focus:hover,
  section.colecoes.other header a:active:hover,
  section.colecoes.other header a:visited:hover {
    color: #000;
  }
}
@media (max-width: 767px) {
  section.colecoes.other header a,
  section.colecoes.other header a:focus,
  section.colecoes.other header a:active,
  section.colecoes.other header a:visited {
    font-size: 20px;
    line-height: 20px;
  }
}
@media (min-width: 2250px), (min-height: 1500px) {
  section.colecoes.other header {
    padding: 0 20px;
  }
  section.colecoes.other header h2, section.colecoes.other header h3 {
    padding-bottom: 5px;
  }
}
@media (max-width: 767px) {
  section.colecoes.other header {
    padding: 0 10px;
  }
}
section.colecoes.other article {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  margin: 10px 5px 0 5px;
  width: calc(25% - 10px);
  order: 0;
}
@media (min-width: 2250px), (min-height: 1500px) {
  section.colecoes.other article {
    margin: 10px 5px 0 5px;
    width: calc(25% - 10px);
  }
}
@media (max-width: 965px) {
  section.colecoes.other article {
    width: calc(33.3333333333% - 10px);
  }
}
@media (max-width: 900px) {
  section.colecoes.other article {
    width: calc(50% - 10px);
  }
}
@media (max-width: 550px) {
  section.colecoes.other article {
    margin: 15px 0 0 0;
    width: 100%;
  }
}
section.colecoes.other article.search {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  display: flex;
  flex-flow: row nowrap;
  height: auto;
  min-height: 60px;
  background-color: #AAA;
  padding: 10px 0;
  margin: 10px 5px 0 5px;
  width: calc(25% - 10px);
}
@media (min-width: 2250px), (min-height: 1500px) {
  section.colecoes.other article.search {
    margin: 10px 5px 0 5px;
    width: calc(25% - 10px);
  }
}
@media (max-width: 965px) {
  section.colecoes.other article.search {
    width: calc(33.3333333333% - 10px);
  }
}
@media (max-width: 900px) {
  section.colecoes.other article.search {
    width: calc(50% - 10px);
  }
}
@media (max-width: 550px) {
  section.colecoes.other article.search {
    margin: 15px 0 0 0;
    width: 100%;
  }
}
section.colecoes.other article.search picture {
  width: 60px;
  height: 60px;
  overflow: hidden;
}
section.colecoes.other article.search picture:after {
  display: none;
}
section.colecoes.other article.search h3,
section.colecoes.other article.search h2 {
  width: 100%;
  padding: 0 15px 0 80px;
  color: #000;
  margin: auto;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.5));
}
@media (hover: hover) {
  section.colecoes.other article.search:hover {
    background-color: #000;
  }
  section.colecoes.other article.search:hover h3,
  section.colecoes.other article.search:hover h2 {
    color: white;
  }
  section.colecoes.other article.search:hover picture img {
    transform: scale(1.1);
    filter: blur(0px);
  }
  section.colecoes.other article.search:hover picture.rotate.deg90 img {
    transform: translate(-50%, -50%) rotate(90deg) scale(1.1);
  }
  section.colecoes.other article.search:hover picture.rotate.deg180 img {
    transform: translate(-50%, -50%) rotate(180deg) scale(1.1);
  }
  section.colecoes.other article.search:hover picture.rotate.deg270 img {
    transform: translate(-50%, -50%) rotate(270deg) scale(1.1);
  }
}
section.colecoes.other article.notit {
  order: 10;
  opacity: 0.2;
}
@media (hover: hover) {
  section.colecoes.other article.notit:hover {
    opacity: 1;
  }
}
@media (min-width: 2250px), (min-height: 1500px) {
  section.colecoes.other {
    margin: 20px 0 0 0;
  }
}
@media (max-width: 767px) {
  section.colecoes.other {
    padding: 15px;
  }
}
section.colecoes.other.notit header p, section.colecoes.other.notit article {
  display: none;
}
section.colecoes.other.notit header button.see,
section.colecoes.other.notit header button.see:focus,
section.colecoes.other.notit header button.see:active,
section.colecoes.other.notit header button.see:visited {
  display: block;
}
section.colecoes.search {
  gap: 25px !important;
  margin-bottom: clamp(40px, 4vw, 75px);
}
section.colecoes.search article {
  width: calc(25% - 18.75px);
}
@media (max-width: 1300px) {
  section.colecoes.search article {
    width: calc(33.3333333333% - 16.6666666667px);
  }
}
@media (max-width: 900px) {
  section.colecoes.search article {
    width: calc(50% - 12.5px);
  }
}
@media (max-width: 767px) {
  section.colecoes.search article {
    width: calc(50% - 12.5px);
  }
}
@media (max-width: 400px) {
  section.colecoes.search article {
    width: 100%;
  }
}
section.colecoes.landing {
  gap: 70px 25px !important;
  margin-bottom: clamp(40px, 4vw, 75px);
}
section.colecoes.landing article {
  width: calc(50% - 12.5px);
}
section.colecoes.landing article:has(picture.moodboard) {
  margin-top: 50%;
}
@media (max-width: 1300px) {
  section.colecoes.landing article {
    width: calc(50% - 12.5px);
  }
}
@media (max-width: 1100px) {
  section.colecoes.landing article {
    width: 100%;
  }
  section.colecoes.landing article:has(picture.moodboard) {
    margin-top: 100%;
  }
}
@media (max-width: 767px) {
  section.colecoes.landing article {
    width: 100%;
  }
}
@media (max-width: 400px) {
  section.colecoes.landing article {
    width: 100%;
  }
}
section.colecoes.projects {
  gap: 25px;
}
section.colecoes.projects article {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  color: #000;
  max-height: 100%;
  height: auto;
  padding: 0 0 20px 0;
  width: calc(33.3333333333% - 16.6666666667px);
}
section.colecoes.projects article picture {
  position: relative;
  aspect-ratio: 5/4;
}
section.colecoes.projects article h2, section.colecoes.projects article h3 {
  padding: 20px 30px 0 30px;
  text-shadow: none;
  color: inherit;
  filter: none;
}
section.colecoes.projects article p {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color, opacity;
  -moz-transition-property: color, opacity;
  -o-transition-property: color, opacity;
  -webkit-transition-property: color, opacity;
  background-color: transparent;
  position: relative;
  float: left;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0 30px;
  transform: none;
  z-index: 300;
  pointer-events: none;
  color: inherit;
  height: auto;
  line-height: 20px;
}
section.colecoes.projects article p a,
section.colecoes.projects article p a:focus,
section.colecoes.projects article p a:active,
section.colecoes.projects article p a:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  position: relative;
  pointer-events: all;
  display: inline;
  text-decoration: none;
  color: inherit;
  margin: 0 0 0 5px;
}
@media (hover: hover) {
  section.colecoes.projects article p a:hover,
  section.colecoes.projects article p a:focus:hover,
  section.colecoes.projects article p a:active:hover,
  section.colecoes.projects article p a:visited:hover {
    opacity: 0.5;
  }
}
@media (hover: hover) {
  section.colecoes.projects article:hover {
    background-color: #000;
    color: #fff;
  }
}
@media (max-width: 900px) {
  section.colecoes.projects article {
    width: calc(50% - 12.5px);
  }
}
@media (max-width: 550px) {
  section.colecoes.projects article {
    width: 100%;
  }
}

main.colecao {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
main.colecao div.contain.collection {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 0 40px;
  max-width: 1580px;
}
@media (max-width: 767px) {
  main.colecao div.contain.collection {
    padding: 0 20px;
  }
}
main.colecao div.contain.collection section.tabela {
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 0 0 20px 0;
  margin: clamp(20px, 3vw, 40px) 0 0 0;
  overflow-y: auto;
  min-height: 400px;
  max-height: 70vh;
}
main.colecao div.contain.collection section.tabela::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
main.colecao div.contain.collection section.tabela::-webkit-scrollbar-track {
  background: #B3B3B3;
  border-radius: 5px;
}
main.colecao div.contain.collection section.tabela::-webkit-scrollbar-thumb {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  background-color: #000;
  border-radius: 5px;
}
main.colecao div.contain.collection section.tabela::-webkit-scrollbar-thumb:hover {
  background-color: #B3B3B3;
}
main.colecao div.contain.collection section.tabela::-webkit-scrollbar-corner {
  background: #B3B3B3;
}
@media (max-width: 767px) {
  main.colecao div.contain.collection section.tabela {
    max-height: initial;
    flex-flow: row wrap;
  }
}
main.colecao div.contain.collection section.aside.products {
  position: sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  left: 0;
  top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  z-index: 30;
  min-width: 300px;
}
@media (max-width: 767px) {
  main.colecao div.contain.collection section.aside.products {
    position: sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: -webkit-sticky;
    height: auto;
    max-height: 100000px;
    margin-bottom: 30px;
    margin-right: 0;
    top: auto;
  }
}
main.colecao div.contain.collection table {
  position: relative;
  float: left;
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: "ALS Hauss Book", sans-serif;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  margin-bottom: auto;
}
main.colecao div.contain.collection table caption {
  display: none;
}
main.colecao div.contain.collection table thead {
  position: sticky;
  top: 0;
  z-index: 20;
}
main.colecao div.contain.collection table thead th {
  position: relative;
  padding: 10px;
  letter-spacing: 1px;
  vertical-align: bottom;
  white-space: nowrap;
  font-weight: 400;
  font-style: normal;
  background-color: rgba(250, 250, 250, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
main.colecao div.contain.collection table thead th:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #000;
  height: 1px;
  content: " ";
}
main.colecao div.contain.collection table thead th.seperate {
  width: 30px;
}
main.colecao div.contain.collection table thead th.seperate:after {
  display: none;
}
main.colecao div.contain.collection table thead th small,
main.colecao div.contain.collection table thead th button,
main.colecao div.contain.collection table thead th button:focus,
main.colecao div.contain.collection table thead th button:active,
main.colecao div.contain.collection table thead th button:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  position: relative;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
  font-family: "ALS Hauss", sans-serif;
  font-weight: 400;
  font-style: normal;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
  width: 100%;
}
main.colecao div.contain.collection table thead th small strong,
main.colecao div.contain.collection table thead th small span,
main.colecao div.contain.collection table thead th button strong,
main.colecao div.contain.collection table thead th button span,
main.colecao div.contain.collection table thead th button:focus strong,
main.colecao div.contain.collection table thead th button:focus span,
main.colecao div.contain.collection table thead th button:active strong,
main.colecao div.contain.collection table thead th button:active span,
main.colecao div.contain.collection table thead th button:visited strong,
main.colecao div.contain.collection table thead th button:visited span {
  font-family: "ALS Hauss", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin: auto 0;
}
main.colecao div.contain.collection table thead th small strong.tooltip,
main.colecao div.contain.collection table thead th small span.tooltip,
main.colecao div.contain.collection table thead th button strong.tooltip,
main.colecao div.contain.collection table thead th button span.tooltip,
main.colecao div.contain.collection table thead th button:focus strong.tooltip,
main.colecao div.contain.collection table thead th button:focus span.tooltip,
main.colecao div.contain.collection table thead th button:active strong.tooltip,
main.colecao div.contain.collection table thead th button:active span.tooltip,
main.colecao div.contain.collection table thead th button:visited strong.tooltip,
main.colecao div.contain.collection table thead th button:visited span.tooltip {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, opacity;
  -moz-transition-property: transform, opacity;
  -o-transition-property: transform, opacity;
  -webkit-transition-property: transform, opacity;
  position: absolute;
  top: calc(100% + 10px);
  white-space: normal;
  width: 80vw;
  min-width: 300px;
  max-width: 400px;
  text-transform: none;
  right: 0;
  background-color: #000;
  color: #fff;
  padding: 10px;
  z-index: 300;
  text-align: left;
  font-size: 12px;
  line-height: 20px;
  pointer-events: none;
  transform: translateY(20px);
  opacity: 0;
}
main.colecao div.contain.collection table thead th small strong,
main.colecao div.contain.collection table thead th button strong,
main.colecao div.contain.collection table thead th button:focus strong,
main.colecao div.contain.collection table thead th button:active strong,
main.colecao div.contain.collection table thead th button:visited strong {
  font-weight: bold;
}
main.colecao div.contain.collection table thead th small svg,
main.colecao div.contain.collection table thead th button svg,
main.colecao div.contain.collection table thead th button:focus svg,
main.colecao div.contain.collection table thead th button:active svg,
main.colecao div.contain.collection table thead th button:visited svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill, transform;
  -moz-transition-property: fill, transform;
  -o-transition-property: fill, transform;
  -webkit-transition-property: fill, transform;
  width: 18px;
  height: 20px;
  fill: #000;
  margin: 0 0 auto 2px;
}
main.colecao div.contain.collection table thead th small svg.filter,
main.colecao div.contain.collection table thead th button svg.filter,
main.colecao div.contain.collection table thead th button:focus svg.filter,
main.colecao div.contain.collection table thead th button:active svg.filter,
main.colecao div.contain.collection table thead th button:visited svg.filter {
  display: none;
  width: 20px;
  height: 20px;
  margin: 0 2px auto 0;
}
main.colecao div.contain.collection table thead th small svg.notfilter,
main.colecao div.contain.collection table thead th button svg.notfilter,
main.colecao div.contain.collection table thead th button:focus svg.notfilter,
main.colecao div.contain.collection table thead th button:active svg.notfilter,
main.colecao div.contain.collection table thead th button:visited svg.notfilter {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 2px auto 0;
}
main.colecao div.contain.collection table thead th small svg.info,
main.colecao div.contain.collection table thead th button svg.info,
main.colecao div.contain.collection table thead th button:focus svg.info,
main.colecao div.contain.collection table thead th button:active svg.info,
main.colecao div.contain.collection table thead th button:visited svg.info {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 0 auto 2px;
}
main.colecao div.contain.collection table thead th small.filtered,
main.colecao div.contain.collection table thead th button.filtered,
main.colecao div.contain.collection table thead th button:focus.filtered,
main.colecao div.contain.collection table thead th button:active.filtered,
main.colecao div.contain.collection table thead th button:visited.filtered {
  font-family: "ALS Hauss", sans-serif;
  font-weight: bold;
}
main.colecao div.contain.collection table thead th small.filtered span,
main.colecao div.contain.collection table thead th button.filtered span,
main.colecao div.contain.collection table thead th button:focus.filtered span,
main.colecao div.contain.collection table thead th button:active.filtered span,
main.colecao div.contain.collection table thead th button:visited.filtered span {
  font-family: "ALS Hauss", sans-serif;
  font-weight: bold;
}
main.colecao div.contain.collection table thead th small.filtered svg.filter,
main.colecao div.contain.collection table thead th button.filtered svg.filter,
main.colecao div.contain.collection table thead th button:focus.filtered svg.filter,
main.colecao div.contain.collection table thead th button:active.filtered svg.filter,
main.colecao div.contain.collection table thead th button:visited.filtered svg.filter {
  display: block;
}
main.colecao div.contain.collection table thead th small.filtered svg.notfilter,
main.colecao div.contain.collection table thead th button.filtered svg.notfilter,
main.colecao div.contain.collection table thead th button:focus.filtered svg.notfilter,
main.colecao div.contain.collection table thead th button:active.filtered svg.notfilter,
main.colecao div.contain.collection table thead th button:visited.filtered svg.notfilter {
  display: none;
}
main.colecao div.contain.collection table thead th small.clear,
main.colecao div.contain.collection table thead th button.clear,
main.colecao div.contain.collection table thead th button:focus.clear,
main.colecao div.contain.collection table thead th button:active.clear,
main.colecao div.contain.collection table thead th button:visited.clear {
  color: #888;
  font-weight: 500;
  display: none;
  line-height: 20px;
}
main.colecao div.contain.collection table thead th small.clear svg,
main.colecao div.contain.collection table thead th button.clear svg,
main.colecao div.contain.collection table thead th button:focus.clear svg,
main.colecao div.contain.collection table thead th button:active.clear svg,
main.colecao div.contain.collection table thead th button:visited.clear svg {
  width: 20px;
  height: 20px;
  fill: #888;
  margin: 0 2px auto 0;
}
main.colecao div.contain.collection table thead th small.clear span,
main.colecao div.contain.collection table thead th button.clear span,
main.colecao div.contain.collection table thead th button:focus.clear span,
main.colecao div.contain.collection table thead th button:active.clear span,
main.colecao div.contain.collection table thead th button:visited.clear span {
  font-weight: bold;
  line-height: 20px;
}
main.colecao div.contain.collection table thead th small.clear.show,
main.colecao div.contain.collection table thead th button.clear.show,
main.colecao div.contain.collection table thead th button:focus.clear.show,
main.colecao div.contain.collection table thead th button:active.clear.show,
main.colecao div.contain.collection table thead th button:visited.clear.show {
  display: flex;
}
@media (hover: hover) {
  main.colecao div.contain.collection table thead th small:hover,
  main.colecao div.contain.collection table thead th button:hover,
  main.colecao div.contain.collection table thead th button:focus:hover,
  main.colecao div.contain.collection table thead th button:active:hover,
  main.colecao div.contain.collection table thead th button:visited:hover {
    color: #888;
  }
  main.colecao div.contain.collection table thead th small:hover svg,
  main.colecao div.contain.collection table thead th button:hover svg,
  main.colecao div.contain.collection table thead th button:focus:hover svg,
  main.colecao div.contain.collection table thead th button:active:hover svg,
  main.colecao div.contain.collection table thead th button:visited:hover svg {
    fill: #888;
  }
  main.colecao div.contain.collection table thead th small:hover.clear,
  main.colecao div.contain.collection table thead th button:hover.clear,
  main.colecao div.contain.collection table thead th button:focus:hover.clear,
  main.colecao div.contain.collection table thead th button:active:hover.clear,
  main.colecao div.contain.collection table thead th button:visited:hover.clear {
    color: #dd7a75;
  }
  main.colecao div.contain.collection table thead th small:hover.clear svg,
  main.colecao div.contain.collection table thead th button:hover.clear svg,
  main.colecao div.contain.collection table thead th button:focus:hover.clear svg,
  main.colecao div.contain.collection table thead th button:active:hover.clear svg,
  main.colecao div.contain.collection table thead th button:visited:hover.clear svg {
    fill: #dd7a75;
  }
}
main.colecao div.contain.collection table thead th small.active svg:not(.filter, .notfilter),
main.colecao div.contain.collection table thead th button.active svg:not(.filter, .notfilter),
main.colecao div.contain.collection table thead th button:focus.active svg:not(.filter, .notfilter),
main.colecao div.contain.collection table thead th button:active.active svg:not(.filter, .notfilter),
main.colecao div.contain.collection table thead th button:visited.active svg:not(.filter, .notfilter) {
  transform: rotate(180deg);
}
main.colecao div.contain.collection table thead th small {
  line-height: 16px;
  color: #555;
}
main.colecao div.contain.collection table thead th small span {
  line-height: 16px;
}
main.colecao div.contain.collection table thead th small svg {
  fill: #555;
}
@media (hover: hover) {
  main.colecao div.contain.collection table thead th small:hover span.tooltip {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
  }
}
main.colecao div.contain.collection table thead th ul {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity, transform;
  -moz-transition-property: opacity, transform;
  -o-transition-property: opacity, transform;
  -webkit-transition-property: opacity, transform;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 50%;
  background-color: #000;
  list-style: none;
  padding: 5px 20px 20px 20px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 20px);
  max-height: 300px;
  overflow: auto;
}
main.colecao div.contain.collection table thead th ul li {
  border-bottom: 1px dotted #707070;
  padding-bottom: 5px;
  margin-top: 10px;
  order: 0;
}
main.colecao div.contain.collection table thead th ul li.disabled {
  order: 10;
  opacity: 0.2;
  pointer-events: none;
}
main.colecao div.contain.collection table thead th ul button,
main.colecao div.contain.collection table thead th ul button:focus,
main.colecao div.contain.collection table thead th ul button:active,
main.colecao div.contain.collection table thead th ul button:visited {
  text-align: left;
  white-space: normal;
  width: 100%;
  float: left;
  color: #fff;
  justify-content: flex-start;
  align-content: flex-start;
}
main.colecao div.contain.collection table thead th ul button.active,
main.colecao div.contain.collection table thead th ul button:focus.active,
main.colecao div.contain.collection table thead th ul button:active.active,
main.colecao div.contain.collection table thead th ul button:visited.active {
  font-family: "ALS Hauss", sans-serif;
  font-weight: bold;
}
main.colecao div.contain.collection table thead th ul.show {
  opacity: 1;
  pointer-events: all;
  transform: translate(-50%, 0);
}
main.colecao div.contain.collection table thead th ul::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
main.colecao div.contain.collection table thead th ul::-webkit-scrollbar-track {
  background: #000;
}
main.colecao div.contain.collection table thead th ul::-webkit-scrollbar-thumb {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  background-color: #B3B3B3;
}
main.colecao div.contain.collection table thead th ul::-webkit-scrollbar-thumb:hover {
  background-color: #fff;
}
main.colecao div.contain.collection table thead th ul::-webkit-scrollbar-corner {
  background: #000;
}
main.colecao div.contain.collection table thead th:has(.filtered):after {
  height: 4px;
}
main.colecao div.contain.collection table tbody td {
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 20px;
  text-transform: none;
  text-align: center;
  padding: 15px 10px 10px 10px;
  font-family: "ALS Hauss", sans-serif;
  font-weight: 400;
  border-bottom: 1px solid #fff;
  max-width: 300px;
  white-space: normal;
}
main.colecao div.contain.collection table tbody td a,
main.colecao div.contain.collection table tbody td a:focus,
main.colecao div.contain.collection table tbody td a:active,
main.colecao div.contain.collection table tbody td a:visited,
main.colecao div.contain.collection table tbody td button:not(.addsample),
main.colecao div.contain.collection table tbody td button:not(.addsample):focus,
main.colecao div.contain.collection table tbody td button:not(.addsample):active,
main.colecao div.contain.collection table tbody td button:not(.addsample):visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  position: relative;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "ALS Hauss Book", sans-serif;
  font-weight: normal;
  background-color: transparent;
  display: inline-block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
main.colecao div.contain.collection table tbody td a svg,
main.colecao div.contain.collection table tbody td a:focus svg,
main.colecao div.contain.collection table tbody td a:active svg,
main.colecao div.contain.collection table tbody td a:visited svg,
main.colecao div.contain.collection table tbody td button:not(.addsample) svg,
main.colecao div.contain.collection table tbody td button:not(.addsample):focus svg,
main.colecao div.contain.collection table tbody td button:not(.addsample):active svg,
main.colecao div.contain.collection table tbody td button:not(.addsample):visited svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill, transform;
  -moz-transition-property: fill, transform;
  -o-transition-property: fill, transform;
  -webkit-transition-property: fill, transform;
  width: 25px;
  height: 25px;
  fill: #000;
  margin: 0;
}
@media (hover: hover) {
  main.colecao div.contain.collection table tbody td a:hover,
  main.colecao div.contain.collection table tbody td a:focus:hover,
  main.colecao div.contain.collection table tbody td a:active:hover,
  main.colecao div.contain.collection table tbody td a:visited:hover,
  main.colecao div.contain.collection table tbody td button:not(.addsample):hover,
  main.colecao div.contain.collection table tbody td button:not(.addsample):focus:hover,
  main.colecao div.contain.collection table tbody td button:not(.addsample):active:hover,
  main.colecao div.contain.collection table tbody td button:not(.addsample):visited:hover {
    color: #888;
  }
  main.colecao div.contain.collection table tbody td a:hover svg,
  main.colecao div.contain.collection table tbody td a:focus:hover svg,
  main.colecao div.contain.collection table tbody td a:active:hover svg,
  main.colecao div.contain.collection table tbody td a:visited:hover svg,
  main.colecao div.contain.collection table tbody td button:not(.addsample):hover svg,
  main.colecao div.contain.collection table tbody td button:not(.addsample):focus:hover svg,
  main.colecao div.contain.collection table tbody td button:not(.addsample):active:hover svg,
  main.colecao div.contain.collection table tbody td button:not(.addsample):visited:hover svg {
    fill: #888;
  }
}
main.colecao div.contain.collection table tbody td button.addsample,
main.colecao div.contain.collection table tbody td button.addsample:focus,
main.colecao div.contain.collection table tbody td button.addsample:active,
main.colecao div.contain.collection table tbody td button.addsample:visited {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: border, background-color, color;
  -moz-transition-property: border, background-color, color;
  -o-transition-property: border, background-color, color;
  -webkit-transition-property: border, background-color, color;
  position: relative;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  z-index: 10;
  width: 20px;
  height: 20px;
  border: 1px solid #888;
  text-align: center;
  line-height: 20px;
  color: transparent;
  display: block;
  font-size: 25px;
  margin: auto;
  padding: 0 0 0 2px;
}
main.colecao div.contain.collection table tbody td button.addsample:after,
main.colecao div.contain.collection table tbody td button.addsample:focus:after,
main.colecao div.contain.collection table tbody td button.addsample:active:after,
main.colecao div.contain.collection table tbody td button.addsample:visited:after {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  position: absolute;
  content: " ";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/check.svg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  pointer-events: none;
  opacity: 0;
  transform: rotate(-5deg);
}
@media (hover: hover) {
  main.colecao div.contain.collection table tbody td button.addsample:hover:after,
  main.colecao div.contain.collection table tbody td button.addsample:focus:hover:after,
  main.colecao div.contain.collection table tbody td button.addsample:active:hover:after,
  main.colecao div.contain.collection table tbody td button.addsample:visited:hover:after {
    opacity: 0.8;
  }
}
main.colecao div.contain.collection table tbody td button.addsample.active,
main.colecao div.contain.collection table tbody td button.addsample:focus.active,
main.colecao div.contain.collection table tbody td button.addsample:active.active,
main.colecao div.contain.collection table tbody td button.addsample:visited.active {
  background-color: #000;
  border: 1px solid #000;
}
main.colecao div.contain.collection table tbody td button.addsample.active:after,
main.colecao div.contain.collection table tbody td button.addsample:focus.active:after,
main.colecao div.contain.collection table tbody td button.addsample:active.active:after,
main.colecao div.contain.collection table tbody td button.addsample:visited.active:after {
  opacity: 1;
  filter: invert(1);
}
main.colecao div.contain.collection table tbody td.seperate {
  border-bottom: none;
  width: 30px;
}
main.colecao div.contain.collection table tbody tr {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
}
@media (hover: hover) {
  main.colecao div.contain.collection table tbody tr:hover td {
    border-bottom: 1px solid #B3B3B3;
  }
}
main.colecao div.contain.collection table.request thead th:last-child, main.colecao div.contain.collection table.request tbody td:last-child {
  animation: 300ms infinite alternate fade-in;
}

section[data-name=overview] {
  position: relative;
  margin: 0;
  padding: clamp(40px, 3.5vw, 80px) 0;
  width: 100%;
  display: none;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  background-color: white;
}
section[data-name=overview].show {
  display: flex;
}
@media (max-width: 767px) {
  section[data-name=overview] {
    flex-flow: row wrap;
    justify-content: flex-end;
    align-content: flex-start;
  }
}
section[data-name=overview] section {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 0;
  z-index: 10;
}
section[data-name=overview] section button,
section[data-name=overview] section button:focus,
section[data-name=overview] section button:visited,
section[data-name=overview] section button:active {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, opacity;
  -moz-transition-property: transform, opacity;
  -o-transition-property: transform, opacity;
  -webkit-transition-property: transform, opacity;
  position: relative;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  cursor: pointer;
  background-color: #ddd;
  margin: 0 2px 2px 0;
  width: calc(33.3333333333% - 2px);
  min-height: 200px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-end;
  text-align: left;
  padding: 10px;
  overflow: hidden;
}
section[data-name=overview] section button picture,
section[data-name=overview] section button:focus picture,
section[data-name=overview] section button:visited picture,
section[data-name=overview] section button:active picture {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000;
  z-index: 20;
}
section[data-name=overview] section button picture img,
section[data-name=overview] section button:focus picture img,
section[data-name=overview] section button:visited picture img,
section[data-name=overview] section button:active picture img {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, filter, opacity;
  -moz-transition-property: transform, filter, opacity;
  -o-transition-property: transform, filter, opacity;
  -webkit-transition-property: transform, filter, opacity;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}
section[data-name=overview] section button picture.rotate img,
section[data-name=overview] section button:focus picture.rotate img,
section[data-name=overview] section button:visited picture.rotate img,
section[data-name=overview] section button:active picture.rotate img {
  width: 105%;
  aspect-ratio: 1;
  height: auto;
  left: 50%;
  top: 50%;
}
section[data-name=overview] section button picture.rotate.deg90 img,
section[data-name=overview] section button:focus picture.rotate.deg90 img,
section[data-name=overview] section button:visited picture.rotate.deg90 img,
section[data-name=overview] section button:active picture.rotate.deg90 img {
  transform: translate(-50%, -50%) rotate(90deg);
}
section[data-name=overview] section button picture.rotate.deg180 img,
section[data-name=overview] section button:focus picture.rotate.deg180 img,
section[data-name=overview] section button:visited picture.rotate.deg180 img,
section[data-name=overview] section button:active picture.rotate.deg180 img {
  transform: translate(-50%, -50%) rotate(180deg);
}
section[data-name=overview] section button picture.rotate.deg270 img,
section[data-name=overview] section button:focus picture.rotate.deg270 img,
section[data-name=overview] section button:visited picture.rotate.deg270 img,
section[data-name=overview] section button:active picture.rotate.deg270 img {
  transform: translate(-50%, -50%) rotate(270deg);
}
section[data-name=overview] section button div.header,
section[data-name=overview] section button:focus div.header,
section[data-name=overview] section button:visited div.header,
section[data-name=overview] section button:active div.header {
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, opacity;
  -moz-transition-property: transform, opacity;
  -o-transition-property: transform, opacity;
  -webkit-transition-property: transform, opacity;
  opacity: 0;
  transform: translate(0, 100%);
  background-color: #AAA;
  z-index: 2000;
  width: 100%;
  padding: 15px;
}
section[data-name=overview] section button div.header h3,
section[data-name=overview] section button:focus div.header h3,
section[data-name=overview] section button:visited div.header h3,
section[data-name=overview] section button:active div.header h3 {
  position: relative;
  width: 100%;
  z-index: 100;
  color: #000;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
section[data-name=overview] section button div.header p,
section[data-name=overview] section button:focus div.header p,
section[data-name=overview] section button:visited div.header p,
section[data-name=overview] section button:active div.header p {
  position: relative;
  width: 100%;
  z-index: 100;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 5px 0 0 0;
  padding: 0;
}
section[data-name=overview] section button div.header p small,
section[data-name=overview] section button:focus div.header p small,
section[data-name=overview] section button:visited div.header p small,
section[data-name=overview] section button:active div.header p small {
  margin: auto 5px auto 0;
  padding: 0 4px;
  border: 1px solid white;
  border: 1px solid #000;
  font-weight: 400;
}
section[data-name=overview] section button.filtered,
section[data-name=overview] section button:focus.filtered,
section[data-name=overview] section button:visited.filtered,
section[data-name=overview] section button:active.filtered {
  order: 10;
  opacity: 0.2;
}
section[data-name=overview] section button.notit,
section[data-name=overview] section button:focus.notit,
section[data-name=overview] section button:visited.notit,
section[data-name=overview] section button:active.notit {
  opacity: 0.2;
}
section[data-name=overview] section button.isfiltered::before, section[data-name=overview] section button.hasit::before, section[data-name=overview] section button.filtered::before, section[data-name=overview] section button.notit::before,
section[data-name=overview] section button:focus.isfiltered::before,
section[data-name=overview] section button:focus.hasit::before,
section[data-name=overview] section button:focus.filtered::before,
section[data-name=overview] section button:focus.notit::before,
section[data-name=overview] section button:visited.isfiltered::before,
section[data-name=overview] section button:visited.hasit::before,
section[data-name=overview] section button:visited.filtered::before,
section[data-name=overview] section button:visited.notit::before,
section[data-name=overview] section button:active.isfiltered::before,
section[data-name=overview] section button:active.hasit::before,
section[data-name=overview] section button:active.filtered::before,
section[data-name=overview] section button:active.notit::before {
  position: absolute;
  right: 30px;
  top: 10px;
  padding: 5px;
  max-width: calc(100% - 45px);
  width: auto;
  min-height: 20px;
  z-index: 200;
  content: var(--filter);
  line-height: 12px;
  color: #000;
  font-size: 12px;
  text-align: right;
  font-weight: bold;
  background-color: white;
  display: none;
}
section[data-name=overview] section button.isfiltered::after, section[data-name=overview] section button.hasit::after, section[data-name=overview] section button.filtered::after, section[data-name=overview] section button.notit::after,
section[data-name=overview] section button:focus.isfiltered::after,
section[data-name=overview] section button:focus.hasit::after,
section[data-name=overview] section button:focus.filtered::after,
section[data-name=overview] section button:focus.notit::after,
section[data-name=overview] section button:visited.isfiltered::after,
section[data-name=overview] section button:visited.hasit::after,
section[data-name=overview] section button:visited.filtered::after,
section[data-name=overview] section button:visited.notit::after,
section[data-name=overview] section button:active.isfiltered::after,
section[data-name=overview] section button:active.hasit::after,
section[data-name=overview] section button:active.filtered::after,
section[data-name=overview] section button:active.notit::after {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 15px;
  height: 15px;
  content: "";
  z-index: 300;
  border-radius: 50%;
  border: 2px solid white;
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.4));
  display: none;
}
@media (max-width: 767px) {
  section[data-name=overview] section button.isfiltered::after, section[data-name=overview] section button.hasit::after, section[data-name=overview] section button.filtered::after, section[data-name=overview] section button.notit::after,
  section[data-name=overview] section button:focus.isfiltered::after,
  section[data-name=overview] section button:focus.hasit::after,
  section[data-name=overview] section button:focus.filtered::after,
  section[data-name=overview] section button:focus.notit::after,
  section[data-name=overview] section button:visited.isfiltered::after,
  section[data-name=overview] section button:visited.hasit::after,
  section[data-name=overview] section button:visited.filtered::after,
  section[data-name=overview] section button:visited.notit::after,
  section[data-name=overview] section button:active.isfiltered::after,
  section[data-name=overview] section button:active.hasit::after,
  section[data-name=overview] section button:active.filtered::after,
  section[data-name=overview] section button:active.notit::after {
    right: 10px;
    top: 16px;
    width: 10px;
    height: 10px;
  }
}
section[data-name=overview] section button.filtered::before,
section[data-name=overview] section button:focus.filtered::before,
section[data-name=overview] section button:visited.filtered::before,
section[data-name=overview] section button:active.filtered::before {
  color: #c30e2e;
  text-decoration: line-through;
}
section[data-name=overview] section button.filtered::after,
section[data-name=overview] section button:focus.filtered::after,
section[data-name=overview] section button:visited.filtered::after,
section[data-name=overview] section button:active.filtered::after {
  overflow: hidden;
  color: white;
  content: "/";
  font-size: 27px;
  line-height: 10px;
  text-align: left;
  background-color: transparent;
  transform: rotate(20deg);
}
section[data-name=overview] section button.isfiltered,
section[data-name=overview] section button:focus.isfiltered,
section[data-name=overview] section button:visited.isfiltered,
section[data-name=overview] section button:active.isfiltered {
  opacity: 1 !important;
}
section[data-name=overview] section button.notit,
section[data-name=overview] section button:focus.notit,
section[data-name=overview] section button:visited.notit,
section[data-name=overview] section button:active.notit {
  opacity: 0.2 !important;
}
section[data-name=overview] section button.hasit,
section[data-name=overview] section button:focus.hasit,
section[data-name=overview] section button:visited.hasit,
section[data-name=overview] section button:active.hasit {
  opacity: 1 !important;
}
section[data-name=overview] section button:not(.filtered),
section[data-name=overview] section button:focus:not(.filtered),
section[data-name=overview] section button:visited:not(.filtered),
section[data-name=overview] section button:active:not(.filtered) {
  order: 0;
}
@media (hover: hover) {
  section[data-name=overview] section button:hover,
  section[data-name=overview] section button:focus:hover,
  section[data-name=overview] section button:visited:hover,
  section[data-name=overview] section button:active:hover {
    opacity: 1;
  }
  section[data-name=overview] section button:hover picture,
  section[data-name=overview] section button:focus:hover picture,
  section[data-name=overview] section button:visited:hover picture,
  section[data-name=overview] section button:active:hover picture {
    opacity: 1;
  }
  section[data-name=overview] section button:hover picture img,
  section[data-name=overview] section button:focus:hover picture img,
  section[data-name=overview] section button:visited:hover picture img,
  section[data-name=overview] section button:active:hover picture img {
    transform: scale(1.1);
  }
  section[data-name=overview] section button:hover picture.rotate.deg90 img,
  section[data-name=overview] section button:focus:hover picture.rotate.deg90 img,
  section[data-name=overview] section button:visited:hover picture.rotate.deg90 img,
  section[data-name=overview] section button:active:hover picture.rotate.deg90 img {
    transform: scale(1.1) translate(-45%, -45%) rotate(90deg);
  }
  section[data-name=overview] section button:hover picture.rotate.deg180 img,
  section[data-name=overview] section button:focus:hover picture.rotate.deg180 img,
  section[data-name=overview] section button:visited:hover picture.rotate.deg180 img,
  section[data-name=overview] section button:active:hover picture.rotate.deg180 img {
    transform: scale(1.1) translate(-45%, -45%) rotate(180deg);
  }
  section[data-name=overview] section button:hover picture.rotate.deg270 img,
  section[data-name=overview] section button:focus:hover picture.rotate.deg270 img,
  section[data-name=overview] section button:visited:hover picture.rotate.deg270 img,
  section[data-name=overview] section button:active:hover picture.rotate.deg270 img {
    transform: scale(1.1) translate(-45%, -45%) rotate(270deg);
  }
  section[data-name=overview] section button:hover div.header,
  section[data-name=overview] section button:focus:hover div.header,
  section[data-name=overview] section button:visited:hover div.header,
  section[data-name=overview] section button:active:hover div.header {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@media (max-width: 965px) {
  section[data-name=overview] section button,
  section[data-name=overview] section button:focus,
  section[data-name=overview] section button:visited,
  section[data-name=overview] section button:active {
    width: calc(50% - 2px);
    min-height: 150px;
    padding: 10px;
  }
}
@media (max-width: 400px) {
  section[data-name=overview] section button,
  section[data-name=overview] section button:focus,
  section[data-name=overview] section button:visited,
  section[data-name=overview] section button:active {
    width: calc(100% - 2px);
    padding: 10px;
  }
}
@media (hover: none) {
  section[data-name=overview] section button,
  section[data-name=overview] section button:focus,
  section[data-name=overview] section button:visited,
  section[data-name=overview] section button:active {
    padding: 0;
  }
  section[data-name=overview] section button h3, section[data-name=overview] section button p,
  section[data-name=overview] section button:focus h3,
  section[data-name=overview] section button:focus p,
  section[data-name=overview] section button:visited h3,
  section[data-name=overview] section button:visited p,
  section[data-name=overview] section button:active h3,
  section[data-name=overview] section button:active p {
    display: none;
  }
}
section[data-name=overview] button.filters,
section[data-name=overview] button.filters:focus,
section[data-name=overview] button.filters:visited,
section[data-name=overview] button.filters:active {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, background-color;
  -moz-transition-property: transform, background-color;
  -o-transition-property: transform, background-color;
  -webkit-transition-property: transform, background-color;
  position: sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  bottom: 0px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  width: 60px;
  height: 60px;
  cursor: pointer;
  background-color: #AAA;
  z-index: 9000;
  margin: 0;
  display: none;
}
section[data-name=overview] button.filters svg,
section[data-name=overview] button.filters:focus svg,
section[data-name=overview] button.filters:visited svg,
section[data-name=overview] button.filters:active svg {
  position: absolute;
  top: 50%;
  left: 0;
  fill: #000;
  transform: scale(0.5) translateY(-100%);
  width: 100%;
}
section[data-name=overview] button.filters svg.on,
section[data-name=overview] button.filters:focus svg.on,
section[data-name=overview] button.filters:visited svg.on,
section[data-name=overview] button.filters:active svg.on {
  display: none;
}
section[data-name=overview] button.filters.active,
section[data-name=overview] button.filters:focus.active,
section[data-name=overview] button.filters:visited.active,
section[data-name=overview] button.filters:active.active {
  background-color: #000;
}
section[data-name=overview] button.filters.active svg,
section[data-name=overview] button.filters:focus.active svg,
section[data-name=overview] button.filters:visited.active svg,
section[data-name=overview] button.filters:active.active svg {
  fill: white;
  display: none;
}
section[data-name=overview] button.filters.active svg.on,
section[data-name=overview] button.filters:focus.active svg.on,
section[data-name=overview] button.filters:visited.active svg.on,
section[data-name=overview] button.filters:active.active svg.on {
  display: inline-block;
}
@media (hover: hover) {
  section[data-name=overview] button.filters:hover,
  section[data-name=overview] button.filters:focus:hover,
  section[data-name=overview] button.filters:visited:hover,
  section[data-name=overview] button.filters:active:hover {
    background-color: #AAA;
  }
}
@media (max-width: 900px) {
  section[data-name=overview] button.filters,
  section[data-name=overview] button.filters:focus,
  section[data-name=overview] button.filters:visited,
  section[data-name=overview] button.filters:active {
    min-width: 20px;
    min-height: 20px;
  }
}
@media (max-width: 767px) {
  section[data-name=overview] button.filters,
  section[data-name=overview] button.filters:focus,
  section[data-name=overview] button.filters:visited,
  section[data-name=overview] button.filters:active {
    display: block;
  }
}
@media (max-width: 400px) {
  section[data-name=overview] button.filters,
  section[data-name=overview] button.filters:focus,
  section[data-name=overview] button.filters:visited,
  section[data-name=overview] button.filters:active {
    min-width: 50px;
  }
}
section[data-name=overview] button.clear,
section[data-name=overview] button.clear:focus,
section[data-name=overview] button.clear:visited,
section[data-name=overview] button.clear:active {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, background-color;
  -moz-transition-property: transform, background-color;
  -o-transition-property: transform, background-color;
  -webkit-transition-property: transform, background-color;
  position: sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  bottom: 0px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  min-width: 60px;
  height: 60px;
  cursor: pointer;
  background-color: #ddd;
  z-index: 9000;
  margin: 0;
  display: none;
  padding: 0 20px 0 50px;
  color: #000;
}
section[data-name=overview] button.clear span,
section[data-name=overview] button.clear:focus span,
section[data-name=overview] button.clear:visited span,
section[data-name=overview] button.clear:active span {
  font-size: 14px;
  color: inherit;
}
section[data-name=overview] button.clear svg,
section[data-name=overview] button.clear:focus svg,
section[data-name=overview] button.clear:visited svg,
section[data-name=overview] button.clear:active svg {
  position: absolute;
  top: 50%;
  left: 0;
  fill: #000;
  transform: scale(0.5) translateY(-100%);
  width: 60px;
}
section[data-name=overview] button.clear svg.on,
section[data-name=overview] button.clear:focus svg.on,
section[data-name=overview] button.clear:visited svg.on,
section[data-name=overview] button.clear:active svg.on {
  display: none;
}
@media (max-width: 767px) {
  section[data-name=overview] button.clear svg,
  section[data-name=overview] button.clear:focus svg,
  section[data-name=overview] button.clear:visited svg,
  section[data-name=overview] button.clear:active svg {
    left: -5px;
  }
}
@media (max-width: 767px) {
  section[data-name=overview] button.clear,
  section[data-name=overview] button.clear:focus,
  section[data-name=overview] button.clear:visited,
  section[data-name=overview] button.clear:active {
    padding: 0 15px 0 45px;
  }
  section[data-name=overview] button.clear.active,
  section[data-name=overview] button.clear:focus.active,
  section[data-name=overview] button.clear:visited.active,
  section[data-name=overview] button.clear:active.active {
    display: block;
  }
}
section[data-name=overview] section.aside,
section[data-name=overview] aside {
  position: relative;
  position: sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  top: 80px;
  background-color: white;
  height: fit-content;
  margin: 0;
  max-width: 500px;
  width: 100%;
  z-index: 40;
}
@media (max-width: 767px) {
  section[data-name=overview] section.aside,
  section[data-name=overview] aside {
    display: none;
    max-width: 100%;
    min-width: calc(100vw - 202px);
  }
}
@media (max-width: 400px) {
  section[data-name=overview] section.aside,
  section[data-name=overview] aside {
    min-width: calc(100vw - 102px);
  }
}
section[data-name=overview] section.aside ul,
section[data-name=overview] aside ul {
  position: relative;
  width: auto;
  list-style: none;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 20px 0 20px 20px;
}
section[data-name=overview] section.aside ul li,
section[data-name=overview] aside ul li {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
}
section[data-name=overview] section.aside ul li picture,
section[data-name=overview] aside ul li picture {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: border;
  -moz-transition-property: border;
  -o-transition-property: border;
  -webkit-transition-property: border;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  border: 1px solid #ddd;
}
section[data-name=overview] section.aside ul li picture img,
section[data-name=overview] aside ul li picture img {
  position: relative;
  float: left;
  height: 45px;
  min-width: 45px;
  padding: 5px;
  object-fit: contain;
  -o-object-fit: contain;
  object-position: center;
  -o-object-position: center;
}
section[data-name=overview] section.aside ul li picture.mono img,
section[data-name=overview] aside ul li picture.mono img {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: filter;
  -moz-transition-property: filter;
  -o-transition-property: filter;
  -webkit-transition-property: filter;
  filter: saturate(0) brightness(50%);
}
section[data-name=overview] section.aside ul li p,
section[data-name=overview] aside ul li p {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, opacity;
  -moz-transition-property: transform, opacity;
  -o-transition-property: transform, opacity;
  -webkit-transition-property: transform, opacity;
  position: relative;
  width: 100%;
  z-index: 100;
  color: #000;
  color: #000;
  font-size: 25px;
  line-height: 25px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
@media (max-width: 767px) {
  section[data-name=overview] section.aside ul li p,
  section[data-name=overview] aside ul li p {
    font-size: 20px;
    line-height: 20px;
  }
}
section[data-name=overview] section.aside ul li p.tooltip,
section[data-name=overview] aside ul li p.tooltip {
  position: absolute;
  top: 100%;
  left: 50%;
  background-color: #AAA;
  transform: translate(-50%, 20px);
  opacity: 0;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  width: auto;
  padding: 5px 10px;
  font-weight: 400;
  pointer-events: none;
}
section[data-name=overview] section.aside ul li ul,
section[data-name=overview] aside ul li ul {
  width: 100%;
  padding: 0;
  margin: 5px 0;
}
section[data-name=overview] section.aside ul li ul li,
section[data-name=overview] aside ul li ul li {
  width: auto;
  margin: 0 10px 3.3333333333px 0;
}
section[data-name=overview] section.aside ul li ul li button,
section[data-name=overview] section.aside ul li ul li button:visited,
section[data-name=overview] section.aside ul li ul li button:focus,
section[data-name=overview] section.aside ul li ul li button:active,
section[data-name=overview] aside ul li ul li button,
section[data-name=overview] aside ul li ul li button:visited,
section[data-name=overview] aside ul li ul li button:focus,
section[data-name=overview] aside ul li ul li button:active {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  margin: 0;
  padding: 0;
  text-align: left;
  font-weight: 400;
  line-height: 20px;
  font-size: 16px;
  color: #000;
}
section[data-name=overview] section.aside ul li ul li button small,
section[data-name=overview] section.aside ul li ul li button:visited small,
section[data-name=overview] section.aside ul li ul li button:focus small,
section[data-name=overview] section.aside ul li ul li button:active small,
section[data-name=overview] aside ul li ul li button small,
section[data-name=overview] aside ul li ul li button:visited small,
section[data-name=overview] aside ul li ul li button:focus small,
section[data-name=overview] aside ul li ul li button:active small {
  color: #000;
  display: inline-block;
  padding: 0 5px;
  border: 1px solid #000;
  line-height: 16px;
  font-size: 10px;
  margin: auto 0 auto 10px;
}
section[data-name=overview] section.aside ul li ul li button:before,
section[data-name=overview] section.aside ul li ul li button:visited:before,
section[data-name=overview] section.aside ul li ul li button:focus:before,
section[data-name=overview] section.aside ul li ul li button:active:before,
section[data-name=overview] aside ul li ul li button:before,
section[data-name=overview] aside ul li ul li button:visited:before,
section[data-name=overview] aside ul li ul li button:focus:before,
section[data-name=overview] aside ul li ul li button:active:before {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, background-color;
  -moz-transition-property: transform, background-color;
  -o-transition-property: transform, background-color;
  -webkit-transition-property: transform, background-color;
  content: " ";
  display: block;
  background-color: #888;
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  width: 100%;
  height: 3px;
  transform-origin: left center;
  transform: scaleX(0);
  z-index: 10;
}
section[data-name=overview] section.aside ul li ul li button.active:before,
section[data-name=overview] section.aside ul li ul li button:visited.active:before,
section[data-name=overview] section.aside ul li ul li button:focus.active:before,
section[data-name=overview] section.aside ul li ul li button:active.active:before,
section[data-name=overview] aside ul li ul li button.active:before,
section[data-name=overview] aside ul li ul li button:visited.active:before,
section[data-name=overview] aside ul li ul li button:focus.active:before,
section[data-name=overview] aside ul li ul li button:active.active:before {
  transform: scaleX(1);
  background-color: #000;
}
section[data-name=overview] section.aside ul li ul li button.notit,
section[data-name=overview] section.aside ul li ul li button:visited.notit,
section[data-name=overview] section.aside ul li ul li button:focus.notit,
section[data-name=overview] section.aside ul li ul li button:active.notit,
section[data-name=overview] aside ul li ul li button.notit,
section[data-name=overview] aside ul li ul li button:visited.notit,
section[data-name=overview] aside ul li ul li button:focus.notit,
section[data-name=overview] aside ul li ul li button:active.notit {
  opacity: 0.2;
}
section[data-name=overview] section.aside ul li ul li button:hover:before,
section[data-name=overview] section.aside ul li ul li button:visited:hover:before,
section[data-name=overview] section.aside ul li ul li button:focus:hover:before,
section[data-name=overview] section.aside ul li ul li button:active:hover:before,
section[data-name=overview] aside ul li ul li button:hover:before,
section[data-name=overview] aside ul li ul li button:visited:hover:before,
section[data-name=overview] aside ul li ul li button:focus:hover:before,
section[data-name=overview] aside ul li ul li button:active:hover:before {
  transform: scaleX(1);
}
section[data-name=overview] section.aside ul li ul li:after,
section[data-name=overview] aside ul li ul li:after {
  position: absolute;
  left: 100%;
  content: " ";
  width: 3px;
  height: 3px;
  background-color: #888;
  border-radius: 50%;
  display: block;
  top: 11px;
  margin: 0 0 0 3px;
}
@media (min-width: 2250px), (min-height: 1500px) {
  section[data-name=overview] section.aside ul li ul li:after,
  section[data-name=overview] aside ul li ul li:after {
    margin: 0 0 0 3px;
  }
}
section[data-name=overview] section.aside ul li ul li:last-child,
section[data-name=overview] aside ul li ul li:last-child {
  margin: 0 0 5px 0;
}
section[data-name=overview] section.aside ul li ul li:last-child:after,
section[data-name=overview] aside ul li ul li:last-child:after {
  display: none;
}
@media (min-width: 2250px), (min-height: 1500px) {
  section[data-name=overview] section.aside ul li ul li:last-child,
  section[data-name=overview] aside ul li ul li:last-child {
    margin: 0 0 5px 0;
  }
}
section[data-name=overview] section.aside ul li ul li:hover picture,
section[data-name=overview] aside ul li ul li:hover picture {
  border: 1px solid #888;
}
section[data-name=overview] section.aside ul li ul li:hover picture.mono img,
section[data-name=overview] aside ul li ul li:hover picture.mono img {
  filter: saturate(1) brightness(100%);
}
section[data-name=overview] section.aside ul li ul li:hover p.tooltip,
section[data-name=overview] aside ul li ul li:hover p.tooltip {
  transform: translate(-50%, 10px);
  opacity: 1;
}
@media (min-width: 2250px), (min-height: 1500px) {
  section[data-name=overview] section.aside ul li ul li,
  section[data-name=overview] aside ul li ul li {
    margin: 0 10px 3.3333333333px 0;
  }
}
@media (max-width: 767px) {
  section[data-name=overview] section.aside ul li ul li,
  section[data-name=overview] aside ul li ul li {
    margin: 0 10px 10px 0;
  }
}
section[data-name=overview] section.aside ul li ul.caracteristicas li,
section[data-name=overview] aside ul li ul.caracteristicas li {
  margin: 0 5px 3.3333333333px 0;
}
section[data-name=overview] section.aside ul li ul.caracteristicas li:after,
section[data-name=overview] aside ul li ul.caracteristicas li:after {
  display: none;
}
@media (min-width: 2250px), (min-height: 1500px) {
  section[data-name=overview] section.aside ul li ul.caracteristicas li,
  section[data-name=overview] aside ul li ul.caracteristicas li {
    margin: 0 5px 5px 0;
  }
}
@media (min-width: 2250px), (min-height: 1500px) {
  section[data-name=overview] section.aside ul li ul,
  section[data-name=overview] aside ul li ul {
    margin: 5px 0;
  }
}
@media (max-width: 767px) {
  section[data-name=overview] section.aside ul li ul,
  section[data-name=overview] aside ul li ul {
    margin: 10px 0;
  }
}
@media (min-width: 2250px), (min-height: 1500px) {
  section[data-name=overview] section.aside ul,
  section[data-name=overview] aside ul {
    padding: 20px 0 20px 20px;
  }
}
@media (max-width: 767px) {
  section[data-name=overview] section.aside ul,
  section[data-name=overview] aside ul {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  section[data-name=overview] section.aside,
  section[data-name=overview] aside {
    background-color: rgba(240, 240, 240, 0.9);
  }
  section[data-name=overview] section.aside.open,
  section[data-name=overview] aside.open {
    max-height: calc(100vh - 160px);
    height: auto;
    overflow: auto;
    top: auto;
    bottom: 60px;
    z-index: 8000;
    display: flex;
    width: 100%;
  }
}
@media (min-width: 2250px), (min-height: 1500px) {
  section[data-name=overview] {
    margin: 0 20px 20px 20px;
    width: calc(100% - 40px);
  }
}
@media (max-width: 900px) {
  section[data-name=overview] {
    margin: 0 10px 20px 10px;
    width: calc(100% - 20px);
  }
}
@media (max-width: 767px) {
  section[data-name=overview] {
    width: 100%;
    margin: 0;
  }
}

section[data-name]:not([data-name=downloads], [data-name=colecoes]) {
  position: relative;
  margin: 0;
  padding: clamp(40px, 3.5vw, 80px) 0;
  width: 100%;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
  background-color: white;
  display: none;
  gap: 50px 25px;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]).show {
  display: flex;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) p.note {
  position: relative;
  width: 100%;
  float: left;
  font-size: 18px;
  line-height: 25px;
  margin: 0 0 clamp(40px, 3.5vw, 80px) 0;
  padding: 0;
  font-weight: 400;
  letter-spacing: 2px;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) p.note span {
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: 2px;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) p.note a,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) p.note a:active,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) p.note a:focus,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) p.note a:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  position: relative;
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  font-weight: bold;
  text-decoration: none;
  color: inherit;
  letter-spacing: 2px;
}
@media (hover: hover) and (pointer: fine) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) p.note a:hover,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) p.note a:active:hover,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) p.note a:focus:hover,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) p.note a:visited:hover {
    opacity: 0.5;
  }
}
@media (max-width: 900px) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) p.note {
    margin: 0 0 40px 0;
  }
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, box-shadow, background-color;
  -moz-transition-property: transform, box-shadow, background-color;
  -o-transition-property: transform, box-shadow, background-color;
  -webkit-transition-property: transform, box-shadow, background-color;
  position: relative;
  width: calc(20% - 20px);
  padding: 0;
  margin: 0;
  color: #000;
  z-index: 0;
  background-color: white;
  text-align: left;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article h2, section[data-name]:not([data-name=downloads], [data-name=colecoes]) article h3 {
  position: relative;
  width: 100%;
  float: left;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  padding: 15px 0 0 0;
  font-family: "ALS Hauss", sans-serif;
  font-weight: 500;
  z-index: 10;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 1px;
  text-align: left;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article h2 span, section[data-name]:not([data-name=downloads], [data-name=colecoes]) article h3 span {
  font-family: "ALS Hauss Book", sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 1px;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color, border;
  -moz-transition-property: color, border;
  -o-transition-property: color, border;
  -webkit-transition-property: color, border;
  position: relative;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  cursor: pointer;
  float: left;
  width: 100%;
  padding: 50%;
  background-color: transparent;
  z-index: 10;
  text-decoration: none;
  text-align: left;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited picture {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: border;
  -moz-transition-property: border;
  -o-transition-property: border;
  -webkit-transition-property: border;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ddd;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited picture img {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, filter, opacity;
  -moz-transition-property: transform, filter, opacity;
  -o-transition-property: transform, filter, opacity;
  -webkit-transition-property: transform, filter, opacity;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
  background-color: transparent;
  background-color: #fff;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a picture.rotate img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus picture.rotate img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active picture.rotate img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited picture.rotate img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button picture.rotate img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus picture.rotate img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active picture.rotate img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited picture.rotate img {
  width: 105%;
  aspect-ratio: 1;
  height: auto;
  left: 50%;
  top: 50%;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a picture.rotate.deg90 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus picture.rotate.deg90 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active picture.rotate.deg90 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited picture.rotate.deg90 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button picture.rotate.deg90 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus picture.rotate.deg90 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active picture.rotate.deg90 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited picture.rotate.deg90 img {
  transform: translate(-50%, -50%) rotate(90deg);
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a picture.rotate.deg180 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus picture.rotate.deg180 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active picture.rotate.deg180 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited picture.rotate.deg180 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button picture.rotate.deg180 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus picture.rotate.deg180 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active picture.rotate.deg180 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited picture.rotate.deg180 img {
  transform: translate(-50%, -50%) rotate(180deg);
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a picture.rotate.deg270 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus picture.rotate.deg270 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active picture.rotate.deg270 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited picture.rotate.deg270 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button picture.rotate.deg270 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus picture.rotate.deg270 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active picture.rotate.deg270 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited picture.rotate.deg270 img {
  transform: translate(-50%, -50%) rotate(270deg);
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited picture.contained {
  background-color: white;
  border: 1px solid #ddd;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited picture.contained img {
  padding: 10px;
  object-fit: scale-down !important;
  -o-object-fit: scale-down !important;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a span.m2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus span.m2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active span.m2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited span.m2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button span.m2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus span.m2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active span.m2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited span.m2 {
  position: absolute;
  bottom: 100%;
  left: 0;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: white;
  font-family: inherit;
  font-weight: bold;
  background-color: #000;
  width: auto;
  padding: 5px 10px;
  margin: 0;
  z-index: 200;
  display: block;
  text-transform: uppercase;
  pointer-events: none;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a span.m2 sup,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus span.m2 sup,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active span.m2 sup,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited span.m2 sup,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button span.m2 sup,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus span.m2 sup,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active span.m2 sup,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited span.m2 sup {
  font-weight: bold;
}
@media (hover: hover) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:hover picture img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus:hover picture img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active:hover picture img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited:hover picture img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:hover picture img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus:hover picture img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active:hover picture img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited:hover picture img {
    transform: scale(1.1);
  }
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:hover picture.rotate.deg90 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus:hover picture.rotate.deg90 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active:hover picture.rotate.deg90 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited:hover picture.rotate.deg90 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:hover picture.rotate.deg90 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus:hover picture.rotate.deg90 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active:hover picture.rotate.deg90 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited:hover picture.rotate.deg90 img {
    transform: scale(1.1) translate(-45%, -45%) rotate(90deg);
  }
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:hover picture.rotate.deg180 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus:hover picture.rotate.deg180 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active:hover picture.rotate.deg180 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited:hover picture.rotate.deg180 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:hover picture.rotate.deg180 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus:hover picture.rotate.deg180 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active:hover picture.rotate.deg180 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited:hover picture.rotate.deg180 img {
    transform: scale(1.1) translate(-45%, -45%) rotate(180deg);
  }
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:hover picture.rotate.deg270 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus:hover picture.rotate.deg270 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active:hover picture.rotate.deg270 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited:hover picture.rotate.deg270 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:hover picture.rotate.deg270 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus:hover picture.rotate.deg270 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active:hover picture.rotate.deg270 img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited:hover picture.rotate.deg270 img {
    transform: scale(1.1) translate(-45%, -45%) rotate(270deg);
  }
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:hover picture.contained,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus:hover picture.contained,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active:hover picture.contained,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited:hover picture.contained,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:hover picture.contained,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus:hover picture.contained,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active:hover picture.contained,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited:hover picture.contained {
    border: 1px solid #000;
  }
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:hover picture.contained img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus:hover picture.contained img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active:hover picture.contained img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited:hover picture.contained img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:hover picture.contained img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus:hover picture.contained img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active:hover picture.contained img,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited:hover picture.contained img {
    transform: scale(0.95);
  }
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a.addsample,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus.addsample,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active.addsample,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited.addsample,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button.addsample,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus.addsample,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active.addsample,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited.addsample {
  display: none;
  margin: 10px 0 0 0;
  text-transform: uppercase;
  padding: 5px 35px;
  font-size: 14px;
  line-height: 20px;
  background-color: transparent;
  letter-spacing: 1px;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a.addsample svg,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus.addsample svg,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active.addsample svg,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited.addsample svg,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button.addsample svg,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus.addsample svg,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active.addsample svg,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited.addsample svg {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 10px 0 0;
  width: 25px;
  height: 25px;
  fill: #000;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a.addsample:after,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus.addsample:after,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active.addsample:after,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited.addsample:after,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button.addsample:after,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus.addsample:after,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active.addsample:after,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited.addsample:after {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: border, background-color, color;
  -moz-transition-property: border, background-color, color;
  -o-transition-property: border, background-color, color;
  -webkit-transition-property: border, background-color, color;
  position: absolute;
  right: 0;
  top: 2px;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #888;
  color: white;
  text-align: center;
  line-height: 23px;
  content: "✓";
  font-size: 12px;
}
@media (hover: hover) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a.addsample:hover:after,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus.addsample:hover:after,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active.addsample:hover:after,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited.addsample:hover:after,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button.addsample:hover:after,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus.addsample:hover:after,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active.addsample:hover:after,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited.addsample:hover:after {
    color: #888;
    border: 1px solid #000;
  }
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a.addsample.active:after,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus.addsample.active:after,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active.addsample.active:after,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited.addsample.active:after,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button.addsample.active:after,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus.addsample.active:after,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active.addsample.active:after,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited.addsample.active:after {
  color: white;
  background-color: #000;
  border: 1px solid #000;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a h2, section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a h3,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus h2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:focus h3,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active h2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:active h3,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited h2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article a:visited h3,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button h2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button h3,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus h2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:focus h3,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active h2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:active h3,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited h2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article button:visited h3 {
  position: absolute;
  padding: 20px 25px;
  z-index: 10;
  bottom: 0;
  left: 0;
  color: #fff;
  text-shadow: 0 0 2px rgb(0, 0, 0);
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article p {
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0 0 0;
  padding: 0 15px;
  color: #888;
  font-weight: 400;
  z-index: 10;
  display: none;
  float: left;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article p strong {
  font-weight: bold;
}
@media (max-width: 1500px) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article p {
    padding: 0;
  }
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article small.nota {
  position: relative;
  width: 100%;
  float: left;
  font-size: 12px;
  line-height: 16px;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  color: #888;
  font-weight: 400;
  z-index: 10;
  border-top: 1px dashed #888;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article small.nota strong {
  font-size: 14px;
  font-weight: bold;
}
@media (max-width: 1500px) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article small.nota {
    padding: 15px 0 0 0;
  }
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul {
  position: relative;
  width: 100%;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0 15px;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li span {
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  margin: auto 0;
  display: inline-block;
}
@media (max-width: 767px) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li span {
    font-size: 12px;
  }
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li span.ref {
  font-size: 12px;
  color: #888;
  min-width: 35px;
  margin: 0;
  display: none;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li span.format {
  font-weight: bold;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li span.finish {
  border: 1px solid #888;
  margin: auto 0 auto 5px;
  min-width: 20px;
  line-height: 16px;
  text-align: center;
  padding: 0 5px;
  font-size: 10px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li span.finish {
    margin: auto 0 auto 5px;
  }
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li span:before {
  margin: auto 3px;
  content: ".";
  display: inline-block;
  font-weight: bold;
}
@media (max-width: 767px) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li span:before {
    margin: auto 3px;
  }
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li span.finish:before, section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li span:first-child:before {
  display: none;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li p {
  position: relative;
  float: left;
  width: 100%;
  line-height: 16px;
  font-size: 16px;
  font-weight: bold;
  color: inherit;
  padding: 0 0 0 20px;
  margin: 15px 0 5px 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li p img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li p svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: #000;
  width: 15px;
  height: 15px;
  margin: auto 10px auto 0;
  object-fit: contain;
  -o-object-fit: contain;
  object-position: center;
  -o-object-position: center;
}
@media (max-width: 767px) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li p {
    font-size: 14px;
  }
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li ul {
  margin: 0;
  padding: 0;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li ul li {
  margin: 5px 0 0 0;
  flex-flow: row nowrap;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li ul li p {
  margin: 0;
  color: inherit;
  padding: 0 0 0 20px;
}
@media (max-width: 767px) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li ul li {
    margin: 0;
    flex-flow: row wrap;
  }
}
@media (max-width: 400px) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul li ul li {
    flex-flow: row nowrap;
  }
}
@media (max-width: 1500px) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul {
    padding: 0 5px;
  }
}
@media (max-width: 767px) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul {
    margin: 10px 0 0 0;
  }
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 0;
  margin: 10px 0 0 0;
  gap: 5px;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li {
  width: calc(20% - 4px);
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li button,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li button:focus,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li button:active,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li button:visited {
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 2px;
  margin: 0;
  border: 1px solid #ddd;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li button img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li button:focus img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li button:active img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li button:visited img {
  display: block;
  position: relative;
  width: 100%;
  height: 45px;
  padding: 0;
  margin: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
@media (hover: hover) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li button:hover,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li button:focus:hover,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li button:active:hover,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li button:visited:hover {
    border: 1px solid #000;
  }
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li button.selected,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li button:focus.selected,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li button:active.selected,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article ul.colors li button:visited.selected {
  border: 1px solid #000;
}
@media (max-width: 900px) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article {
    width: calc(33.3333333333% - 16.6666666667px);
  }
}
@media (max-width: 767px) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article {
    width: calc(50% - 12.5px);
  }
}
@media (max-width: 400px) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article {
    width: 100%;
  }
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.active {
  color: white;
  z-index: 100;
  background-color: #000;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.active:before {
  position: absolute;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  left: -20px;
  top: -20px;
  background-color: white;
  content: "";
  z-index: 0;
  display: none;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.active ul p svg {
  fill: white;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.active ul p img {
  filter: saturate(0) brightness(100);
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.active ul span.finish {
  border: 1px solid white;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.active small.nota {
  color: white;
  border-top: 1px dashed white;
}
@media (max-width: 767px) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.active {
    transform: scale(1);
  }
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:focus,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:active,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:visited,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:focus,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:active,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:visited {
  padding: calc(50% - 10px);
  border: 10px solid #000;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:focus picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:active picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:visited picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:focus picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:active picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:visited picture {
  border: 1px solid #000 !important;
  background-color: #000 !important;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:focus picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:active picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:visited picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:focus picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:active picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:visited picture img {
  background-color: #000;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a picture.rotate img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:focus picture.rotate img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:active picture.rotate img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:visited picture.rotate img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button picture.rotate img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:focus picture.rotate img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:active picture.rotate img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:visited picture.rotate img {
  width: 105%;
  aspect-ratio: 1;
  height: auto;
  left: 50%;
  top: 50%;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a picture.rotate.deg90 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:focus picture.rotate.deg90 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:active picture.rotate.deg90 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:visited picture.rotate.deg90 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button picture.rotate.deg90 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:focus picture.rotate.deg90 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:active picture.rotate.deg90 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:visited picture.rotate.deg90 img {
  transform: translate(-50%, -50%) rotate(90deg);
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a picture.rotate.deg180 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:focus picture.rotate.deg180 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:active picture.rotate.deg180 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:visited picture.rotate.deg180 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button picture.rotate.deg180 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:focus picture.rotate.deg180 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:active picture.rotate.deg180 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:visited picture.rotate.deg180 img {
  transform: translate(-50%, -50%) rotate(180deg);
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a picture.rotate.deg270 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:focus picture.rotate.deg270 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:active picture.rotate.deg270 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:visited picture.rotate.deg270 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button picture.rotate.deg270 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:focus picture.rotate.deg270 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:active picture.rotate.deg270 img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:visited picture.rotate.deg270 img {
  transform: translate(-50%, -50%) rotate(270deg);
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:focus picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:active picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:visited picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:focus picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:active picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:visited picture.contained {
  background-color: white;
  border: 1px solid #B3B3B3;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:focus picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:active picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected a:visited picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:focus picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:active picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected button:visited picture.contained img {
  padding: 10px;
  object-fit: scale-down !important;
  -o-object-fit: scale-down !important;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.selected span.m2 {
  bottom: calc(100% + 10px) !important;
  left: -10px !important;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search {
  width: auto;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:focus,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:active,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:visited,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:focus,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:active,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:visited {
  transition-property: color, border;
  -moz-transition-property: color, border;
  -o-transition-property: color, border;
  -webkit-transition-property: color, border;
  width: auto;
  padding: 15px 15px 10px 60px;
  min-height: 52px;
  height: 100%;
  background-color: transparent;
  z-index: 10;
  text-decoration: none;
  border: 1px solid #B3B3B3;
  justify-content: center;
  align-content: center;
  text-align: left;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:focus picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:active picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:visited picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:focus picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:active picture,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:visited picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  overflow: hidden;
  background-color: #000;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:focus picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:active picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:visited picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:focus picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:active picture img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:visited picture img {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, filter, opacity;
  -moz-transition-property: transform, filter, opacity;
  -o-transition-property: transform, filter, opacity;
  -webkit-transition-property: transform, filter, opacity;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:focus picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:active picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:visited picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:focus picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:active picture.contained,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:visited picture.contained {
  background-color: white;
  border: none;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:focus picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:active picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:visited picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:focus picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:active picture.contained img,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:visited picture.contained img {
  padding: 5px;
  object-fit: scale-down !important;
  -o-object-fit: scale-down !important;
}
@media (hover: hover) {
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:hover,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:focus:hover,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:active:hover,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:visited:hover,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:hover,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:focus:hover,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:active:hover,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:visited:hover {
    border: 1px solid #000;
  }
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:hover picture.contained,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:focus:hover picture.contained,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:active:hover picture.contained,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:visited:hover picture.contained,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:hover picture.contained,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:focus:hover picture.contained,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:active:hover picture.contained,
  section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:visited:hover picture.contained {
    border: none;
  }
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a h2, section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a h3,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:focus h2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:focus h3,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:active h2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:active h3,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:visited h2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:visited h3,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button h2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button h3,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:focus h2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:focus h3,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:active h2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:active h3,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:visited h2,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:visited h3 {
  position: relative;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  color: #000;
  text-shadow: none;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a h2 small, section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a h3 small,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:focus h2 small,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:focus h3 small,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:active h2 small,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:active h3 small,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:visited h2 small,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search a:visited h3 small,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button h2 small,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button h3 small,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:focus h2 small,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:focus h3 small,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:active h2 small,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:active h3 small,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:visited h2 small,
section[data-name]:not([data-name=downloads], [data-name=colecoes]) article.search button:visited h3 small {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1px;
}
section[data-name]:not([data-name=downloads], [data-name=colecoes]).search {
  padding: 0;
  display: flex;
  gap: 20px;
  justify-content: stretch;
  margin-bottom: clamp(40px, 4vw, 75px);
}

section[data-name=downloads] {
  position: relative;
  margin: 0;
  padding: clamp(40px, 3.5vw, 80px) 0;
  width: 100%;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
  background-color: white;
  display: none;
  gap: 25px;
}
section[data-name=downloads].show {
  display: flex;
}
section[data-name=downloads] a,
section[data-name=downloads] a:focus,
section[data-name=downloads] a:active,
section[data-name=downloads] a:visited {
  position: relative;
  padding: 0 10px 0 0;
  margin: 0;
  color: #000;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  text-decoration: none;
  border: solid 10px #fff;
}
section[data-name=downloads] a svg,
section[data-name=downloads] a:focus svg,
section[data-name=downloads] a:active svg,
section[data-name=downloads] a:visited svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  position: relative;
  width: 50px;
  height: 50px;
  padding: 13px;
  z-index: 20;
  fill: #000;
}
section[data-name=downloads] a:before,
section[data-name=downloads] a:focus:before,
section[data-name=downloads] a:active:before,
section[data-name=downloads] a:visited:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background-color: #ddd;
  content: " ";
  display: block;
  z-index: 5;
}
@media (min-width: 2250px), (min-height: 1500px) {
  section[data-name=downloads] a:before,
  section[data-name=downloads] a:focus:before,
  section[data-name=downloads] a:active:before,
  section[data-name=downloads] a:visited:before {
    top: 5px;
  }
}
section[data-name=downloads] a:after,
section[data-name=downloads] a:focus:after,
section[data-name=downloads] a:active:after,
section[data-name=downloads] a:visited:after {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: width;
  -moz-transition-property: width;
  -o-transition-property: width;
  -webkit-transition-property: width;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 50px;
  background-color: #000;
  content: " ";
  display: block;
  z-index: 10;
}
@media (min-width: 2250px), (min-height: 1500px) {
  section[data-name=downloads] a:after,
  section[data-name=downloads] a:focus:after,
  section[data-name=downloads] a:active:after,
  section[data-name=downloads] a:visited:after {
    top: 5px;
  }
}
section[data-name=downloads] a div,
section[data-name=downloads] a:focus div,
section[data-name=downloads] a:active div,
section[data-name=downloads] a:visited div {
  position: relative;
  margin: auto 0;
}
section[data-name=downloads] a div p,
section[data-name=downloads] a:focus div p,
section[data-name=downloads] a:active div p,
section[data-name=downloads] a:visited div p {
  position: relative;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0 0 0 15px;
  color: #000;
  font-weight: 500;
  z-index: 10;
  letter-spacing: 1px;
  text-transform: uppercase;
}
section[data-name=downloads] a div p strong,
section[data-name=downloads] a:focus div p strong,
section[data-name=downloads] a:active div p strong,
section[data-name=downloads] a:visited div p strong {
  font-weight: 500;
}
section[data-name=downloads] a div small,
section[data-name=downloads] a:focus div small,
section[data-name=downloads] a:active div small,
section[data-name=downloads] a:visited div small {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  position: relative;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  padding: 0 15px;
  color: #888;
  font-weight: 400;
  z-index: 10;
  letter-spacing: 1px;
}
section[data-name=downloads] a div small strong,
section[data-name=downloads] a:focus div small strong,
section[data-name=downloads] a:active div small strong,
section[data-name=downloads] a:visited div small strong {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 500;
}
section[data-name=downloads] a.selected,
section[data-name=downloads] a:focus.selected,
section[data-name=downloads] a:active.selected,
section[data-name=downloads] a:visited.selected {
  border: solid 10px #000;
  color: #fff;
  background-color: #000;
}
section[data-name=downloads] a.selected div p,
section[data-name=downloads] a:focus.selected div p,
section[data-name=downloads] a:active.selected div p,
section[data-name=downloads] a:visited.selected div p {
  color: #fff;
}
@media (hover: hover) {
  section[data-name=downloads] a:hover svg,
  section[data-name=downloads] a:focus:hover svg,
  section[data-name=downloads] a:active:hover svg,
  section[data-name=downloads] a:visited:hover svg {
    fill: #fff;
  }
  section[data-name=downloads] a:hover:after,
  section[data-name=downloads] a:focus:hover:after,
  section[data-name=downloads] a:active:hover:after,
  section[data-name=downloads] a:visited:hover:after {
    width: 50px;
  }
  section[data-name=downloads] a:hover div small,
  section[data-name=downloads] a:focus:hover div small,
  section[data-name=downloads] a:active:hover div small,
  section[data-name=downloads] a:visited:hover div small {
    color: #000;
  }
  section[data-name=downloads] a:hover.selected div small,
  section[data-name=downloads] a:focus:hover.selected div small,
  section[data-name=downloads] a:active:hover.selected div small,
  section[data-name=downloads] a:visited:hover.selected div small {
    color: #fff;
  }
}
@media (min-width: 2250px), (min-height: 1500px) {
  section[data-name=downloads] a,
  section[data-name=downloads] a:focus,
  section[data-name=downloads] a:active,
  section[data-name=downloads] a:visited {
    padding: 5px 0 0 0;
    margin: 5px 5px 0 5px;
  }
}
section[data-name=downloads] article {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, box-shadow;
  -moz-transition-property: transform, box-shadow;
  -o-transition-property: transform, box-shadow;
  -webkit-transition-property: transform, box-shadow;
  position: relative;
  width: 25%;
  padding: 5px 5px 10px 5px;
  margin: 5px 0 0 0;
  color: #000;
  z-index: 0;
  background-color: white;
}
section[data-name=downloads] article button {
  position: relative;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  padding: 50%;
  background-color: #000;
  overflow: hidden;
  z-index: 10;
}
section[data-name=downloads] article button picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section[data-name=downloads] article button picture img {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, filter, opacity;
  -moz-transition-property: transform, filter, opacity;
  -o-transition-property: transform, filter, opacity;
  -webkit-transition-property: transform, filter, opacity;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}
section[data-name=downloads] article button div {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform;
  -moz-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: transform;
  position: absolute;
  left: 100%;
  height: 100%;
  width: auto;
  transform: translateX(-50px);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-end;
  color: #000;
  background-color: #AAA;
  top: 0;
  padding: 20px 20px 10px 50px;
  margin: 0;
}
section[data-name=downloads] article button div svg {
  position: absolute;
  margin: auto 0 0 0;
  width: 50px;
  height: 40px;
  padding: 10px 15px;
  text-align: center;
  fill: #000;
  left: 0;
  bottom: 5px;
}
section[data-name=downloads] article button div span {
  margin: auto 0 0 0;
  color: #000;
  font-size: 14px;
  line-height: 30px;
  white-space: nowrap;
  font-weight: bold;
}
@media (hover: hover) {
  section[data-name=downloads] article button:hover div {
    transform: translateX(-100%);
  }
  section[data-name=downloads] article button:hover picture img {
    opacity: 0.4;
    transform: scale(1.1);
  }
}
section[data-name=downloads] article h2, section[data-name=downloads] article h3 {
  position: relative;
  width: 100%;
  font-size: 25px;
  line-height: 25px;
  margin: 0;
  padding: 15px 15px 0 15px;
  color: inherit;
  font-weight: bold;
  z-index: 10;
}
@media (max-width: 767px) {
  section[data-name=downloads] article h2, section[data-name=downloads] article h3 {
    font-size: 20px;
  }
}
section[data-name=downloads] article p {
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0 0 0;
  padding: 0 15px;
  color: #888;
  font-weight: 400;
  z-index: 10;
}
section[data-name=downloads] article p strong {
  font-weight: bold;
}
@media (max-width: 767px) {
  section[data-name=downloads] article p {
    font-size: 18px;
  }
}
section[data-name=downloads] article ul {
  position: relative;
  width: 100%;
  list-style: none;
  margin: 15px 0 0 0;
  padding: 0 15px;
}
section[data-name=downloads] article ul li {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
section[data-name=downloads] article ul li span {
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
  margin: auto 0;
  display: inline-block;
}
section[data-name=downloads] article ul li span.ref {
  font-size: 12px;
  color: #888;
  min-width: 40px;
  margin: 0;
}
section[data-name=downloads] article ul li span.format {
  font-weight: bold;
}
section[data-name=downloads] article ul li span.finish {
  border: 1px solid #000;
  margin: auto 0 auto 10px;
  min-width: 20px;
  line-height: 16px;
  text-align: center;
  padding: 0 5px;
  font-size: 10px;
  text-transform: uppercase;
}
section[data-name=downloads] article ul li span:before {
  margin: auto 5px;
  content: ".";
  display: inline-block;
}
section[data-name=downloads] article ul li span:last-child:before, section[data-name=downloads] article ul li span:first-child:before {
  display: none;
}
section[data-name=downloads] article ul li p {
  position: relative;
  float: left;
  width: 100%;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: inherit;
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
section[data-name=downloads] article ul li p svg {
  width: 20px;
  height: 20px;
  margin: auto 10px auto 0;
}
section[data-name=downloads] article ul li ul {
  margin: 10px 0 0 0;
  padding: 0;
}
section[data-name=downloads] article ul li ul li {
  margin: 5px 0 0 0;
  flex-flow: row nowrap;
}
section[data-name=downloads] article.active {
  z-index: 100;
  transform: scale(1.1);
  box-shadow: 0 0 50px #ccc;
}
section[data-name=downloads] article.active:before {
  position: absolute;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  left: -20px;
  top: -20px;
  background-color: white;
  content: "";
  z-index: 0;
  display: none;
}
@media (min-width: 2250px), (min-height: 1500px) {
  section[data-name=downloads] {
    margin: 0 20px 20px 20px;
    padding: 0 5px;
    width: calc(100% - 40px);
  }
}
@media (max-width: 900px) {
  section[data-name=downloads] {
    margin: 0 10px 20px 10px;
    padding: 0 2.5px;
    width: calc(100% - 20px);
  }
}
@media (max-width: 767px) {
  section[data-name=downloads] {
    width: 100%;
    margin: 0;
    padding: 5px 5px;
  }
}

section.aside.colecao,
aside.colecao {
  position: sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  top: 110px;
  z-index: 200;
  background-color: rgba(240, 240, 240, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
  width: 100%;
}
section.aside.colecao ul,
aside.colecao ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: stretch;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
section.aside.colecao ul li,
aside.colecao ul li {
  position: relative;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  border-right: 1px solid #ddd;
}
section.aside.colecao ul li a,
section.aside.colecao ul li a:focus,
section.aside.colecao ul li a:active,
section.aside.colecao ul li a:visited,
section.aside.colecao ul li button,
section.aside.colecao ul li button:focus,
section.aside.colecao ul li button:active,
section.aside.colecao ul li button:visited,
aside.colecao ul li a,
aside.colecao ul li a:focus,
aside.colecao ul li a:active,
aside.colecao ul li a:visited,
aside.colecao ul li button,
aside.colecao ul li button:focus,
aside.colecao ul li button:active,
aside.colecao ul li button:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color, background-color;
  -moz-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  -webkit-transition-property: color, background-color;
  position: relative;
  width: auto;
  float: left;
  background-color: transparent;
  text-align: left;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  color: #000;
  cursor: pointer;
  padding: 20px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
}
section.aside.colecao ul li a:before,
section.aside.colecao ul li a:focus:before,
section.aside.colecao ul li a:active:before,
section.aside.colecao ul li a:visited:before,
section.aside.colecao ul li button:before,
section.aside.colecao ul li button:focus:before,
section.aside.colecao ul li button:active:before,
section.aside.colecao ul li button:visited:before,
aside.colecao ul li a:before,
aside.colecao ul li a:focus:before,
aside.colecao ul li a:active:before,
aside.colecao ul li a:visited:before,
aside.colecao ul li button:before,
aside.colecao ul li button:focus:before,
aside.colecao ul li button:active:before,
aside.colecao ul li button:visited:before {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform;
  -moz-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: transform;
  content: " ";
  display: block;
  background-color: #888;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  transform-origin: left center;
  transform: scaleX(0);
  z-index: 10;
}
@media (max-width: 965px) {
  section.aside.colecao ul li a,
  section.aside.colecao ul li a:focus,
  section.aside.colecao ul li a:active,
  section.aside.colecao ul li a:visited,
  section.aside.colecao ul li button,
  section.aside.colecao ul li button:focus,
  section.aside.colecao ul li button:active,
  section.aside.colecao ul li button:visited,
  aside.colecao ul li a,
  aside.colecao ul li a:focus,
  aside.colecao ul li a:active,
  aside.colecao ul li a:visited,
  aside.colecao ul li button,
  aside.colecao ul li button:focus,
  aside.colecao ul li button:active,
  aside.colecao ul li button:visited {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  section.aside.colecao ul li a,
  section.aside.colecao ul li a:focus,
  section.aside.colecao ul li a:active,
  section.aside.colecao ul li a:visited,
  section.aside.colecao ul li button,
  section.aside.colecao ul li button:focus,
  section.aside.colecao ul li button:active,
  section.aside.colecao ul li button:visited,
  aside.colecao ul li a,
  aside.colecao ul li a:focus,
  aside.colecao ul li a:active,
  aside.colecao ul li a:visited,
  aside.colecao ul li button,
  aside.colecao ul li button:focus,
  aside.colecao ul li button:active,
  aside.colecao ul li button:visited {
    font-size: 20px;
    width: 100%;
  }
  section.aside.colecao ul li a:after,
  section.aside.colecao ul li a:focus:after,
  section.aside.colecao ul li a:active:after,
  section.aside.colecao ul li a:visited:after,
  section.aside.colecao ul li button:after,
  section.aside.colecao ul li button:focus:after,
  section.aside.colecao ul li button:active:after,
  section.aside.colecao ul li button:visited:after,
  aside.colecao ul li a:after,
  aside.colecao ul li a:focus:after,
  aside.colecao ul li a:active:after,
  aside.colecao ul li a:visited:after,
  aside.colecao ul li button:after,
  aside.colecao ul li button:focus:after,
  aside.colecao ul li button:active:after,
  aside.colecao ul li button:visited:after {
    display: none;
  }
}
@media (hover: hover) {
  section.aside.colecao ul li a:hover,
  section.aside.colecao ul li a:focus:hover,
  section.aside.colecao ul li a:active:hover,
  section.aside.colecao ul li a:visited:hover,
  section.aside.colecao ul li button:hover,
  section.aside.colecao ul li button:focus:hover,
  section.aside.colecao ul li button:active:hover,
  section.aside.colecao ul li button:visited:hover,
  aside.colecao ul li a:hover,
  aside.colecao ul li a:focus:hover,
  aside.colecao ul li a:active:hover,
  aside.colecao ul li a:visited:hover,
  aside.colecao ul li button:hover,
  aside.colecao ul li button:focus:hover,
  aside.colecao ul li button:active:hover,
  aside.colecao ul li button:visited:hover {
    color: #888;
  }
  section.aside.colecao ul li a:hover:before,
  section.aside.colecao ul li a:focus:hover:before,
  section.aside.colecao ul li a:active:hover:before,
  section.aside.colecao ul li a:visited:hover:before,
  section.aside.colecao ul li button:hover:before,
  section.aside.colecao ul li button:focus:hover:before,
  section.aside.colecao ul li button:active:hover:before,
  section.aside.colecao ul li button:visited:hover:before,
  aside.colecao ul li a:hover:before,
  aside.colecao ul li a:focus:hover:before,
  aside.colecao ul li a:active:hover:before,
  aside.colecao ul li a:visited:hover:before,
  aside.colecao ul li button:hover:before,
  aside.colecao ul li button:focus:hover:before,
  aside.colecao ul li button:active:hover:before,
  aside.colecao ul li button:visited:hover:before {
    transform: scaleX(1);
  }
}
section.aside.colecao ul li a.active,
section.aside.colecao ul li a:focus.active,
section.aside.colecao ul li a:active.active,
section.aside.colecao ul li a:visited.active,
section.aside.colecao ul li button.active,
section.aside.colecao ul li button:focus.active,
section.aside.colecao ul li button:active.active,
section.aside.colecao ul li button:visited.active,
aside.colecao ul li a.active,
aside.colecao ul li a:focus.active,
aside.colecao ul li a:active.active,
aside.colecao ul li a:visited.active,
aside.colecao ul li button.active,
aside.colecao ul li button:focus.active,
aside.colecao ul li button:active.active,
aside.colecao ul li button:visited.active {
  color: #000;
  font-weight: bold;
  background-color: #fafafa;
}
section.aside.colecao ul li a.active small,
section.aside.colecao ul li a:focus.active small,
section.aside.colecao ul li a:active.active small,
section.aside.colecao ul li a:visited.active small,
section.aside.colecao ul li button.active small,
section.aside.colecao ul li button:focus.active small,
section.aside.colecao ul li button:active.active small,
section.aside.colecao ul li button:visited.active small,
aside.colecao ul li a.active small,
aside.colecao ul li a:focus.active small,
aside.colecao ul li a:active.active small,
aside.colecao ul li a:visited.active small,
aside.colecao ul li button.active small,
aside.colecao ul li button:focus.active small,
aside.colecao ul li button:active.active small,
aside.colecao ul li button:visited.active small {
  border: 2px solid #000;
}
section.aside.colecao ul li a.active:before,
section.aside.colecao ul li a:focus.active:before,
section.aside.colecao ul li a:active.active:before,
section.aside.colecao ul li a:visited.active:before,
section.aside.colecao ul li button.active:before,
section.aside.colecao ul li button:focus.active:before,
section.aside.colecao ul li button:active.active:before,
section.aside.colecao ul li button:visited.active:before,
aside.colecao ul li a.active:before,
aside.colecao ul li a:focus.active:before,
aside.colecao ul li a:active.active:before,
aside.colecao ul li a:visited.active:before,
aside.colecao ul li button.active:before,
aside.colecao ul li button:focus.active:before,
aside.colecao ul li button:active.active:before,
aside.colecao ul li button:visited.active:before {
  background-color: #000;
  transform: scaleX(1);
}
section.aside.colecao ul li a,
section.aside.colecao ul li a:focus,
section.aside.colecao ul li a:active,
section.aside.colecao ul li a:visited,
aside.colecao ul li a,
aside.colecao ul li a:focus,
aside.colecao ul li a:active,
aside.colecao ul li a:visited {
  padding-left: 10px;
  font-size: 12px;
  display: none;
}
section.aside.colecao ul li:has(button.active) a,
section.aside.colecao ul li:has(button.active) a:focus,
section.aside.colecao ul li:has(button.active) a:active,
section.aside.colecao ul li:has(button.active) a:visited,
aside.colecao ul li:has(button.active) a,
aside.colecao ul li:has(button.active) a:focus,
aside.colecao ul li:has(button.active) a:active,
aside.colecao ul li:has(button.active) a:visited {
  display: block;
}
@media (max-width: 767px) {
  section.aside.colecao ul li,
  aside.colecao ul li {
    border-right: none;
  }
}
@media (max-width: 600px) {
  section.aside.colecao ul li,
  aside.colecao ul li {
    width: 100%;
    border-left: none;
    border-bottom: 1px solid #ddd;
  }
}
section.aside.colecao ul li:first-child,
aside.colecao ul li:first-child {
  border-left: none;
}
@media (max-width: 767px) {
  section.aside.colecao ul,
  aside.colecao ul {
    flex-flow: row wrap;
  }
}

div.contain.collection {
  z-index: 30;
}
div.contain.collection ul.intro {
  color: #fff;
  position: relative;
  background-color: #000;
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  justify-content: flex-end;
  align-content: flex-start;
  padding: 30px 60px;
  text-transform: uppercase;
  gap: 20px clamp(40px, 4.5vw, 80px);
  width: auto;
  max-width: 100%;
  top: -50px;
  margin: 0 0 0 auto;
  z-index: 400;
}
div.contain.collection ul.intro li {
  margin: 0;
}
div.contain.collection ul.intro li h3 {
  margin: 0;
  font-size: 21px;
  letter-spacing: 4px;
}
div.contain.collection ul.intro li h3 strong {
  font-size: 23px;
  letter-spacing: 4px;
  margin: 0 10px 0 0;
  font-weight: bold;
}
@media (max-width: 1250px) {
  div.contain.collection ul.intro {
    padding: 30px 40px;
  }
}
@media (max-width: 767px) {
  div.contain.collection ul.intro {
    position: relative;
  }
}
div.contain.collection:has(ul.intro) section.aside.colecao,
div.contain.collection:has(ul.intro) aside.colecao {
  top: 160px;
  transform: translateY(-50px);
}
div.contain.collection:has(ul.intro) section.aside.colecao:before,
div.contain.collection:has(ul.intro) aside.colecao:before {
  position: absolute;
  content: " ";
  background-color: rgba(240, 240, 240, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  bottom: 100%;
  width: 100%;
  height: 45px;
}
div.contain.collection:has(ul.intro) section.aside.colecao ul li:before,
div.contain.collection:has(ul.intro) aside.colecao ul li:before {
  position: absolute;
  content: " ";
  background-color: #ddd;
  bottom: 100%;
  width: 1px;
  height: 45px;
  right: -1px;
}
div.contain.collection:has(ul.intro) section.aside.colecao ul li a:after,
div.contain.collection:has(ul.intro) section.aside.colecao ul li a:focus:after,
div.contain.collection:has(ul.intro) section.aside.colecao ul li a:active:after,
div.contain.collection:has(ul.intro) section.aside.colecao ul li a:visited:after,
div.contain.collection:has(ul.intro) section.aside.colecao ul li button:after,
div.contain.collection:has(ul.intro) section.aside.colecao ul li button:focus:after,
div.contain.collection:has(ul.intro) section.aside.colecao ul li button:active:after,
div.contain.collection:has(ul.intro) section.aside.colecao ul li button:visited:after,
div.contain.collection:has(ul.intro) aside.colecao ul li a:after,
div.contain.collection:has(ul.intro) aside.colecao ul li a:focus:after,
div.contain.collection:has(ul.intro) aside.colecao ul li a:active:after,
div.contain.collection:has(ul.intro) aside.colecao ul li a:visited:after,
div.contain.collection:has(ul.intro) aside.colecao ul li button:after,
div.contain.collection:has(ul.intro) aside.colecao ul li button:focus:after,
div.contain.collection:has(ul.intro) aside.colecao ul li button:active:after,
div.contain.collection:has(ul.intro) aside.colecao ul li button:visited:after {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color, background-color;
  -moz-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  -webkit-transition-property: color, background-color;
  position: absolute;
  content: " ";
  background-color: transparent;
  bottom: 100%;
  width: 100%;
  height: 45px;
  left: 0;
}
@media (max-width: 767px) {
  div.contain.collection:has(ul.intro) section.aside.colecao ul li a:after,
  div.contain.collection:has(ul.intro) section.aside.colecao ul li a:focus:after,
  div.contain.collection:has(ul.intro) section.aside.colecao ul li a:active:after,
  div.contain.collection:has(ul.intro) section.aside.colecao ul li a:visited:after,
  div.contain.collection:has(ul.intro) section.aside.colecao ul li button:after,
  div.contain.collection:has(ul.intro) section.aside.colecao ul li button:focus:after,
  div.contain.collection:has(ul.intro) section.aside.colecao ul li button:active:after,
  div.contain.collection:has(ul.intro) section.aside.colecao ul li button:visited:after,
  div.contain.collection:has(ul.intro) aside.colecao ul li a:after,
  div.contain.collection:has(ul.intro) aside.colecao ul li a:focus:after,
  div.contain.collection:has(ul.intro) aside.colecao ul li a:active:after,
  div.contain.collection:has(ul.intro) aside.colecao ul li a:visited:after,
  div.contain.collection:has(ul.intro) aside.colecao ul li button:after,
  div.contain.collection:has(ul.intro) aside.colecao ul li button:focus:after,
  div.contain.collection:has(ul.intro) aside.colecao ul li button:active:after,
  div.contain.collection:has(ul.intro) aside.colecao ul li button:visited:after {
    display: none;
  }
}
div.contain.collection:has(ul.intro) section.aside.colecao ul li a.active:after,
div.contain.collection:has(ul.intro) section.aside.colecao ul li a:focus.active:after,
div.contain.collection:has(ul.intro) section.aside.colecao ul li a:active.active:after,
div.contain.collection:has(ul.intro) section.aside.colecao ul li a:visited.active:after,
div.contain.collection:has(ul.intro) section.aside.colecao ul li button.active:after,
div.contain.collection:has(ul.intro) section.aside.colecao ul li button:focus.active:after,
div.contain.collection:has(ul.intro) section.aside.colecao ul li button:active.active:after,
div.contain.collection:has(ul.intro) section.aside.colecao ul li button:visited.active:after,
div.contain.collection:has(ul.intro) aside.colecao ul li a.active:after,
div.contain.collection:has(ul.intro) aside.colecao ul li a:focus.active:after,
div.contain.collection:has(ul.intro) aside.colecao ul li a:active.active:after,
div.contain.collection:has(ul.intro) aside.colecao ul li a:visited.active:after,
div.contain.collection:has(ul.intro) aside.colecao ul li button.active:after,
div.contain.collection:has(ul.intro) aside.colecao ul li button:focus.active:after,
div.contain.collection:has(ul.intro) aside.colecao ul li button:active.active:after,
div.contain.collection:has(ul.intro) aside.colecao ul li button:visited.active:after {
  background-color: #fafafa;
}
@media (max-width: 767px) {
  div.contain.collection:has(ul.intro) section.aside.colecao ul li:before,
  div.contain.collection:has(ul.intro) aside.colecao ul li:before {
    display: none;
  }
}

#collections div.contain.collections.search {
  margin-top: 0;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
}
#collections div.contain.collections.search section.aside.results {
  position: sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  top: 110px;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 2000;
  margin: 0 0 clamp(40px, 4vw, 75px) 0;
  border-top: 1px solid #000;
}
#collections div.contain.collections.search section.aside.results ul {
  position: relative;
  float: left;
  width: 100%;
  gap: 10px 0;
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 15px 0;
}
#collections div.contain.collections.search section.aside.results ul li button,
#collections div.contain.collections.search section.aside.results ul li button:focus,
#collections div.contain.collections.search section.aside.results ul li button:active,
#collections div.contain.collections.search section.aside.results ul li button:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color, background-color;
  -moz-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  -webkit-transition-property: color, background-color;
  position: relative;
  width: 100%;
  float: left;
  background-color: transparent;
  text-align: left;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  color: #000;
  cursor: pointer;
  padding: 5px 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#collections div.contain.collections.search section.aside.results ul li button small,
#collections div.contain.collections.search section.aside.results ul li button:focus small,
#collections div.contain.collections.search section.aside.results ul li button:active small,
#collections div.contain.collections.search section.aside.results ul li button:visited small {
  margin: auto 0 0 10px;
  color: #000;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
}
#collections div.contain.collections.search section.aside.results ul li button:before,
#collections div.contain.collections.search section.aside.results ul li button:focus:before,
#collections div.contain.collections.search section.aside.results ul li button:active:before,
#collections div.contain.collections.search section.aside.results ul li button:visited:before {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform;
  -moz-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: transform;
  content: " ";
  display: block;
  background-color: #888;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  transform-origin: left center;
  transform: scaleX(0);
  z-index: 10;
}
#collections div.contain.collections.search section.aside.results ul li button.color,
#collections div.contain.collections.search section.aside.results ul li button:focus.color,
#collections div.contain.collections.search section.aside.results ul li button:active.color,
#collections div.contain.collections.search section.aside.results ul li button:visited.color {
  padding: 0 0 10px 0;
}
#collections div.contain.collections.search section.aside.results ul li button.color span,
#collections div.contain.collections.search section.aside.results ul li button:focus.color span,
#collections div.contain.collections.search section.aside.results ul li button:active.color span,
#collections div.contain.collections.search section.aside.results ul li button:visited.color span {
  position: relative;
  float: left;
  margin: 0;
  width: 22px;
  height: 22px;
}
@media (max-width: 965px) {
  #collections div.contain.collections.search section.aside.results ul li button,
  #collections div.contain.collections.search section.aside.results ul li button:focus,
  #collections div.contain.collections.search section.aside.results ul li button:active,
  #collections div.contain.collections.search section.aside.results ul li button:visited {
    padding: 5px 0;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #collections div.contain.collections.search section.aside.results ul li button,
  #collections div.contain.collections.search section.aside.results ul li button:focus,
  #collections div.contain.collections.search section.aside.results ul li button:active,
  #collections div.contain.collections.search section.aside.results ul li button:visited {
    font-size: 20px;
  }
}
@media (hover: hover) {
  #collections div.contain.collections.search section.aside.results ul li button:hover,
  #collections div.contain.collections.search section.aside.results ul li button:focus:hover,
  #collections div.contain.collections.search section.aside.results ul li button:active:hover,
  #collections div.contain.collections.search section.aside.results ul li button:visited:hover {
    color: #888;
  }
  #collections div.contain.collections.search section.aside.results ul li button:hover:before,
  #collections div.contain.collections.search section.aside.results ul li button:focus:hover:before,
  #collections div.contain.collections.search section.aside.results ul li button:active:hover:before,
  #collections div.contain.collections.search section.aside.results ul li button:visited:hover:before {
    transform: scaleX(1);
  }
}
#collections div.contain.collections.search section.aside.results ul li button.active,
#collections div.contain.collections.search section.aside.results ul li button:focus.active,
#collections div.contain.collections.search section.aside.results ul li button:active.active,
#collections div.contain.collections.search section.aside.results ul li button:visited.active {
  color: #000;
  font-weight: bold;
}
#collections div.contain.collections.search section.aside.results ul li button.active small,
#collections div.contain.collections.search section.aside.results ul li button:focus.active small,
#collections div.contain.collections.search section.aside.results ul li button:active.active small,
#collections div.contain.collections.search section.aside.results ul li button:visited.active small {
  border: 2px solid #000;
}
#collections div.contain.collections.search section.aside.results ul li button.active:before,
#collections div.contain.collections.search section.aside.results ul li button:focus.active:before,
#collections div.contain.collections.search section.aside.results ul li button:active.active:before,
#collections div.contain.collections.search section.aside.results ul li button:visited.active:before {
  background-color: #000;
  transform: scaleX(1);
}
#collections div.contain.collections.search section.aside.results ul li:not(.color) {
  margin-right: 30px;
}
#collections div.contain.collections.search section.aside.results ul li.color.first {
  margin-left: auto;
}
#collections div.contain.collections.search header {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 0 20px 0;
}
#collections div.contain.collections.search header h2, #collections div.contain.collections.search header h3 {
  position: relative;
  width: 100%;
  float: left;
  font-size: 23px;
  line-height: 25px;
  margin: 0;
  padding: 15px 0 0 0;
  font-family: "ALS Hauss Book", sans-serif;
  font-weight: normal;
  z-index: 10;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 1px;
  text-align: left;
}
#collections div.contain.collections.search header h2 small, #collections div.contain.collections.search header h3 small {
  font-size: 23px;
  line-height: 25px;
  font-family: "ALS Hauss", sans-serif;
  font-weight: bold;
  margin: 0 0 0 5px;
}
#collections div.contain.collections.search header p {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  padding: 0;
}
#collections div.contain.collections.search header p button,
#collections div.contain.collections.search header p button:focus,
#collections div.contain.collections.search header p button:active,
#collections div.contain.collections.search header p button:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color, background-color;
  -moz-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  -webkit-transition-property: color, background-color;
  position: relative;
  width: auto;
  display: inline;
  background-color: transparent;
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  cursor: pointer;
  padding: 0;
  margin: 5px 0 0 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#collections div.contain.collections.search header p button:before,
#collections div.contain.collections.search header p button:focus:before,
#collections div.contain.collections.search header p button:active:before,
#collections div.contain.collections.search header p button:visited:before {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform;
  -moz-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: transform;
  content: " ";
  display: block;
  background-color: #888;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  transform-origin: left center;
  transform: scaleX(0);
  z-index: 10;
}
@media (hover: hover) {
  #collections div.contain.collections.search header p button:hover,
  #collections div.contain.collections.search header p button:focus:hover,
  #collections div.contain.collections.search header p button:active:hover,
  #collections div.contain.collections.search header p button:visited:hover {
    color: #888;
  }
  #collections div.contain.collections.search header p button:hover:before,
  #collections div.contain.collections.search header p button:focus:hover:before,
  #collections div.contain.collections.search header p button:active:hover:before,
  #collections div.contain.collections.search header p button:visited:hover:before {
    transform: scaleX(1);
  }
}
#collections div.contain.collections.search header p button.active,
#collections div.contain.collections.search header p button:focus.active,
#collections div.contain.collections.search header p button:active.active,
#collections div.contain.collections.search header p button:visited.active {
  color: #000;
  font-weight: bold;
}
#collections div.contain.collections.search header p button.active:before,
#collections div.contain.collections.search header p button:focus.active:before,
#collections div.contain.collections.search header p button:active.active:before,
#collections div.contain.collections.search header p button:visited.active:before {
  background-color: #000;
  transform: scaleX(1);
}
#collections div.contain.collections.search header p:first-of-type {
  margin: 5px 0 0 0;
}
@media (max-width: 767px) {
  #collections div.contain.collections {
    flex-flow: row wrap;
    padding: 0 20px;
  }
}

#collections div.contain.search {
  margin-top: 200px;
}
@media (max-width: 767px) {
  #collections div.contain.search {
    flex-flow: row wrap;
    padding: 0 20px;
  }
}

#collections header.search {
  padding-bottom: 0;
}

#footer {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  margin: auto auto 0 auto;
  background-color: #000;
  width: 100%;
  color: #fff;
  padding: 40px 80px;
  z-index: 0;
  overflow: hidden;
}
#footer svg.loogo {
  transition: 2000ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 2000ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 2000ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 2000ms cubic-bezier(0.42, 0, 0.58, 1);
  position: absolute;
  width: 8vmax;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(80) rotate(2160deg);
  z-index: 2;
  display: none;
}
#footer:before {
  content: " ";
  transition: 2050ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 2050ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 2050ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 2050ms cubic-bezier(0.42, 0, 0.58, 1);
  position: absolute;
  width: 20vmax;
  height: 20vmax;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(50) rotate(2160deg);
  border-radius: 50%;
  z-index: 1;
  background-color: white;
  display: none;
}
#footer div.contain {
  position: relative;
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  color: #fff;
  max-width: 2090px;
  z-index: 4;
}
#footer div {
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: flex-start;
}
@media (max-width: 767px) {
  #footer div.top div.contain {
    flex-flow: column wrap;
  }
}
#footer div.top section {
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-content: flex-start;
  text-transform: uppercase;
}
#footer div.top section h1, #footer div.top section h2 {
  position: relative;
  width: 100%;
  float: left;
  font-size: 23px;
  line-height: 23px;
  margin: 10px 0 0 0;
  padding: 0;
  font-weight: bold;
  letter-spacing: 4px;
}
#footer div.top section small {
  position: relative;
  width: 100%;
  float: left;
  font-size: 16px;
  line-height: 16px;
  text-transform: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
  letter-spacing: 3px;
}
#footer div.top section p {
  position: relative;
  width: 100%;
  float: left;
  font-size: 14px;
  line-height: 20px;
  margin: 40px 0 0 0;
  padding: 0;
  font-weight: 400;
  letter-spacing: 2px;
}
#footer div.top section p a,
#footer div.top section p a:active,
#footer div.top section p a:focus,
#footer div.top section p a:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  padding: 0;
  margin: 0;
  font-weight: 400;
  text-decoration: none;
  color: #fff;
  letter-spacing: 2px;
}
@media (hover: hover) and (pointer: fine) {
  #footer div.top section p a:hover,
  #footer div.top section p a:active:hover,
  #footer div.top section p a:focus:hover,
  #footer div.top section p a:visited:hover {
    opacity: 0.5;
  }
}
#footer div.top section:first-of-type {
  max-width: 500px;
}
@media (max-width: 767px) {
  #footer div.top section:last-of-type {
    margin-top: 40px;
  }
}
#footer div.top nav {
  margin: 10px 0 0 0;
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-end;
}
#footer div.top nav ul {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-content: flex-end;
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
  gap: 10px 50px;
}
#footer div.top nav ul li {
  position: relative;
}
#footer div.top nav ul li a,
#footer div.top nav ul li a:active,
#footer div.top nav ul li a:focus,
#footer div.top nav ul li a:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
  font-size: 12px;
  letter-spacing: 2px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
#footer div.top nav ul li a svg,
#footer div.top nav ul li a:active svg,
#footer div.top nav ul li a:focus svg,
#footer div.top nav ul li a:visited svg {
  position: relative;
  width: 30px;
  height: 30px;
  fill: #fff;
}
@media (hover: hover) and (pointer: fine) {
  #footer div.top nav ul li a:hover,
  #footer div.top nav ul li a:active:hover,
  #footer div.top nav ul li a:focus:hover,
  #footer div.top nav ul li a:visited:hover {
    opacity: 0.5;
  }
}
#footer div.top nav ul.redes {
  margin-top: 60px;
  gap: 10px 25px;
}
@media (max-width: 1250px) {
  #footer div.top nav ul {
    gap: 10px 20px;
  }
}
@media (max-width: 767px) {
  #footer div.top nav ul {
    justify-content: flex-start;
    align-content: flex-start;
  }
}
#footer div.bottom {
  margin: 60px 0 0 0;
}
#footer div.bottom div.contain {
  padding: 15px 0 0 0;
  border-top: 1px solid #fff;
  flex-flow: row-reverse wrap;
}
#footer div.bottom div.contain p {
  padding: 0;
  margin: 10px auto 0 0;
  position: relative;
  width: auto;
  justify-content: flex-start;
  align-self: flex-start;
  text-transform: uppercase;
  text-align: left;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 2px;
}
#footer div.bottom div.contain nav {
  margin: 10px 0 0 0;
  position: relative;
  width: auto;
}
#footer div.bottom div.contain nav ul {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 10px 50px;
}
#footer div.bottom div.contain nav ul li {
  position: relative;
}
#footer div.bottom div.contain nav ul li a,
#footer div.bottom div.contain nav ul li a:active,
#footer div.bottom div.contain nav ul li a:focus,
#footer div.bottom div.contain nav ul li a:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
  font-size: 12px;
  letter-spacing: 2px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
@media (hover: hover) and (pointer: fine) {
  #footer div.bottom div.contain nav ul li a:hover,
  #footer div.bottom div.contain nav ul li a:active:hover,
  #footer div.bottom div.contain nav ul li a:focus:hover,
  #footer div.bottom div.contain nav ul li a:visited:hover {
    opacity: 0.5;
  }
}
@media (max-width: 1250px) {
  #footer div.bottom div.contain nav ul {
    gap: 10px 20px;
  }
}
@media (max-width: 1250px) {
  #footer {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  #footer {
    padding: 40px 20px;
  }
}
#footer.surprise {
  background-color: darkred;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
#footer.surprise div.contain {
  display: none;
}
#footer.surprise:before,
#footer.surprise svg.loogo {
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

main {
  position: relative;
  float: left;
  width: 100%;
  z-index: 10;
}

::-moz-selection { /* Code for Firefox */
  background: rgba(200, 200, 200, 0.4);
}

::selection {
  background: rgba(200, 200, 200, 0.4);
}

section {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
}

#crop {
  position: fixed;
  width: 100%;
  height: 100%;
  content: " ";
  background-color: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  top: 0;
  left: 0;
  z-index: 19000;
  display: none;
  flex-flow: row wrap;
  align-content: flex-start;
  justify-content: flex-start;
}
#crop section {
  position: relative;
  z-index: 9000;
  width: 90vw;
  height: auto;
  max-width: 900px;
  max-height: calc(90vh - 120px);
  text-align: center;
  flex-flow: row wrap;
  justify-content: center;
  align-content: center;
  top: 50%;
  left: 50%;
  background: #f2f2f2;
  padding: 0px;
  margin: 0;
  font-weight: 700;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
}
#crop section img {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  max-width: 100%;
}
#crop section button,
#crop section button:visited,
#crop section button:active,
#crop section button:focus {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  color: inherit;
  position: absolute;
  top: 100%;
  background-color: #fff;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px;
  margin: 10px 0 0 0;
  text-transform: uppercase;
  cursor: pointer;
  width: calc(50% - 5px);
  text-align: center;
}
#crop section button.cropdone,
#crop section button:visited.cropdone,
#crop section button:active.cropdone,
#crop section button:focus.cropdone {
  right: 0;
}
#crop section button.cropcancel,
#crop section button:visited.cropcancel,
#crop section button:active.cropcancel,
#crop section button:focus.cropcancel {
  background-color: #000;
  color: #fff;
  left: 0;
}
@media (hover: hover) and (pointer: fine) {
  #crop section button:hover,
  #crop section button:visited:hover,
  #crop section button:active:hover,
  #crop section button:focus:hover {
    background-color: #000;
    color: #fff;
  }
  #crop section button:hover.cropcancel,
  #crop section button:visited:hover.cropcancel,
  #crop section button:active:hover.cropcancel,
  #crop section button:focus:hover.cropcancel {
    color: #000;
    background-color: #fff;
  }
}
#crop div.ajust {
  position: absolute;
  right: 80px;
  width: calc(100% - 60px);
  max-width: 200px;
  min-width: 200px;
  bottom: 100px;
  padding: 20px 30px 15px 30px;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#crop div.ajust label, #crop div.ajust input {
  color: black;
  width: 100%;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 2px;
  font-weight: bold;
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  background: transparent; /* Otherwise white in Chrome */
}
#crop div.ajust input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
#crop div.ajust input[type=range]:focus {
  outline: none;
}
#crop div.ajust input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: grey;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#crop div.ajust input[type=range]::-webkit-slider-thumb {
  border: 1px solid #000000;
  height: 28px;
  width: 28px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -10px;
}
#crop div.ajust input[type=range]:focus::-webkit-slider-runnable-track {
  background: white;
}
#crop div.ajust input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: grey;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#crop div.ajust input[type=range]::-moz-range-thumb {
  border: 1px solid #000000;
  height: 28px;
  width: 28px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -10px;
}
#crop div.ajust input[type=range]::-ms-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
#crop div.ajust input[type=range]::-ms-fill-lower {
  background: white;
  border-radius: 2.6px;
}
#crop div.ajust input[type=range]::-ms-fill-upper {
  background: white;
  border-radius: 2.6px;
}
#crop div.ajust input[type=range]::-ms-thumb {
  border: 1px solid #000000;
  height: 28px;
  width: 28px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -10px;
}
#crop div.ajust input[type=range]:focus::-ms-fill-lower {
  background: white;
}
#crop div.ajust input[type=range]:focus::-ms-fill-upper {
  background: white;
}
#crop div.ajust.adjusting {
  background-color: transparent;
}
#crop.show {
  display: flex;
}

#collections {
  padding: 0 0 clamp(40px, 4.5vw, 90px) 0;
}
#collections > header div.contain {
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  max-width: 2250px;
}
#collections > header div.contain.other {
  padding: 0 160px;
}
@media (max-width: 1900px) {
  #collections > header div.contain.other {
    padding: 0 60px;
  }
}
@media (max-width: 1250px) {
  #collections > header div.contain.other {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  #collections > header div.contain.other {
    padding: 0 20px;
    flex-flow: column nowrap;
  }
}
#collections > header div.contain.collections {
  flex-flow: row nowrap;
  padding: 0 80px;
}
@media (max-width: 1250px) {
  #collections > header div.contain.collections {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  #collections > header div.contain.collections {
    padding: 0 20px;
    flex-flow: column nowrap;
  }
}
#collections > header div.contain.search {
  padding: 0 80px;
}
@media (max-width: 1250px) {
  #collections > header div.contain.search {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  #collections > header div.contain.search {
    padding: 0 20px;
    flex-flow: column nowrap;
  }
}
@media (max-width: 1250px) {
  #collections > header div.contain {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  #collections > header div.contain {
    padding: 0 20px;
  }
}
#collections > header {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: flex-start;
  padding: 0 0 clamp(40px, 4.5vw, 90px) 0;
}
#collections > header picture {
  position: relative;
  width: 100%;
  float: left;
  background-color: #000;
  height: 400px;
  background-position: center;
  background-size: cover;
  margin: 0 0 clamp(40px, 4.5vw, 90px) 0;
}
#collections > header picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
#collections > header picture.upload:before {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: " ";
  display: block;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.7);
}
#collections > header picture.upload img {
  z-index: 2;
  padding: 20px;
  object-fit: scale-down;
  -o-object-fit: scale-down;
}
@media (max-width: 767px) {
  #collections > header picture.collection {
    height: 150px;
  }
}
#collections > header h1 {
  position: relative;
  float: left;
  width: auto;
  font-size: 60px;
  line-height: 65px;
  font-weight: 400;
  margin: 0 auto 0 0;
  padding: 0;
  color: inherit;
  text-transform: uppercase;
  letter-spacing: 8px;
}
@media (max-width: 950px) {
  #collections > header h1 {
    font-size: 9min;
    line-height: 9.5vmin;
    font-size: 6.5vmin;
    line-height: 8vmin;
    letter-spacing: 3px;
  }
}
@media (max-width: 767px) {
  #collections > header h1 {
    font-size: 8vmin;
    line-height: 8.5vmin;
  }
}
#collections > header p {
  position: relative;
  width: auto;
  float: left;
  font-size: 24px;
  line-height: 28px;
  margin: auto 0 5px 0;
  padding: 0;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-align: right;
  align-self: flex-end;
}
#collections > header p strong {
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  letter-spacing: 3px;
}
#collections > header p a,
#collections > header p a:active,
#collections > header p a:focus,
#collections > header p a:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  position: relative;
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  font-weight: bold;
  text-decoration: none;
  color: inherit;
  letter-spacing: 2px;
}
@media (hover: hover) and (pointer: fine) {
  #collections > header p a:hover,
  #collections > header p a:active:hover,
  #collections > header p a:focus:hover,
  #collections > header p a:visited:hover {
    opacity: 0.5;
  }
}
@media (max-width: 900px) {
  #collections > header p {
    margin: 0;
  }
}

#contacts {
  padding-top: 220px;
}
#contacts div.contain {
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
}
#contacts div.contain header {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-content: stretch;
  padding: 0;
}
#contacts div.contain header h1 {
  position: relative;
  float: left;
  width: auto;
  font-size: 60px;
  line-height: 65px;
  font-weight: 400;
  margin: 0 auto 0 0;
  padding: 0;
  color: inherit;
  text-transform: uppercase;
  letter-spacing: 8px;
}
@media (max-width: 950px) {
  #contacts div.contain header h1 {
    font-size: 9min;
    line-height: 9.5vmin;
    font-size: 6.5vmin;
    line-height: 8vmin;
    letter-spacing: 3px;
  }
}
@media (max-width: 767px) {
  #contacts div.contain header h1 {
    font-size: 8vmin;
    line-height: 8.5vmin;
  }
}
#contacts div.contain header h2 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 23px;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 3px;
  margin: 0;
  padding: 0;
}
#contacts div.contain header h2 strong {
  letter-spacing: 3px;
  font-weight: bold;
}
@media (max-width: 900px) {
  #contacts div.contain header h2 {
    margin: 0;
  }
}
#contacts div.contain header p {
  position: relative;
  float: left;
  width: 100%;
  font-size: 20px;
  line-height: 30px;
  font-family: "ALS Hauss Book", sans-serif;
  font-weight: normal;
  margin: 40px 0 0 40px;
  padding: 0;
  color: inherit;
  letter-spacing: 1px;
  max-width: 960px;
}
#contacts div.contain header p strong {
  font-weight: bold;
}
#contacts div.contain header p svg.info {
  position: absolute;
  left: 0;
  top: 2px;
  width: 25px;
}
#contacts div.contain header p:has(svg.info) {
  padding-left: 40px;
}
@media (max-width: 767px) {
  #contacts div.contain header p {
    font-size: 16px;
  }
}
#contacts div.contain header section {
  position: relative;
  width: auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  color: #000;
  padding: 0 80px 0 0;
  gap: 25px;
}
#contacts div.contain header section p {
  align-self: flex-start;
  position: relative;
  width: 100%;
  float: left;
  font-size: 18px;
  line-height: 25px;
  margin: 0;
  padding: 0;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#contacts div.contain header section p span {
  display: inline-block;
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: 2px;
  margin-bottom: clamp(120px, 10vw, 200px);
}
#contacts div.contain header section p a,
#contacts div.contain header section p a:active,
#contacts div.contain header section p a:focus,
#contacts div.contain header section p a:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  position: relative;
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  font-weight: bold;
  text-decoration: none;
  color: inherit;
  letter-spacing: 2px;
}
@media (hover: hover) and (pointer: fine) {
  #contacts div.contain header section p a:hover,
  #contacts div.contain header section p a:active:hover,
  #contacts div.contain header section p a:focus:hover,
  #contacts div.contain header section p a:visited:hover {
    opacity: 0.5;
  }
}
@media (max-width: 900px) {
  #contacts div.contain header section p {
    margin: 0;
  }
}
@media (max-width: 900px) {
  #contacts div.contain header section {
    width: 100%;
  }
}
#contacts div.contain header #map {
  position: relative;
  width: 100%;
  max-width: 960px;
  background-color: #000;
  filter: saturate(0);
  margin: 0 0 0 auto;
}
@media (max-width: 767px) {
  #contacts div.contain header #map {
    margin: 40px 0 0 0;
    max-width: 100%;
    height: 80vw;
  }
}
@media (max-width: 1250px) {
  #contacts div.contain header {
    padding: 0;
  }
  #contacts div.contain header:has(svg.info) {
    flex-flow: row wrap;
  }
}
@media (max-width: 767px) {
  #contacts div.contain header {
    flex-flow: row wrap;
  }
}
#contacts div.contain header:has(#map) {
  margin-bottom: clamp(40px, 4.5vw, 90px);
}
#contacts div.contain #team {
  margin: 0 0 90px 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
  gap: 40px;
  padding: 0 20px;
}
#contacts div.contain #team h2 {
  margin: 30px 0 0 0;
  width: 100%;
  letter-spacing: 3px;
}
#contacts div.contain #team article {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-content: flex-start;
  width: 100%;
  max-width: calc(33.3333333333% - 26.6666666667px);
}
#contacts div.contain #team article picture {
  position: relative;
  width: 100%;
  max-width: 300px;
  float: left;
  aspect-ratio: 1;
  margin: 0 0 40px 0;
}
#contacts div.contain #team article picture img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  -o-object-position: center;
  -o-object-fit: cover;
}
#contacts div.contain #team article header {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 0;
}
#contacts div.contain #team article header h3 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 23px;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 3px;
  margin: 0;
  padding: 0;
}
#contacts div.contain #team article header h3 strong {
  letter-spacing: 3px;
  font-weight: bold;
}
#contacts div.contain #team article header h4 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 20px;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 3px;
  margin: 0;
  padding: 0;
}
@media (max-width: 900px) {
  #contacts div.contain #team article header h4 {
    font-size: 18px;
    line-height: 25px;
  }
}
#contacts div.contain #team article header p {
  position: relative;
  float: left;
  width: 100%;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 40px 0 0 0;
  padding: 0;
}
@media (max-width: 900px) {
  #contacts div.contain #team article header p {
    font-size: 16px;
    line-height: 25px;
    margin: 20px 0 0 0;
  }
}
#contacts div.contain #team article header p strong {
  font-weight: bold;
}
#contacts div.contain #team article header p a,
#contacts div.contain #team article header p a:active,
#contacts div.contain #team article header p a:focus,
#contacts div.contain #team article header p a:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  font-weight: 500;
  text-decoration: none;
  color: #000;
  letter-spacing: 3px;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  font-size: 18px;
}
@media (max-width: 900px) {
  #contacts div.contain #team article header p a,
  #contacts div.contain #team article header p a:active,
  #contacts div.contain #team article header p a:focus,
  #contacts div.contain #team article header p a:visited {
    font-size: 16px;
  }
}
@media (hover: hover) and (pointer: fine) {
  #contacts div.contain #team article header p a:hover,
  #contacts div.contain #team article header p a:active:hover,
  #contacts div.contain #team article header p a:focus:hover,
  #contacts div.contain #team article header p a:visited:hover {
    opacity: 0.5;
  }
}
@media (max-width: 900px) {
  #contacts div.contain #team article {
    max-width: calc(50% - 20px);
  }
}
@media (max-width: 400px) {
  #contacts div.contain #team article {
    max-width: 100%;
  }
}
@media (max-width: 1250px) {
  #contacts div.contain #team {
    padding: 0;
  }
}
@media (max-width: 900px) {
  #contacts div.contain #team {
    margin: 90px 0;
  }
}
#contacts div.contain #request {
  position: relative;
  float: left;
  width: 100%;
  padding: clamp(40px, 4vw, 60px) 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
}
#contacts div.contain #request section[data-name=samples] {
  position: sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  top: 140px;
  background-color: #F2F2F2;
  width: 100%;
  max-width: 500px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 20px 0 0 0;
  overflow: auto;
  max-height: calc(90vh - 100px);
  color: #000;
}
#contacts div.contain #request section[data-name=samples] ul {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 20px;
  list-style: none;
}
#contacts div.contain #request section[data-name=samples] ul li {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px dotted #888;
}
#contacts div.contain #request section[data-name=samples] ul li a,
#contacts div.contain #request section[data-name=samples] ul li a:visited,
#contacts div.contain #request section[data-name=samples] ul li a:active,
#contacts div.contain #request section[data-name=samples] ul li a:focus {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 0 3px 55px;
  margin: 0;
  text-transform: uppercase;
  cursor: pointer;
  color: #000;
  width: 100%;
  min-height: 50px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 2px;
  hyphens: auto;
}
#contacts div.contain #request section[data-name=samples] ul li a picture,
#contacts div.contain #request section[data-name=samples] ul li a:visited picture,
#contacts div.contain #request section[data-name=samples] ul li a:active picture,
#contacts div.contain #request section[data-name=samples] ul li a:focus picture {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  height: 40px;
  width: 40px;
  border: 1px solid #888;
}
#contacts div.contain #request section[data-name=samples] ul li a picture img,
#contacts div.contain #request section[data-name=samples] ul li a:visited picture img,
#contacts div.contain #request section[data-name=samples] ul li a:active picture img,
#contacts div.contain #request section[data-name=samples] ul li a:focus picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}
#contacts div.contain #request section[data-name=samples] ul li a small,
#contacts div.contain #request section[data-name=samples] ul li a:visited small,
#contacts div.contain #request section[data-name=samples] ul li a:active small,
#contacts div.contain #request section[data-name=samples] ul li a:focus small {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  width: 100%;
  color: #000;
  line-height: 18px;
  font-size: 12px;
  letter-spacing: 1px;
  display: inline-block;
  margin: 5px 0 0 0;
}
@media (hover: hover) and (pointer: fine) {
  #contacts div.contain #request section[data-name=samples] ul li a:hover,
  #contacts div.contain #request section[data-name=samples] ul li a:visited:hover,
  #contacts div.contain #request section[data-name=samples] ul li a:active:hover,
  #contacts div.contain #request section[data-name=samples] ul li a:focus:hover {
    color: #888;
  }
  #contacts div.contain #request section[data-name=samples] ul li a:hover small,
  #contacts div.contain #request section[data-name=samples] ul li a:visited:hover small,
  #contacts div.contain #request section[data-name=samples] ul li a:active:hover small,
  #contacts div.contain #request section[data-name=samples] ul li a:focus:hover small {
    color: #888;
  }
}
#contacts div.contain #request section[data-name=samples] ul li button,
#contacts div.contain #request section[data-name=samples] ul li button:visited,
#contacts div.contain #request section[data-name=samples] ul li button:active,
#contacts div.contain #request section[data-name=samples] ul li button:focus {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  display: flex;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 0 0 55px;
  margin: 0;
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
  color: #888;
}
#contacts div.contain #request section[data-name=samples] ul li button svg,
#contacts div.contain #request section[data-name=samples] ul li button:visited svg,
#contacts div.contain #request section[data-name=samples] ul li button:active svg,
#contacts div.contain #request section[data-name=samples] ul li button:focus svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  display: block;
  margin: 0 2px 0 0;
  height: 20px;
  width: 20px;
  fill: #888;
}
@media (hover: hover) and (pointer: fine) {
  #contacts div.contain #request section[data-name=samples] ul li button:hover,
  #contacts div.contain #request section[data-name=samples] ul li button:visited:hover,
  #contacts div.contain #request section[data-name=samples] ul li button:active:hover,
  #contacts div.contain #request section[data-name=samples] ul li button:focus:hover {
    color: #dd7a75;
  }
  #contacts div.contain #request section[data-name=samples] ul li button:hover svg,
  #contacts div.contain #request section[data-name=samples] ul li button:visited:hover svg,
  #contacts div.contain #request section[data-name=samples] ul li button:active:hover svg,
  #contacts div.contain #request section[data-name=samples] ul li button:focus:hover svg {
    fill: #dd7a75;
  }
}
#contacts div.contain #request section[data-name=samples] ul li:last-child {
  border-bottom: none;
}
#contacts div.contain #request section[data-name=samples] ul li.empty {
  border-bottom: none;
}
#contacts div.contain #request section[data-name=samples] ul li.empty p {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 10px;
  text-align: center;
  align-content: center;
  justify-content: center;
  margin: 0;
  color: #888;
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1px;
}
#contacts div.contain #request section[data-name=samples] ul li.empty p svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  display: block;
  margin: 0 2px 0 0;
  height: 20px;
  width: 20px;
  fill: #888;
}
#contacts div.contain #request section[data-name=samples] ul li.empty a,
#contacts div.contain #request section[data-name=samples] ul li.empty a:visited,
#contacts div.contain #request section[data-name=samples] ul li.empty a:active,
#contacts div.contain #request section[data-name=samples] ul li.empty a:focus {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px;
  margin: 10px 0 0 0;
  text-transform: uppercase;
  cursor: pointer;
  border: 2px solid #000;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  text-align: center;
  width: 100%;
  background-color: #fff;
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 1px;
}
@media (hover: hover) and (pointer: fine) {
  #contacts div.contain #request section[data-name=samples] ul li.empty a:hover,
  #contacts div.contain #request section[data-name=samples] ul li.empty a:visited:hover,
  #contacts div.contain #request section[data-name=samples] ul li.empty a:active:hover,
  #contacts div.contain #request section[data-name=samples] ul li.empty a:focus:hover {
    background-color: #000;
    color: #fff;
  }
}
#contacts div.contain #request section[data-name=samples] div.footer,
#contacts div.contain #request section[data-name=samples] footer {
  position: sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  bottom: 0;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 15px 20px 20px 20px;
  border-top: 1px solid #000;
  background-color: #F2F2F2;
}
#contacts div.contain #request section[data-name=samples] div.footer button,
#contacts div.contain #request section[data-name=samples] div.footer button:visited,
#contacts div.contain #request section[data-name=samples] div.footer button:active,
#contacts div.contain #request section[data-name=samples] div.footer button:focus,
#contacts div.contain #request section[data-name=samples] footer button,
#contacts div.contain #request section[data-name=samples] footer button:visited,
#contacts div.contain #request section[data-name=samples] footer button:active,
#contacts div.contain #request section[data-name=samples] footer button:focus {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 10px;
  text-align: center;
  align-content: center;
  justify-content: center;
  margin: 0;
  color: #888;
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1px;
}
#contacts div.contain #request section[data-name=samples] div.footer button svg,
#contacts div.contain #request section[data-name=samples] div.footer button:visited svg,
#contacts div.contain #request section[data-name=samples] div.footer button:active svg,
#contacts div.contain #request section[data-name=samples] div.footer button:focus svg,
#contacts div.contain #request section[data-name=samples] footer button svg,
#contacts div.contain #request section[data-name=samples] footer button:visited svg,
#contacts div.contain #request section[data-name=samples] footer button:active svg,
#contacts div.contain #request section[data-name=samples] footer button:focus svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  display: block;
  margin: 0 2px 0 0;
  height: 20px;
  width: 20px;
  fill: #888;
}
@media (hover: hover) and (pointer: fine) {
  #contacts div.contain #request section[data-name=samples] div.footer button:hover,
  #contacts div.contain #request section[data-name=samples] div.footer button:visited:hover,
  #contacts div.contain #request section[data-name=samples] div.footer button:active:hover,
  #contacts div.contain #request section[data-name=samples] div.footer button:focus:hover,
  #contacts div.contain #request section[data-name=samples] footer button:hover,
  #contacts div.contain #request section[data-name=samples] footer button:visited:hover,
  #contacts div.contain #request section[data-name=samples] footer button:active:hover,
  #contacts div.contain #request section[data-name=samples] footer button:focus:hover {
    color: #dd7a75;
  }
  #contacts div.contain #request section[data-name=samples] div.footer button:hover svg,
  #contacts div.contain #request section[data-name=samples] div.footer button:visited:hover svg,
  #contacts div.contain #request section[data-name=samples] div.footer button:active:hover svg,
  #contacts div.contain #request section[data-name=samples] div.footer button:focus:hover svg,
  #contacts div.contain #request section[data-name=samples] footer button:hover svg,
  #contacts div.contain #request section[data-name=samples] footer button:visited:hover svg,
  #contacts div.contain #request section[data-name=samples] footer button:active:hover svg,
  #contacts div.contain #request section[data-name=samples] footer button:focus:hover svg {
    fill: #dd7a75;
  }
}
#contacts div.contain #request section[data-name=samples] div.footer a.cart,
#contacts div.contain #request section[data-name=samples] div.footer a.cart:visited,
#contacts div.contain #request section[data-name=samples] div.footer a.cart:active,
#contacts div.contain #request section[data-name=samples] div.footer a.cart:focus,
#contacts div.contain #request section[data-name=samples] footer a.cart,
#contacts div.contain #request section[data-name=samples] footer a.cart:visited,
#contacts div.contain #request section[data-name=samples] footer a.cart:active,
#contacts div.contain #request section[data-name=samples] footer a.cart:focus {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px 10px 8px 10px;
  margin: 10px 0 0 0;
  text-transform: uppercase;
  cursor: pointer;
  border: 2px solid #000;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  text-align: center;
  width: 100%;
  background-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  #contacts div.contain #request section[data-name=samples] div.footer a.cart:hover,
  #contacts div.contain #request section[data-name=samples] div.footer a.cart:visited:hover,
  #contacts div.contain #request section[data-name=samples] div.footer a.cart:active:hover,
  #contacts div.contain #request section[data-name=samples] div.footer a.cart:focus:hover,
  #contacts div.contain #request section[data-name=samples] footer a.cart:hover,
  #contacts div.contain #request section[data-name=samples] footer a.cart:visited:hover,
  #contacts div.contain #request section[data-name=samples] footer a.cart:active:hover,
  #contacts div.contain #request section[data-name=samples] footer a.cart:focus:hover {
    background-color: #000;
    color: #fff;
  }
}
#contacts div.contain #request section[data-name=samples]::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
#contacts div.contain #request section[data-name=samples]::-webkit-scrollbar-track {
  background: #B3B3B3;
  border-radius: 5px;
}
#contacts div.contain #request section[data-name=samples]::-webkit-scrollbar-thumb {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  background-color: #000;
  border-radius: 5px;
}
#contacts div.contain #request section[data-name=samples]::-webkit-scrollbar-thumb:hover {
  background-color: #B3B3B3;
}
#contacts div.contain #request section[data-name=samples]::-webkit-scrollbar-corner {
  background: #B3B3B3;
}
@media (max-width: 767px) {
  #contacts div.contain #request section[data-name=samples] {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
  }
}
#contacts div.contain #request form {
  position: sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  top: 140px;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-self: flex-start;
  padding: 0 80px 0 0;
  gap: 0 20px;
}
#contacts div.contain #request form div {
  position: relative;
  width: 100%;
  margin: auto 0 0 0;
  padding: 0;
}
#contacts div.contain #request form div.twothirds {
  width: calc(66.6666666667% - 10px);
}
#contacts div.contain #request form div.third {
  width: calc(33.3333333333% - 10px);
}
#contacts div.contain #request form div.half {
  width: calc(50% - 10px);
}
@media (max-width: 1200px) {
  #contacts div.contain #request form div.twothirds, #contacts div.contain #request form div.third, #contacts div.contain #request form div.half {
    width: 100%;
  }
}
#contacts div.contain #request form label {
  position: relative;
  float: left;
  width: 100%;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 10px;
  text-transform: uppercase;
}
#contacts div.contain #request form label small {
  margin: auto 0 0 0;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: #888;
  letter-spacing: 1px;
}
#contacts div.contain #request form label a,
#contacts div.contain #request form label a:visited,
#contacts div.contain #request form label a:active,
#contacts div.contain #request form label a:focus {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  display: inline;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  color: #000;
  width: auto;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  letter-spacing: 2px;
  hyphens: auto;
}
@media (hover: hover) and (pointer: fine) {
  #contacts div.contain #request form label a:hover,
  #contacts div.contain #request form label a:visited:hover,
  #contacts div.contain #request form label a:active:hover,
  #contacts div.contain #request form label a:focus:hover {
    color: #888;
  }
  #contacts div.contain #request form label a:hover small,
  #contacts div.contain #request form label a:visited:hover small,
  #contacts div.contain #request form label a:active:hover small,
  #contacts div.contain #request form label a:focus:hover small {
    color: #888;
  }
}
#contacts div.contain #request form label:has(input[type=checkbox]) {
  display: block;
  margin: 10px 0 0 0;
  padding: 5px 0 0 45px;
  text-transform: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
}
#contacts div.contain #request form label:has(input[type=checkbox]) small {
  margin: auto 0 auto 5px;
  text-transform: uppercase;
}
#contacts div.contain #request form label:has(input[type=checkbox]) input {
  position: absolute;
  top: 0;
  left: 0;
}
#contacts div.contain #request form input {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: border;
  -moz-transition-property: border;
  -o-transition-property: border;
  -webkit-transition-property: border;
  position: relative;
  width: 100%;
  background-color: #F2F2F2;
  border: 1px solid #f2f2f2;
  font-size: 18px;
  line-height: 24px;
  padding: 7px 10px;
  font-weight: 400;
  letter-spacing: 2px;
  margin: 0 0 15px 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#contacts div.contain #request form input:focus {
  border: 1px solid #9F9F9F;
}
#contacts div.contain #request form input[type=checkbox] {
  width: 30px;
  height: 30px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0 20px 0 0;
}
@media (hover: hover) and (pointer: fine) {
  #contacts div.contain #request form input[type=checkbox]:hover {
    border: 1px solid #000;
  }
}
#contacts div.contain #request form input[type=checkbox]:checked {
  border: 1px solid #000;
  background-image: url("../images/check.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}
#contacts div.contain #request form input[type=submit] {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  position: relative;
  float: left;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px;
  margin: 40px 0 0 0;
  text-transform: uppercase;
  cursor: pointer;
  border: 2px solid #000;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  text-align: center;
  width: 100%;
  background-color: #fff;
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 1px;
}
@media (hover: hover) and (pointer: fine) {
  #contacts div.contain #request form input[type=submit]:hover {
    background-color: #000;
    color: #fff;
  }
}
#contacts div.contain #request form textarea {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: border;
  -moz-transition-property: border;
  -o-transition-property: border;
  -webkit-transition-property: border;
  position: relative;
  width: 100%;
  background-color: #F2F2F2;
  border: 1px solid #f2f2f2;
  font-size: 18px;
  line-height: 24px;
  padding: 7px 10px;
  font-weight: 400;
  letter-spacing: 2px;
  margin: 0 0 15px 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  resize: none;
  height: 200px;
}
#contacts div.contain #request form textarea:focus {
  border: 1px solid #9F9F9F;
}
@media (max-width: 767px) {
  #contacts div.contain #request form {
    position: relative;
    top: 0;
    padding: 0;
    margin: 40px 0 0 0;
  }
}
#contacts div.contain #request form.disabled {
  pointer-events: none;
  opacity: 0.2;
}
#contacts div.contain #request form div.msg {
  position: relative;
  float: left;
  width: 100%;
  margin: 60px 0 0 0;
  padding: 20px 40px;
  background-color: #000;
  color: #fff;
}
#contacts div.contain #request button[data-form],
#contacts div.contain #request button[data-form]:visited,
#contacts div.contain #request button[data-form]:active,
#contacts div.contain #request button[data-form] {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  position: relative;
  float: left;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 15px 25px;
  margin: auto;
  text-transform: uppercase;
  cursor: pointer;
  border: 2px solid #000;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  text-align: center;
  line-height: 20px;
  font-size: 18px;
  letter-spacing: 1px;
  background-color: #000;
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  #contacts div.contain #request button[data-form]:hover,
  #contacts div.contain #request button[data-form]:visited:hover,
  #contacts div.contain #request button[data-form]:active:hover,
  #contacts div.contain #request button[data-form]:hover {
    background-color: #fff;
    color: #000;
  }
}
@media (max-width: 767px) {
  #contacts div.contain #request {
    flex-flow: column-reverse wrap;
  }
}
@media (max-width: 767px) {
  #contacts div.contain {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  #contacts {
    padding-top: 180px;
  }
}

section.text {
  position: relative;
  float: left;
  width: 100%;
}
section.text div.contain {
  z-index: 100;
  flex-flow: row wrap;
  justify-content: center;
  align-content: center;
  padding: 0 60px;
}
@media (max-width: 767px) {
  section.text div.contain {
    padding: 0 20px;
  }
}
section.text header {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: flex-start;
  max-width: 1360px;
  color: #000;
  padding: clamp(20px, 3vw, 60px) 0;
}
section.text header h1, section.text header h2 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: inherit;
  letter-spacing: 4px;
  max-width: 1200px;
}
@media (max-width: 950px) {
  section.text header h1, section.text header h2 {
    font-size: 6.5vmin;
    line-height: 8vmin;
    letter-spacing: 3px;
  }
}
section.text header h3,
section.text header p {
  position: relative;
  float: left;
  width: 100%;
  font-size: 18px;
  line-height: 30px;
  font-family: "ALS Hauss Book", sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: inherit;
  letter-spacing: 1px;
  max-width: 960px;
}
section.text header h3 strong,
section.text header p strong {
  font-weight: bold;
}
@media (max-width: 767px) {
  section.text header h3,
  section.text header p {
    font-size: 16px;
  }
}
section.text header caption {
  font-size: 18px;
  line-height: 30px;
  font-family: "ALS Hauss Book", sans-serif;
  font-weight: normal;
  margin: 0 0 40px 0;
  padding: 0;
  color: inherit;
  letter-spacing: 1px;
  max-width: 960px;
  text-align: left;
}
section.text header div {
  position: relative;
  float: left;
  width: 100%;
  max-width: 960px;
}
section.text header table {
  position: relative;
  float: left;
  width: 100%;
  font-size: 18px;
  line-height: 30px;
  font-family: "ALS Hauss Book", sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: inherit;
  letter-spacing: 1px;
  text-align: left;
  border: 1px solid #000;
}
section.text header table td, section.text header table th {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  padding: 5px 10px;
}
section.text header table td:last-child, section.text header table th:last-child {
  border-right: none;
}
section.text header table tr:last-child td {
  border-bottom: none;
}
section.text header table strong {
  font-weight: bold;
}
@media (max-width: 767px) {
  section.text header table {
    font-size: 16px;
  }
}
section.text header a,
section.text header a:focus,
section.text header a:active,
section.text header a:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  font-size: 18px;
  line-height: 30px;
  font-family: "ALS Hauss", sans-serif;
  font-weight: 500;
  margin: 0;
  padding: 0;
  color: inherit;
  letter-spacing: 1px;
  hyphens: auto;
}
@media (hover: hover) and (pointer: fine) {
  section.text header a:hover,
  section.text header a:focus:hover,
  section.text header a:active:hover,
  section.text header a:visited:hover {
    opacity: 0.5;
  }
}
@media (max-width: 767px) {
  section.text header a,
  section.text header a:focus,
  section.text header a:active,
  section.text header a:visited {
    font-size: 16px;
  }
}
section.text header a.image,
section.text header a:focus.image,
section.text header a:active.image,
section.text header a:visited.image {
  position: absolute;
  right: -5%;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 800px;
  max-width: calc(50% - 60px);
  margin: 0 0 0 auto;
}
@media (max-width: 1500px) {
  section.text header a.image,
  section.text header a:focus.image,
  section.text header a:active.image,
  section.text header a:visited.image {
    right: 0;
    max-width: calc(45% - 60px);
  }
}
@media (max-width: 900px) {
  section.text header a.image,
  section.text header a:focus.image,
  section.text header a:active.image,
  section.text header a:visited.image {
    position: relative;
    float: left;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 40px 0 0 0;
    top: 0;
  }
}
section.text header a.image picture,
section.text header a:focus.image picture,
section.text header a:active.image picture,
section.text header a:visited.image picture {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  overflow: hidden;
}
section.text header a.image picture img,
section.text header a:focus.image picture img,
section.text header a:active.image picture img,
section.text header a:visited.image picture img {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, opacity;
  -moz-transition-property: transform, opacity;
  -o-transition-property: transform, opacity;
  -webkit-transition-property: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
@media (max-width: 900px) {
  section.text header a.image picture img,
  section.text header a:focus.image picture img,
  section.text header a:active.image picture img,
  section.text header a:visited.image picture img {
    position: relative;
    float: left;
    height: auto;
  }
}
section.text header a.image picture img.contain,
section.text header a:focus.image picture img.contain,
section.text header a:active.image picture img.contain,
section.text header a:visited.image picture img.contain {
  padding: 0;
  object-fit: scale-down;
  -o-object-fit: scale-down;
}
section.text header a.image picture:has(img.contain),
section.text header a:focus.image picture:has(img.contain),
section.text header a:active.image picture:has(img.contain),
section.text header a:visited.image picture:has(img.contain) {
  background-color: transparent;
}
@media (max-width: 900px) {
  section.text header a.image picture,
  section.text header a:focus.image picture,
  section.text header a:active.image picture,
  section.text header a:visited.image picture {
    position: relative;
    float: left;
    height: auto;
  }
}
@media (hover: hover) and (pointer: fine) {
  section.text header a.image:hover,
  section.text header a:focus.image:hover,
  section.text header a:active.image:hover,
  section.text header a:visited.image:hover {
    opacity: 1;
  }
  section.text header a.image:hover picture img,
  section.text header a:focus.image:hover picture img,
  section.text header a:active.image:hover picture img,
  section.text header a:visited.image:hover picture img {
    opacity: 0.4;
    transform: scale(1.05);
  }
}
section.text header h3 {
  font-family: "ALS Hauss", sans-serif;
  font-weight: bold;
}
section.text header ol,
section.text header ul {
  position: relative;
  float: left;
  width: 100%;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 1px;
  font-family: "ALS Hauss Book", sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 30px;
  color: inherit;
  max-width: 960px;
}
@media (max-width: 767px) {
  section.text header ol,
  section.text header ul {
    font-size: 16px;
  }
}
section.text header ol li,
section.text header ul li {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 1px;
  font-family: "ALS Hauss Book", sans-serif;
  font-weight: normal;
  margin: 0;
}
section.text header ol li::marker,
section.text header ul li::marker {
  font-family: "ALS Hauss", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  section.text header ol li,
  section.text header ul li {
    font-size: 16px;
  }
}
section.text header ol li ol,
section.text header ol li ul,
section.text header ul li ol,
section.text header ul li ul {
  float: none;
  max-width: 100%;
  margin: 30px 0;
}
section.text header ol li ol li,
section.text header ol li ul li,
section.text header ul li ol li,
section.text header ul li ul li {
  margin: 0;
}
section.text header ol li ol,
section.text header ul li ol {
  list-style: lower-alpha;
}
section.text header ol li ul,
section.text header ul li ul {
  list-style: disc;
}
section.text header ol.intro,
section.text header ul.intro {
  color: #fff;
  position: absolute;
  background-color: #000;
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  justify-content: flex-end;
  align-content: flex-start;
  padding: 40px 60px 30px 60px;
  text-transform: uppercase;
  gap: 20px clamp(40px, 4.5vw, 80px);
  width: 100%;
  max-width: calc(100% - 80px);
  right: 40px;
  top: 0;
  transform: translateY(-50px);
}
section.text header ol.intro li,
section.text header ul.intro li {
  margin: 0;
}
section.text header ol.intro li h3,
section.text header ul.intro li h3 {
  font-size: 21px;
  letter-spacing: 4px;
}
section.text header ol.intro li h3 strong,
section.text header ul.intro li h3 strong {
  font-size: 23px;
  letter-spacing: 4px;
  margin: 0 10px 0 0;
}
@media (max-width: 1250px) {
  section.text header ol.intro,
  section.text header ul.intro {
    transform: translateY(-80px);
    padding: 40px 40px 30px 40px;
  }
}
@media (max-width: 767px) {
  section.text header ol.intro,
  section.text header ul.intro {
    position: relative;
    transform: translateY(-80px);
  }
}
section.text header ol.points,
section.text header ul.points {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  list-style: none;
  max-width: 100%;
  width: 100%;
  padding: 0;
}
section.text header ol.points li,
section.text header ul.points li {
  width: 20%;
  padding: 0 15px 30px 15px;
}
section.text header ol.points li img,
section.text header ul.points li img {
  height: 100px;
  max-width: 100%;
  object-fit: scale-down;
  object-position: bottom left;
  -o-object-fit: scale-down;
  -o-object-position: center;
}
section.text header ol.points li h3,
section.text header ol.points li p,
section.text header ul.points li h3,
section.text header ul.points li p {
  margin-top: 15px;
}
@media (max-width: 1300px) {
  section.text header ol.points li,
  section.text header ul.points li {
    width: 33.3333333333%;
  }
}
@media (max-width: 900px) {
  section.text header ol.points li,
  section.text header ul.points li {
    width: 50%;
  }
}
@media (max-width: 600px) {
  section.text header ol.points li,
  section.text header ul.points li {
    width: 100%;
  }
}
section.text header > *:not(:first-child) {
  margin: clamp(20px, 4.5vw, 40px) 0 0 0;
  margin: 30px 0 0 0;
}
section.text header:has(a.image) h1, section.text header:has(a.image) h2, section.text header:has(a.image) h3,
section.text header:has(a.image) p,
section.text header:has(a.image) ol,
section.text header:has(a.image) ul {
  width: 55%;
  max-width: 950px;
}
@media (max-width: 900px) {
  section.text header:has(a.image) h1, section.text header:has(a.image) h2, section.text header:has(a.image) h3,
  section.text header:has(a.image) p,
  section.text header:has(a.image) ol,
  section.text header:has(a.image) ul {
    width: 100%;
  }
}
section.text header.columns > * {
  max-width: 100%;
  column-gap: 30px;
  columns: 2;
}
@media (max-width: 767px) {
  section.text header.columns > * {
    columns: 1;
  }
}
section.text header.columns h2 {
  column-count: 1;
}
section.text header:has(div.col) {
  gap: 30px;
}
section.text header:has(div.col) div.col {
  position: relative;
  width: calc(50% - 15px);
  max-width: 100%;
}
section.text header:has(div.col) div.col > * {
  max-width: 100%;
}
@media (max-width: 767px) {
  section.text header:has(div.col) div.col {
    width: 100%;
  }
}
section.text header.text__left {
  justify-content: flex-start;
}
section.text header.text__center {
  justify-content: center;
}
section.text header.text__right {
  justify-content: flex-end;
}
section.text header.text__right:has(a.image) a.image,
section.text header.text__right:has(a.image) a:focus.image,
section.text header.text__right:has(a.image) a:active.image,
section.text header.text__right:has(a.image) a:visited.image {
  left: -5%;
  right: auto;
}
@media (max-width: 1500px) {
  section.text header.text__right:has(a.image) a.image,
  section.text header.text__right:has(a.image) a:focus.image,
  section.text header.text__right:has(a.image) a:active.image,
  section.text header.text__right:has(a.image) a:visited.image {
    left: 0;
  }
}
section.text.collection header {
  max-width: 1580px;
  padding: clamp(40px, 4.5vw, 80px) 40px;
}
@media (max-width: 767px) {
  section.text.collection header {
    padding: clamp(40px, 4.5vw, 80px) 0;
  }
}
section.text.collection header p {
  font-family: "ALS Hauss Book", sans-serif;
  font-weight: normal;
}
section.text.first header {
  padding: clamp(20px, 4.5vw, 120px) 0 clamp(20px, 4.5vw, 60px) 0;
}
section.text.points header {
  padding: 0 0 clamp(20px, 3vw, 60px) 0;
}
@media (max-width: 1250px) {
  section.text {
    padding: 40px 0;
  }
  section.text.first {
    padding: 80px 0 40px 0;
  }
}
@media (max-width: 767px) {
  section.text {
    padding: 20px 0;
  }
  section.text.first {
    padding: 40px 0 20px 0;
  }
}

section.video {
  position: relative;
  float: left;
  width: 100%;
  padding: clamp(20px, 4vw, 60px) 0;
}
section.video div.contain {
  z-index: 100;
  justify-content: center;
  align-content: center;
}
@media (max-width: 767px) {
  section.video div.contain {
    padding: 0 20px;
  }
}
section.video a,
section.video a:active,
section.video a:focus,
section.video a:visited {
  position: relative;
  float: left;
  width: 100%;
  max-width: 1520px;
  margin: 0;
  padding: 0;
}
section.video a picture,
section.video a:active picture,
section.video a:focus picture,
section.video a:visited picture {
  position: relative;
  float: left;
  width: 100%;
  aspect-ratio: 16/9;
  max-height: 80vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000;
}
section.video a picture img,
section.video a:active picture img,
section.video a:focus picture img,
section.video a:visited picture img {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, opacity;
  -moz-transition-property: transform, opacity;
  -o-transition-property: transform, opacity;
  -webkit-transition-property: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
section.video a svg,
section.video a:active svg,
section.video a:focus svg,
section.video a:visited svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform;
  -moz-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: transform;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15%;
  aspect-ratio: 1;
  max-width: 100px;
  transform: translate(-50%, -50%);
  fill: #fff;
}
@media (hover: hover) and (pointer: fine) {
  section.video a:hover picture img,
  section.video a:active:hover picture img,
  section.video a:focus:hover picture img,
  section.video a:visited:hover picture img {
    opacity: 0.4;
    transform: scale(1.05);
  }
  section.video a:hover svg,
  section.video a:active:hover svg,
  section.video a:focus:hover svg,
  section.video a:visited:hover svg {
    transform: translate(-50%, -50%) scale(0.9);
  }
}
@media (max-width: 1250px) {
  section.video {
    padding: 40px 0;
  }
}

section.gallery {
  position: relative;
  float: left;
  width: 100%;
  padding: clamp(20px, 4vw, 60px) 0;
}
section.gallery div.contain {
  z-index: 100;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  white-space: nowrap;
  overflow: auto;
  gap: 20px;
}
@media (max-width: 767px) {
  section.gallery div.contain {
    padding: 0 20px;
  }
}
section.gallery div.contain.grid {
  width: calc(100% - 320px);
  max-width: 1930px;
  margin: 0 auto;
  padding: 0;
  scrollbar-color: #000 #eee;
  scrollbar-width: thin;
}
@media (max-width: 1900px) {
  section.gallery div.contain.grid {
    width: calc(100% - 120px);
  }
}
@media (max-width: 1250px) {
  section.gallery div.contain.grid {
    width: calc(100% - 80px);
  }
}
@media (max-width: 767px) {
  section.gallery div.contain.grid {
    width: calc(100% - 40px);
  }
}
section.gallery div.contain.grid.noselect * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
section.gallery div.contain.grid.down * {
  pointer-events: none;
}
section.gallery div.contain a.grid,
section.gallery div.contain a.grid:active,
section.gallery div.contain a.grid:focus,
section.gallery div.contain a.grid:visited {
  position: relative;
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
}
section.gallery div.contain a.grid picture,
section.gallery div.contain a.grid:active picture,
section.gallery div.contain a.grid:focus picture,
section.gallery div.contain a.grid:visited picture {
  position: relative;
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000;
}
section.gallery div.contain a.grid picture img,
section.gallery div.contain a.grid:active picture img,
section.gallery div.contain a.grid:focus picture img,
section.gallery div.contain a.grid:visited picture img {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, opacity;
  -moz-transition-property: transform, opacity;
  -o-transition-property: transform, opacity;
  -webkit-transition-property: transform, opacity;
  position: relative;
  float: left;
  height: 70vh;
  max-height: 800px;
  max-width: 25vw;
  min-height: 400px;
  width: auto;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
@media (max-width: 1250px) {
  section.gallery div.contain a.grid picture img,
  section.gallery div.contain a.grid:active picture img,
  section.gallery div.contain a.grid:focus picture img,
  section.gallery div.contain a.grid:visited picture img {
    max-width: 33vw;
  }
}
@media (max-width: 767px) {
  section.gallery div.contain a.grid picture img,
  section.gallery div.contain a.grid:active picture img,
  section.gallery div.contain a.grid:focus picture img,
  section.gallery div.contain a.grid:visited picture img {
    max-width: 80vw;
  }
}
section.gallery div.contain a.grid svg,
section.gallery div.contain a.grid:active svg,
section.gallery div.contain a.grid:focus svg,
section.gallery div.contain a.grid:visited svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform;
  -moz-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: transform;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15%;
  aspect-ratio: 1;
  max-width: 100px;
  transform: translate(-50%, -50%);
  fill: #fff;
}
@media (hover: hover) and (pointer: fine) {
  section.gallery div.contain a.grid:hover picture img,
  section.gallery div.contain a.grid:active:hover picture img,
  section.gallery div.contain a.grid:focus:hover picture img,
  section.gallery div.contain a.grid:visited:hover picture img {
    opacity: 0.4;
    transform: scale(1.05);
  }
  section.gallery div.contain a.grid:hover svg,
  section.gallery div.contain a.grid:active:hover svg,
  section.gallery div.contain a.grid:focus:hover svg,
  section.gallery div.contain a.grid:visited:hover svg {
    transform: translate(-50%, -50%) scale(0.9);
  }
}
section.gallery div.contain::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
section.gallery div.contain::-webkit-scrollbar-track {
  background: #B3B3B3;
  border-radius: 5px;
}
section.gallery div.contain::-webkit-scrollbar-thumb {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  background-color: #000;
  border-radius: 5px;
}
section.gallery div.contain::-webkit-scrollbar-thumb:hover {
  background-color: #888;
}
section.gallery div.contain::-webkit-scrollbar-corner {
  background: #B3B3B3;
}
section.gallery:has(div.contain.grid) button.nav,
section.gallery:has(div.contain.grid) button.nav:active,
section.gallery:has(div.contain.grid) button.nav:focus,
section.gallery:has(div.contain.grid) button.nav:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  background-color: #888;
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  z-index: 200;
  color: #000;
  background-color: rgba(230, 230, 230, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  transform: translateY(-50%);
}
section.gallery:has(div.contain.grid) button.nav svg,
section.gallery:has(div.contain.grid) button.nav:active svg,
section.gallery:has(div.contain.grid) button.nav:focus svg,
section.gallery:has(div.contain.grid) button.nav:visited svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 15px;
  top: 0;
  left: 0;
  fill: #000;
}
section.gallery:has(div.contain.grid) button.nav.prev,
section.gallery:has(div.contain.grid) button.nav:active.prev,
section.gallery:has(div.contain.grid) button.nav:focus.prev,
section.gallery:has(div.contain.grid) button.nav:visited.prev {
  left: clamp(10px, 3vw, 50vw);
}
section.gallery:has(div.contain.grid) button.nav.next,
section.gallery:has(div.contain.grid) button.nav:active.next,
section.gallery:has(div.contain.grid) button.nav:focus.next,
section.gallery:has(div.contain.grid) button.nav:visited.next {
  right: clamp(10px, 3vw, 50vw);
}
@media (hover: hover) and (pointer: fine) {
  section.gallery:has(div.contain.grid) button.nav:hover,
  section.gallery:has(div.contain.grid) button.nav:active:hover,
  section.gallery:has(div.contain.grid) button.nav:focus:hover,
  section.gallery:has(div.contain.grid) button.nav:visited:hover {
    background-color: #000;
    color: #fff;
  }
  section.gallery:has(div.contain.grid) button.nav:hover svg,
  section.gallery:has(div.contain.grid) button.nav:active:hover svg,
  section.gallery:has(div.contain.grid) button.nav:focus:hover svg,
  section.gallery:has(div.contain.grid) button.nav:visited:hover svg {
    fill: #fff;
  }
}
@media (max-width: 1250px) {
  section.gallery {
    padding: 40px 0;
  }
}

#cenas {
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-content: stretch;
  background-color: #000;
  margin: clamp(40px, 4.5vw, 80px) 0 0 0;
}
#cenas section {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-end;
  min-height: clamp(600px, 90svh, 800px);
  overflow: hidden;
  filter: saturate(0);
  opacity: 0.6;
  cursor: pointer;
  border-right: 1px solid #fff;
  min-width: 0vw;
}
#cenas section picture {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  position: absolute;
  top: 0;
  left: 50%;
  min-width: 75vw;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  z-index: 0;
}
#cenas section picture img {
  transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 500ms cubic-bezier(0.42, 0, 0.58, 1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
@media (max-width: 767px) {
  #cenas section picture {
    width: 80vw;
  }
}
#cenas section a,
#cenas section a:visited,
#cenas section a:active,
#cenas section a:focus {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 5;
}
@media (hover: hover) and (pointer: fine) {
  #cenas section a:hover picture,
  #cenas section a:visited:hover picture,
  #cenas section a:active:hover picture,
  #cenas section a:focus:hover picture {
    opacity: 0.6;
  }
  #cenas section a:hover picture img,
  #cenas section a:visited:hover picture img,
  #cenas section a:active:hover picture img,
  #cenas section a:focus:hover picture img {
    transform: scale(1.05);
  }
}
#cenas section header {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform, opacity;
  -moz-transition-property: transform, opacity;
  -o-transition-property: transform, opacity;
  -webkit-transition-property: transform, opacity;
  transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
  position: relative;
  float: left;
  display: flex;
  flex-flow: column wrap;
  padding: 60px clamp(4.5vw, 120px + 50% - 750px, 50% - 750px);
  z-index: 10;
  min-width: 75vw;
  color: #fff;
  margin: 0 auto;
  transform: translateY(20vh);
  opacity: 0;
  pointer-events: none;
}
#cenas section header * {
  pointer-events: all;
}
#cenas section header h2 {
  position: relative;
  float: left;
  width: auto;
  font-size: 55px;
  line-height: 55px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 5vmin 0;
  padding: 0;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
@media (max-width: 900px) {
  #cenas section header h2 {
    margin: 0 0 40px 0;
    font-size: 6vw;
    line-height: 6vw;
  }
}
@media (max-width: 767px) {
  #cenas section header h2 {
    margin: 0;
  }
}
#cenas section header p {
  position: relative;
  float: left;
  width: 100%;
  max-width: 1000px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 2px;
  font-family: "ALS Hauss Book", sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0 40px 0 0;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#cenas section header p.formats {
  margin: 0 0 0 auto;
  padding: 0;
  width: auto;
  max-width: 50%;
  letter-spacing: 1px;
  font-size: 18px;
}
#cenas section header p.formats span,
#cenas section header p.formats strong {
  font-family: "ALS Hauss", sans-serif;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: bold;
}
#cenas section header p.formats span {
  white-space: nowrap;
}
@media (max-width: 900px) {
  #cenas section header p {
    font-size: 18px;
    line-height: 25px;
    width: 100%;
    padding: 0;
  }
  #cenas section header p.formats {
    margin: 40px 0 0 0;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  #cenas section header p {
    display: none;
  }
  #cenas section header p.formats {
    padding: 0 0 0 20px;
  }
}
@media (max-width: 1250px) {
  #cenas section header {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  #cenas section header {
    padding: 40px 20px;
    min-width: 80vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  #cenas section:hover {
    filter: saturate(1);
    opacity: 1;
  }
  #cenas section:hover:not(.active) picture {
    transform: translateX(-55%);
  }
}
#cenas section.active {
  cursor: initial;
  min-width: 75vw;
  filter: saturate(1);
  opacity: 1;
}
#cenas section.active a,
#cenas section.active a:visited,
#cenas section.active a:active,
#cenas section.active a:focus {
  pointer-events: all;
}
#cenas section.active header {
  transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  -webkit-transition-delay: 500ms;
  transform: translateY(0);
  opacity: 1;
}
@media (max-width: 767px) {
  #cenas section.active {
    min-width: 80vw;
  }
}
#cenas section:last-child {
  border-right: none;
}
@media (max-width: 1250px) {
  #cenas {
    margin: 40px 0 0 0;
  }
}

form#pesquisapage {
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 0;
}
form#pesquisapage input[name=s] {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: border;
  -moz-transition-property: border;
  -o-transition-property: border;
  -webkit-transition-property: border;
  position: relative;
  width: 100%;
  background-color: #F2F2F2;
  border: 1px solid #f2f2f2;
  font-size: 18px;
  line-height: 18px;
  padding: 7px 10px;
  font-weight: 400;
  letter-spacing: 2px;
  margin: 0;
  display: flex;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
form#pesquisapage input[name=s]:focus {
  border: 1px solid #9F9F9F;
}
form#pesquisapage div[data-type=image] {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: border;
  -moz-transition-property: border;
  -o-transition-property: border;
  -webkit-transition-property: border;
  display: flex;
  position: relative;
  width: 100%;
  margin: 20px 0 20px 0;
  padding: 20px;
  background-color: #F2F2F2;
  border: 1px solid #f2f2f2;
  cursor: pointer;
  float: left;
}
form#pesquisapage div[data-type=image] input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  margin: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
form#pesquisapage div[data-type=image] p {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  pointer-events: none;
  position: relative;
  width: 100%;
  font-size: 18px;
  line-height: 20px;
  padding: 35px 10px 25px 10px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-align: center;
  color: #9F9F9F;
  margin: 0;
}
form#pesquisapage div[data-type=image] p em {
  font-style: normal;
  font-weight: 400;
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  form#pesquisapage div[data-type=image]:hover {
    border: 1px solid #9F9F9F;
  }
  form#pesquisapage div[data-type=image]:hover p {
    color: #000;
  }
}
form#pesquisapage button,
form#pesquisapage button:visited,
form#pesquisapage button:active,
form#pesquisapage button:focus {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  color: inherit;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px;
  margin: 0 0 auto 0;
  text-transform: uppercase;
  cursor: pointer;
}
form#pesquisapage button svg,
form#pesquisapage button:visited svg,
form#pesquisapage button:active svg,
form#pesquisapage button:focus svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  margin: auto 0;
  height: 20px;
  fill: #B5B5B5;
}
@media (hover: hover) and (pointer: fine) {
  form#pesquisapage button:hover svg,
  form#pesquisapage button:visited:hover svg,
  form#pesquisapage button:active:hover svg,
  form#pesquisapage button:focus:hover svg {
    fill: #000;
  }
}
form#pesquisapage button.active svg,
form#pesquisapage button:visited.active svg,
form#pesquisapage button:active.active svg,
form#pesquisapage button:focus.active svg {
  fill: #000;
}

ul.breadcrumbs {
  position: relative;
  width: auto;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  margin: auto 0 0 0;
  padding: 15px 0;
}
ul.breadcrumbs li {
  color: #000;
  line-height: 20px;
}
ul.breadcrumbs li a,
ul.breadcrumbs li a:focus,
ul.breadcrumbs li a:active,
ul.breadcrumbs li a:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  position: relative;
  pointer-events: all;
  display: inline;
  text-decoration: none;
  color: inherit;
  margin: 0;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
}
@media (hover: hover) {
  ul.breadcrumbs li a:hover,
  ul.breadcrumbs li a:focus:hover,
  ul.breadcrumbs li a:active:hover,
  ul.breadcrumbs li a:visited:hover {
    opacity: 0.5;
  }
}
ul.breadcrumbs li:after {
  content: ",";
  margin: 0 10px 0 0;
}
ul.breadcrumbs li:first-child:after {
  content: "|";
  margin: 0 10px;
}
ul.breadcrumbs li:last-child:after {
  content: "";
  margin: 0;
}

section.pagination {
  position: relative;
  float: left;
  width: 100%;
}
section.pagination ul {
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-content: flex-start;
  list-style: none;
  margin: 40px 0 0 0;
  padding: 0;
  gap: 20px;
}
section.pagination ul li {
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  font-weight: 500;
}
section.pagination ul li p {
  background-color: #000;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-weight: 500;
  margin: 0;
  padding: 10px;
  min-width: 42px;
  border: 1px solid #000;
  text-align: center;
}
section.pagination ul li a,
section.pagination ul li a:focus,
section.pagination ul li a:active,
section.pagination ul li a:visited {
  border: 1px solid #000;
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  position: relative;
  float: left;
  pointer-events: all;
  text-decoration: none;
  color: inherit;
  margin: 0;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
  min-width: 42px;
  padding: 10px;
  text-align: center;
  min-height: 42px;
}
section.pagination ul li a svg,
section.pagination ul li a:focus svg,
section.pagination ul li a:active svg,
section.pagination ul li a:visited svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 15px;
  transform: translate(-50%, -50%);
}
@media (hover: hover) {
  section.pagination ul li a:hover,
  section.pagination ul li a:focus:hover,
  section.pagination ul li a:active:hover,
  section.pagination ul li a:visited:hover {
    opacity: 0.5;
  }
}

#popup {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9000;
  max-height: 80vh;
  overflow: auto;
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  max-width: 450px;
  background-color: #fff;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.4);
}
#popup picture, #popup img {
  position: relative;
  float: left;
  width: 100%;
  z-index: 10;
  max-height: 400px;
  object-fit: cover;
  object-position: top center;
  -o-object-fit: cover;
  -o-object-position: top center;
}
#popup header {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: #000;
  color: #fff;
  padding: 30px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
}
#popup header h4 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  font-size: 20px;
  line-height: 24px;
  margin: auto 0;
  padding: 0 30px 0 0;
  color: inherit;
  font-weight: 500;
  width: 100%;
}
#popup header button,
#popup header button:focus,
#popup header button:active,
#popup header button:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, border;
  -moz-transition-property: background-color, border;
  -o-transition-property: background-color, border;
  -webkit-transition-property: background-color, border;
  padding: 0 15px 0 15px;
  margin: 0 0 auto 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
  cursor: pointer;
  min-height: 50px;
  background-color: transparent;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-content: flex-end;
  width: auto;
  text-align: right;
  top: 0;
  right: 0;
  color: #fff;
  pointer-events: all;
  border: 1px solid #ffffff;
}
#popup header button svg,
#popup header button:focus svg,
#popup header button:active svg,
#popup header button:visited svg {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  width: 20px;
  height: 30px;
  fill: #fff;
  margin: auto 0;
  padding: 2px 0;
}
#popup header button span,
#popup header button:focus span,
#popup header button:active span,
#popup header button:visited span {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  color: inherit;
  margin: auto 10px;
  font-weight: 500;
  font-size: 12px;
}
@media (hover: hover) {
  #popup header button:hover,
  #popup header button:focus:hover,
  #popup header button:active:hover,
  #popup header button:visited:hover {
    border: 1px solid #fff;
    color: #000 !important;
    background-color: #fff !important;
  }
  #popup header button:hover svg,
  #popup header button:focus:hover svg,
  #popup header button:active:hover svg,
  #popup header button:visited:hover svg {
    fill: #000 !important;
  }
}
#popup p {
  position: relative;
  font-weight: 400;
  color: inherit;
  font-size: 14px;
  line-height: 20px;
  margin: auto 0 auto auto;
  width: 100%;
  padding: 15px 30px;
}
#popup p strong {
  font-weight: 500;
  color: inherit;
}
@media (max-width: 767px) {
  #popup p {
    font-size: 14px;
    line-height: 20px;
  }
}
#popup a,
#popup a:focus,
#popup a:active,
#popup a:visited {
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: background-color, border, color;
  -moz-transition-property: background-color, border, color;
  -o-transition-property: background-color, border, color;
  -webkit-transition-property: background-color, border, color;
  padding: 0 15px 0 15px;
  margin: 0 0 30px 30px;
  font-weight: 500;
  font-size: 12px;
  line-height: 50px;
  cursor: pointer;
  min-height: 50px;
  background-color: #000;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  width: calc(100% - 60px);
  text-align: right;
  color: #fff;
  pointer-events: all;
  border: 1px solid #000;
  text-decoration: none;
}
@media (hover: hover) {
  #popup a:hover,
  #popup a:focus:hover,
  #popup a:active:hover,
  #popup a:visited:hover {
    border: 1px solid #000;
    color: #000 !important;
    background-color: #fff !important;
  }
  #popup a:hover svg,
  #popup a:focus:hover svg,
  #popup a:active:hover svg,
  #popup a:visited:hover svg {
    fill: #000 !important;
  }
}