@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: "DM Sans", sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-weight: normal;
  font-kerning: none;
  letter-spacing: 0;
  font-variant-numeric: lining-nums;
  font-optical-sizing: auto;
  font-style: normal;
}
*: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: #fff8e8;
}

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 {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 25%;
  width: 100%;
  float: left;
}
@media (max-width: 767px) {
  .forth {
    max-width: 100%;
  }
}

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

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

.full {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  float: left;
}
@media (max-width: 767px) {
  .full {
    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;
}

.shadow {
  -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;
}
#nav div.contain {
  padding: 30px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  color: #fff8e8;
}
#nav div.contain a.logo,
#nav div.contain a.logo:visited,
#nav div.contain a.logo:active,
#nav div.contain a.logo:focus {
  position: relative;
  float: left;
}
#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: 767px) {
  #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: 600px) {
  #nav div.contain a.logo img.long,
  #nav div.contain a.logo:visited img.long,
  #nav div.contain a.logo:active img.long,
  #nav div.contain a.logo:focus img.long {
    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 {
    height: 35px !important;
    display: block;
  }
}
@media (max-width: 1200px) {
  #nav div.contain a.logo,
  #nav div.contain a.logo:visited,
  #nav div.contain a.logo:active,
  #nav div.contain a.logo:focus {
    margin-right: auto;
  }
}
#nav div.contain ul {
  width: 100%;
  margin: auto 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
}
#nav div.contain ul li {
  position: relative;
  margin: auto 5px;
}
#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: 14px;
  font-weight: 700;
}
#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 15px;
  font-size: 16px;
  font-weight: 700;
  text-transform: lowercase;
}
#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 3px 5px;
  width: 10px;
  fill: #fff8e8;
}
@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: #9b7928;
  }
  #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: #9b7928;
  }
  #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: #9b7928;
  }
}
#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: #9b7928;
}
#nav div.contain ul li a.active svg,
#nav div.contain ul li a:visited.active svg,
#nav div.contain ul li a:active.active svg,
#nav div.contain ul li a:focus.active svg,
#nav div.contain ul li button.active svg,
#nav div.contain ul li button:visited.active svg,
#nav div.contain ul li button:active.active svg,
#nav div.contain ul li button:focus.active svg {
  fill: #9b7928;
  transform: rotate(180deg);
  margin: auto 0 4px 5px;
}
#nav div.contain ul li:last-child {
  margin: auto 0 auto auto;
}
@media (max-width: 1200px) {
  #nav div.contain ul li {
    margin: 0 !important;
    border-bottom: 1px dotted #554b33;
  }
  #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 {
    padding: 20px 30px;
  }
  #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 {
    margin: auto 0 1px 5px;
    width: 10px;
    fill: #fff8e8;
  }
}
@media (max-width: 1200px) and (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: #9b7928;
  }
  #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: #9b7928;
  }
  #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: #9b7928;
  }
}
@media (max-width: 1200px) {
  #nav div.contain ul li p {
    padding: 20px 30px;
  }
}
@media (max-width: 1200px) {
  #nav div.contain ul {
    display: none;
  }
}
#nav div.contain a.profile,
#nav div.contain a.profile:visited,
#nav div.contain a.profile:active,
#nav div.contain a.profile:focus,
#nav div.contain button[data-child],
#nav div.contain button[data-child]:visited,
#nav div.contain button[data-child]:active,
#nav div.contain button[data-child]: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 15px;
  font-size: 14px;
  font-size: 16px;
  font-weight: 700;
}
#nav div.contain a.profile span,
#nav div.contain a.profile:visited span,
#nav div.contain a.profile:active span,
#nav div.contain a.profile:focus span,
#nav div.contain button[data-child] span,
#nav div.contain button[data-child]:visited span,
#nav div.contain button[data-child]:active span,
#nav div.contain button[data-child]: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;
  font-size: 14px;
  font-size: 16px;
  font-weight: 700;
}
#nav div.contain a.profile.profile, #nav div.contain a.profile[data-child=search],
#nav div.contain a.profile:visited.profile,
#nav div.contain a.profile:visited[data-child=search],
#nav div.contain a.profile:active.profile,
#nav div.contain a.profile:active[data-child=search],
#nav div.contain a.profile:focus.profile,
#nav div.contain a.profile:focus[data-child=search],
#nav div.contain button[data-child].profile,
#nav div.contain button[data-child][data-child=search],
#nav div.contain button[data-child]:visited.profile,
#nav div.contain button[data-child]:visited[data-child=search],
#nav div.contain button[data-child]:active.profile,
#nav div.contain button[data-child]:active[data-child=search],
#nav div.contain button[data-child]:focus.profile,
#nav div.contain button[data-child]:focus[data-child=search] {
  min-height: 38px;
}
#nav div.contain a.profile.profile svg, #nav div.contain a.profile[data-child=search] svg,
#nav div.contain a.profile:visited.profile svg,
#nav div.contain a.profile:visited[data-child=search] svg,
#nav div.contain a.profile:active.profile svg,
#nav div.contain a.profile:active[data-child=search] svg,
#nav div.contain a.profile:focus.profile svg,
#nav div.contain a.profile:focus[data-child=search] svg,
#nav div.contain button[data-child].profile svg,
#nav div.contain button[data-child][data-child=search] svg,
#nav div.contain button[data-child]:visited.profile svg,
#nav div.contain button[data-child]:visited[data-child=search] svg,
#nav div.contain button[data-child]:active.profile svg,
#nav div.contain button[data-child]:active[data-child=search] svg,
#nav div.contain button[data-child]:focus.profile svg,
#nav div.contain button[data-child]:focus[data-child=search] 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: 14px;
  height: 14px;
  fill: #fff8e8;
}
#nav div.contain a.profile.profile svg.submit, #nav div.contain a.profile.profile svg.close, #nav div.contain a.profile[data-child=search] svg.submit, #nav div.contain a.profile[data-child=search] svg.close,
#nav div.contain a.profile:visited.profile svg.submit,
#nav div.contain a.profile:visited.profile svg.close,
#nav div.contain a.profile:visited[data-child=search] svg.submit,
#nav div.contain a.profile:visited[data-child=search] svg.close,
#nav div.contain a.profile:active.profile svg.submit,
#nav div.contain a.profile:active.profile svg.close,
#nav div.contain a.profile:active[data-child=search] svg.submit,
#nav div.contain a.profile:active[data-child=search] svg.close,
#nav div.contain a.profile:focus.profile svg.submit,
#nav div.contain a.profile:focus.profile svg.close,
#nav div.contain a.profile:focus[data-child=search] svg.submit,
#nav div.contain a.profile:focus[data-child=search] svg.close,
#nav div.contain button[data-child].profile svg.submit,
#nav div.contain button[data-child].profile svg.close,
#nav div.contain button[data-child][data-child=search] svg.submit,
#nav div.contain button[data-child][data-child=search] svg.close,
#nav div.contain button[data-child]:visited.profile svg.submit,
#nav div.contain button[data-child]:visited.profile svg.close,
#nav div.contain button[data-child]:visited[data-child=search] svg.submit,
#nav div.contain button[data-child]:visited[data-child=search] svg.close,
#nav div.contain button[data-child]:active.profile svg.submit,
#nav div.contain button[data-child]:active.profile svg.close,
#nav div.contain button[data-child]:active[data-child=search] svg.submit,
#nav div.contain button[data-child]:active[data-child=search] svg.close,
#nav div.contain button[data-child]:focus.profile svg.submit,
#nav div.contain button[data-child]:focus.profile svg.close,
#nav div.contain button[data-child]:focus[data-child=search] svg.submit,
#nav div.contain button[data-child]:focus[data-child=search] svg.close {
  display: none;
}
#nav div.contain a.profile.profile span, #nav div.contain a.profile[data-child=search] span,
#nav div.contain a.profile:visited.profile span,
#nav div.contain a.profile:visited[data-child=search] span,
#nav div.contain a.profile:active.profile span,
#nav div.contain a.profile:active[data-child=search] span,
#nav div.contain a.profile:focus.profile span,
#nav div.contain a.profile:focus[data-child=search] span,
#nav div.contain button[data-child].profile span,
#nav div.contain button[data-child][data-child=search] span,
#nav div.contain button[data-child]:visited.profile span,
#nav div.contain button[data-child]:visited[data-child=search] span,
#nav div.contain button[data-child]:active.profile span,
#nav div.contain button[data-child]:active[data-child=search] span,
#nav div.contain button[data-child]:focus.profile span,
#nav div.contain button[data-child]:focus[data-child=search] span {
  display: none;
}
#nav div.contain a.profile.profile.active svg.submit, #nav div.contain a.profile.profile.active svg.search, #nav div.contain a.profile[data-child=search].active svg.submit, #nav div.contain a.profile[data-child=search].active svg.search,
#nav div.contain a.profile:visited.profile.active svg.submit,
#nav div.contain a.profile:visited.profile.active svg.search,
#nav div.contain a.profile:visited[data-child=search].active svg.submit,
#nav div.contain a.profile:visited[data-child=search].active svg.search,
#nav div.contain a.profile:active.profile.active svg.submit,
#nav div.contain a.profile:active.profile.active svg.search,
#nav div.contain a.profile:active[data-child=search].active svg.submit,
#nav div.contain a.profile:active[data-child=search].active svg.search,
#nav div.contain a.profile:focus.profile.active svg.submit,
#nav div.contain a.profile:focus.profile.active svg.search,
#nav div.contain a.profile:focus[data-child=search].active svg.submit,
#nav div.contain a.profile:focus[data-child=search].active svg.search,
#nav div.contain button[data-child].profile.active svg.submit,
#nav div.contain button[data-child].profile.active svg.search,
#nav div.contain button[data-child][data-child=search].active svg.submit,
#nav div.contain button[data-child][data-child=search].active svg.search,
#nav div.contain button[data-child]:visited.profile.active svg.submit,
#nav div.contain button[data-child]:visited.profile.active svg.search,
#nav div.contain button[data-child]:visited[data-child=search].active svg.submit,
#nav div.contain button[data-child]:visited[data-child=search].active svg.search,
#nav div.contain button[data-child]:active.profile.active svg.submit,
#nav div.contain button[data-child]:active.profile.active svg.search,
#nav div.contain button[data-child]:active[data-child=search].active svg.submit,
#nav div.contain button[data-child]:active[data-child=search].active svg.search,
#nav div.contain button[data-child]:focus.profile.active svg.submit,
#nav div.contain button[data-child]:focus.profile.active svg.search,
#nav div.contain button[data-child]:focus[data-child=search].active svg.submit,
#nav div.contain button[data-child]:focus[data-child=search].active svg.search {
  display: none;
}
#nav div.contain a.profile.profile.active svg.close, #nav div.contain a.profile[data-child=search].active svg.close,
#nav div.contain a.profile:visited.profile.active svg.close,
#nav div.contain a.profile:visited[data-child=search].active svg.close,
#nav div.contain a.profile:active.profile.active svg.close,
#nav div.contain a.profile:active[data-child=search].active svg.close,
#nav div.contain a.profile:focus.profile.active svg.close,
#nav div.contain a.profile:focus[data-child=search].active svg.close,
#nav div.contain button[data-child].profile.active svg.close,
#nav div.contain button[data-child][data-child=search].active svg.close,
#nav div.contain button[data-child]:visited.profile.active svg.close,
#nav div.contain button[data-child]:visited[data-child=search].active svg.close,
#nav div.contain button[data-child]:active.profile.active svg.close,
#nav div.contain button[data-child]:active[data-child=search].active svg.close,
#nav div.contain button[data-child]:focus.profile.active svg.close,
#nav div.contain button[data-child]:focus[data-child=search].active svg.close {
  display: block;
}
#nav div.contain a.profile.profile.active.submit svg.search, #nav div.contain a.profile.profile.active.submit svg.close, #nav div.contain a.profile[data-child=search].active.submit svg.search, #nav div.contain a.profile[data-child=search].active.submit svg.close,
#nav div.contain a.profile:visited.profile.active.submit svg.search,
#nav div.contain a.profile:visited.profile.active.submit svg.close,
#nav div.contain a.profile:visited[data-child=search].active.submit svg.search,
#nav div.contain a.profile:visited[data-child=search].active.submit svg.close,
#nav div.contain a.profile:active.profile.active.submit svg.search,
#nav div.contain a.profile:active.profile.active.submit svg.close,
#nav div.contain a.profile:active[data-child=search].active.submit svg.search,
#nav div.contain a.profile:active[data-child=search].active.submit svg.close,
#nav div.contain a.profile:focus.profile.active.submit svg.search,
#nav div.contain a.profile:focus.profile.active.submit svg.close,
#nav div.contain a.profile:focus[data-child=search].active.submit svg.search,
#nav div.contain a.profile:focus[data-child=search].active.submit svg.close,
#nav div.contain button[data-child].profile.active.submit svg.search,
#nav div.contain button[data-child].profile.active.submit svg.close,
#nav div.contain button[data-child][data-child=search].active.submit svg.search,
#nav div.contain button[data-child][data-child=search].active.submit svg.close,
#nav div.contain button[data-child]:visited.profile.active.submit svg.search,
#nav div.contain button[data-child]:visited.profile.active.submit svg.close,
#nav div.contain button[data-child]:visited[data-child=search].active.submit svg.search,
#nav div.contain button[data-child]:visited[data-child=search].active.submit svg.close,
#nav div.contain button[data-child]:active.profile.active.submit svg.search,
#nav div.contain button[data-child]:active.profile.active.submit svg.close,
#nav div.contain button[data-child]:active[data-child=search].active.submit svg.search,
#nav div.contain button[data-child]:active[data-child=search].active.submit svg.close,
#nav div.contain button[data-child]:focus.profile.active.submit svg.search,
#nav div.contain button[data-child]:focus.profile.active.submit svg.close,
#nav div.contain button[data-child]:focus[data-child=search].active.submit svg.search,
#nav div.contain button[data-child]:focus[data-child=search].active.submit svg.close {
  display: none;
}
#nav div.contain a.profile.profile.active.submit svg.submit, #nav div.contain a.profile[data-child=search].active.submit svg.submit,
#nav div.contain a.profile:visited.profile.active.submit svg.submit,
#nav div.contain a.profile:visited[data-child=search].active.submit svg.submit,
#nav div.contain a.profile:active.profile.active.submit svg.submit,
#nav div.contain a.profile:active[data-child=search].active.submit svg.submit,
#nav div.contain a.profile:focus.profile.active.submit svg.submit,
#nav div.contain a.profile:focus[data-child=search].active.submit svg.submit,
#nav div.contain button[data-child].profile.active.submit svg.submit,
#nav div.contain button[data-child][data-child=search].active.submit svg.submit,
#nav div.contain button[data-child]:visited.profile.active.submit svg.submit,
#nav div.contain button[data-child]:visited[data-child=search].active.submit svg.submit,
#nav div.contain button[data-child]:active.profile.active.submit svg.submit,
#nav div.contain button[data-child]:active[data-child=search].active.submit svg.submit,
#nav div.contain button[data-child]:focus.profile.active.submit svg.submit,
#nav div.contain button[data-child]:focus[data-child=search].active.submit svg.submit {
  display: block;
}
#nav div.contain a.profile[data-child=menu],
#nav div.contain a.profile:visited[data-child=menu],
#nav div.contain a.profile:active[data-child=menu],
#nav div.contain a.profile:focus[data-child=menu],
#nav div.contain button[data-child][data-child=menu],
#nav div.contain button[data-child]:visited[data-child=menu],
#nav div.contain button[data-child]:active[data-child=menu],
#nav div.contain button[data-child]:focus[data-child=menu] {
  background-color: #fff8e8;
  color: #1a1812;
  text-transform: uppercase;
  display: none;
  margin: auto 0 auto 20px;
}
@media (hover: hover) and (pointer: fine) {
  #nav div.contain a.profile[data-child=menu]:hover,
  #nav div.contain a.profile:visited[data-child=menu]:hover,
  #nav div.contain a.profile:active[data-child=menu]:hover,
  #nav div.contain a.profile:focus[data-child=menu]:hover,
  #nav div.contain button[data-child][data-child=menu]:hover,
  #nav div.contain button[data-child]:visited[data-child=menu]:hover,
  #nav div.contain button[data-child]:active[data-child=menu]:hover,
  #nav div.contain button[data-child]:focus[data-child=menu]:hover {
    background-color: #554b33;
    color: #fff8e8;
  }
}
@media (max-width: 1200px) {
  #nav div.contain a.profile[data-child=menu],
  #nav div.contain a.profile:visited[data-child=menu],
  #nav div.contain a.profile:active[data-child=menu],
  #nav div.contain a.profile:focus[data-child=menu],
  #nav div.contain button[data-child][data-child=menu],
  #nav div.contain button[data-child]:visited[data-child=menu],
  #nav div.contain button[data-child]:active[data-child=menu],
  #nav div.contain button[data-child]:focus[data-child=menu] {
    display: block;
  }
}
@media (max-width: 600px) {
  #nav div.contain a.profile[data-child=menu],
  #nav div.contain a.profile:visited[data-child=menu],
  #nav div.contain a.profile:active[data-child=menu],
  #nav div.contain a.profile:focus[data-child=menu],
  #nav div.contain button[data-child][data-child=menu],
  #nav div.contain button[data-child]:visited[data-child=menu],
  #nav div.contain button[data-child]:active[data-child=menu],
  #nav div.contain button[data-child]:focus[data-child=menu] {
    margin: auto 0;
  }
}
@media (max-width: 1200px) {
  #nav div.contain a.profile[data-child=langs],
  #nav div.contain a.profile:visited[data-child=langs],
  #nav div.contain a.profile:active[data-child=langs],
  #nav div.contain a.profile:focus[data-child=langs],
  #nav div.contain button[data-child][data-child=langs],
  #nav div.contain button[data-child]:visited[data-child=langs],
  #nav div.contain button[data-child]:active[data-child=langs],
  #nav div.contain button[data-child]:focus[data-child=langs] {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  #nav div.contain a.profile:hover,
  #nav div.contain a.profile:visited:hover,
  #nav div.contain a.profile:active:hover,
  #nav div.contain a.profile:focus:hover,
  #nav div.contain button[data-child]:hover,
  #nav div.contain button[data-child]:visited:hover,
  #nav div.contain button[data-child]:active:hover,
  #nav div.contain button[data-child]:focus:hover {
    color: #9b7928;
  }
  #nav div.contain a.profile:hover svg,
  #nav div.contain a.profile:visited:hover svg,
  #nav div.contain a.profile:active:hover svg,
  #nav div.contain a.profile:focus:hover svg,
  #nav div.contain button[data-child]:hover svg,
  #nav div.contain button[data-child]:visited:hover svg,
  #nav div.contain button[data-child]:active:hover svg,
  #nav div.contain button[data-child]:focus:hover svg {
    fill: #9b7928;
  }
  #nav div.contain a.profile:hover span,
  #nav div.contain a.profile:visited:hover span,
  #nav div.contain a.profile:active:hover span,
  #nav div.contain a.profile:focus:hover span,
  #nav div.contain button[data-child]:hover span,
  #nav div.contain button[data-child]:visited:hover span,
  #nav div.contain button[data-child]:active:hover span,
  #nav div.contain button[data-child]:focus:hover span {
    color: #9b7928;
  }
}
#nav div.contain *[data-name]:not([data-name=menu]) {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 800;
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-height: calc(100vh - 100px);
  display: none;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
}
#nav div.contain *[data-name]:not([data-name=menu])[data-name=langs] {
  width: auto;
  right: 0;
  z-index: 900;
  min-width: 130px;
  padding: 20px 15px;
  white-space: nowrap;
  background-color: #1a1812;
  min-height: 0;
}
#nav div.contain *[data-name]:not([data-name=menu])[data-name=langs] li {
  white-space: nowrap;
  margin: 0;
}
#nav div.contain *[data-name]:not([data-name=menu])[data-name=langs] li a,
#nav div.contain *[data-name]:not([data-name=menu])[data-name=langs] li a:visited,
#nav div.contain *[data-name]:not([data-name=menu])[data-name=langs] li a:active,
#nav div.contain *[data-name]:not([data-name=menu])[data-name=langs] li a:focus {
  white-space: nowrap;
  text-align: right;
  justify-content: flex-end;
  align-content: flex-end;
}
@media (max-width: 1200px) {
  #nav div.contain *[data-name]:not([data-name=menu])[data-name=langs] {
    width: 100%;
    max-width: 100%;
    display: flex !important;
    flex-flow: row wrap;
    position: relative;
    padding: 0;
    right: 0;
    top: 0;
    margin: 0;
    background-color: #554b33;
  }
  #nav div.contain *[data-name]:not([data-name=menu])[data-name=langs] li {
    border-bottom: none !important;
  }
  #nav div.contain *[data-name]:not([data-name=menu])[data-name=langs] li a,
  #nav div.contain *[data-name]:not([data-name=menu])[data-name=langs] li a:visited,
  #nav div.contain *[data-name]:not([data-name=menu])[data-name=langs] li a:active,
  #nav div.contain *[data-name]:not([data-name=menu])[data-name=langs] li a:focus {
    padding-right: 0;
  }
}
#nav div.contain *[data-name]:not([data-name=menu])[data-name=profile] {
  width: auto;
  right: 15px;
  z-index: 900;
  min-width: 130px;
  padding: 20px 15px;
  white-space: nowrap;
  background-color: #1a1812;
  min-height: 0;
  top: calc(100% - 15px);
}
#nav div.contain *[data-name]:not([data-name=menu])[data-name=profile] li {
  white-space: nowrap;
  margin: 0;
}
#nav div.contain *[data-name]:not([data-name=menu])[data-name=profile] li a,
#nav div.contain *[data-name]:not([data-name=menu])[data-name=profile] li a:visited,
#nav div.contain *[data-name]:not([data-name=menu])[data-name=profile] li a:active,
#nav div.contain *[data-name]:not([data-name=menu])[data-name=profile] li a:focus {
  white-space: nowrap;
  text-align: right;
  justify-content: flex-end;
  align-content: flex-end;
}
@media (max-width: 1200px) {
  #nav div.contain *[data-name]:not([data-name=menu])[data-name=profile] {
    padding: 0;
    right: 110px;
    top: 100%;
    margin: 0;
  }
}
#nav div.contain *[data-name]:not([data-name=menu])[data-name=search] {
  position: relative;
  width: 100%;
  top: 0;
  padding: 0;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  color: #1a1812;
  margin: auto 0 auto auto;
  max-width: 150px;
  min-height: 0;
}
#nav div.contain *[data-name]:not([data-name=menu])[data-name=search] 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: 36px;
  font-weight: 700;
  margin: 0;
  padding: 0 10px;
  color: #fff8e8;
  background-color: #1a1812;
  border: 1px solid #918057;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#nav div.contain *[data-name]:not([data-name=menu])[data-name=search] input::-moz-selection { /* Code for Firefox */
  color: #1a1812;
  background: #fff8e8;
}
#nav div.contain *[data-name]:not([data-name=menu])[data-name=search] input::selection {
  color: #1a1812;
  background: #fff8e8;
}
#nav div.contain *[data-name]:not([data-name=menu])[data-name=search] button,
#nav div.contain *[data-name]:not([data-name=menu])[data-name=search] button:visited,
#nav div.contain *[data-name]:not([data-name=menu])[data-name=search] button:active,
#nav div.contain *[data-name]:not([data-name=menu])[data-name=search] 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: #fff8e8;
  margin: auto 0;
  min-width: 50px;
  height: 50px;
}
@media (hover: hover) {
  #nav div.contain *[data-name]:not([data-name=menu])[data-name=search] button:hover,
  #nav div.contain *[data-name]:not([data-name=menu])[data-name=search] button:visited:hover,
  #nav div.contain *[data-name]:not([data-name=menu])[data-name=search] button:active:hover,
  #nav div.contain *[data-name]:not([data-name=menu])[data-name=search] button:focus:hover {
    background-color: #1a1812;
    color: #fff8e8;
  }
}
@media (max-width: 1250px) {
  #nav div.contain *[data-name]:not([data-name=menu])[data-name=search] button,
  #nav div.contain *[data-name]:not([data-name=menu])[data-name=search] button:visited,
  #nav div.contain *[data-name]:not([data-name=menu])[data-name=search] button:active,
  #nav div.contain *[data-name]:not([data-name=menu])[data-name=search] button:focus {
    margin: 40px 0 0 0;
  }
}
#nav div.contain *[data-name]:not([data-name=menu]).show {
  display: flex;
}
@media (min-width: 1201px) {
  #nav div.contain *[data-name=menu] {
    display: flex !important;
  }
}
@media (max-width: 1200px) {
  #nav div.contain *[data-name=menu] {
    position: absolute;
    background-color: #1a1812;
    top: 100%;
    right: 30px;
    z-index: 800;
    margin: 0;
    padding: 0;
    width: calc(100% - 60px);
    max-width: 350px;
    max-height: calc(100vh - 100px);
    display: none;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    overflow: auto;
  }
  #nav div.contain *[data-name=menu].show {
    display: flex;
  }
}
@media (max-width: 600px) {
  #nav div.contain *[data-name=menu] {
    right: 20px;
    width: calc(100% - 40px);
  }
}
@media (max-width: 600px) {
  #nav div.contain {
    padding: 20px;
  }
}
#nav.scrolled {
  background-color: #1a1812;
}
#nav.scrolled div.contain {
  padding: 15px 30px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
#nav.scrolled div.contain a.logo img,
#nav.scrolled div.contain a.logo:visited img,
#nav.scrolled div.contain a.logo:active img,
#nav.scrolled div.contain a.logo:focus img {
  height: 40px;
}
@media (max-width: 600px) {
  #nav.scrolled div.contain {
    padding: 15px 20px;
  }
}

#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: #fff8e8;
}
#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: #fff8e8;
  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 #fff8e8;
  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: #fff8e8;
  filter: drop-shadow(0 0 2vmin var(--color-1));
  z-index: 100;
}

#hero,
.slider,
#slider {
  position: relative;
  float: left;
  width: 100%;
  min-height: 100svh;
  background-color: #1a1812;
  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;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-end;
  align-content: center;
  min-width: 100%;
}
#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: #1a1812;
}
#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;
  opacity: 0.5;
}
#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;
  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;
}
#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 {
  max-width: 900px;
  padding: 120px 0 160px 0;
  color: #fff8e8;
}
#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: #fff8e8;
  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: #fff8e8;
  background-color: #1a1812;
  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: #fff8e8;
  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: #fff8e8;
  }
}
#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;
  font-size: 80px;
  line-height: 80px;
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  color: inherit;
  width: 100%;
}
@media (max-width: 1920px) {
  #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: 5vw;
    line-height: 5vw;
    font-size: 3vw;
    line-height: 3vw;
  }
}
#hero section header p,
.slider section header p,
#slider section header p {
  position: relative;
  float: left;
  width: 100%;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  margin: 30px 0 0 0;
  padding: 0;
  color: inherit;
}
#hero section header p strong,
.slider section header p strong,
#slider section header p strong {
  font-weight: 700;
}
#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,
  #hero section header p,
  .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 p,
  #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 p {
    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,
  #hero section header p,
  .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 p,
  #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 p {
    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: 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: 10vw;
    line-height: 10vw;
  }
}
@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,
  #hero section header p,
  .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 p,
  #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 p {
    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;
}
#hero section.nav ul,
.slider section.nav ul,
#slider section.nav ul {
  list-style: none;
  margin: auto 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
#hero section.nav ul li,
.slider section.nav ul li,
#slider section.nav ul li {
  margin: 5px 15px 5px 0;
}
#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 {
  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;
  pointer-events: all;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  opacity: 0.5;
  background-color: #fff8e8;
}
@media (hover: hover) and (pointer: fine) {
  #hero section.nav ul li button:hover,
  #hero section.nav ul li button:visited:hover,
  #hero section.nav ul li button:active:hover,
  #hero section.nav ul li button:focus:hover,
  .slider section.nav ul li button:hover,
  .slider section.nav ul li button:visited:hover,
  .slider section.nav ul li button:active:hover,
  .slider section.nav ul li button:focus:hover,
  #slider section.nav ul li button:hover,
  #slider section.nav ul li button:visited:hover,
  #slider section.nav ul li button:active:hover,
  #slider section.nav ul li button:focus:hover {
    opacity: 1;
  }
}
#hero section.nav ul li button.active,
#hero section.nav ul li button:visited.active,
#hero section.nav ul li button:active.active,
#hero section.nav ul li button:focus.active,
.slider section.nav ul li button.active,
.slider section.nav ul li button:visited.active,
.slider section.nav ul li button:active.active,
.slider section.nav ul li button:focus.active,
#slider section.nav ul li button.active,
#slider section.nav ul li button:visited.active,
#slider section.nav ul li button:active.active,
#slider section.nav ul li button:focus.active {
  border-radius: 50% 50% 0 50%;
  box-shadow: inset 0 0 0 5px #fff8e8;
  background-color: transparent;
  opacity: 1;
}
#hero section.nav ul li button.active:before,
#hero section.nav ul li button:visited.active:before,
#hero section.nav ul li button:active.active:before,
#hero section.nav ul li button:focus.active:before,
.slider section.nav ul li button.active:before,
.slider section.nav ul li button:visited.active:before,
.slider section.nav ul li button:active.active:before,
.slider section.nav ul li button:focus.active:before,
#slider section.nav ul li button.active:before,
#slider section.nav ul li button:visited.active:before,
#slider section.nav ul li button:active.active:before,
#slider section.nav ul li button:focus.active:before {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 0 5px #fff8e8;
}
#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: #fff8e8;
  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 (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);
  }
  #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.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: #fff8e8;
  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: 700;
  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: #1a1812;
  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: 700;
  margin: 0;
  padding: 0 10px;
  color: #fff8e8;
  background-color: #1a1812;
  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: #1a1812;
  background: #fff8e8;
}
#hero.basic section header form input::selection,
.slider.basic section header form input::selection,
#slider.basic section header form input::selection {
  color: #1a1812;
  background: #fff8e8;
}
#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: #fff8e8;
  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: #1a1812;
    color: #fff8e8;
  }
}
@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: #fff8e8;
  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: 700;
  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: #fff8e8;
  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: #fff8e8;
}
#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: #1a1812;
}
#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;
}

section.cookies {
  position: fixed;
  right: 50%;
  bottom: 50%;
  z-index: 10000;
  background-color: #fff8e8;
  width: 100%;
  padding: 30px 30px 0 30px !important;
  color: #1a1812;
  pointer-events: all;
  max-width: 800px;
  max-height: 90vh;
  overflow: auto;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.4);
  transform: translate(50%, 50%);
}
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:not(.title) {
  position: relative;
  font-weight: 400;
  color: inherit;
  font-size: 14px;
  line-height: 20px;
  margin: auto 0 auto auto;
  width: 100%;
}
section.cookies p:not(.title) a,
section.cookies p:not(.title) a:focus,
section.cookies p:not(.title) a:active,
section.cookies p:not(.title) a:visited,
section.cookies p:not(.title) strong {
  font-weight: 700;
  color: inherit;
}
section.cookies p:not(.title) a,
section.cookies p:not(.title) a:focus,
section.cookies p:not(.title) a:active,
section.cookies p:not(.title) a:visited {
  position: relative;
  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-weight: 700;
  display: inline;
  border: none;
  font-size: 14px;
  line-height: 20px;
  float: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
section.cookies p:not(.title) a:hover,
section.cookies p:not(.title) a:focus:hover,
section.cookies p:not(.title) a:active:hover,
section.cookies p:not(.title) a:visited:hover {
  opacity: 0.5;
  border: none;
  background-color: transparent !important;
}
@media (max-width: 767px) {
  section.cookies p:not(.title) {
    font-size: 14px;
    line-height: 20px;
  }
}
section.cookies p.title,
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: 700;
}
section.cookies p.title svg,
section.cookies h4 svg {
  width: 24px;
  height: 24px;
  fill: #1a1812;
  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;
  color: inherit;
  font-weight: 700;
}
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: 700;
  font-size: 16px;
  line-height: 40px;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-content: flex-end;
  width: auto;
  text-align: right;
  top: 0;
  right: 0;
  color: #fff8e8;
  pointer-events: all;
  background-color: #fff8e8;
}
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: #fff8e8;
  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: 700;
  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 {
    background-color: rgba(26, 24, 18, 0.1) !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 {
    background-color: rgba(26, 24, 18, 0.1) !important;
  }
}
section.cookies header {
  position: relative;
  color: inherit;
  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: 20px 0 0 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 0;
  color: inherit;
  background-color: transparent;
}
section.cookies div.form ul,
section.cookies form ul {
  list-style: none;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  color: inherit;
}
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;
  color: inherit;
}
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 {
  background-color: transparent;
  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 #fff8e8 !important;
  color: inherit;
}
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: auto 10px auto 0;
  fill: #1a1812;
}
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 {
  color: inherit;
  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 {
  color: inherit;
  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;
  color: inherit;
}
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: 0;
  text-align: left;
  border: none;
  background-color: transparent;
  color: inherit;
}
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: inherit;
  font-weight: 400;
}
section.cookies div.form ul li div table caption,
section.cookies form ul li div table caption {
  margin: 0 0 10px 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: 700;
  padding: 5px 0;
  border-bottom: 1px dotted rgba(26, 24, 18, 0.5);
}
section.cookies div.form ul li div table tbody td,
section.cookies form ul li div table tbody td {
  padding-left: 5px;
  padding-right: 5px;
}
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 5px 0 5px;
}
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: #fff8e8;
}
section.cookies div.form label,
section.cookies form label {
  position: relative;
  margin: auto 30px auto 0;
  width: auto !important;
  font-size: 16px;
  line-height: 40px;
  padding: 0 0 0 35px;
  cursor: pointer;
  color: inherit;
}
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 rgba(26, 24, 18, 0.4);
  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: %23000000;' 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%;
  -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:after, section.cookies div.form label input:before,
section.cookies form label input:after,
section.cookies form label input:before {
  display: none !important;
}
section.cookies div.form label input:checked,
section.cookies form label input:checked {
  background-position: center;
  border: 1px solid rgba(26, 24, 18, 0.4);
}
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: #fff8e8;
  width: 100%;
  border-top: 1px dashed rgba(26, 24, 18, 0.5);
  margin: 30px 0 0 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-content: flex-start;
  padding: 30px 0;
  color: #1a1812;
  min-height: 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: 700;
  text-decoration: none;
  color: inherit;
}
section.cookies div.footer button svg,
section.cookies div.footer button:focus svg,
section.cookies div.footer button:active svg,
section.cookies div.footer button:visited svg,
section.cookies div.footer a svg,
section.cookies div.footer a:focus svg,
section.cookies div.footer a:active svg,
section.cookies div.footer a:visited svg,
section.cookies footer button svg,
section.cookies footer button:focus svg,
section.cookies footer button:active svg,
section.cookies footer button:visited svg,
section.cookies footer a svg,
section.cookies footer a:focus svg,
section.cookies footer a:active svg,
section.cookies footer a:visited svg {
  fill: #1a1812;
}
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: 700;
  color: inherit;
}
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 {
  color: inherit;
  font-weight: 700;
  background-color: rgba(26, 24, 18, 0.05);
}
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: #1a1812;
}
@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: 700;
  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: inherit;
  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: 700;
  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: #1a1812;
  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 {
    background-color: transparent !important;
    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: 10px 20px;
  margin: 0 auto;
  position: relative;
  float: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
  min-width: 60px;
  text-align: right;
  width: 100%;
  color: #1a1812;
  pointer-events: all;
  z-index: 90;
  background-color: #fff8e8;
}
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: 16px;
  height: 16px;
  fill: #1a1812;
  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: 400;
  color: inherit;
  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 {
    color: #fff8e8;
    background-color: rgba(26, 24, 18, 0.8);
  }
  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: #fff8e8;
  }
}

div.cookiemsg {
  padding: 30px;
  margin: 0;
  position: relative;
  float: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  background-color: rgba(26, 24, 18, 0.1);
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  min-width: 60px;
  text-align: left;
  width: 100%;
  color: #fff8e8;
  pointer-events: all;
  z-index: 90;
}
div.cookiemsg p {
  padding-right: 0;
}
div.cookiemsg p strong, div.cookiemsg p em, div.cookiemsg p u {
  color: inherit;
}
div.cookiemsg p.title,
div.cookiemsg h3 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  font-size: 30px;
  line-height: 40px;
  color: inherit;
  font-weight: 700;
  margin: 0;
  width: 100%;
  padding: 0;
}
div.cookiemsg p.title svg,
div.cookiemsg h3 svg {
  width: 30px;
  height: 30px;
  fill: #fff8e8;
  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 20px;
  margin: 30px 0 0 auto;
  position: relative;
  float: right;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
  width: auto;
  text-align: right;
  top: 0;
  right: 0;
  color: #fff8e8;
  pointer-events: all;
  background-color: rgba(255, 248, 232, 0.05);
  border: none;
}
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: #fff8e8;
  margin: auto 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: 700;
  font-size: 16px;
  line-height: 30px;
}
@media (hover: hover) {
  div.cookiemsg button:hover,
  div.cookiemsg button:focus:hover,
  div.cookiemsg button:active:hover,
  div.cookiemsg button:visited:hover {
    background-color: rgba(255, 248, 232, 0.1);
  }
}

#footer {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  margin: auto auto 0 auto;
  background-color: #1a1812;
  width: 100%;
  color: #fff8e8;
  padding: 80px 0 0 0;
  z-index: 3000;
}
#footer div.contain:not(.top) {
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
#footer section.top {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
#footer section.top section {
  display: flex;
  position: relative;
  width: 100%;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 0;
}
#footer section.top section:last-child {
  margin: 50px 0 0 0;
}
@media (max-width: 1250px) {
  #footer section.top section:last-child {
    margin: 40px 0 0 0;
  }
}
#footer section.top section section {
  display: flex;
  position: relative;
  width: 100%;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 0 0 0 160px;
}
#footer section.top section section h3 {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 30px;
  line-height: 40px;
  font-size: 25px;
  line-height: 30px;
  font-weight: 400;
}
#footer section.top section section ul {
  position: relative;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
}
#footer section.top section section ul li {
  width: 100%;
}
#footer section.top section section a:not(.btn),
#footer section.top section section a:not(.btn):visited,
#footer section.top section section a:not(.btn):active,
#footer section.top section section a:not(.btn):focus,
#footer section.top section section button:not(.btn),
#footer section.top section section button:not(.btn):visited,
#footer section.top section section button:not(.btn):active,
#footer section.top section section button:not(.btn):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;
  position: relative;
  float: left;
  width: auto;
  color: inherit;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  font-size: 20px;
  line-height: 30px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin: 10px 0 0 0;
}
@media (hover: hover) and (pointer: fine) {
  #footer section.top section section a:not(.btn):hover,
  #footer section.top section section a:not(.btn):visited:hover,
  #footer section.top section section a:not(.btn):active:hover,
  #footer section.top section section a:not(.btn):focus:hover,
  #footer section.top section section button:not(.btn):hover,
  #footer section.top section section button:not(.btn):visited:hover,
  #footer section.top section section button:not(.btn):active:hover,
  #footer section.top section section button:not(.btn):focus:hover {
    color: #554b33;
  }
}
#footer section.top section section a:not(.btn).active,
#footer section.top section section a:not(.btn):visited.active,
#footer section.top section section a:not(.btn):active.active,
#footer section.top section section a:not(.btn):focus.active,
#footer section.top section section button:not(.btn).active,
#footer section.top section section button:not(.btn):visited.active,
#footer section.top section section button:not(.btn):active.active,
#footer section.top section section button:not(.btn):focus.active {
  color: #918057;
}
#footer section.top section section a.btn,
#footer section.top section section a.btn:visited,
#footer section.top section section a.btn:active,
#footer section.top section section a.btn:focus,
#footer section.top section section button.btn,
#footer section.top section section button.btn:visited,
#footer section.top section section button.btn:active,
#footer section.top section section button.btn:focus {
  background-color: transparent;
  border: 1px solid #554b33;
  margin: 30px 0;
}
@media (hover: hover) and (pointer: fine) {
  #footer section.top section section a.btn:hover,
  #footer section.top section section a.btn:visited:hover,
  #footer section.top section section a.btn:active:hover,
  #footer section.top section section a.btn:focus:hover,
  #footer section.top section section button.btn:hover,
  #footer section.top section section button.btn:visited:hover,
  #footer section.top section section button.btn:active:hover,
  #footer section.top section section button.btn:focus:hover {
    background-color: #fff8e8;
    border: 1px solid #fff8e8;
  }
}
#footer section.top section section p {
  position: relative;
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  font-size: 20px;
  line-height: 30px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #918057;
}
#footer section.top section section:last-child {
  margin: 0;
}
@media (max-width: 1500px) {
  #footer section.top section section {
    padding: 0 0 0 60px;
  }
}
@media (max-width: 1250px) {
  #footer section.top section section {
    padding: 0 0 40px 60px;
  }
}
@media (max-width: 767px) {
  #footer section.top section section {
    padding: 0 0 40px 0;
  }
}
@media (max-width: 1250px) {
  #footer section.top section {
    flex-flow: row wrap;
  }
}
#footer section.top a.cert,
#footer section.top a.cert:visited,
#footer section.top a.cert:active,
#footer section.top a.cert:focus {
  position: relative;
  float: left;
  width: auto;
  color: inherit;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin: 0;
}
#footer section.top a.cert img,
#footer section.top a.cert:visited img,
#footer section.top a.cert:active img,
#footer section.top a.cert:focus 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: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  max-width: 100%;
  max-height: 40px;
}
@media (hover: hover) and (pointer: fine) {
  #footer section.top a.cert:hover img,
  #footer section.top a.cert:visited:hover img,
  #footer section.top a.cert:active:hover img,
  #footer section.top a.cert:focus:hover img {
    opacity: 0.7;
  }
}
#footer nav.top {
  position: relative;
  float: left;
  width: auto;
  list-style: none;
}
#footer nav.top ul {
  width: 100%;
  margin: auto 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: column wrap;
}
#footer nav.top ul li {
  width: auto;
  margin: 0;
}
#footer nav.top ul li a,
#footer nav.top ul li a:visited,
#footer nav.top ul li a:active,
#footer nav.top ul li a:focus,
#footer nav.top ul li button,
#footer nav.top ul li button:visited,
#footer nav.top ul li button:active,
#footer nav.top 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;
  position: relative;
  float: left;
  width: auto;
  color: inherit;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px 0;
  font-size: 30px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  text-transform: lowercase;
}
@media (hover: hover) and (pointer: fine) {
  #footer nav.top ul li a:hover,
  #footer nav.top ul li a:visited:hover,
  #footer nav.top ul li a:active:hover,
  #footer nav.top ul li a:focus:hover,
  #footer nav.top ul li button:hover,
  #footer nav.top ul li button:visited:hover,
  #footer nav.top ul li button:active:hover,
  #footer nav.top ul li button:focus:hover {
    color: #554b33;
  }
}
#footer nav.top ul li a.active,
#footer nav.top ul li a:visited.active,
#footer nav.top ul li a:active.active,
#footer nav.top ul li a:focus.active,
#footer nav.top ul li button.active,
#footer nav.top ul li button:visited.active,
#footer nav.top ul li button:active.active,
#footer nav.top ul li button:focus.active {
  color: #918057;
}
#footer nav.top ul li:not(:first-child) {
  margin: 10px 0 0 0;
}
@media (max-width: 1250px) {
  #footer nav.top {
    position: sticky;
    top: 160px;
    align-self: flex-start;
  }
}
@media (max-width: 767px) {
  #footer nav.top {
    position: relative;
    top: 0;
    margin-bottom: 60px;
  }
}
#footer div.bottom {
  position: relative;
  float: left;
  width: 100%;
  border-top: 1px solid #554b33;
  padding: 30px 0;
  margin: 70px 0 0 0;
}
#footer div.bottom nav.bottom {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
}
#footer div.bottom nav.bottom ul {
  width: 100%;
  margin: auto 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
}
#footer div.bottom nav.bottom ul li {
  width: auto;
  margin: auto 30px auto 0;
}
#footer div.bottom nav.bottom ul li a,
#footer div.bottom nav.bottom ul li a:visited,
#footer div.bottom nav.bottom ul li a:active,
#footer div.bottom nav.bottom ul li a:focus,
#footer div.bottom nav.bottom ul li button,
#footer div.bottom nav.bottom ul li button:visited,
#footer div.bottom nav.bottom ul li button:active,
#footer div.bottom nav.bottom 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;
  position: relative;
  float: left;
  width: auto;
  color: inherit;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px 0;
  font-size: 18px;
  line-height: 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-transform: lowercase;
}
@media (hover: hover) and (pointer: fine) {
  #footer div.bottom nav.bottom ul li a:hover,
  #footer div.bottom nav.bottom ul li a:visited:hover,
  #footer div.bottom nav.bottom ul li a:active:hover,
  #footer div.bottom nav.bottom ul li a:focus:hover,
  #footer div.bottom nav.bottom ul li button:hover,
  #footer div.bottom nav.bottom ul li button:visited:hover,
  #footer div.bottom nav.bottom ul li button:active:hover,
  #footer div.bottom nav.bottom ul li button:focus:hover {
    color: #554b33;
  }
}
#footer div.bottom nav.bottom ul li a.active,
#footer div.bottom nav.bottom ul li a:visited.active,
#footer div.bottom nav.bottom ul li a:active.active,
#footer div.bottom nav.bottom ul li a:focus.active,
#footer div.bottom nav.bottom ul li button.active,
#footer div.bottom nav.bottom ul li button:visited.active,
#footer div.bottom nav.bottom ul li button:active.active,
#footer div.bottom nav.bottom ul li button:focus.active {
  color: #918057;
}
#footer div.bottom p {
  position: relative;
  color: inherit;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 10px 0 0 0;
}
#footer div.bottom p strong {
  font-weight: 700;
}
#footer div.bottom a.viriato,
#footer div.bottom a.viriato:visited,
#footer div.bottom a.viriato:active,
#footer div.bottom a.viriato:focus {
  position: relative;
  color: inherit;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 10px 0 0 auto;
  text-decoration: none;
}
@media (max-width: 1250px) {
  #footer div.bottom {
    margin: 40px 0 0 0;
  }
}
@media (max-width: 1250px) {
  #footer {
    padding: 60px 0 0 0;
  }
}
@media (max-width: 767px) {
  #footer div.contain.top {
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
  }
}

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

::-moz-selection { /* Code for Firefox */
  background: rgba(145, 128, 87, 0.2);
}

::selection {
  background: rgba(145, 128, 87, 0.2);
}

a.btn,
a.btn:visited,
a.btn:active,
a.btn:focus,
button.btn,
button.btn:visited,
button.btn:active,
button.btn: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;
  float: left;
  width: auto;
  color: inherit;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: center;
  background-color: #554b33;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 15px 20px;
  font-size: 20px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}
a.btn span,
a.btn:visited span,
a.btn:active span,
a.btn:focus span,
button.btn span,
button.btn:visited span,
button.btn:active span,
button.btn:focus span {
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  margin: auto 0;
  color: inherit;
}
a.btn svg,
a.btn:visited svg,
a.btn:active svg,
a.btn:focus svg,
button.btn svg,
button.btn:visited svg,
button.btn:active svg,
button.btn: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;
  fill: #fff8e8;
  width: 20px;
  margin: auto 0 auto auto;
}
a.btn.dark,
a.btn:visited.dark,
a.btn:active.dark,
a.btn:focus.dark,
button.btn.dark,
button.btn:visited.dark,
button.btn:active.dark,
button.btn:focus.dark {
  background-color: #1a1812;
  color: #fff8e8;
}
a.btn.light,
a.btn:visited.light,
a.btn:active.light,
a.btn:focus.light,
button.btn.light,
button.btn:visited.light,
button.btn:active.light,
button.btn:focus.light {
  background-color: #fff8e8;
  color: #1a1812;
}
a.btn.big,
a.btn:visited.big,
a.btn:active.big,
a.btn:focus.big,
button.btn.big,
button.btn:visited.big,
button.btn:active.big,
button.btn:focus.big {
  padding: 25px 35px;
  font-size: 25px;
  line-height: 30px;
}
a.btn.big span,
a.btn:visited.big span,
a.btn:active.big span,
a.btn:focus.big span,
button.btn.big span,
button.btn:visited.big span,
button.btn:active.big span,
button.btn:focus.big span {
  font-size: 25px;
  line-height: 30px;
}
a.btn.download,
a.btn:visited.download,
a.btn:active.download,
a.btn:focus.download,
button.btn.download,
button.btn:visited.download,
button.btn:active.download,
button.btn:focus.download {
  white-space: nowrap;
  align-self: flex-end;
}
a.btn.download small,
a.btn:visited.download small,
a.btn:active.download small,
a.btn:focus.download small,
button.btn.download small,
button.btn:visited.download small,
button.btn:active.download small,
button.btn:focus.download small {
  margin-left: 10px;
}
@media (hover: hover) and (pointer: fine) {
  a.btn:hover,
  a.btn:visited:hover,
  a.btn:active:hover,
  a.btn:focus:hover,
  button.btn:hover,
  button.btn:visited:hover,
  button.btn:active:hover,
  button.btn:focus:hover {
    color: #1a1812;
    background-color: #ffffff;
  }
  a.btn:hover svg,
  a.btn:visited:hover svg,
  a.btn:active:hover svg,
  a.btn:focus:hover svg,
  button.btn:hover svg,
  button.btn:visited:hover svg,
  button.btn:active:hover svg,
  button.btn:focus:hover svg {
    fill: #1a1812;
  }
  a.btn:hover.hover-green,
  a.btn:visited:hover.hover-green,
  a.btn:active:hover.hover-green,
  a.btn:focus:hover.hover-green,
  button.btn:hover.hover-green,
  button.btn:visited:hover.hover-green,
  button.btn:active:hover.hover-green,
  button.btn:focus:hover.hover-green {
    color: #1a1812;
    background-color: #aec14e;
  }
  a.btn:hover.hover-green svg,
  a.btn:visited:hover.hover-green svg,
  a.btn:active:hover.hover-green svg,
  a.btn:focus:hover.hover-green svg,
  button.btn:hover.hover-green svg,
  button.btn:visited:hover.hover-green svg,
  button.btn:active:hover.hover-green svg,
  button.btn:focus:hover.hover-green svg {
    fill: #1a1812;
  }
  a.btn:hover.hover-bege,
  a.btn:visited:hover.hover-bege,
  a.btn:active:hover.hover-bege,
  a.btn:focus:hover.hover-bege,
  button.btn:hover.hover-bege,
  button.btn:visited:hover.hover-bege,
  button.btn:active:hover.hover-bege,
  button.btn:focus:hover.hover-bege {
    color: #fff8e8;
    background-color: #918057;
  }
  a.btn:hover.hover-bege svg,
  a.btn:visited:hover.hover-bege svg,
  a.btn:active:hover.hover-bege svg,
  a.btn:focus:hover.hover-bege svg,
  button.btn:hover.hover-bege svg,
  button.btn:visited:hover.hover-bege svg,
  button.btn:active:hover.hover-bege svg,
  button.btn:focus:hover.hover-bege svg {
    fill: #fff8e8;
  }
  a.btn:hover.hover-dark-bege,
  a.btn:visited:hover.hover-dark-bege,
  a.btn:active:hover.hover-dark-bege,
  a.btn:focus:hover.hover-dark-bege,
  button.btn:hover.hover-dark-bege,
  button.btn:visited:hover.hover-dark-bege,
  button.btn:active:hover.hover-dark-bege,
  button.btn:focus:hover.hover-dark-bege {
    color: #fff8e8;
    background-color: #554b33;
  }
  a.btn:hover.hover-dark-bege svg,
  a.btn:visited:hover.hover-dark-bege svg,
  a.btn:active:hover.hover-dark-bege svg,
  a.btn:focus:hover.hover-dark-bege svg,
  button.btn:hover.hover-dark-bege svg,
  button.btn:visited:hover.hover-dark-bege svg,
  button.btn:active:hover.hover-dark-bege svg,
  button.btn:focus:hover.hover-dark-bege svg {
    fill: #fff8e8;
  }
}
a.btn.active,
a.btn:visited.active,
a.btn:active.active,
a.btn:focus.active,
button.btn.active,
button.btn:visited.active,
button.btn:active.active,
button.btn:focus.active {
  color: #918057;
}
a.btn::-moz-selection,
a.btn:visited::-moz-selection,
a.btn:active::-moz-selection,
a.btn:focus::-moz-selection,
button.btn::-moz-selection,
button.btn:visited::-moz-selection,
button.btn:active::-moz-selection,
button.btn:focus::-moz-selection { /* Code for Firefox */
  background: rgba(145, 128, 87, 0.2) !important;
}
a.btn::selection,
a.btn:visited::selection,
a.btn:active::selection,
a.btn:focus::selection,
button.btn::selection,
button.btn:visited::selection,
button.btn:active::selection,
button.btn:focus::selection {
  background: rgba(145, 128, 87, 0.2) !important;
}

section {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
section.green {
  background-color: #aec14e;
}
section.gold {
  background-color: #9b7928;
}
section.dark {
  background-color: #1a1812;
}
section.bege {
  background-color: #918057;
}
section.light-bege {
  background-color: rgba(145, 128, 87, 0.1);
}
section.dark-bege {
  background-color: #554b33;
}

#artinox {
  padding: 80px 0 0 0;
}
#artinox picture.sticky {
  position: sticky;
  width: 470px;
  min-width: 470px;
  height: 70vh;
  top: 340px;
  left: 0;
  background-color: #918057;
  z-index: 3000;
  display: none;
}
#artinox picture.sticky img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  mix-blend-mode: luminosity;
}
@media (max-width: 1450px) {
  #artinox picture.sticky {
    width: 400px;
    min-width: 400px;
  }
}
@media (max-width: 1250px) {
  #artinox picture.sticky {
    width: 400px;
    min-width: 400px;
  }
}
@media (max-width: 767px) {
  #artinox picture.sticky {
    position: relative;
    top: 0;
    min-width: 100%;
  }
}
#artinox div.contain {
  flex-flow: column wrap;
  justify-content: stretch;
  align-content: stretch;
}
#artinox div.contain section.politica,
#artinox div.contain header {
  position: relative;
  width: 100%;
  color: #1a1812;
}
#artinox div.contain section.politica h2, #artinox div.contain section.politica h3,
#artinox div.contain header h2,
#artinox div.contain header h3 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  color: inherit;
}
#artinox div.contain section.politica picture,
#artinox div.contain header picture {
  position: relative;
  float: left;
  width: 100%;
  margin: 60px 0 0 0;
}
#artinox div.contain section.politica picture img,
#artinox div.contain header picture img {
  position: relative;
  float: left;
  width: 100%;
}
#artinox div.contain section.politica ol,
#artinox div.contain section.politica ul,
#artinox div.contain section.politica p,
#artinox div.contain header ol,
#artinox div.contain header ul,
#artinox div.contain header p {
  position: relative;
  float: left;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  margin: 30px 0 0 0;
  padding: 0;
  color: inherit;
}
#artinox div.contain section.politica ol a,
#artinox div.contain section.politica ol a:visited,
#artinox div.contain section.politica ol a:active,
#artinox div.contain section.politica ol a:focus,
#artinox div.contain section.politica ul a,
#artinox div.contain section.politica ul a:visited,
#artinox div.contain section.politica ul a:active,
#artinox div.contain section.politica ul a:focus,
#artinox div.contain section.politica p a,
#artinox div.contain section.politica p a:visited,
#artinox div.contain section.politica p a:active,
#artinox div.contain section.politica p a:focus,
#artinox div.contain header ol a,
#artinox div.contain header ol a:visited,
#artinox div.contain header ol a:active,
#artinox div.contain header ol a:focus,
#artinox div.contain header ul a,
#artinox div.contain header ul a:visited,
#artinox div.contain header ul a:active,
#artinox div.contain header ul a:focus,
#artinox div.contain header p a,
#artinox div.contain header p a:visited,
#artinox div.contain header p a:active,
#artinox div.contain header p 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;
  font-weight: 700;
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  #artinox div.contain section.politica ol a:hover,
  #artinox div.contain section.politica ol a:visited:hover,
  #artinox div.contain section.politica ol a:active:hover,
  #artinox div.contain section.politica ol a:focus:hover,
  #artinox div.contain section.politica ul a:hover,
  #artinox div.contain section.politica ul a:visited:hover,
  #artinox div.contain section.politica ul a:active:hover,
  #artinox div.contain section.politica ul a:focus:hover,
  #artinox div.contain section.politica p a:hover,
  #artinox div.contain section.politica p a:visited:hover,
  #artinox div.contain section.politica p a:active:hover,
  #artinox div.contain section.politica p a:focus:hover,
  #artinox div.contain header ol a:hover,
  #artinox div.contain header ol a:visited:hover,
  #artinox div.contain header ol a:active:hover,
  #artinox div.contain header ol a:focus:hover,
  #artinox div.contain header ul a:hover,
  #artinox div.contain header ul a:visited:hover,
  #artinox div.contain header ul a:active:hover,
  #artinox div.contain header ul a:focus:hover,
  #artinox div.contain header p a:hover,
  #artinox div.contain header p a:visited:hover,
  #artinox div.contain header p a:active:hover,
  #artinox div.contain header p a:focus:hover {
    color: #1a1812;
  }
}
#artinox div.contain section.politica ol strong,
#artinox div.contain section.politica ul strong,
#artinox div.contain section.politica p strong,
#artinox div.contain header ol strong,
#artinox div.contain header ul strong,
#artinox div.contain header p strong {
  font-weight: 700;
}
@media (max-width: 767px) {
  #artinox div.contain section.politica ol,
  #artinox div.contain section.politica ul,
  #artinox div.contain section.politica p,
  #artinox div.contain header ol,
  #artinox div.contain header ul,
  #artinox div.contain header p {
    margin: 20px 0 0 0 !important;
    font-size: 18px;
    line-height: 30px;
  }
}
#artinox div.contain section.politica ol,
#artinox div.contain section.politica ul,
#artinox div.contain header ol,
#artinox div.contain header ul {
  padding: 0 0 0 30px;
}
#artinox div.contain section.politica a.btn,
#artinox div.contain section.politica a.btn:visited,
#artinox div.contain section.politica a.btn:active,
#artinox div.contain section.politica a.btn:focus,
#artinox div.contain section.politica button.btn,
#artinox div.contain section.politica button.btn:visited,
#artinox div.contain section.politica button.btn:active,
#artinox div.contain section.politica button.btn:focus,
#artinox div.contain header a.btn,
#artinox div.contain header a.btn:visited,
#artinox div.contain header a.btn:active,
#artinox div.contain header a.btn:focus,
#artinox div.contain header button.btn,
#artinox div.contain header button.btn:visited,
#artinox div.contain header button.btn:active,
#artinox div.contain header button.btn:focus {
  margin: 60px 0 0 0;
}
#artinox div.contain section.politica.politica, #artinox div.contain section.politica.main,
#artinox div.contain header.politica,
#artinox div.contain header.main {
  padding: 0 400px 80px 0;
}
#artinox div.contain section.politica.politica h3, #artinox div.contain section.politica.main h3,
#artinox div.contain header.politica h3,
#artinox div.contain header.main h3 {
  color: #918057;
  font-size: 25px;
  line-height: 40px;
  margin: 30px 0 0 0;
}
@media (max-width: 767px) {
  #artinox div.contain section.politica.politica h3, #artinox div.contain section.politica.main h3,
  #artinox div.contain header.politica h3,
  #artinox div.contain header.main h3 {
    margin: 20px 0 0 0 !important;
  }
}
#artinox div.contain section.politica.politica ol,
#artinox div.contain section.politica.politica ul,
#artinox div.contain section.politica.politica p, #artinox div.contain section.politica.main ol,
#artinox div.contain section.politica.main ul,
#artinox div.contain section.politica.main p,
#artinox div.contain header.politica ol,
#artinox div.contain header.politica ul,
#artinox div.contain header.politica p,
#artinox div.contain header.main ol,
#artinox div.contain header.main ul,
#artinox div.contain header.main p {
  color: #554b33;
}
@media (max-width: 1450px) {
  #artinox div.contain section.politica.politica, #artinox div.contain section.politica.main,
  #artinox div.contain header.politica,
  #artinox div.contain header.main {
    padding: 0 480px 80px 0;
  }
}
@media (max-width: 1250px) {
  #artinox div.contain section.politica.politica, #artinox div.contain section.politica.main,
  #artinox div.contain header.politica,
  #artinox div.contain header.main {
    padding: 0 300px 100px 0;
  }
}
@media (max-width: 767px) {
  #artinox div.contain section.politica.politica, #artinox div.contain section.politica.main,
  #artinox div.contain header.politica,
  #artinox div.contain header.main {
    padding: 0 40px 60px 40px;
  }
}
@media (max-width: 500px) {
  #artinox div.contain section.politica.politica, #artinox div.contain section.politica.main,
  #artinox div.contain header.politica,
  #artinox div.contain header.main {
    padding: 0 0 60px 0;
  }
}
#artinox div.contain section.area {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  padding: 80px 0;
}
#artinox div.contain section.area:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #918057;
  opacity: 0.1;
  transform: translateX(-50%);
}
#artinox div.contain section.area section {
  padding: 0;
}
#artinox div.contain section.area section section {
  padding: 0 0 80px 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-content: stretch;
}
#artinox div.contain section.area section section header {
  margin: auto 0;
  padding: 80px 80px 80px 0;
  width: 100%;
}
#artinox div.contain section.area section section picture {
  position: relative;
  background-color: #554b33;
  width: 100%;
  min-height: 50vh;
}
#artinox div.contain section.area section section picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
#artinox div.contain section.area section section picture.tint img {
  mix-blend-mode: luminosity;
}
#artinox div.contain section.area section section:nth-child(even) {
  flex-flow: row-reverse nowrap;
}
#artinox div.contain section.area section section:nth-child(even) header {
  padding: 80px 0 80px 80px;
}
@media (max-width: 767px) {
  #artinox div.contain section.area section section:nth-child(even) {
    flex-flow: row wrap;
  }
  #artinox div.contain section.area section section:nth-child(even) header {
    padding: 0 0 40px 0;
  }
  #artinox div.contain section.area section section:nth-child(even) picture {
    height: 40vh;
  }
}
@media (max-width: 1250px) {
  #artinox div.contain section.area section section:last-of-type {
    margin: 0;
  }
}
@media (max-width: 767px) {
  #artinox div.contain section.area section section {
    flex-flow: row wrap;
  }
  #artinox div.contain section.area section section header {
    padding: 0 0 40px 0;
  }
  #artinox div.contain section.area section section picture {
    height: 40vh;
  }
}
@media (max-width: 767px) {
  #artinox div.contain section.area section {
    padding: 60px 0 0 0;
  }
}
#artinox div.contain section.area a.btn.big,
#artinox div.contain section.area a.btn.big:visited,
#artinox div.contain section.area a.btn.big:active,
#artinox div.contain section.area a.btn.big:focus {
  width: 100%;
  max-width: 50%;
  margin-left: auto;
}
@media (max-width: 1450px) {
  #artinox div.contain section.area {
    padding: 80px 0;
  }
}
@media (max-width: 1250px) {
  #artinox div.contain section.area {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  #artinox div.contain section.area {
    flex-flow: row wrap;
    padding: 60px 0;
    padding: 0;
  }
}
@media (max-width: 1250px) {
  #artinox {
    padding: 60px 0 0 0;
  }
}
#artinox.about div.contain header.main p {
  margin: 0;
}
#artinox.politica div.contain {
  flex-flow: row nowrap;
}
#artinox.politica div.contain header p {
  margin: 0;
}
#artinox.politica div.contain section.politica {
  padding: 0 0 0 80px;
  margin: 0 0 80px 0;
}
@media (max-width: 1250px) {
  #artinox.politica div.contain section.politica {
    padding: 0 0 0 40px;
    margin: 0 0 80px 0;
  }
}
@media (max-width: 767px) {
  #artinox.politica div.contain section.politica {
    padding: 0;
    margin: 0 0 60px 0;
  }
}
@media (max-width: 767px) {
  #artinox.politica div.contain {
    flex-flow: column nowrap;
  }
}
#artinox.project {
  padding: 0;
}

span.mark {
  position: relative;
  white-space: nowrap;
  font-weight: inherit;
  pointer-events: none;
}
span.mark:after {
  content: " ";
  position: absolute;
  top: -5px;
  left: -10%;
  width: 120%;
  height: calc(100% + 10px);
  border-radius: 50%;
  transform: rotate(-1deg);
  opacity: 0.8;
  background-image: url("../images/round1.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}

span.underline {
  position: relative;
  white-space: nowrap;
  font-weight: inherit;
  pointer-events: none;
}
span.underline:after {
  content: " ";
  position: absolute;
  top: 75%;
  left: -10%;
  width: 120%;
  height: 12px;
  border-radius: 50%;
  transform: rotate(1deg);
  opacity: 0.8;
  background-image: url("../images/underline.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

#book {
  background-color: #fff8e8;
  padding: 80px 0;
  z-index: 3000;
}
#book div.contain {
  flex-flow: column wrap;
  justify-content: stretch;
  align-content: stretch;
}
#book div.contain header {
  position: relative;
  width: 100%;
  color: #1a1812;
  display: flex;
  flex-flow: row wrap;
}
#book div.contain header h2 {
  position: relative;
  float: left;
  width: 100%;
  max-width: 50%;
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  margin: 0;
  padding: 0 80px 0 0;
  color: inherit;
}
#book div.contain header p, #book div.contain header h3 {
  position: relative;
  float: left;
  width: 100%;
  max-width: 50%;
  font-size: 25px;
  line-height: 40px;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  margin: 0;
  padding: 0 80px 0 0;
  padding: 0 60px 0 0;
  color: inherit;
}
#book div.contain header p strong, #book div.contain header h3 strong {
  font-weight: 700;
}
#book div.contain header p {
  margin: auto 0 0 0;
  padding: 0;
}
#book div.contain header h3 {
  color: #554b33;
  max-width: 100%;
  font-weight: 700;
}
#book div.contain header a.btn,
#book div.contain header a.btn:visited,
#book div.contain header a.btn:active,
#book div.contain header a.btn:focus,
#book div.contain header button.btn,
#book div.contain header button.btn:visited,
#book div.contain header button.btn:active,
#book div.contain header button.btn:focus {
  margin: 100px 0 0 0;
}
#book div.contain a.btn.big,
#book div.contain a.btn.big:visited,
#book div.contain a.btn.big:active,
#book div.contain a.btn.big:focus {
  margin: 80px 0 0 auto;
  width: 100%;
  max-width: 50%;
}
@media (max-width: 900px) {
  #book div.contain header p {
    margin: 40px 0 0 0;
  }
  #book div.contain header h2, #book div.contain header p, #book div.contain header h3 {
    max-width: 100%;
  }
  #book div.contain a.btn.big,
  #book div.contain a.btn.big:visited,
  #book div.contain a.btn.big:active,
  #book div.contain a.btn.big:focus {
    margin: 60px 0 0 auto;
    max-width: 100%;
  }
}
@media (max-width: 900px) {
  #book {
    padding: 60px 0;
  }
}

#sustain {
  padding: 80px 0;
}
#sustain ::-moz-selection { /* Code for Firefox */
  background: #82a134;
}
#sustain ::selection {
  background: #82a134;
}
#sustain picture.back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.2;
  mix-blend-mode: luminosity;
  overflow: hidden;
}
#sustain picture.back 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%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
#sustain div.contain {
  justify-content: stretch;
  align-content: stretch;
}
#sustain div.contain header {
  position: relative;
  width: 100%;
  padding: 80px 160px 80px 0;
}
#sustain div.contain header h2 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 100px;
  line-height: 100px;
  font-size: 80px;
  line-height: 80px;
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
@media (max-width: 1920px) {
  #sustain div.contain header h2 {
    font-size: 5vw;
    line-height: 5vw;
    font-size: 4vw;
    line-height: 4vw;
  }
}
#sustain div.contain header p {
  position: relative;
  float: left;
  width: 100%;
  font-size: 25px;
  line-height: 40px;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  margin: 80px 0 0 0;
  margin: 60px 0 0 0;
  padding: 0;
}
#sustain div.contain header p strong {
  font-weight: 700;
}
#sustain div.contain header a.btn,
#sustain div.contain header a.btn:visited,
#sustain div.contain header a.btn:active,
#sustain div.contain header a.btn:focus,
#sustain div.contain header button.btn,
#sustain div.contain header button.btn:visited,
#sustain div.contain header button.btn:active,
#sustain div.contain header button.btn:focus {
  margin: 80px 0 0 0;
  margin: 60px 0 0 0;
}
@media (max-width: 1900px) {
  #sustain div.contain header a.btn,
  #sustain div.contain header a.btn:visited,
  #sustain div.contain header a.btn:active,
  #sustain div.contain header a.btn:focus,
  #sustain div.contain header button.btn,
  #sustain div.contain header button.btn:visited,
  #sustain div.contain header button.btn:active,
  #sustain div.contain header button.btn:focus,
  #sustain div.contain header p {
    margin: 60px 0 0 0;
  }
}
@media (max-width: 1250px) {
  #sustain div.contain header a.btn,
  #sustain div.contain header a.btn:visited,
  #sustain div.contain header a.btn:active,
  #sustain div.contain header a.btn:focus,
  #sustain div.contain header button.btn,
  #sustain div.contain header button.btn:visited,
  #sustain div.contain header button.btn:active,
  #sustain div.contain header button.btn:focus,
  #sustain div.contain header p {
    margin: 40px 0 0 0;
  }
}
@media (max-width: 950px) {
  #sustain div.contain header h2 {
    font-size: 10vw;
    line-height: 10vw;
  }
}
@media (max-width: 767px) {
  #sustain div.contain header a.btn,
  #sustain div.contain header a.btn:visited,
  #sustain div.contain header a.btn:active,
  #sustain div.contain header a.btn:focus,
  #sustain div.contain header button.btn,
  #sustain div.contain header button.btn:visited,
  #sustain div.contain header button.btn:active,
  #sustain div.contain header button.btn:focus,
  #sustain div.contain header p {
    margin: 40px 0 0 0;
  }
}
#sustain div.contain picture {
  position: relative;
  width: 100%;
  min-width: 50%;
  overflow: hidden;
}
#sustain div.contain picture a,
#sustain div.contain picture a:visited,
#sustain div.contain picture a:active,
#sustain div.contain picture a:focus,
#sustain div.contain 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%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
@media (hover: hover) and (pointer: fine) {
  #sustain div.contain picture:has(a):hover img {
    transform: scale(1.1) rotate(1deg);
  }
}
@media (max-width: 1250px) {
  #sustain {
    padding: 0;
  }
  #sustain div.contain {
    padding: 0;
  }
  #sustain div.contain header {
    padding: 60px 40px;
  }
}
@media (max-width: 700px) {
  #sustain div.contain {
    flex-flow: column wrap;
  }
  #sustain div.contain picture {
    height: 40svh;
  }
}
#sustain.hover picture.back img {
  transform: scale(1.1) rotate(1deg);
}

#bespoke {
  padding: 80px 0;
  min-height: 80svh;
  max-height: 1080px;
  align-content: flex-end;
}
#bespoke picture.back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.2;
  mix-blend-mode: luminosity;
}
#bespoke picture.back img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
#bespoke div.contain {
  align-self: bottom;
  justify-content: stretch;
  align-content: stretch;
}
#bespoke div.contain header {
  margin-top: auto;
  position: relative;
  width: 100%;
  max-width: 800px;
  padding: 0;
  color: #fff8e8;
}
#bespoke div.contain header h2 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 100px;
  line-height: 100px;
  font-size: 80px;
  line-height: 80px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  color: inherit;
}
@media (max-width: 1920px) {
  #bespoke div.contain header h2 {
    font-size: 5vw;
    line-height: 5vw;
  }
}
#bespoke div.contain header p {
  position: relative;
  float: left;
  width: 100%;
  font-size: 25px;
  line-height: 40px;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  margin: 80px 0 0 0;
  margin: 60px 0 0 0;
  padding: 0;
  color: inherit;
}
#bespoke div.contain header p strong {
  font-weight: 700;
}
#bespoke div.contain header a.btn,
#bespoke div.contain header a.btn:visited,
#bespoke div.contain header a.btn:active,
#bespoke div.contain header a.btn:focus,
#bespoke div.contain header button.btn,
#bespoke div.contain header button.btn:visited,
#bespoke div.contain header button.btn:active,
#bespoke div.contain header button.btn:focus {
  margin: 80px 0 0 0;
  margin: 60px 0 0 0;
}
@media (max-width: 1900px) {
  #bespoke div.contain header a.btn,
  #bespoke div.contain header a.btn:visited,
  #bespoke div.contain header a.btn:active,
  #bespoke div.contain header a.btn:focus,
  #bespoke div.contain header button.btn,
  #bespoke div.contain header button.btn:visited,
  #bespoke div.contain header button.btn:active,
  #bespoke div.contain header button.btn:focus,
  #bespoke div.contain header p {
    margin: 60px 0 0 0;
  }
}
@media (max-width: 1250px) {
  #bespoke div.contain header a.btn,
  #bespoke div.contain header a.btn:visited,
  #bespoke div.contain header a.btn:active,
  #bespoke div.contain header a.btn:focus,
  #bespoke div.contain header button.btn,
  #bespoke div.contain header button.btn:visited,
  #bespoke div.contain header button.btn:active,
  #bespoke div.contain header button.btn:focus,
  #bespoke div.contain header p {
    margin: 40px 0 0 0;
  }
}
@media (max-width: 950px) {
  #bespoke div.contain header h2 {
    font-size: 10vw;
    line-height: 10vw;
  }
}
@media (max-width: 767px) {
  #bespoke div.contain header a.btn,
  #bespoke div.contain header a.btn:visited,
  #bespoke div.contain header a.btn:active,
  #bespoke div.contain header a.btn:focus,
  #bespoke div.contain header button.btn,
  #bespoke div.contain header button.btn:visited,
  #bespoke div.contain header button.btn:active,
  #bespoke div.contain header button.btn:focus,
  #bespoke div.contain header p {
    margin: 40px 0 0 0;
  }
}
#bespoke div.contain picture {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#bespoke div.contain picture a,
#bespoke div.contain picture a:visited,
#bespoke div.contain picture a:active,
#bespoke div.contain picture a:focus,
#bespoke div.contain picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
@media (hover: hover) and (pointer: fine) {
  #bespoke div.contain picture:has(a):hover img {
    transform: scale(1.2);
  }
}

#inspiration {
  padding: 80px 0 0 0;
}
#inspiration div.contain {
  flex-flow: column wrap;
  justify-content: stretch;
  align-content: stretch;
}
#inspiration div.contain header {
  position: relative;
  width: 100%;
  color: #1a1812;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
#inspiration div.contain header h2 {
  position: relative;
  float: left;
  width: 50%;
  font-size: 100px;
  line-height: 100px;
  font-size: 80px;
  line-height: 80px;
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  margin: 0;
  padding: 0 80px 0 0;
  color: inherit;
}
@media (max-width: 1920px) {
  #inspiration div.contain header h2 {
    font-size: 5vw;
    line-height: 5vw;
    font-size: 4vw;
    line-height: 4vw;
  }
}
@media (max-width: 950px) {
  #inspiration div.contain header h2 {
    font-size: 10vw;
    line-height: 10vw;
  }
}
#inspiration div.contain header p, #inspiration div.contain header h3 {
  position: relative;
  float: left;
  width: 50%;
  font-size: 25px;
  line-height: 40px;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: inherit;
}
#inspiration div.contain header p strong, #inspiration div.contain header h3 strong {
  font-weight: 700;
}
@media (max-width: 767px) {
  #inspiration div.contain header p, #inspiration div.contain header h3 {
    font-size: 18px;
    line-height: 30px;
  }
}
#inspiration div.contain header p {
  height: auto;
  margin: auto 0 0 0;
  padding: 0;
}
#inspiration div.contain header h3 {
  color: #554b33;
  width: 100%;
  font-weight: 700;
}
#inspiration div.contain header a.btn,
#inspiration div.contain header a.btn:visited,
#inspiration div.contain header a.btn:active,
#inspiration div.contain header a.btn:focus,
#inspiration div.contain header button.btn,
#inspiration div.contain header button.btn:visited,
#inspiration div.contain header button.btn:active,
#inspiration div.contain header button.btn:focus {
  margin: 40px auto 0 0;
}
@media (max-width: 1900px) {
  #inspiration div.contain header a.btn,
  #inspiration div.contain header a.btn:visited,
  #inspiration div.contain header a.btn:active,
  #inspiration div.contain header a.btn:focus,
  #inspiration div.contain header button.btn,
  #inspiration div.contain header button.btn:visited,
  #inspiration div.contain header button.btn:active,
  #inspiration div.contain header button.btn:focus,
  #inspiration div.contain header p {
    margin: 40px 0 0 0;
  }
  #inspiration div.contain header p {
    margin: auto 0 0 0;
  }
}
@media (max-width: 1250px) {
  #inspiration div.contain header h2 {
    width: 100%;
  }
  #inspiration div.contain header a.btn,
  #inspiration div.contain header a.btn:visited,
  #inspiration div.contain header a.btn:active,
  #inspiration div.contain header a.btn:focus,
  #inspiration div.contain header button.btn,
  #inspiration div.contain header button.btn:visited,
  #inspiration div.contain header button.btn:active,
  #inspiration div.contain header button.btn:focus,
  #inspiration div.contain header p {
    margin: 40px 0 0 0;
  }
  #inspiration div.contain header p {
    margin: 20px 0 0 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  #inspiration div.contain header a.btn,
  #inspiration div.contain header a.btn:visited,
  #inspiration div.contain header a.btn:active,
  #inspiration div.contain header a.btn:focus,
  #inspiration div.contain header button.btn,
  #inspiration div.contain header button.btn:visited,
  #inspiration div.contain header button.btn:active,
  #inspiration div.contain header button.btn:focus,
  #inspiration div.contain header p {
    margin: 40px 0 0 0;
  }
}
#inspiration div.contain section {
  margin: 80px 0;
  flex-flow: row nowrap;
}
#inspiration div.contain section aside {
  position: sticky;
  top: 120px;
  left: 0;
  width: 100%;
  color: #918057;
  align-self: flex-start;
}
#inspiration div.contain section aside ul {
  width: 100%;
  margin: auto 0;
  padding: 0 160px 0 0;
  list-style: none;
  display: flex;
  flex-flow: column wrap;
}
#inspiration div.contain section aside ul li {
  width: 100%;
  margin: 0;
}
#inspiration div.contain section aside ul li a,
#inspiration div.contain section aside ul li a:visited,
#inspiration div.contain section aside ul li a:active,
#inspiration div.contain section aside ul li a:focus,
#inspiration div.contain section aside ul li button,
#inspiration div.contain section aside ul li button:visited,
#inspiration div.contain section aside ul li button:active,
#inspiration div.contain section aside 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;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  float: left;
  width: 100%;
  color: inherit;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px 0;
  font-size: 40px;
  line-height: 40px;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
}
#inspiration div.contain section aside ul li a span,
#inspiration div.contain section aside ul li a:visited span,
#inspiration div.contain section aside ul li a:active span,
#inspiration div.contain section aside ul li a:focus span,
#inspiration div.contain section aside ul li button span,
#inspiration div.contain section aside ul li button:visited span,
#inspiration div.contain section aside ul li button:active span,
#inspiration div.contain section aside ul li button:focus span {
  font-size: 40px;
  line-height: 40px;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  padding-right: 10px;
}
#inspiration div.contain section aside ul li a small,
#inspiration div.contain section aside ul li a:visited small,
#inspiration div.contain section aside ul li a:active small,
#inspiration div.contain section aside ul li a:focus small,
#inspiration div.contain section aside ul li button small,
#inspiration div.contain section aside ul li button:visited small,
#inspiration div.contain section aside ul li button:active small,
#inspiration div.contain section aside ul li button:focus small {
  font-size: 14px;
  line-height: 20px;
  margin: auto 0 5px auto;
  opacity: 0.6;
}
@media (max-width: 767px) {
  #inspiration div.contain section aside ul li a small,
  #inspiration div.contain section aside ul li a:visited small,
  #inspiration div.contain section aside ul li a:active small,
  #inspiration div.contain section aside ul li a:focus small,
  #inspiration div.contain section aside ul li button small,
  #inspiration div.contain section aside ul li button:visited small,
  #inspiration div.contain section aside ul li button:active small,
  #inspiration div.contain section aside ul li button:focus small {
    margin: auto 0 0 auto;
  }
}
#inspiration div.contain section aside ul li a svg,
#inspiration div.contain section aside ul li a:visited svg,
#inspiration div.contain section aside ul li a:active svg,
#inspiration div.contain section aside ul li a:focus svg,
#inspiration div.contain section aside ul li button svg,
#inspiration div.contain section aside ul li button:visited svg,
#inspiration div.contain section aside ul li button:active svg,
#inspiration div.contain section aside 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, transform;
  -moz-transition-property: fill, transform;
  -o-transition-property: fill, transform;
  -webkit-transition-property: fill, transform;
  margin: 5px 0 0 auto;
  fill: #918057;
  width: 20px;
}
@media (max-width: 767px) {
  #inspiration div.contain section aside ul li a svg,
  #inspiration div.contain section aside ul li a:visited svg,
  #inspiration div.contain section aside ul li a:active svg,
  #inspiration div.contain section aside ul li a:focus svg,
  #inspiration div.contain section aside ul li button svg,
  #inspiration div.contain section aside ul li button:visited svg,
  #inspiration div.contain section aside ul li button:active svg,
  #inspiration div.contain section aside ul li button:focus svg {
    transform: rotate(90deg);
  }
}
@media (hover: hover) and (pointer: fine) {
  #inspiration div.contain section aside ul li a:hover,
  #inspiration div.contain section aside ul li a:visited:hover,
  #inspiration div.contain section aside ul li a:active:hover,
  #inspiration div.contain section aside ul li a:focus:hover,
  #inspiration div.contain section aside ul li button:hover,
  #inspiration div.contain section aside ul li button:visited:hover,
  #inspiration div.contain section aside ul li button:active:hover,
  #inspiration div.contain section aside ul li button:focus:hover {
    color: #554b33;
  }
  #inspiration div.contain section aside ul li a:hover svg,
  #inspiration div.contain section aside ul li a:visited:hover svg,
  #inspiration div.contain section aside ul li a:active:hover svg,
  #inspiration div.contain section aside ul li a:focus:hover svg,
  #inspiration div.contain section aside ul li button:hover svg,
  #inspiration div.contain section aside ul li button:visited:hover svg,
  #inspiration div.contain section aside ul li button:active:hover svg,
  #inspiration div.contain section aside ul li button:focus:hover svg {
    fill: #554b33;
  }
  #inspiration div.contain section aside ul li a:hover small,
  #inspiration div.contain section aside ul li a:visited:hover small,
  #inspiration div.contain section aside ul li a:active:hover small,
  #inspiration div.contain section aside ul li a:focus:hover small,
  #inspiration div.contain section aside ul li button:hover small,
  #inspiration div.contain section aside ul li button:visited:hover small,
  #inspiration div.contain section aside ul li button:active:hover small,
  #inspiration div.contain section aside ul li button:focus:hover small {
    opacity: 1;
  }
}
#inspiration div.contain section aside ul li a.active,
#inspiration div.contain section aside ul li a:visited.active,
#inspiration div.contain section aside ul li a:active.active,
#inspiration div.contain section aside ul li a:focus.active,
#inspiration div.contain section aside ul li button.active,
#inspiration div.contain section aside ul li button:visited.active,
#inspiration div.contain section aside ul li button:active.active,
#inspiration div.contain section aside ul li button:focus.active {
  color: #1a1812;
}
#inspiration div.contain section aside ul li a.active svg,
#inspiration div.contain section aside ul li a:visited.active svg,
#inspiration div.contain section aside ul li a:active.active svg,
#inspiration div.contain section aside ul li a:focus.active svg,
#inspiration div.contain section aside ul li button.active svg,
#inspiration div.contain section aside ul li button:visited.active svg,
#inspiration div.contain section aside ul li button:active.active svg,
#inspiration div.contain section aside ul li button:focus.active svg {
  transform: translateX(80px);
  fill: #1a1812;
}
@media (max-width: 767px) {
  #inspiration div.contain section aside ul li a.active svg,
  #inspiration div.contain section aside ul li a:visited.active svg,
  #inspiration div.contain section aside ul li a:active.active svg,
  #inspiration div.contain section aside ul li a:focus.active svg,
  #inspiration div.contain section aside ul li button.active svg,
  #inspiration div.contain section aside ul li button:visited.active svg,
  #inspiration div.contain section aside ul li button:active.active svg,
  #inspiration div.contain section aside ul li button:focus.active svg {
    transform: translateX(0) rotate(90deg);
  }
}
#inspiration div.contain section aside ul li a.active small,
#inspiration div.contain section aside ul li a:visited.active small,
#inspiration div.contain section aside ul li a:active.active small,
#inspiration div.contain section aside ul li a:focus.active small,
#inspiration div.contain section aside ul li button.active small,
#inspiration div.contain section aside ul li button:visited.active small,
#inspiration div.contain section aside ul li button:active.active small,
#inspiration div.contain section aside ul li button:focus.active small {
  opacity: 1;
}
#inspiration div.contain section aside ul li:not(:first-child) {
  margin: 10px 0 0 0;
}
@media (max-width: 767px) {
  #inspiration div.contain section aside ul {
    padding: 0;
  }
}
@media (max-width: 767px) {
  #inspiration div.contain section aside {
    position: relative;
    top: 0;
  }
}
#inspiration div.contain section section.areas {
  margin: 0;
  width: 100%;
}
#inspiration div.contain section section.areas h3, #inspiration div.contain section section.areas p {
  width: 100%;
}
#inspiration div.contain section section.areas p {
  margin: 5px 0 0 0;
}
#inspiration div.contain section section.areas section[data-name] {
  margin: 0;
  display: none;
  flex-flow: row wrap;
  gap: 40px;
}
#inspiration div.contain section section.areas section[data-name].active {
  display: flex;
}
#inspiration div.contain section section.areas section[data-name] article {
  position: relative;
  width: 100%;
  max-width: calc(50% - 20px);
}
#inspiration div.contain section section.areas section[data-name] article a,
#inspiration div.contain section section.areas section[data-name] article a:visited,
#inspiration div.contain section section.areas section[data-name] article a:active,
#inspiration div.contain section section.areas section[data-name] article a:focus {
  width: 100%;
  float: left;
  text-decoration: none;
}
#inspiration div.contain section section.areas section[data-name] article a picture,
#inspiration div.contain section section.areas section[data-name] article a:visited picture,
#inspiration div.contain section section.areas section[data-name] article a:active picture,
#inspiration div.contain section section.areas section[data-name] article a:focus picture {
  position: relative;
  overflow: hidden;
  width: 100%;
  float: left;
  aspect-ratio: 5/3;
  background-color: #554b33;
}
#inspiration div.contain section section.areas section[data-name] article a picture img,
#inspiration div.contain section section.areas section[data-name] article a:visited picture img,
#inspiration div.contain section section.areas section[data-name] article a:active picture img,
#inspiration div.contain section section.areas section[data-name] article a:focus 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, mix-blend-mode, opacity;
  -moz-transition-property: transform, mix-blend-mode, opacity;
  -o-transition-property: transform, mix-blend-mode, opacity;
  -webkit-transition-property: transform, mix-blend-mode, opacity;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
#inspiration div.contain section section.areas section[data-name] article a header,
#inspiration div.contain section section.areas section[data-name] article a:visited header,
#inspiration div.contain section section.areas section[data-name] article a:active header,
#inspiration div.contain section section.areas section[data-name] article a:focus header {
  padding: 40px 0 0 0;
  padding: 20px 0 0 0;
  color: #1a1812;
}
#inspiration div.contain section section.areas section[data-name] article a header h3,
#inspiration div.contain section section.areas section[data-name] article a:visited header h3,
#inspiration div.contain section section.areas section[data-name] article a:active header h3,
#inspiration div.contain section section.areas section[data-name] article a:focus header h3 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 25px;
  line-height: 25px;
  color: inherit;
  padding: 0;
}
#inspiration div.contain section section.areas section[data-name] article a header p,
#inspiration div.contain section section.areas section[data-name] article a:visited header p,
#inspiration div.contain section section.areas section[data-name] article a:active header p,
#inspiration div.contain section section.areas section[data-name] article a:focus header 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;
  position: relative;
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  color: #554b33;
  font-weight: 700;
  padding: 0;
}
@media (max-width: 1250px) {
  #inspiration div.contain section section.areas section[data-name] article a header,
  #inspiration div.contain section section.areas section[data-name] article a:visited header,
  #inspiration div.contain section section.areas section[data-name] article a:active header,
  #inspiration div.contain section section.areas section[data-name] article a:focus header {
    padding: 20px 0 0 0;
  }
}
@media (max-width: 767px) {
  #inspiration div.contain section section.areas section[data-name] article a header p,
  #inspiration div.contain section section.areas section[data-name] article a:visited header p,
  #inspiration div.contain section section.areas section[data-name] article a:active header p,
  #inspiration div.contain section section.areas section[data-name] article a:focus header p {
    margin: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  #inspiration div.contain section section.areas section[data-name] article a:hover picture img,
  #inspiration div.contain section section.areas section[data-name] article a:visited:hover picture img,
  #inspiration div.contain section section.areas section[data-name] article a:active:hover picture img,
  #inspiration div.contain section section.areas section[data-name] article a:focus:hover picture img {
    mix-blend-mode: luminosity;
    opacity: 0.5;
    transform: scale(1.2) rotate(1deg);
  }
  #inspiration div.contain section section.areas section[data-name] article a:hover p,
  #inspiration div.contain section section.areas section[data-name] article a:visited:hover p,
  #inspiration div.contain section section.areas section[data-name] article a:active:hover p,
  #inspiration div.contain section section.areas section[data-name] article a:focus:hover p {
    color: #1a1812;
  }
}
#inspiration div.contain section section.areas section[data-name] article a.type,
#inspiration div.contain section section.areas section[data-name] article a:visited.type,
#inspiration div.contain section section.areas section[data-name] article a:active.type,
#inspiration div.contain section section.areas section[data-name] article a:focus.type {
  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;
  position: absolute;
  position: relative;
  background-color: #918057;
  background-color: #1a1812;
  width: auto;
  color: #fff8e8;
  padding: 5px 10px;
  text-decoration: none;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.5px;
  margin: 0;
}
@media (hover: hover) and (pointer: fine) {
  #inspiration div.contain section section.areas section[data-name] article a.type:hover,
  #inspiration div.contain section section.areas section[data-name] article a:visited.type:hover,
  #inspiration div.contain section section.areas section[data-name] article a:active.type:hover,
  #inspiration div.contain section section.areas section[data-name] article a:focus.type:hover {
    background-color: #918057;
  }
}
@media (max-width: 1250px) {
  #inspiration div.contain section section.areas section[data-name] article {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  #inspiration div.contain section section.areas section[data-name] article {
    max-width: calc(50% - 20px);
  }
}
@media (max-width: 500px) {
  #inspiration div.contain section section.areas section[data-name] article {
    max-width: 100%;
  }
}
#inspiration div.contain section section.areas section[data-name] a.goto,
#inspiration div.contain section section.areas section[data-name] a.goto:visited,
#inspiration div.contain section section.areas section[data-name] a.goto:active,
#inspiration div.contain section section.areas section[data-name] a.goto: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;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  float: left;
  width: 100%;
  color: #918057;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  font-size: 25px;
  line-height: 30px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  cursor: pointer;
  margin: 20px 0 0 0;
}
#inspiration div.contain section section.areas section[data-name] a.goto span,
#inspiration div.contain section section.areas section[data-name] a.goto:visited span,
#inspiration div.contain section section.areas section[data-name] a.goto:active span,
#inspiration div.contain section section.areas section[data-name] a.goto:focus span {
  font-size: 25px;
  line-height: 30px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}
#inspiration div.contain section section.areas section[data-name] a.goto span strong,
#inspiration div.contain section section.areas section[data-name] a.goto:visited span strong,
#inspiration div.contain section section.areas section[data-name] a.goto:active span strong,
#inspiration div.contain section section.areas section[data-name] a.goto:focus span strong {
  color: #1a1812;
  font-weight: 700;
  text-decoration: underline;
}
#inspiration div.contain section section.areas section[data-name] a.goto svg,
#inspiration div.contain section section.areas section[data-name] a.goto:visited svg,
#inspiration div.contain section section.areas section[data-name] a.goto:active svg,
#inspiration div.contain section section.areas section[data-name] a.goto: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, transform;
  -moz-transition-property: fill, transform;
  -o-transition-property: fill, transform;
  -webkit-transition-property: fill, transform;
  margin: 5px 0 0 auto;
  fill: #918057;
  width: 20px;
}
@media (hover: hover) and (pointer: fine) {
  #inspiration div.contain section section.areas section[data-name] a.goto:hover,
  #inspiration div.contain section section.areas section[data-name] a.goto:visited:hover,
  #inspiration div.contain section section.areas section[data-name] a.goto:active:hover,
  #inspiration div.contain section section.areas section[data-name] a.goto:focus:hover {
    color: #1a1812;
  }
  #inspiration div.contain section section.areas section[data-name] a.goto:hover svg,
  #inspiration div.contain section section.areas section[data-name] a.goto:visited:hover svg,
  #inspiration div.contain section section.areas section[data-name] a.goto:active:hover svg,
  #inspiration div.contain section section.areas section[data-name] a.goto:focus:hover svg {
    fill: #1a1812;
  }
}
@media (max-width: 767px) {
  #inspiration div.contain section section.areas section[data-name] {
    gap: 40px;
  }
}
@media (max-width: 767px) {
  #inspiration div.contain section section.areas {
    margin: 60px 0 0 0;
  }
}
@media (max-width: 767px) {
  #inspiration div.contain section {
    flex-flow: row wrap;
    margin: 60px 0;
  }
}
#inspiration.detail div.contain section {
  margin: 0 0 80px 0;
}
#inspiration.detail div.contain section aside {
  width: auto;
  min-width: 300px;
}
#inspiration.detail div.contain section aside ul {
  padding: 0 80px 0 0;
}
#inspiration.detail div.contain section aside ul li a,
#inspiration.detail div.contain section aside ul li a:visited,
#inspiration.detail div.contain section aside ul li a:active,
#inspiration.detail div.contain section aside ul li a:focus,
#inspiration.detail div.contain section aside ul li button,
#inspiration.detail div.contain section aside ul li button:visited,
#inspiration.detail div.contain section aside ul li button:active,
#inspiration.detail div.contain section aside ul li button:focus {
  font-size: 25px;
  line-height: 30px;
}
#inspiration.detail div.contain section aside ul li a span,
#inspiration.detail div.contain section aside ul li a:visited span,
#inspiration.detail div.contain section aside ul li a:active span,
#inspiration.detail div.contain section aside ul li a:focus span,
#inspiration.detail div.contain section aside ul li button span,
#inspiration.detail div.contain section aside ul li button:visited span,
#inspiration.detail div.contain section aside ul li button:active span,
#inspiration.detail div.contain section aside ul li button:focus span {
  font-size: 25px;
  line-height: 30px;
}
@media (max-width: 767px) {
  #inspiration.detail div.contain section aside ul {
    padding: 0;
  }
}
@media (max-width: 767px) {
  #inspiration.detail div.contain section aside {
    width: 100%;
  }
}
#inspiration.detail div.contain section section.areas section[data-name] {
  margin: 0;
  display: none;
  flex-flow: row wrap;
  gap: 40px;
}
#inspiration.detail div.contain section section.areas section[data-name].active {
  display: flex;
}
#inspiration.detail div.contain section section.areas section[data-name] article {
  position: relative;
  width: 100%;
  max-width: calc(33.3333333333% - 26.6666666667px);
}
@media (max-width: 1250px) {
  #inspiration.detail div.contain section section.areas section[data-name] article {
    max-width: calc(50% - 20px);
  }
}
@media (max-width: 500px) {
  #inspiration.detail div.contain section section.areas section[data-name] article {
    max-width: 100%;
  }
}
#inspiration.detail div.contain section section.areas section[data-name] article ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 10px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  list-style: none;
}
#inspiration.detail div.contain section section.areas section[data-name] article ul li {
  position: relative;
  margin: 10px 0 0 10px;
}
@media (max-width: 1250px) {
  #inspiration.detail div.contain section section.areas section[data-name] {
    gap: 40px;
  }
}
#inspiration.detail div.contain section section.areas section[data-name] footer {
  width: 100%;
  position: relative;
  float: left;
}
#inspiration.detail div.contain section section.areas section[data-name] footer ul {
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  justify-content: flex-end;
  align-content: flex-end;
  padding: 0;
  margin: 0;
}
#inspiration.detail div.contain section section.areas section[data-name] footer ul li {
  position: relative;
  margin: 15px 0 0 15px;
}
#inspiration.detail div.contain section section.areas section[data-name] footer ul li p,
#inspiration.detail div.contain section section.areas section[data-name] footer ul li a,
#inspiration.detail div.contain section section.areas section[data-name] footer ul li a:visited,
#inspiration.detail div.contain section section.areas section[data-name] footer ul li a:active,
#inspiration.detail div.contain section section.areas section[data-name] footer ul li a:focus {
  position: relative;
  float: left;
  color: #1a1812;
  text-decoration: none;
  padding: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 50px;
  min-height: 50px;
  min-width: 50px;
  text-transform: lowercase;
  letter-spacing: 1px;
  margin: 0;
  text-align: center;
  background-color: transparent;
}
#inspiration.detail div.contain section section.areas section[data-name] footer ul li p svg,
#inspiration.detail div.contain section section.areas section[data-name] footer ul li a svg,
#inspiration.detail div.contain section section.areas section[data-name] footer ul li a:visited svg,
#inspiration.detail div.contain section section.areas section[data-name] footer ul li a:active svg,
#inspiration.detail div.contain section section.areas section[data-name] footer ul li a:focus svg {
  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: fill;
  -moz-transition-property: fill;
  -o-transition-property: fill;
  -webkit-transition-property: fill;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  fill: #1a1812;
  padding: 20px;
}
@media (max-width: 767px) {
  #inspiration.detail div.contain section section.areas section[data-name] footer ul li p svg,
  #inspiration.detail div.contain section section.areas section[data-name] footer ul li a svg,
  #inspiration.detail div.contain section section.areas section[data-name] footer ul li a:visited svg,
  #inspiration.detail div.contain section section.areas section[data-name] footer ul li a:active svg,
  #inspiration.detail div.contain section section.areas section[data-name] footer ul li a:focus svg {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  #inspiration.detail div.contain section section.areas section[data-name] footer ul li p,
  #inspiration.detail div.contain section section.areas section[data-name] footer ul li a,
  #inspiration.detail div.contain section section.areas section[data-name] footer ul li a:visited,
  #inspiration.detail div.contain section section.areas section[data-name] footer ul li a:active,
  #inspiration.detail div.contain section section.areas section[data-name] footer ul li a:focus {
    line-height: 40px;
    min-height: 40px;
    min-width: 40px;
    font-size: 16px;
  }
}
#inspiration.detail div.contain section section.areas section[data-name] footer ul li p {
  background-color: #1a1812;
  color: #fff8e8;
}
#inspiration.detail div.contain section section.areas section[data-name] footer ul li a,
#inspiration.detail div.contain section section.areas section[data-name] footer ul li a:visited,
#inspiration.detail div.contain section section.areas section[data-name] footer ul li a:active,
#inspiration.detail div.contain section section.areas section[data-name] footer 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: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  #inspiration.detail div.contain section section.areas section[data-name] footer ul li a:hover,
  #inspiration.detail div.contain section section.areas section[data-name] footer ul li a:visited:hover,
  #inspiration.detail div.contain section section.areas section[data-name] footer ul li a:active:hover,
  #inspiration.detail div.contain section section.areas section[data-name] footer ul li a:focus:hover {
    background-color: #fff8e8;
  }
}
@media (max-width: 767px) {
  #inspiration.detail div.contain section section.areas section[data-name] footer ul li {
    margin: 15px 0 0 10px;
  }
}
@media (max-width: 767px) {
  #inspiration.detail div.contain section section.areas section[data-name] footer {
    padding: 15px 30px 30px 20px;
  }
}
@media (max-width: 450px) {
  #inspiration.detail div.contain section section.areas section[data-name] footer {
    padding: 15px 20px 30px 10px;
  }
}
@media (max-width: 767px) {
  #inspiration.detail div.contain section section.areas {
    margin: 60px 0 0 0;
  }
}
@media (max-width: 767px) {
  #inspiration.detail div.contain section {
    flex-flow: row wrap;
    margin: 0 0 60px 0;
  }
}
@media (max-width: 767px) {
  #inspiration {
    padding: 60px 0 0 0;
  }
}

#mission {
  padding: 80px 0 0 0;
  background-color: #1a1812;
  border-bottom: 1px solid #918057;
}
#mission div.contain {
  flex-flow: column wrap;
  justify-content: stretch;
  align-content: stretch;
}
#mission div.contain header {
  position: relative;
  width: 100%;
  color: #fff8e8;
  padding: 0 0 100px 550px;
  padding: 0 550px 100px 0;
}
#mission div.contain header h2, #mission div.contain header h3 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  color: inherit;
}
#mission div.contain header p {
  position: relative;
  float: left;
  font-size: 25px;
  line-height: 40px;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  margin: 60px 0 0 0;
  padding: 0;
  color: inherit;
}
#mission div.contain header p strong {
  font-weight: 700;
}
@media (max-width: 767px) {
  #mission div.contain header p {
    font-size: 20px;
    line-height: 35px;
    font-size: 18px;
    line-height: 30px;
    margin: 40px 0 0 0;
  }
}
#mission div.contain header a.btn,
#mission div.contain header a.btn:visited,
#mission div.contain header a.btn:active,
#mission div.contain header a.btn:focus,
#mission div.contain header button.btn,
#mission div.contain header button.btn:visited,
#mission div.contain header button.btn:active,
#mission div.contain header button.btn:focus {
  margin: 80px 0 0 0;
  margin: 60px 0 0 0;
}
@media (max-width: 1450px) {
  #mission div.contain header {
    padding: 0 0 100px 400px;
    padding: 0 400px 100px 0;
  }
}
@media (max-width: 1250px) {
  #mission div.contain header {
    padding: 0 40px 100px 300px;
    padding: 0 300px 100px 40px;
  }
}
@media (max-width: 767px) {
  #mission div.contain header {
    padding: 0 0 60px 0;
  }
}
@media (max-width: 1250px) {
  #mission {
    padding: 60px 0 0 0;
  }
}

#history {
  background-color: #f4ecd9;
  height: var(--height);
}
#history div.contain {
  flex-flow: column wrap;
  justify-content: stretch;
  align-content: stretch;
  padding-top: 80px;
  padding-bottom: 80px;
}
#history div.contain header {
  position: relative;
  float: left;
  width: 100%;
  color: #1a1812;
  padding: 0 0 0 550px;
  display: flex;
  flex-flow: row nowrap;
}
#history div.contain header h2, #history div.contain header h3 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 50px;
  line-height: 60px;
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  color: inherit;
}
#history div.contain header p {
  position: relative;
  float: left;
  font-size: 25px;
  line-height: 40px;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  margin: 80px 0 0 0;
  padding: 0;
  color: inherit;
}
@media (max-width: 767px) {
  #history div.contain header p {
    font-size: 20px;
    line-height: 35px;
    font-size: 18px;
    line-height: 30px;
  }
}
#history div.contain header p strong {
  font-weight: 700;
}
#history div.contain header p.date {
  font-weight: 700;
  color: #918057;
}
@media (max-width: 767px) {
  #history div.contain header p.date {
    font-size: 25px;
    line-height: 40px;
  }
}
#history div.contain header button.nav,
#history div.contain header button.nav:visited,
#history div.contain header button.nav:active,
#history div.contain header button.nav:focus {
  pointer-events: all;
  float: left;
  margin: auto 0 0 20px;
  padding: 0;
  position: relative;
  border-radius: 50%;
  background-color: transparent;
}
#history div.contain header button.nav svg,
#history div.contain header button.nav:visited svg,
#history div.contain header button.nav:active svg,
#history div.contain header 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: #918057;
  width: 30px;
}
@media (hover: hover) and (pointer: fine) {
  #history div.contain header button.nav:hover svg,
  #history div.contain header button.nav:visited:hover svg,
  #history div.contain header button.nav:active:hover svg,
  #history div.contain header button.nav:focus:hover svg {
    fill: #1a1812;
  }
}
#history div.contain header button.nav:disabled,
#history div.contain header button.nav:visited:disabled,
#history div.contain header button.nav:active:disabled,
#history div.contain header button.nav:focus:disabled {
  pointer-events: none;
  opacity: 0.2;
}
#history div.contain header a.btn,
#history div.contain header a.btn:visited,
#history div.contain header a.btn:active,
#history div.contain header a.btn:focus,
#history div.contain header button.btn,
#history div.contain header button.btn:visited,
#history div.contain header button.btn:active,
#history div.contain header button.btn:focus {
  margin: 80px 0 0 0;
}
@media (max-width: 1450px) {
  #history div.contain header {
    padding: 0 0 0 400px;
  }
}
@media (max-width: 1250px) {
  #history div.contain header {
    padding: 0 40px 0 300px;
  }
}
@media (max-width: 1250px) {
  #history div.contain header {
    padding: 0 0 100px 0;
    padding: 0;
  }
}
#history div.contain ul.overview {
  background-color: #f4ecd9;
  position: sticky;
  top: 140px;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  z-index: 2000;
  list-style: none;
  margin: 0;
  padding: 40px 0;
}
#history div.contain ul.overview li {
  position: relative;
  width: 100%;
  border-top: 2px dotted rgba(145, 128, 87, 0.5);
}
#history div.contain ul.overview li button,
#history div.contain ul.overview li button:visited,
#history div.contain ul.overview li button:active,
#history div.contain ul.overview 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;
  position: absolute;
  bottom: -4px;
  left: 0;
  color: #918057;
  margin: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  width: 100%;
}
#history div.contain ul.overview li button picture,
#history div.contain ul.overview li button:visited picture,
#history div.contain ul.overview li button:active picture,
#history div.contain ul.overview li button: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: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  opacity: 0.2;
  margin: 30px 0 0 0;
  display: none;
}
#history div.contain ul.overview li button picture img,
#history div.contain ul.overview li button:visited picture img,
#history div.contain ul.overview li button:active picture img,
#history div.contain ul.overview li button:focus picture img {
  position: relative;
  float: left;
  width: 100%;
}
@media (max-width: 1250px) {
  #history div.contain ul.overview li button picture,
  #history div.contain ul.overview li button:visited picture,
  #history div.contain ul.overview li button:active picture,
  #history div.contain ul.overview li button:focus picture {
    display: none;
  }
}
#history div.contain ul.overview li button span,
#history div.contain ul.overview li button:visited span,
#history div.contain ul.overview li button:active span,
#history div.contain ul.overview li button:focus span {
  position: absolute;
  padding: 0 0 15px 0;
  bottom: 0;
  left: 0;
  font-weight: 700;
  text-align: left;
  width: 100%;
}
#history div.contain ul.overview li button span span,
#history div.contain ul.overview li button:visited span span,
#history div.contain ul.overview li button:active span span,
#history div.contain ul.overview li button:focus span span {
  padding: 0;
  position: relative;
  display: inline;
}
@media (max-width: 767px) {
  #history div.contain ul.overview li button span span,
  #history div.contain ul.overview li button:visited span span,
  #history div.contain ul.overview li button:active span span,
  #history div.contain ul.overview li button:focus span span {
    display: none;
  }
}
#history div.contain ul.overview li button:before,
#history div.contain ul.overview li button:visited:before,
#history div.contain ul.overview li button:active:before,
#history div.contain ul.overview 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: border-color;
  -moz-transition-property: border-color;
  -o-transition-property: border-color;
  -webkit-transition-property: border-color;
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  border: 2px solid #918057;
  background-color: #fff8e8;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
@media (hover: hover) and (pointer: fine) {
  #history div.contain ul.overview li button:hover,
  #history div.contain ul.overview li button:visited:hover,
  #history div.contain ul.overview li button:active:hover,
  #history div.contain ul.overview li button:focus:hover {
    color: #1a1812;
  }
  #history div.contain ul.overview li button:hover picture,
  #history div.contain ul.overview li button:visited:hover picture,
  #history div.contain ul.overview li button:active:hover picture,
  #history div.contain ul.overview li button:focus:hover picture {
    opacity: 1;
  }
  #history div.contain ul.overview li button:hover:before,
  #history div.contain ul.overview li button:visited:hover:before,
  #history div.contain ul.overview li button:active:hover:before,
  #history div.contain ul.overview li button:focus:hover:before {
    border: 2px solid #1a1812;
  }
}
#history div.contain ul.overview li button.active,
#history div.contain ul.overview li button:visited.active,
#history div.contain ul.overview li button:active.active,
#history div.contain ul.overview li button:focus.active {
  color: #1a1812;
}
#history div.contain ul.overview li button.active picture,
#history div.contain ul.overview li button:visited.active picture,
#history div.contain ul.overview li button:active.active picture,
#history div.contain ul.overview li button:focus.active picture {
  opacity: 1;
}
#history div.contain ul.overview li button.active:before,
#history div.contain ul.overview li button:visited.active:before,
#history div.contain ul.overview li button:active.active:before,
#history div.contain ul.overview li button:focus.active:before {
  border: 3px solid #1a1812;
}
#history div.contain ul.overview li:nth-child(even) button,
#history div.contain ul.overview li:nth-child(even) button:visited,
#history div.contain ul.overview li:nth-child(even) button:active,
#history div.contain ul.overview li:nth-child(even) button:focus {
  position: absolute;
  top: -6px;
  left: 0;
}
#history div.contain ul.overview li:nth-child(even) button:before,
#history div.contain ul.overview li:nth-child(even) button:visited:before,
#history div.contain ul.overview li:nth-child(even) button:active:before,
#history div.contain ul.overview li:nth-child(even) button:focus:before {
  top: 0;
}
#history div.contain ul.overview li:nth-child(even) button span,
#history div.contain ul.overview li:nth-child(even) button:visited span,
#history div.contain ul.overview li:nth-child(even) button:active span,
#history div.contain ul.overview li:nth-child(even) button:focus span {
  position: absolute;
  padding: 15px 0 0 0;
  left: 0;
  top: 0;
}
#history div.contain ul.overview li:nth-child(even) button span span,
#history div.contain ul.overview li:nth-child(even) button:visited span span,
#history div.contain ul.overview li:nth-child(even) button:active span span,
#history div.contain ul.overview li:nth-child(even) button:focus span span {
  padding: 0;
  position: relative;
  display: inline;
}
@media (max-width: 767px) {
  #history div.contain ul.overview li:nth-child(even) button span span,
  #history div.contain ul.overview li:nth-child(even) button:visited span span,
  #history div.contain ul.overview li:nth-child(even) button:active span span,
  #history div.contain ul.overview li:nth-child(even) button:focus span span {
    display: none;
  }
}
#history div.contain ul.overview li.active {
  border-top: 2px solid #1a1812;
  border-bottom: none;
}
#history div.contain ul.overview li.active picture {
  opacity: 1;
}
#history div.contain section {
  position: relative;
  width: calc(100% - 470px);
  float: left;
  overflow: hidden;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-content: stretch;
  margin: 0 0 0 470px;
  z-index: 20;
}
@media (max-width: 1450px) {
  #history div.contain section {
    width: calc(100% - 320px);
    margin: 0 0 0 320px;
  }
}
@media (max-width: 1250px) {
  #history div.contain section {
    width: calc(100% - 300px);
    margin: 0 0 0 300px;
  }
}
@media (max-width: 767px) {
  #history div.contain section {
    width: 100%;
    margin: 0;
  }
}
#history div.contain section section {
  border: none;
  flex-flow: row wrap;
  padding: 0 0 0 80px;
  margin: 80px 0 0 0;
  width: 100%;
  min-width: calc(50% - 100px);
  border-top: 2px dashed #918057;
  overflow: visible;
}
#history div.contain section section:before {
  content: " ";
  position: absolute;
  top: -10px;
  left: 80px;
  border: 4px solid #918057;
  background-color: #fff8e8;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
@media (max-width: 767px) {
  #history div.contain section section:before {
    left: 40px;
  }
}
#history div.contain section section iframe,
#history div.contain section section img,
#history div.contain section section picture {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  margin: 10px 0 20px 0;
  pointer-events: none;
}
#history div.contain section section iframe {
  aspect-ratio: 16/9;
}
#history div.contain section section header {
  align-self: flex-start;
  flex-flow: row wrap;
  padding: 0;
  justify-content: flex-start;
  align-content: flex-start;
  color: #918057;
}
#history div.contain section section header *:not(picture, img) {
  opacity: 0.5;
}
#history div.contain section section header p {
  margin: 20px 0 0 0;
}
@media (max-width: 1250px) {
  #history div.contain section section {
    min-width: calc(50% - 100px);
    padding: 0 80px;
  }
}
@media (max-width: 767px) {
  #history div.contain section section {
    min-width: calc(100% - 100px);
    padding: 0 40px;
  }
}
#history div.contain section section.active {
  border-top: 2px solid #1a1812;
}
#history div.contain section section.active iframe,
#history div.contain section section.active img,
#history div.contain section section.active picture {
  pointer-events: all;
}
#history div.contain section section.active:before {
  border: 4px solid #1a1812;
}
#history div.contain section section.active header *:not(picture) {
  opacity: 1;
  color: #1a1812;
}
#history div.contain section section:last-child {
  max-width: 100px;
  width: 100px;
  min-width: 100px;
}
#history div.contain section section:last-child:before {
  content: "";
  display: none;
}
@media (max-width: 1250px) {
  #history div.contain section section:last-child {
    display: none;
  }
}
#history div.contain:before {
  content: " ";
  display: block;
  display: none;
  position: absolute;
  top: 0;
  right: calc(100% - 560px);
  width: calc(50vw + 50% - 400px);
  height: 100%;
  background-color: #918057;
  opacity: 0.1;
}
@media (max-width: 1450px) {
  #history div.contain:before {
    right: calc(100% - 400px);
    width: calc(50vw + 50% - 320px);
  }
}
@media (max-width: 1250px) {
  #history div.contain:before {
    right: calc(100% - 300px);
    width: calc(50vw + 50% - 220px);
  }
}
@media (max-width: 767px) {
  #history div.contain:before {
    display: none;
  }
}
@media (max-width: 1250px) {
  #history div.contain {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
#history.new div.contain header {
  padding: 0 0 100px 0;
  padding: 0 0 20px 0;
}
#history.new div.contain header ul.overview {
  width: 100%;
}
@media (max-width: 1450px) {
  #history.new div.contain header {
    padding: 0 0 100px 0;
    padding: 0 0 20px 0;
  }
}
@media (max-width: 1250px) {
  #history.new div.contain header {
    padding: 0 40px 100px 40px;
    padding: 0 40px 20px 40px;
  }
}
@media (max-width: 767px) {
  #history.new div.contain header {
    padding: 0 0 100px 0;
    padding: 0 0 20px 0;
  }
}
#history.new div.contain section {
  width: 100%;
  margin: 0;
}
#history.new div.contain section section {
  margin: 80px 0 0 0;
}
#history.new div.contain section section header {
  padding: 0;
}
#history.bespoke div.contain section section {
  padding: 0;
}
#history.bespoke div.contain section section iframe,
#history.bespoke div.contain section section img,
#history.bespoke div.contain section section picture {
  pointer-events: none;
}
#history.bespoke div.contain section section header p, #history.bespoke div.contain section section header h3 {
  padding: 0 0 0 80px;
}
@media (max-width: 1250px) {
  #history.bespoke div.contain section section header p, #history.bespoke div.contain section section header h3 {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  #history.bespoke div.contain section section header p, #history.bespoke div.contain section section header h3 {
    padding: 0 0 0 40px;
  }
}

aside.areas {
  position: sticky;
  top: 0;
  z-index: 3000;
  padding: 160px 0 0 0;
  padding: 80px 0 0 0;
  pointer-events: none;
}
aside.areas ul {
  position: relative;
  float: left;
  width: 100%;
  max-width: 470px;
  max-width: 450px;
  margin: 0;
  padding: 0 40px 0 0;
  list-style: none;
}
aside.areas ul li {
  width: 100%;
  margin: 0 0 15px 0;
}
aside.areas ul li button,
aside.areas ul li button:visited,
aside.areas ul li button:active,
aside.areas 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;
  background-color: transparent;
  font-size: 25px;
  line-height: 30px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  color: #918057;
  margin: 0;
  padding: 5px 0;
  pointer-events: all;
  text-align: left;
  position: relative;
  cursor: pointer;
}
aside.areas ul li button:before,
aside.areas ul li button:visited:before,
aside.areas ul li button:active:before,
aside.areas 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, border;
  -moz-transition-property: background-color, border;
  -o-transition-property: background-color, border;
  -webkit-transition-property: background-color, border;
  position: absolute;
  height: 13px;
  width: 13px;
  left: -36px;
  top: 8px;
  content: " ";
  display: block;
  border: 1px solid #fff8e8;
  background-color: #918057;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media (max-width: 1250px) {
  aside.areas ul li button:before,
  aside.areas ul li button:visited:before,
  aside.areas ul li button:active:before,
  aside.areas ul li button:focus:before {
    left: -26px;
  }
}
@media (max-width: 767px) {
  aside.areas ul li button:before,
  aside.areas ul li button:visited:before,
  aside.areas ul li button:active:before,
  aside.areas ul li button:focus:before {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  aside.areas ul li button:hover,
  aside.areas ul li button:visited:hover,
  aside.areas ul li button:active:hover,
  aside.areas ul li button:focus:hover {
    color: #554b33;
  }
  aside.areas ul li button:hover:before,
  aside.areas ul li button:visited:hover:before,
  aside.areas ul li button:active:hover:before,
  aside.areas ul li button:focus:hover:before {
    background-color: #554b33;
    border: 1px solid #918057;
  }
}
aside.areas ul li button.active,
aside.areas ul li button:visited.active,
aside.areas ul li button:active.active,
aside.areas ul li button:focus.active {
  color: #1a1812;
}
@media (max-width: 1250px) {
  aside.areas ul li button,
  aside.areas ul li button:visited,
  aside.areas ul li button:active,
  aside.areas ul li button:focus {
    font-size: 18px;
    line-height: 25px;
  }
}
aside.areas ul li:last-of-type {
  margin: 0;
}
aside.areas ul:before {
  position: absolute;
  height: 100vh;
  left: -30px;
  content: " ";
  border-left: 1px solid #918057;
}
@media (max-width: 1250px) {
  aside.areas ul:before {
    left: -20px;
  }
}
@media (max-width: 767px) {
  aside.areas ul:before {
    display: none;
  }
}
aside.areas.dark ul li button.active,
aside.areas.dark ul li button:visited.active,
aside.areas.dark ul li button:active.active,
aside.areas.dark ul li button:focus.active {
  color: #fff8e8;
}
@media (max-width: 1250px) {
  aside.areas {
    top: 60px;
    padding: 60px 0 0 0;
  }
}
@media (max-width: 767px) {
  aside.areas {
    position: relative;
    top: 0;
  }
}
aside.areas.bottom {
  align-self: flex-start;
  height: 100vh;
  max-height: calc(100vh - 260px);
  overflow: auto;
  align-self: flex-start;
  padding: 0;
  top: 160px;
  min-width: 470px;
  min-width: 450px;
  margin: 0 0 100px 0;
  pointer-events: all;
}
aside.areas.bottom::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
aside.areas.bottom::-webkit-scrollbar-track {
  background: #918057;
}
aside.areas.bottom::-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: #554b33;
}
aside.areas.bottom::-webkit-scrollbar-thumb:hover {
  background-color: #1a1812;
}
aside.areas.bottom::-webkit-scrollbar-corner {
  background: #918057;
}
@media (max-width: 1250px) {
  aside.areas.bottom {
    min-width: 300px;
  }
}
@media (max-width: 767px) {
  aside.areas.bottom {
    position: relative;
    min-width: 100%;
    top: 0;
    margin: 0 0 60px 0;
  }
}
aside.areas.bottom ul:before {
  display: none;
}

section.search {
  position: sticky;
  top: 75px;
  background-color: #f4ecd9;
  padding: 20px 0;
  z-index: 400;
}
section.search div.container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
}
section.search input {
  width: 100%;
  background-color: transparent;
  font-size: 25px;
  line-height: 60px;
  font-weight: 700;
  color: #1a1812;
}
section.search input::placeholder {
  color: #918057;
}
section.search p {
  position: relative;
  float: left;
  font-size: 25px;
  line-height: 40px;
  font-weight: 400;
  margin: auto 0 auto 20px;
  padding: 0;
  white-space: nowrap;
  color: #554b33;
}
@media (max-width: 767px) {
  section.search p {
    font-size: 20px;
    line-height: 35px;
  }
}
section.search p strong {
  font-weight: 700;
  color: #1a1812;
}
section.search button.btn,
section.search button.btn:visited,
section.search button.btn:active,
section.search button.btn:focus {
  margin: auto 0 auto 20px;
  white-space: nowrap;
}

aside.filters {
  position: sticky;
  top: 75px;
  background-color: #f4ecd9;
  padding: 20px 0;
  padding: 15px 0;
  z-index: 400;
  border-bottom: 1px solid #fff8e8;
}
aside.filters div.contain {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
}
aside.filters div.contain ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  gap: 30px;
}
aside.filters div.contain ul li {
  position: relative;
  width: 100%;
  max-width: 300px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
}
aside.filters div.contain ul li a,
aside.filters div.contain ul li a:visited,
aside.filters div.contain ul li a:active,
aside.filters div.contain ul li a:focus,
aside.filters div.contain ul li button,
aside.filters div.contain ul li button:visited,
aside.filters div.contain ul li button:active,
aside.filters 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;
  position: relative;
  float: left;
  background-color: transparent;
  text-align: left;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  padding: 0;
  margin: auto 0 0 0;
  white-space: nowrap;
  color: #554b33;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  text-decoration: none;
}
@media (max-width: 767px) {
  aside.filters div.contain ul li a,
  aside.filters div.contain ul li a:visited,
  aside.filters div.contain ul li a:active,
  aside.filters div.contain ul li a:focus,
  aside.filters div.contain ul li button,
  aside.filters div.contain ul li button:visited,
  aside.filters div.contain ul li button:active,
  aside.filters div.contain ul li button:focus {
    font-size: 20px;
    line-height: 35px;
  }
}
aside.filters div.contain ul li a span,
aside.filters div.contain ul li a:visited span,
aside.filters div.contain ul li a:active span,
aside.filters div.contain ul li a:focus span,
aside.filters div.contain ul li button span,
aside.filters div.contain ul li button:visited span,
aside.filters div.contain ul li button:active span,
aside.filters 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, border, transform;
  -moz-transition-property: background-color, border, transform;
  -o-transition-property: background-color, border, transform;
  -webkit-transition-property: background-color, border, transform;
  position: relative;
  float: left;
  font-weight: 700;
  color: #1a1812;
  font-size: 20px;
  line-height: 40px;
  width: 100%;
  border: 1px solid #918057;
  padding: 0 35px 0 10px;
  margin: 5px 0 0 0;
  hyphens: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
aside.filters div.contain ul li a span span,
aside.filters div.contain ul li a:visited span span,
aside.filters div.contain ul li a:active span span,
aside.filters div.contain ul li a:focus span span,
aside.filters div.contain ul li button span span,
aside.filters div.contain ul li button:visited span span,
aside.filters div.contain ul li button:active span span,
aside.filters div.contain ul li button:focus span span {
  height: 30px;
  width: 50%;
  margin: 5px 0;
  background-color: #918057;
}
aside.filters div.contain ul li a svg,
aside.filters div.contain ul li a:visited svg,
aside.filters div.contain ul li a:active svg,
aside.filters div.contain ul li a:focus svg,
aside.filters div.contain ul li button svg,
aside.filters div.contain ul li button:visited svg,
aside.filters div.contain ul li button:active svg,
aside.filters 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: transform;
  -moz-transition-property: transform-color;
  -o-transition-property: transform;
  -webkit-transition-property: transform;
  position: absolute;
  height: 20px;
  width: 15px;
  right: 10px;
  bottom: 11px;
  transform-origin: center;
  fill: #1a1812;
}
@media (hover: hover) and (pointer: fine) {
  aside.filters div.contain ul li a:hover span,
  aside.filters div.contain ul li a:visited:hover span,
  aside.filters div.contain ul li a:active:hover span,
  aside.filters div.contain ul li a:focus:hover span,
  aside.filters div.contain ul li button:hover span,
  aside.filters div.contain ul li button:visited:hover span,
  aside.filters div.contain ul li button:active:hover span,
  aside.filters div.contain ul li button:focus:hover span {
    border: 1px solid #1a1812;
    background-color: #fff8e8;
  }
  aside.filters div.contain ul li a:hover span span,
  aside.filters div.contain ul li a:visited:hover span span,
  aside.filters div.contain ul li a:active:hover span span,
  aside.filters div.contain ul li a:focus:hover span span,
  aside.filters div.contain ul li button:hover span span,
  aside.filters div.contain ul li button:visited:hover span span,
  aside.filters div.contain ul li button:active:hover span span,
  aside.filters div.contain ul li button:focus:hover span span {
    background-color: #918057;
    border: 1px solid #918057;
  }
}
aside.filters div.contain ul li a.active span,
aside.filters div.contain ul li a:visited.active span,
aside.filters div.contain ul li a:active.active span,
aside.filters div.contain ul li a:focus.active span,
aside.filters div.contain ul li button.active span,
aside.filters div.contain ul li button:visited.active span,
aside.filters div.contain ul li button:active.active span,
aside.filters div.contain ul li button:focus.active span {
  border: 1px solid #1a1812;
  background-color: #fff8e8;
}
aside.filters div.contain ul li a.active span span,
aside.filters div.contain ul li a:visited.active span span,
aside.filters div.contain ul li a:active.active span span,
aside.filters div.contain ul li a:focus.active span span,
aside.filters div.contain ul li button.active span span,
aside.filters div.contain ul li button:visited.active span span,
aside.filters div.contain ul li button:active.active span span,
aside.filters div.contain ul li button:focus.active span span {
  transform: translateX(100%);
  background-color: #1a1812;
  border: 1px solid #1a1812;
}
aside.filters div.contain ul li a.active svg,
aside.filters div.contain ul li a:visited.active svg,
aside.filters div.contain ul li a:active.active svg,
aside.filters div.contain ul li a:focus.active svg,
aside.filters div.contain ul li button.active svg,
aside.filters div.contain ul li button:visited.active svg,
aside.filters div.contain ul li button:active.active svg,
aside.filters div.contain ul li button:focus.active svg {
  transform: rotate(180deg);
}
aside.filters div.contain ul li a.active.style span,
aside.filters div.contain ul li a:visited.active.style span,
aside.filters div.contain ul li a:active.active.style span,
aside.filters div.contain ul li a:focus.active.style span,
aside.filters div.contain ul li button.active.style span,
aside.filters div.contain ul li button:visited.active.style span,
aside.filters div.contain ul li button:active.active.style span,
aside.filters div.contain ul li button:focus.active.style span {
  background-color: white;
}
aside.filters div.contain ul li a.active.style span span,
aside.filters div.contain ul li a:visited.active.style span span,
aside.filters div.contain ul li a:active.active.style span span,
aside.filters div.contain ul li a:focus.active.style span span,
aside.filters div.contain ul li button.active.style span span,
aside.filters div.contain ul li button:visited.active.style span span,
aside.filters div.contain ul li button:active.active.style span span,
aside.filters div.contain ul li button:focus.active.style span span {
  background-color: #1a1812;
}
aside.filters div.contain ul li a.clear span,
aside.filters div.contain ul li a:visited.clear span,
aside.filters div.contain ul li a:active.clear span,
aside.filters div.contain ul li a:focus.clear span,
aside.filters div.contain ul li button.clear span,
aside.filters div.contain ul li button:visited.clear span,
aside.filters div.contain ul li button:active.clear span,
aside.filters div.contain ul li button:focus.clear span {
  background-color: #1a1812;
  color: #fff8e8;
  border: 1px solid #1a1812;
  font-weight: 400;
  padding: 0 10px 0 35px;
}
aside.filters div.contain ul li a.clear svg,
aside.filters div.contain ul li a:visited.clear svg,
aside.filters div.contain ul li a:active.clear svg,
aside.filters div.contain ul li a:focus.clear svg,
aside.filters div.contain ul li button.clear svg,
aside.filters div.contain ul li button:visited.clear svg,
aside.filters div.contain ul li button:active.clear svg,
aside.filters div.contain ul li button:focus.clear svg {
  right: auto;
  left: 10px;
  fill: #fff8e8;
}
@media (hover: hover) and (pointer: fine) {
  aside.filters div.contain ul li a.clear:hover span,
  aside.filters div.contain ul li a:visited.clear:hover span,
  aside.filters div.contain ul li a:active.clear:hover span,
  aside.filters div.contain ul li a:focus.clear:hover span,
  aside.filters div.contain ul li button.clear:hover span,
  aside.filters div.contain ul li button:visited.clear:hover span,
  aside.filters div.contain ul li button:active.clear:hover span,
  aside.filters div.contain ul li button:focus.clear:hover span {
    border: 1px solid #554b33;
    background-color: #554b33;
  }
}
aside.filters div.contain ul li a.style span,
aside.filters div.contain ul li a:visited.style span,
aside.filters div.contain ul li a:active.style span,
aside.filters div.contain ul li a:focus.style span,
aside.filters div.contain ul li button.style span,
aside.filters div.contain ul li button:visited.style span,
aside.filters div.contain ul li button:active.style span,
aside.filters div.contain ul li button:focus.style span {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  width: 80px;
  padding: 0 5px;
}
aside.filters div.contain ul li a.style span span,
aside.filters div.contain ul li a:visited.style span span,
aside.filters div.contain ul li a:active.style span span,
aside.filters div.contain ul li a:focus.style span span,
aside.filters div.contain ul li button.style span span,
aside.filters div.contain ul li button:visited.style span span,
aside.filters div.contain ul li button:active.style span span,
aside.filters div.contain ul li button:focus.style span span {
  width: 50%;
}
aside.filters div.contain ul li a:disabled,
aside.filters div.contain ul li a:visited:disabled,
aside.filters div.contain ul li a:active:disabled,
aside.filters div.contain ul li a:focus:disabled,
aside.filters div.contain ul li button:disabled,
aside.filters div.contain ul li button:visited:disabled,
aside.filters div.contain ul li button:active:disabled,
aside.filters div.contain ul li button:focus:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
aside.filters div.contain ul li ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  max-height: 300px;
  height: 70vh;
  overflow: auto;
  gap: 0;
  display: none;
}
aside.filters div.contain ul li ul li {
  position: relative;
  float: left;
  width: 100%;
  max-width: 100%;
  background-color: #f4ecd9;
  border-bottom: 1px solid #fff8e8;
}
aside.filters div.contain ul li ul li button,
aside.filters div.contain ul li ul li button:visited,
aside.filters div.contain ul li ul li button:active,
aside.filters div.contain ul li ul li button:focus {
  font-size: 20px;
  line-height: 20px;
  padding: 10px;
  white-space: normal;
}
@media (hover: hover) and (pointer: fine) {
  aside.filters div.contain ul li ul li button:hover,
  aside.filters div.contain ul li ul li button:visited:hover,
  aside.filters div.contain ul li ul li button:active:hover,
  aside.filters div.contain ul li ul li button:focus:hover {
    background-color: #fff8e8;
  }
}
aside.filters div.contain ul li ul li button.active,
aside.filters div.contain ul li ul li button:visited.active,
aside.filters div.contain ul li ul li button:active.active,
aside.filters div.contain ul li ul li button:focus.active {
  background-color: #fff8e8;
  color: #1a1812;
}
aside.filters div.contain ul li ul li:last-child {
  width: 100%;
}
aside.filters div.contain ul li ul li:first-child {
  position: sticky;
  top: 0;
  z-index: 20;
}
aside.filters div.contain ul li ul.show {
  display: flex;
}
aside.filters div.contain ul li:last-child {
  margin-left: auto;
  width: auto;
}
aside.filters div.contain ul.alt {
  flex-flow: row wrap;
  gap: 20px;
}
aside.filters div.contain ul.alt li {
  width: auto;
  margin: 0;
}
aside.filters div.contain ul.alt li a,
aside.filters div.contain ul.alt li a:visited,
aside.filters div.contain ul.alt li a:active,
aside.filters div.contain ul.alt li a:focus,
aside.filters div.contain ul.alt li button,
aside.filters div.contain ul.alt li button:visited,
aside.filters div.contain ul.alt li button:active,
aside.filters div.contain ul.alt li button:focus {
  padding: 10px;
}
aside.filters div.contain ul.alt li a:has(img:not(.hidden)),
aside.filters div.contain ul.alt li a:visited:has(img:not(.hidden)),
aside.filters div.contain ul.alt li a:active:has(img:not(.hidden)),
aside.filters div.contain ul.alt li a:focus:has(img:not(.hidden)),
aside.filters div.contain ul.alt li button:has(img:not(.hidden)),
aside.filters div.contain ul.alt li button:visited:has(img:not(.hidden)),
aside.filters div.contain ul.alt li button:active:has(img:not(.hidden)),
aside.filters div.contain ul.alt li button:focus:has(img:not(.hidden)) {
  padding: 10px 10px 10px 30px;
}
aside.filters div.contain ul.alt li a img,
aside.filters div.contain ul.alt li a:visited img,
aside.filters div.contain ul.alt li a:active img,
aside.filters div.contain ul.alt li a:focus img,
aside.filters div.contain ul.alt li button img,
aside.filters div.contain ul.alt li button:visited img,
aside.filters div.contain ul.alt li button:active img,
aside.filters div.contain ul.alt li button:focus img {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 100%;
  object-position: center;
  object-fit: contain;
}
@media (hover: hover) and (pointer: fine) {
  aside.filters div.contain ul.alt li a:hover,
  aside.filters div.contain ul.alt li a:visited:hover,
  aside.filters div.contain ul.alt li a:active:hover,
  aside.filters div.contain ul.alt li a:focus:hover,
  aside.filters div.contain ul.alt li button:hover,
  aside.filters div.contain ul.alt li button:visited:hover,
  aside.filters div.contain ul.alt li button:active:hover,
  aside.filters div.contain ul.alt li button:focus:hover {
    background-color: #fff8e8;
  }
}
aside.filters div.contain ul.alt li a.active,
aside.filters div.contain ul.alt li a:visited.active,
aside.filters div.contain ul.alt li a:active.active,
aside.filters div.contain ul.alt li a:focus.active,
aside.filters div.contain ul.alt li button.active,
aside.filters div.contain ul.alt li button:visited.active,
aside.filters div.contain ul.alt li button:active.active,
aside.filters div.contain ul.alt li button:focus.active {
  background-color: #1a1812;
  color: #fff8e8;
}
aside.filters div.contain ul.alt li a.active img,
aside.filters div.contain ul.alt li a:visited.active img,
aside.filters div.contain ul.alt li a:active.active img,
aside.filters div.contain ul.alt li a:focus.active img,
aside.filters div.contain ul.alt li button.active img,
aside.filters div.contain ul.alt li button:visited.active img,
aside.filters div.contain ul.alt li button:active.active img,
aside.filters div.contain ul.alt li button:focus.active img {
  filter: invert(1);
}
@media (max-width: 767px) {
  aside.filters div.contain ul.alt li a,
  aside.filters div.contain ul.alt li a:visited,
  aside.filters div.contain ul.alt li a:active,
  aside.filters div.contain ul.alt li a:focus,
  aside.filters div.contain ul.alt li button,
  aside.filters div.contain ul.alt li button:visited,
  aside.filters div.contain ul.alt li button:active,
  aside.filters div.contain ul.alt li button:focus {
    font-size: 16px;
    line-height: 30px;
    padding: 5px 10px;
  }
}
@media (max-width: 767px) {
  aside.filters div.contain ul.alt {
    gap: 10px;
  }
}
@media (max-width: 600px) {
  aside.filters {
    top: 68px;
  }
}

section.faqs {
  position: relative;
  float: left;
  width: 100%;
  padding: 80px 0;
}
section.faqs div.contain {
  flex-flow: column wrap;
}
section.faqs div.contain h2 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  margin: 60px 0 20px 0;
  padding: 0;
  color: #554b33;
}
section.faqs div.contain h2:first-of-type {
  margin: 0 0 20px 0;
}
section.faqs div.contain ul.faqs {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  color: #1a1812;
}
section.faqs div.contain ul.faqs li {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #c8bc9f;
}
section.faqs div.contain ul.faqs button,
section.faqs div.contain ul.faqs button:visited,
section.faqs div.contain ul.faqs button:active,
section.faqs div.contain ul.faqs 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;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  float: left;
  width: 100%;
  color: #918057;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px 0;
  font-size: 40px;
  line-height: 40px;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
}
section.faqs div.contain ul.faqs button span,
section.faqs div.contain ul.faqs button:visited span,
section.faqs div.contain ul.faqs button:active span,
section.faqs div.contain ul.faqs button:focus span {
  font-size: 40px;
  line-height: 40px;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
}
section.faqs div.contain ul.faqs button svg,
section.faqs div.contain ul.faqs button:visited svg,
section.faqs div.contain ul.faqs button:active svg,
section.faqs div.contain ul.faqs 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, transform;
  -moz-transition-property: fill, transform;
  -o-transition-property: fill, transform;
  -webkit-transition-property: fill, transform;
  margin: auto 0 5px auto;
  fill: #918057;
  width: 20px;
  min-width: 20px;
  transform: rotate(90deg);
}
@media (hover: hover) and (pointer: fine) {
  section.faqs div.contain ul.faqs button:hover,
  section.faqs div.contain ul.faqs button:visited:hover,
  section.faqs div.contain ul.faqs button:active:hover,
  section.faqs div.contain ul.faqs button:focus:hover {
    color: #554b33;
  }
  section.faqs div.contain ul.faqs button:hover svg,
  section.faqs div.contain ul.faqs button:visited:hover svg,
  section.faqs div.contain ul.faqs button:active:hover svg,
  section.faqs div.contain ul.faqs button:focus:hover svg {
    fill: #554b33;
  }
}
section.faqs div.contain ul.faqs button.active,
section.faqs div.contain ul.faqs button:visited.active,
section.faqs div.contain ul.faqs button:active.active,
section.faqs div.contain ul.faqs button:focus.active {
  color: #1a1812;
}
section.faqs div.contain ul.faqs button.active svg,
section.faqs div.contain ul.faqs button:visited.active svg,
section.faqs div.contain ul.faqs button:active.active svg,
section.faqs div.contain ul.faqs button:focus.active svg {
  fill: #1a1812;
  transform: rotate(-90deg);
}
section.faqs div.contain ul.faqs div {
  position: relative;
  float: left;
  width: 100%;
}
section.faqs div.contain ul.faqs div p {
  position: relative;
  float: left;
  font-size: 25px;
  line-height: 40px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  margin: 30px 0 0 0;
  padding: 0;
  color: inherit;
}
@media (max-width: 767px) {
  section.faqs div.contain ul.faqs div p {
    font-size: 20px;
    line-height: 35px;
    font-size: 18px;
    line-height: 30px;
  }
}
section.faqs div.contain ul.faqs div p strong {
  font-weight: 700;
}
section.faqs div.contain ul.faqs div a,
section.faqs div.contain ul.faqs div a:visited,
section.faqs div.contain ul.faqs div a:active,
section.faqs div.contain ul.faqs div 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;
  font-size: 25px;
  line-height: 40px;
  font-size: 20px;
  line-height: 35px;
  font-weight: 700;
  padding: 0;
  margin: 0;
  color: inherit;
}
@media (max-width: 767px) {
  section.faqs div.contain ul.faqs div a,
  section.faqs div.contain ul.faqs div a:visited,
  section.faqs div.contain ul.faqs div a:active,
  section.faqs div.contain ul.faqs div a:focus {
    font-size: 20px;
    line-height: 35px;
    font-size: 18px;
    line-height: 30px;
  }
}
@media (hover: hover) and (pointer: fine) {
  section.faqs div.contain ul.faqs div a:hover,
  section.faqs div.contain ul.faqs div a:visited:hover,
  section.faqs div.contain ul.faqs div a:active:hover,
  section.faqs div.contain ul.faqs div a:focus:hover {
    color: #554b33;
  }
}
section.faqs div.contain ul.faqs div ol,
section.faqs div.contain ul.faqs div ul {
  position: relative;
  float: left;
  width: 100%;
  margin: 30px 0 0 0;
  padding: 0 0 0 60px;
  font-size: 25px;
  line-height: 40px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}
section.faqs div.contain ul.faqs div ol li,
section.faqs div.contain ul.faqs div ul li {
  margin: 0;
  padding: 0;
  border: none;
}
@media (max-width: 767px) {
  section.faqs div.contain ul.faqs div ol,
  section.faqs div.contain ul.faqs div ul {
    font-size: 20px;
    line-height: 35px;
    font-size: 18px;
    line-height: 30px;
  }
}
section.faqs div.contain ul.faqs div.response {
  display: none;
}
@media (max-width: 1250px) {
  section.faqs {
    padding: 60px 0;
  }
}

#steps {
  position: relative;
  width: 100%;
  min-height: 100svh;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-content: center;
  margin: 80px 0 0 0;
}
#steps div.contain {
  margin: 80px 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-content: center;
  z-index: 10;
}
#steps div.contain h2 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  margin: 0 0 40px 0;
  padding: 0;
  color: #1a1812;
  max-width: calc(50% - 160px);
}
@media (max-width: 1250px) {
  #steps div.contain h2 {
    max-width: calc(50% - 40px);
  }
}
@media (max-width: 950px) {
  #steps div.contain h2 {
    max-width: 100%;
    margin: 0 0 20px 0;
  }
}
#steps div.contain ul {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  color: #1a1812;
  max-width: calc(50% - 160px);
}
@media (max-width: 1250px) {
  #steps div.contain ul {
    max-width: calc(50% - 40px);
  }
}
@media (max-width: 950px) {
  #steps div.contain ul {
    max-width: 100%;
  }
}
#steps div.contain ul li {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 0 0 0;
}
#steps div.contain ul button,
#steps div.contain ul button:visited,
#steps div.contain ul button:active,
#steps div.contain ul 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;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  float: left;
  width: 100%;
  color: #918057;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  font-size: 50px;
  line-height: 60px;
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
}
#steps div.contain ul button small,
#steps div.contain ul button:visited small,
#steps div.contain ul button:active small,
#steps div.contain ul button:focus small {
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  color: inherit;
}
@media (max-width: 767px) {
  #steps div.contain ul button small,
  #steps div.contain ul button:visited small,
  #steps div.contain ul button:active small,
  #steps div.contain ul button:focus small {
    font-size: 20px;
    line-height: 35px;
  }
}
#steps div.contain ul button span,
#steps div.contain ul button:visited span,
#steps div.contain ul button:active span,
#steps div.contain ul button:focus span {
  font-size: 50px;
  line-height: 60px;
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
}
#steps div.contain ul button svg,
#steps div.contain ul button:visited svg,
#steps div.contain ul button:active svg,
#steps div.contain ul 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, transform;
  -moz-transition-property: fill, transform;
  -o-transition-property: fill, transform;
  -webkit-transition-property: fill, transform;
  margin: auto 0 5px auto;
  fill: #918057;
  width: 20px;
  min-width: 20px;
  transform: rotate(90deg);
}
@media (hover: hover) and (pointer: fine) {
  #steps div.contain ul button:hover,
  #steps div.contain ul button:visited:hover,
  #steps div.contain ul button:active:hover,
  #steps div.contain ul button:focus:hover {
    color: #554b33;
  }
  #steps div.contain ul button:hover svg,
  #steps div.contain ul button:visited:hover svg,
  #steps div.contain ul button:active:hover svg,
  #steps div.contain ul button:focus:hover svg {
    fill: #554b33;
  }
}
#steps div.contain ul button.active,
#steps div.contain ul button:visited.active,
#steps div.contain ul button:active.active,
#steps div.contain ul button:focus.active {
  color: #1a1812;
}
#steps div.contain ul button.active svg,
#steps div.contain ul button:visited.active svg,
#steps div.contain ul button:active.active svg,
#steps div.contain ul button:focus.active svg {
  fill: #1a1812;
  transform: rotate(-90deg);
}
#steps div.contain ul div {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 0 30px 0;
}
#steps div.contain ul div 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: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  overflow: hidden;
  position: relative;
  float: left;
  width: 100%;
  padding: 30%;
  margin: 20px 0 0 0;
  display: none;
}
#steps div.contain ul div picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
@media (max-width: 950px) {
  #steps div.contain ul div picture {
    display: block;
  }
}
#steps div.contain ul div p {
  position: relative;
  float: left;
  font-size: 25px;
  line-height: 40px;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  margin: 20px 0 0 0;
  padding: 0;
  color: inherit;
}
@media (max-width: 767px) {
  #steps div.contain ul div p {
    font-size: 20px;
    line-height: 35px;
    font-size: 18px;
    line-height: 30px;
  }
}
#steps div.contain ul div p strong {
  font-weight: 700;
}
#steps div.contain ul div a,
#steps div.contain ul div a:visited,
#steps div.contain ul div a:active,
#steps div.contain ul div 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;
  font-size: 25px;
  line-height: 40px;
  font-weight: 700;
  padding: 0;
  margin: 0;
  color: inherit;
}
@media (max-width: 767px) {
  #steps div.contain ul div a,
  #steps div.contain ul div a:visited,
  #steps div.contain ul div a:active,
  #steps div.contain ul div a:focus {
    font-size: 20px;
    line-height: 35px;
  }
}
@media (hover: hover) and (pointer: fine) {
  #steps div.contain ul div a:hover,
  #steps div.contain ul div a:visited:hover,
  #steps div.contain ul div a:active:hover,
  #steps div.contain ul div a:focus:hover {
    color: #554b33;
  }
}
#steps div.contain ul div ol,
#steps div.contain ul div ul {
  position: relative;
  float: left;
  width: 100%;
  margin: 40px 0 0 0;
  padding: 0 0 0 60px;
  font-size: 25px;
  line-height: 40px;
  font-weight: 400;
}
#steps div.contain ul div ol li,
#steps div.contain ul div ul li {
  margin: 0;
  padding: 0;
  border: none;
}
#steps div.contain ul div.response {
  display: none;
}
@media (max-width: 950px) {
  #steps div.contain {
    margin: 0;
  }
}
#steps section.images {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(50% + 80px);
  height: 100%;
  z-index: 0;
}
#steps section.images 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: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  background-color: #1a1812;
  opacity: 0;
}
#steps section.images picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
#steps section.images picture.active {
  opacity: 1;
}
#steps section.images picture.tinted {
  background-color: #fff8e8;
}
#steps section.images picture.tinted img {
  mix-blend-mode: luminosity;
}
@media (max-width: 1250px) {
  #steps section.images {
    width: calc(50% - 40px);
  }
}
@media (max-width: 950px) {
  #steps section.images {
    display: none;
  }
}
@media (max-width: 950px) {
  #steps {
    margin: 60px 0 0 0;
  }
}

#blocks div.contain {
  margin: 40px 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-content: center;
  padding: 0;
}
#blocks div.contain h2 {
  position: relative;
  float: left;
  margin: 0;
  width: 100%;
  font-size: 50px;
  line-height: 60px;
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
}
#blocks div.contain p {
  position: relative;
  float: left;
  width: 100%;
  font-size: 25px;
  line-height: 40px;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  margin: 20px 0 0 0;
  padding: 0;
  color: inherit;
}
@media (max-width: 767px) {
  #blocks div.contain p {
    font-size: 20px;
    line-height: 35px;
    font-size: 18px;
    line-height: 30px;
  }
}
#blocks div.contain p:first-of-type {
  margin: 0;
  font-weight: 700;
  font-size: 25px;
  line-height: 35px;
  color: #918057;
}
#blocks div.contain section {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 40px 0;
}
@media (max-width: 767px) {
  #blocks div.contain section {
    flex-flow: row wrap;
    padding: 0;
  }
}
#blocks div.contain section header {
  position: sticky;
  top: 80px;
  width: 100%;
  max-width: 50%;
  padding: 80px 80px 80px 320px;
  margin: 0;
  align-self: flex-start;
}
@media (max-width: 1500px) {
  #blocks div.contain section header {
    padding: 80px;
  }
}
@media (max-width: 1250px) {
  #blocks div.contain section header {
    padding: 80px 0 0 60px;
  }
}
@media (max-width: 767px) {
  #blocks div.contain section header {
    position: relative;
    max-width: 100%;
    top: 0;
    padding: 60px 40px;
  }
}
#blocks div.contain section section.images {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: stretch;
  align-content: stretch;
  padding: 0;
  width: 100%;
  max-width: 50%;
  overflow: hidden;
}
@media (max-width: 767px) {
  #blocks div.contain section section.images {
    max-width: 100%;
    padding: 0 40px;
  }
}
#blocks div.contain section section.images picture {
  position: relative;
  background-color: #918057;
  margin: 60px 0 0 0;
  display: block;
  width: 50%;
  transform: translateX(60px);
  height: 80vh;
  max-height: 600px;
}
#blocks div.contain section section.images picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
#blocks div.contain section section.images picture:last-child:not(.ignore) {
  height: 40vh;
  max-height: 200px;
  min-height: 0;
}
#blocks div.contain section section.images picture:first-of-type {
  margin: 0;
  height: 80vh !important;
  max-height: 600px !important;
}
#blocks div.contain section section.images picture:nth-child(even) {
  transform: translateX(120px);
  height: calc(80vh - 60px) !important;
  max-height: 540px !important;
}
@media (max-width: 1250px) {
  #blocks div.contain section section.images {
    flex-flow: column wrap;
  }
  #blocks div.contain section section.images picture {
    margin: 40px 0 0 0;
    width: calc(100% - 60px);
    transform: translateX(60px);
  }
  #blocks div.contain section section.images picture:nth-child(even) {
    margin: 40px 0 0 0;
    transform: translateX(60px);
  }
  #blocks div.contain section section.images picture:first-of-type {
    margin: 0;
  }
}
@media (max-width: 767px) {
  #blocks div.contain section section.images picture {
    width: 100%;
    transform: translateX(0) !important;
    height: 80vh !important;
    max-height: 600px !important;
  }
  #blocks div.contain section section.images picture:nth-child(even) {
    transform: translateX(0) !important;
    height: 80vh !important;
    max-height: 600px !important;
  }
  #blocks div.contain section section.images picture:first-of-type {
    height: 80vh !important;
    max-height: 600px !important;
  }
}
#blocks div.contain section:nth-child(even) {
  flex-flow: row-reverse nowrap;
}
@media (max-width: 767px) {
  #blocks div.contain section:nth-child(even) {
    flex-flow: row wrap;
    padding: 0;
  }
}
#blocks div.contain section:nth-child(even) header {
  padding: 80px 320px 80px 80px;
}
@media (max-width: 1500px) {
  #blocks div.contain section:nth-child(even) header {
    padding: 80px;
  }
}
@media (max-width: 1250px) {
  #blocks div.contain section:nth-child(even) header {
    padding: 80px 60px 0 0;
  }
}
@media (max-width: 767px) {
  #blocks div.contain section:nth-child(even) header {
    max-width: 100%;
    padding: 60px 40px;
  }
}
#blocks div.contain section:nth-child(even) section.images {
  flex-flow: row-reverse wrap;
}
#blocks div.contain section:nth-child(even) section.images picture {
  margin: 0;
  transform: translateX(-60px);
}
#blocks div.contain section:nth-child(even) section.images picture:nth-child(even) {
  transform: translateX(-120px);
  margin: 60px 0 0 0;
}
@media (max-width: 1250px) {
  #blocks div.contain section:nth-child(even) section.images {
    flex-flow: column wrap;
  }
  #blocks div.contain section:nth-child(even) section.images picture {
    margin: 40px 0 0 0;
    transform: translateX(0px);
  }
  #blocks div.contain section:nth-child(even) section.images picture:nth-child(even) {
    margin: 40px 0 0 0;
    transform: translateX(0px);
  }
  #blocks div.contain section:nth-child(even) section.images picture:first-of-type {
    margin: 0;
  }
}
@media (max-width: 767px) {
  #blocks div.contain section:nth-child(even) section.images picture {
    width: 100%;
    transform: translateX(0) !important;
    min-height: 60vh !important;
  }
  #blocks div.contain section:nth-child(even) section.images picture:nth-child(even) {
    transform: translateX(0) !important;
  }
  #blocks div.contain section:nth-child(even) section.images picture:first-of-type {
    min-height: 60vh !important;
  }
}
@media (max-width: 767px) {
  #blocks div.contain {
    margin: 0 0 60px 0;
  }
}

#bespoke-intro div.contain {
  margin: 80px 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: center;
  padding: 0 160px;
}
@media (max-width: 1500px) {
  #bespoke-intro div.contain {
    padding: 0 80px;
  }
}
@media (max-width: 1250px) {
  #bespoke-intro div.contain {
    margin: 60px 0;
    padding: 0 0 0 80px;
  }
}
@media (max-width: 767px) {
  #bespoke-intro div.contain {
    padding: 0 0 0 40px;
  }
}
@media (max-width: 700px) {
  #bespoke-intro div.contain {
    padding: 0 40px;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-content: flex-start;
  }
}
#bespoke-intro div.contain header {
  padding: 40px 80px 40px 0;
  width: 100%;
  max-width: 50%;
  min-width: 50%;
}
@media (max-width: 1250px) {
  #bespoke-intro div.contain header {
    margin: 0 auto 0 0;
  }
}
@media (max-width: 700px) {
  #bespoke-intro div.contain header {
    position: relative;
    float: left;
    max-width: 100%;
    padding: 0;
  }
}
#bespoke-intro div.contain picture {
  position: relative;
  left: 0;
  background-color: #918057;
  display: block;
  width: 100%;
  max-width: 400px;
  min-height: 55%;
}
#bespoke-intro div.contain picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  mix-blend-mode: luminosity;
}
#bespoke-intro div.contain picture.front {
  margin: 0 auto 80px 80px;
  position: sticky;
  top: 160px;
  align-self: flex-start;
  z-index: 2;
}
@media (max-width: 1250px) {
  #bespoke-intro div.contain picture.front {
    margin: 0 auto 80px 0;
  }
}
#bespoke-intro div.contain picture.back {
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 320px;
  margin: 80px 0 0 auto;
  justify-self: flex-end;
  align-self: flex-end;
}
@media (max-width: 1500px) {
  #bespoke-intro div.contain picture.back {
    right: 80px;
  }
}
@media (max-width: 1250px) {
  #bespoke-intro div.contain picture.back {
    right: 0;
  }
}
@media (max-width: 1250px) {
  #bespoke-intro div.contain picture {
    min-height: calc(50% - 20px);
    max-width: calc(50% - 80px);
  }
  #bespoke-intro div.contain picture.front, #bespoke-intro div.contain picture.back {
    left: auto;
    right: 0;
    position: absolute;
    top: 0;
  }
}
@media (max-width: 767px) {
  #bespoke-intro div.contain picture {
    max-width: calc(50% - 40px);
  }
}
@media (max-width: 700px) {
  #bespoke-intro div.contain picture {
    max-width: 100%;
    min-height: 0;
  }
  #bespoke-intro div.contain picture.front, #bespoke-intro div.contain picture.back {
    height: 45vh;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    margin: 40px 0 0 0;
    position: relative;
    float: left;
  }
}
#bespoke-intro div.contain h2 {
  position: relative;
  float: left;
  margin: 0;
  width: 100%;
  font-size: 50px;
  line-height: 60px;
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
}
#bespoke-intro div.contain h3 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  margin: 40px 0 0 0;
  padding: 0;
  color: inherit;
}
@media (max-width: 767px) {
  #bespoke-intro div.contain h3 {
    margin: 40px 0 0 0;
    font-size: 20px;
    line-height: 30px;
  }
}
#bespoke-intro div.contain p {
  position: relative;
  float: left;
  width: 100%;
  font-size: 25px;
  line-height: 40px;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  margin: 20px 0 0 0;
  padding: 0;
  color: inherit;
}
@media (max-width: 767px) {
  #bespoke-intro div.contain p {
    font-size: 20px;
    line-height: 35px;
    font-size: 18px;
    line-height: 30px;
  }
}

#highlights {
  padding: 80px 0 0 0;
}
#highlights div.contain {
  flex-flow: column wrap;
  justify-content: stretch;
  align-content: stretch;
  text-align: center;
}
#highlights div.contain header {
  position: relative;
  width: 100%;
  color: #1a1812;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  margin: 0 0 60px 0;
}
#highlights div.contain header h2 {
  position: relative;
  float: left;
  margin: 0;
  width: 100%;
  font-size: 50px;
  line-height: 60px;
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  cursor: pointer;
}
#highlights div.contain header p, #highlights div.contain header h3 {
  position: relative;
  float: left;
  width: 50%;
  font-size: 25px;
  line-height: 40px;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: inherit;
}
#highlights div.contain header p strong, #highlights div.contain header h3 strong {
  font-weight: 700;
}
@media (max-width: 767px) {
  #highlights div.contain header p, #highlights div.contain header h3 {
    font-size: 18px;
    line-height: 30px;
  }
}
#highlights div.contain header p {
  height: auto;
  margin: auto 0 0 0;
  padding: 0;
}
#highlights div.contain header h3 {
  color: #554b33;
  width: 100%;
  font-weight: 700;
}
@media (max-width: 1250px) {
  #highlights div.contain header {
    margin: 0 0 40px 0;
  }
}
#highlights div.contain section[data-name] {
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 50px;
}
#highlights div.contain section[data-name] article {
  position: relative;
  width: 100%;
  max-width: calc(33.3333333333% - 33.3333333333px);
}
#highlights div.contain section[data-name] article a,
#highlights div.contain section[data-name] article a:visited,
#highlights div.contain section[data-name] article a:active,
#highlights div.contain section[data-name] article a:focus {
  width: 100%;
  float: left;
  text-decoration: none;
}
#highlights div.contain section[data-name] article a picture,
#highlights div.contain section[data-name] article a:visited picture,
#highlights div.contain section[data-name] article a:active picture,
#highlights div.contain section[data-name] article a:focus picture {
  position: relative;
  overflow: hidden;
  width: 100%;
  float: left;
  aspect-ratio: 5/4;
  background-color: #554b33;
  max-height: 450px;
}
#highlights div.contain section[data-name] article a picture img,
#highlights div.contain section[data-name] article a:visited picture img,
#highlights div.contain section[data-name] article a:active picture img,
#highlights div.contain section[data-name] article a:focus 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, mix-blend-mode, opacity;
  -moz-transition-property: transform, mix-blend-mode, opacity;
  -o-transition-property: transform, mix-blend-mode, opacity;
  -webkit-transition-property: transform, mix-blend-mode, opacity;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
#highlights div.contain section[data-name] article a header,
#highlights div.contain section[data-name] article a:visited header,
#highlights div.contain section[data-name] article a:active header,
#highlights div.contain section[data-name] article a:focus header {
  padding: 40px 0 0 0;
  margin: 0;
  color: #1a1812;
}
#highlights div.contain section[data-name] article a header h3,
#highlights div.contain section[data-name] article a:visited header h3,
#highlights div.contain section[data-name] article a:active header h3,
#highlights div.contain section[data-name] article a:focus header h3 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 30px;
  line-height: 30px;
  color: inherit;
  padding: 0;
}
#highlights div.contain section[data-name] article a header p,
#highlights div.contain section[data-name] article a:visited header p,
#highlights div.contain section[data-name] article a:active header p,
#highlights div.contain section[data-name] article a:focus header 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;
  position: relative;
  float: left;
  width: 100%;
  font-size: 18px;
  line-height: 20px;
  color: #918057;
  font-weight: 700;
  padding: 5px 0 0 0;
}
@media (max-width: 1250px) {
  #highlights div.contain section[data-name] article a header,
  #highlights div.contain section[data-name] article a:visited header,
  #highlights div.contain section[data-name] article a:active header,
  #highlights div.contain section[data-name] article a:focus header {
    padding: 20px 0 0 0;
  }
}
@media (max-width: 767px) {
  #highlights div.contain section[data-name] article a header p,
  #highlights div.contain section[data-name] article a:visited header p,
  #highlights div.contain section[data-name] article a:active header p,
  #highlights div.contain section[data-name] article a:focus header p {
    margin: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  #highlights div.contain section[data-name] article a:hover picture img,
  #highlights div.contain section[data-name] article a:visited:hover picture img,
  #highlights div.contain section[data-name] article a:active:hover picture img,
  #highlights div.contain section[data-name] article a:focus:hover picture img {
    mix-blend-mode: luminosity;
    opacity: 0.5;
    transform: scale(1.2) rotate(1deg);
  }
  #highlights div.contain section[data-name] article a:hover p,
  #highlights div.contain section[data-name] article a:visited:hover p,
  #highlights div.contain section[data-name] article a:active:hover p,
  #highlights div.contain section[data-name] article a:focus:hover p {
    color: #1a1812;
  }
}
@media (max-width: 1250px) {
  #highlights div.contain section[data-name] article {
    max-width: calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  #highlights div.contain section[data-name] article {
    max-width: 100%;
  }
}
@media (max-width: 1250px) {
  #highlights div.contain section[data-name] {
    gap: 40px;
  }
}
@media (max-width: 600px) {
  #highlights div.contain {
    text-align: left;
  }
}

section.form {
  padding: 80px 0;
}
section.form div.contain {
  justify-content: stretch;
  align-content: stretch;
}
section.form div.contain header {
  position: relative;
  width: 100%;
  padding: 80px 160px 80px 0;
  color: #1a1812;
}
section.form div.contain header span.title,
section.form div.contain header h2 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 100px;
  line-height: 100px;
  font-size: 80px;
  line-height: 80px;
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  margin: 0 0 80px 0;
  margin: 0 0 40px 0;
  padding: 0;
  color: inherit;
}
@media (max-width: 1920px) {
  section.form div.contain header span.title,
  section.form div.contain header h2 {
    font-size: 5vw;
    line-height: 5vw;
    font-size: 4vw;
    line-height: 4vw;
  }
}
@media (max-width: 950px) {
  section.form div.contain header span.title,
  section.form div.contain header h2 {
    font-size: 10vw;
    line-height: 10vw;
  }
}
section.form div.contain header ul,
section.form div.contain header p {
  position: relative;
  float: left;
  width: 100%;
  font-size: 25px;
  line-height: 40px;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: inherit;
}
section.form div.contain header ul strong,
section.form div.contain header p strong {
  font-weight: 700;
}
section.form div.contain header ul a,
section.form div.contain header ul a:visited,
section.form div.contain header ul a:active,
section.form div.contain header ul a:focus,
section.form div.contain header p a,
section.form div.contain header p a:visited,
section.form div.contain header p a:active,
section.form div.contain header p 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;
  font-weight: 700;
  color: inherit;
  text-decoration: none;
}
section.form div.contain header ul a small,
section.form div.contain header ul a:visited small,
section.form div.contain header ul a:active small,
section.form div.contain header ul a:focus small,
section.form div.contain header p a small,
section.form div.contain header p a:visited small,
section.form div.contain header p a:active small,
section.form div.contain header p a:focus small {
  color: #918057;
}
@media (hover: hover) and (pointer: fine) {
  section.form div.contain header ul a:hover,
  section.form div.contain header ul a:visited:hover,
  section.form div.contain header ul a:active:hover,
  section.form div.contain header ul a:focus:hover,
  section.form div.contain header p a:hover,
  section.form div.contain header p a:visited:hover,
  section.form div.contain header p a:active:hover,
  section.form div.contain header p a:focus:hover {
    color: #918057;
  }
}
@media (max-width: 767px) {
  section.form div.contain header ul,
  section.form div.contain header p {
    font-size: 20px;
    line-height: 30px;
    font-size: 18px;
    line-height: 30px;
  }
}
section.form div.contain header ul {
  list-style: none;
}
section.form div.contain header a.btn,
section.form div.contain header a.btn:visited,
section.form div.contain header a.btn:active,
section.form div.contain header a.btn:focus,
section.form div.contain header button.btn,
section.form div.contain header button.btn:visited,
section.form div.contain header button.btn:active,
section.form div.contain header button.btn:focus {
  margin: 80px 0 0 0;
}
@media (max-width: 1900px) {
  section.form div.contain header a.btn,
  section.form div.contain header a.btn:visited,
  section.form div.contain header a.btn:active,
  section.form div.contain header a.btn:focus,
  section.form div.contain header button.btn,
  section.form div.contain header button.btn:visited,
  section.form div.contain header button.btn:active,
  section.form div.contain header button.btn:focus {
    margin: 60px 0 0 0;
  }
  section.form div.contain header span.title,
  section.form div.contain header h2 {
    margin: 0 0 60px 0;
  }
}
@media (max-width: 1250px) {
  section.form div.contain header a.btn,
  section.form div.contain header a.btn:visited,
  section.form div.contain header a.btn:active,
  section.form div.contain header a.btn:focus,
  section.form div.contain header button.btn,
  section.form div.contain header button.btn:visited,
  section.form div.contain header button.btn:active,
  section.form div.contain header button.btn:focus {
    margin: 40px 0 0 0;
  }
  section.form div.contain header span.title,
  section.form div.contain header h2 {
    margin: 0 0 40px 0;
  }
}
@media (max-width: 950px) {
  section.form div.contain header span.title,
  section.form div.contain header h2 {
    font-size: 10vw;
    line-height: 10vw;
  }
}
@media (max-width: 767px) {
  section.form div.contain header a.btn,
  section.form div.contain header a.btn:visited,
  section.form div.contain header a.btn:active,
  section.form div.contain header a.btn:focus,
  section.form div.contain header button.btn,
  section.form div.contain header button.btn:visited,
  section.form div.contain header button.btn:active,
  section.form div.contain header button.btn:focus {
    margin: 40px 0 0 0;
  }
}
section.form div.contain picture {
  position: relative;
  width: 100%;
  min-width: 50%;
  overflow: hidden;
}
section.form div.contain picture a,
section.form div.contain picture a:visited,
section.form div.contain picture a:active,
section.form div.contain picture a:focus,
section.form div.contain 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%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
@media (hover: hover) and (pointer: fine) {
  section.form div.contain picture:has(a):hover img {
    transform: scale(1.1) rotate(1deg);
  }
}
section.form div.contain form {
  position: relative;
  width: 100%;
  padding: 0;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-content: flex-start;
  color: #1a1812;
  margin: 0 auto;
  max-width: 900px;
}
section.form div.contain form h2, section.form div.contain form h3 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 100px;
  line-height: 100px;
  font-size: 80px;
  line-height: 80px;
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  color: inherit;
}
@media (max-width: 1920px) {
  section.form div.contain form h2, section.form div.contain form h3 {
    font-size: 5vw;
    line-height: 5vw;
    font-size: 4vw;
    line-height: 4vw;
  }
}
@media (max-width: 950px) {
  section.form div.contain form h2, section.form div.contain form h3 {
    font-size: 10vw;
    line-height: 10vw;
  }
}
section.form div.contain form h3 {
  color: #918057;
  font-size: 25px;
  line-height: 40px;
  margin: 0 0 40px 0;
}
@media (max-width: 767px) {
  section.form div.contain form h3 {
    margin: 0 0 20px 0 !important;
  }
}
section.form div.contain form p {
  position: relative;
  float: left;
  width: 100%;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: inherit;
}
section.form div.contain form p strong {
  font-weight: 700;
}
section.form div.contain form p a,
section.form div.contain form p a:visited,
section.form div.contain form p a:active,
section.form div.contain form p 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;
  font-weight: 700;
  color: inherit;
  text-decoration: none;
}
section.form div.contain form p a small,
section.form div.contain form p a:visited small,
section.form div.contain form p a:active small,
section.form div.contain form p a:focus small {
  color: #918057;
}
@media (hover: hover) and (pointer: fine) {
  section.form div.contain form p a:hover,
  section.form div.contain form p a:visited:hover,
  section.form div.contain form p a:active:hover,
  section.form div.contain form p a:focus:hover {
    color: #918057;
  }
}
@media (max-width: 767px) {
  section.form div.contain form p {
    font-size: 18px;
    line-height: 30px;
  }
}
section.form div.contain form p.margin {
  margin: 20px 0 0 0;
}
section.form div.contain form label {
  position: relative;
  float: left;
  width: 100%;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: inherit;
}
section.form div.contain form label span {
  margin: 0 auto 0 0;
}
section.form div.contain form label small {
  margin: auto 0 0 0;
  font-size: 14px;
  line-height: 30px;
  color: #554b33;
  vertical-align: bottom;
  white-space: nowrap;
}
@media (max-width: 1250px) {
  section.form div.contain form label {
    font-size: 14px;
    line-height: 30px;
  }
  section.form div.contain form label small {
    font-size: 12px;
    line-height: 30px;
  }
}
section.form div.contain form label:not([for=gdpr]) {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
}
section.form div.contain form label[for=gdpr] {
  font-size: 14px;
  line-height: 30px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
}
section.form div.contain form label a,
section.form div.contain form label a:focus,
section.form div.contain form label a:active,
section.form div.contain form label 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;
  color: inherit;
  font-weight: 700;
  text-decoration: none;
}
section.form div.contain form label a svg,
section.form div.contain form label a:focus svg,
section.form div.contain form label a:active svg,
section.form div.contain form label a:visited svg {
  fill: #918057;
  height: 40px;
  width: 30px;
  margin: 0 15px 0 0;
}
@media (hover: hover) {
  section.form div.contain form label a:hover,
  section.form div.contain form label a:focus:hover,
  section.form div.contain form label a:active:hover,
  section.form div.contain form label a:visited:hover {
    color: #918057;
  }
}
section.form div.contain form label a:has(svg),
section.form div.contain form label a:focus:has(svg),
section.form div.contain form label a:active:has(svg),
section.form div.contain form label a:visited:has(svg) {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  width: auto;
}
section.form div.contain form label a:has(svg) small,
section.form div.contain form label a:focus:has(svg) small,
section.form div.contain form label a:active:has(svg) small,
section.form div.contain form label a:visited:has(svg) small {
  margin: auto 0 0 5px;
}
@media (max-width: 1250px) {
  section.form div.contain form label a,
  section.form div.contain form label a:focus,
  section.form div.contain form label a:active,
  section.form div.contain form label a:visited {
    font-size: 14px;
    line-height: 30px;
  }
  section.form div.contain form label a svg,
  section.form div.contain form label a:focus svg,
  section.form div.contain form label a:active svg,
  section.form div.contain form label a:visited svg {
    height: 30px;
    width: 25px;
    margin: 0 10px 0 0;
  }
}
section.form div.contain form label:has(+ :valid) small:after {
  float: right;
  content: "✔";
  color: white;
  background-color: #918057;
  margin: 2px 0 0 5px;
  padding: 3px 5px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 40px;
  width: 25px;
  height: 25px;
  text-align: center;
  display: inline;
}
section.form div.contain form label:has(+ :user-invalid) small:after {
  float: right;
  content: "✘";
  color: white;
  background-color: #918057;
  margin: 2px 0 0 5px;
  padding: 3px 6px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 40px;
  width: 25px;
  height: 25px;
  text-align: center;
  display: inline;
}
section.form div.contain form select,
section.form div.contain form textarea,
section.form div.contain form input:not([type=checkbox]) {
  position: relative;
  float: left;
  width: 100%;
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  margin: 5px 0 20px 0;
  padding: 10px 15px;
  color: inherit;
  background-color: #fff8e8;
}
section.form div.contain form select[type=submit],
section.form div.contain form textarea[type=submit],
section.form div.contain form input:not([type=checkbox])[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: 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: #fff8e8;
  margin: 60px 0 0 0;
}
@media (hover: hover) {
  section.form div.contain form select[type=submit]:hover,
  section.form div.contain form textarea[type=submit]:hover,
  section.form div.contain form input:not([type=checkbox])[type=submit]:hover {
    background-color: #1a1812;
    color: #fff8e8;
  }
}
@media (max-width: 1250px) {
  section.form div.contain form select[type=submit],
  section.form div.contain form textarea[type=submit],
  section.form div.contain form input:not([type=checkbox])[type=submit] {
    margin: 40px 0 0 0;
  }
}
@media (max-width: 1250px) {
  section.form div.contain form select,
  section.form div.contain form textarea,
  section.form div.contain form input:not([type=checkbox]) {
    margin: 10px 0 15px 0;
  }
}
section.form div.contain form input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #918057;
  min-width: 25px;
  height: 25px;
  background-color: transparent;
  margin: 2px 15px 0 0;
}
section.form div.contain form input[type=checkbox]:hover {
  border: 1px solid #1a1812;
}
section.form div.contain form input[type=checkbox]:checked {
  background-color: #fff8e8;
  border: 10px solid #1a1812;
}
section.form div.contain form textarea {
  resize: none;
  height: 400px;
}
@media (max-width: 1250px) {
  section.form div.contain form h2 {
    font-size: 60px;
    line-height: 60px;
  }
}
@media (max-width: 950px) {
  section.form div.contain form h2 {
    font-size: 12vmin;
    line-height: 13vmin;
  }
}
section.form div.contain #map {
  position: relative;
  width: 100%;
  min-width: 50%;
  overflow: hidden;
  background-color: #1a1812;
}
section.form div.contain #map:not(#map) a,
section.form div.contain #map:not(#map) a:visited,
section.form div.contain #map:not(#map) a:active,
section.form div.contain #map:not(#map) a:focus,
section.form div.contain #map:not(#map) 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%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
@media (hover: hover) and (pointer: fine) {
  section.form div.contain #map:has(a):hover:not(#map) img {
    transform: scale(1.1) rotate(1deg);
  }
}
section.form div.contain:has(picture) form {
  padding: 80px 0 80px 80px;
}
@media (max-width: 1250px) {
  section.form {
    padding: 0;
  }
  section.form div.contain {
    padding: 0;
  }
  section.form div.contain header,
  section.form div.contain form {
    padding: 60px 40px;
  }
  section.form div.contain:has(picture) form {
    padding: 60px 40px;
  }
}
@media (max-width: 767px) {
  section.form div.contain {
    padding: 0;
  }
  section.form div.contain header,
  section.form div.contain form {
    padding: 60px 40px;
  }
  section.form div.contain:has(picture) form {
    padding: 60px 40px;
  }
}
@media (max-width: 450px) {
  section.form div.contain {
    padding: 0;
  }
  section.form div.contain header,
  section.form div.contain form {
    padding: 40px 20px;
  }
  section.form div.contain:has(picture) form {
    padding: 40px 20px;
  }
}
@media (max-width: 700px) {
  section.form div.contain {
    flex-flow: column wrap;
  }
  section.form div.contain #map {
    height: 40svh;
  }
}

#acabamentos {
  padding: 80px 0;
}
#acabamentos div.contain {
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 40px;
}
#acabamentos div.contain article {
  position: relative;
  width: 100%;
  max-width: calc(20% - 32px);
}
#acabamentos div.contain article a,
#acabamentos div.contain article a:visited,
#acabamentos div.contain article a:active,
#acabamentos div.contain article a:focus {
  text-decoration: none;
  width: 100%;
  float: left;
}
#acabamentos div.contain article a picture,
#acabamentos div.contain article a:visited picture,
#acabamentos div.contain article a:active picture,
#acabamentos div.contain article a:focus picture {
  position: relative;
  overflow: hidden;
  width: 100%;
  float: left;
  aspect-ratio: 2/4;
  background-color: #f4ecd9;
  max-height: 450px;
}
#acabamentos div.contain article a picture img,
#acabamentos div.contain article a:visited picture img,
#acabamentos div.contain article a:active picture img,
#acabamentos div.contain article a:focus 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, mix-blend-mode, opacity;
  -moz-transition-property: transform, mix-blend-mode, opacity;
  -o-transition-property: transform, mix-blend-mode, opacity;
  -webkit-transition-property: transform, mix-blend-mode, opacity;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: scale-down;
  object-position: center;
  -o-object-fit: scale-down;
  -o-object-position: center;
  padding: 20px;
}
#acabamentos div.contain article a header,
#acabamentos div.contain article a:visited header,
#acabamentos div.contain article a:active header,
#acabamentos div.contain article a:focus header {
  position: relative;
  width: 100%;
  color: #1a1812;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 20px 0 0 0;
  margin: 0;
  color: #1a1812;
  text-align: center;
}
#acabamentos div.contain article a header h2,
#acabamentos div.contain article a:visited header h2,
#acabamentos div.contain article a:active header h2,
#acabamentos div.contain article a:focus header h2 {
  position: relative;
  float: left;
  margin: 0;
  width: 100%;
  font-weight: 700;
  color: inherit;
  padding: 0;
  font-size: 20px;
  line-height: 20px;
  color: inherit;
}
@media (max-width: 767px) {
  #acabamentos div.contain article a header h2,
  #acabamentos div.contain article a:visited header h2,
  #acabamentos div.contain article a:active header h2,
  #acabamentos div.contain article a:focus header h2 {
    font-size: 18px;
    line-height: 25px;
  }
}
#acabamentos div.contain article a header p,
#acabamentos div.contain article a:visited header p,
#acabamentos div.contain article a:active header p,
#acabamentos div.contain article a:focus header 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;
  position: relative;
  float: left;
  width: 100%;
  font-size: 16px;
  height: auto;
  margin: auto 0 0 0;
  line-height: 20px;
  color: #554b33;
  font-weight: 700;
  padding: 5px 0 0 0;
}
@media (max-width: 1250px) {
  #acabamentos div.contain article a header,
  #acabamentos div.contain article a:visited header,
  #acabamentos div.contain article a:active header,
  #acabamentos div.contain article a:focus header {
    padding: 20px 0 0 0;
  }
}
@media (max-width: 767px) {
  #acabamentos div.contain article a header p,
  #acabamentos div.contain article a:visited header p,
  #acabamentos div.contain article a:active header p,
  #acabamentos div.contain article a:focus header p {
    margin: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  #acabamentos div.contain article a:hover picture img,
  #acabamentos div.contain article a:visited:hover picture img,
  #acabamentos div.contain article a:active:hover picture img,
  #acabamentos div.contain article a:focus:hover picture img {
    transform: scale(1.2) rotate(1deg);
  }
  #acabamentos div.contain article a:hover p,
  #acabamentos div.contain article a:visited:hover p,
  #acabamentos div.contain article a:active:hover p,
  #acabamentos div.contain article a:focus:hover p {
    color: #1a1812;
  }
}
@media (max-width: 1250px) {
  #acabamentos div.contain article {
    max-width: calc(33.3333333333% - 26.6666666667px);
  }
}
@media (max-width: 767px) {
  #acabamentos div.contain article {
    max-width: calc(50% - 10px);
  }
}
@media (max-width: 400px) {
  #acabamentos div.contain article {
    max-width: 100%;
  }
}
@media (max-width: 1250px) {
  #acabamentos div.contain {
    gap: 40px;
  }
}
@media (max-width: 767px) {
  #acabamentos div.contain {
    gap: 40px 20px;
  }
}
@media (max-width: 600px) {
  #acabamentos div.contain {
    text-align: left;
  }
}
@media (max-width: 767px) {
  #acabamentos {
    padding: 60px 0;
  }
}

section.gallery {
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 50px;
  padding: 0 0 120px 0;
}
section.gallery a,
section.gallery a:visited,
section.gallery a:active,
section.gallery a:focus {
  position: relative;
  width: 100%;
  max-width: calc(25% - 37.5px);
  overflow: hidden;
  aspect-ratio: 1;
}
section.gallery a picture,
section.gallery a:visited picture,
section.gallery a:active picture,
section.gallery a:focus picture {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  background-color: #554b33;
}
section.gallery a picture img,
section.gallery a:visited picture img,
section.gallery a:active picture img,
section.gallery a:focus 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, mix-blend-mode, opacity;
  -moz-transition-property: transform, mix-blend-mode, opacity;
  -o-transition-property: transform, mix-blend-mode, opacity;
  -webkit-transition-property: transform, mix-blend-mode, opacity;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}
@media (max-width: 1250px) {
  section.gallery a,
  section.gallery a:visited,
  section.gallery a:active,
  section.gallery a:focus {
    max-width: calc(33.3333333333% - 26.6666666667px);
  }
}
@media (max-width: 767px) {
  section.gallery a,
  section.gallery a:visited,
  section.gallery a:active,
  section.gallery a:focus {
    max-width: calc(50% - 10px);
  }
}
@media (max-width: 400px) {
  section.gallery a,
  section.gallery a:visited,
  section.gallery a:active,
  section.gallery a:focus {
    max-width: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  section.gallery a:hover picture img,
  section.gallery a:visited:hover picture img,
  section.gallery a:active:hover picture img,
  section.gallery a:focus:hover picture img {
    transform: scale(1.2) rotate(1deg);
  }
}
@media (max-width: 1250px) {
  section.gallery {
    gap: 40px;
  }
}
@media (max-width: 767px) {
  section.gallery {
    gap: 20px;
    padding: 0 0 60px 0;
  }
}

footer.moreprojects {
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: stretch;
}
footer.moreprojects article {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #918057;
  border-right: 1px solid #918057;
}
footer.moreprojects article a,
footer.moreprojects article a:visited,
footer.moreprojects article a:active,
footer.moreprojects article a:focus {
  position: relative;
  width: 100%;
  display: block;
  float: left;
  height: 100%;
}
footer.moreprojects article a picture,
footer.moreprojects article a:visited picture,
footer.moreprojects article a:active picture,
footer.moreprojects article a:focus 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: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  z-index: 0;
  background-color: #fff8e8;
}
footer.moreprojects article a picture img,
footer.moreprojects article a:visited picture img,
footer.moreprojects article a:active picture img,
footer.moreprojects article a:focus 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, mix-blend-mode, opacity;
  -moz-transition-property: transform, mix-blend-mode, opacity;
  -o-transition-property: transform, mix-blend-mode, opacity;
  -webkit-transition-property: transform, mix-blend-mode, opacity;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  mix-blend-mode: luminosity;
  opacity: 0;
}
footer.moreprojects article a header,
footer.moreprojects article a:visited header,
footer.moreprojects article a:active header,
footer.moreprojects article a:focus header {
  background-color: transparent;
  position: relative;
  float: left;
  width: 100%;
  z-index: 200;
  padding: 200px 80px 80px 80px;
  color: #1a1812 !important;
}
footer.moreprojects article a header h3, footer.moreprojects article a header p,
footer.moreprojects article a:visited header h3,
footer.moreprojects article a:visited header p,
footer.moreprojects article a:active header h3,
footer.moreprojects article a:active header p,
footer.moreprojects article a:focus header h3,
footer.moreprojects article a:focus header 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: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
}
footer.moreprojects article a header p,
footer.moreprojects article a:visited header p,
footer.moreprojects article a:active header p,
footer.moreprojects article a:focus header p {
  width: 100%;
  color: #918057 !important;
}
@media (max-width: 767px) {
  footer.moreprojects article a header,
  footer.moreprojects article a:visited header,
  footer.moreprojects article a:active header,
  footer.moreprojects article a:focus header {
    padding: 60px 50px;
  }
}
@media (hover: hover) and (pointer: fine) {
  footer.moreprojects article a:hover header,
  footer.moreprojects article a:visited:hover header,
  footer.moreprojects article a:active:hover header,
  footer.moreprojects article a:focus:hover header {
    color: #fff8e8 !important;
  }
  footer.moreprojects article a:hover header p,
  footer.moreprojects article a:visited:hover header p,
  footer.moreprojects article a:active:hover header p,
  footer.moreprojects article a:focus:hover header p {
    color: #fff8e8 !important;
  }
  footer.moreprojects article a:hover picture,
  footer.moreprojects article a:visited:hover picture,
  footer.moreprojects article a:active:hover picture,
  footer.moreprojects article a:focus:hover picture {
    background-color: #554b33;
  }
  footer.moreprojects article a:hover picture img,
  footer.moreprojects article a:visited:hover picture img,
  footer.moreprojects article a:active:hover picture img,
  footer.moreprojects article a:focus:hover picture img {
    opacity: 0.2;
    transform: scale(1.2);
  }
}
footer.moreprojects article:last-child {
  text-align: right;
  border-right: none;
}
@media (max-width: 767px) {
  footer.moreprojects article {
    border-right: none;
  }
}
@media (max-width: 767px) {
  footer.moreprojects {
    flex-flow: column-reverse wrap;
  }
}

@-webkit-keyframes new {
  0% {
    stroke-width: 1px;
  }
  50% {
    stroke-width: 2px;
  }
  100% {
    stroke-width: 1px;
  }
}
@-moz-keyframes new {
  0% {
    stroke-width: 1px;
  }
  50% {
    stroke-width: 2px;
  }
  100% {
    stroke-width: 1px;
  }
}
@-ms-keyframes new {
  0% {
    stroke-width: 1px;
  }
  50% {
    stroke-width: 2px;
  }
  100% {
    stroke-width: 1px;
  }
}
@-o-keyframes new {
  0% {
    stroke-width: 1px;
  }
  50% {
    stroke-width: 2px;
  }
  100% {
    stroke-width: 1px;
  }
}
@keyframes new {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(300%);
  }
}
section.products {
  position: relative;
  float: left;
  width: 100%;
  padding: 80px 0;
}
section.products div.contain {
  flex-flow: row wrap;
  gap: 15px;
}
section.products header {
  position: relative;
  width: 100%;
  float: left;
  margin: 0 0 40px 0;
  order: -2;
}
section.products header h2 {
  position: relative;
  float: left;
  width: 50%;
  font-size: 100px;
  line-height: 100px;
  font-weight: 700;
  margin: 0;
  padding: 0 80px 0 0;
  color: inherit;
}
@media (max-width: 767px) {
  section.products header {
    margin: 0 0 20px 0;
  }
}
section.products article {
  order: 0;
  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;
  position: relative;
  width: 100%;
  border: 1px solid #f4ecd9;
  max-width: calc(16.6666666667% - 12.5px);
  overflow: hidden;
  padding: 15px 15px 0 15px;
}
section.products article p.new {
  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;
  width: auto;
  font-size: 12px;
  height: auto;
  margin: 0;
  line-height: 12px;
  color: #1a1812;
  font-weight: 700;
  padding: 10px;
  text-transform: uppercase;
  z-index: 13;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
section.products article p.new: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;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  content: " ";
  width: 10px;
  height: 10px;
  background-color: #1a1812;
  display: inline-block;
  margin: 0 5px 0 0;
  border-radius: 10px 10px 0 10px;
}
section.products article figure,
section.products article picture {
  z-index: 4;
  position: relative;
  float: left;
  margin: 0;
  width: 100%;
  height: 40vh;
  max-height: 400px;
  min-height: 300px;
  background-color: white;
  background-color: #fff8e8;
  overflow: hidden;
}
section.products article figure img,
section.products article 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, mix-blend-mode, opacity;
  -moz-transition-property: transform, mix-blend-mode, opacity;
  -o-transition-property: transform, mix-blend-mode, opacity;
  -webkit-transition-property: transform, mix-blend-mode, opacity;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  left: 0;
  top: 0;
  object-position: center;
  object-fit: scale-down;
  -o-object-position: center;
  -o-object-fit: scale-down;
  padding: 15px;
  mix-blend-mode: darken;
  padding: 30px 15px 15px 15px;
}
section.products article figure img.amb,
section.products article picture img.amb {
  z-index: 1;
  padding: 0;
  object-fit: cover;
  -o-object-fit: cover;
  mix-blend-mode: normal;
  opacity: 0;
}
section.products article figure:after,
section.products article 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;
  pointer-events: none;
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 80px);
  background-image: -webkit-linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 80px);
  background-image: -ms-linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 80px);
  opacity: 0;
}
section.products article figure.hover,
section.products article picture.hover {
  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, mix-blend-mode, opacity;
  -moz-transition-property: transform, mix-blend-mode, opacity;
  -o-transition-property: transform, mix-blend-mode, opacity;
  -webkit-transition-property: transform, mix-blend-mode, opacity;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  left: 0;
  top: 0;
  opacity: 0;
}
section.products article figure.hover img,
section.products article picture.hover img {
  padding: 0;
  object-fit: cover;
  -o-object-fit: cover;
  filter: blur(20px);
}
section.products article figure.hover:after,
section.products article picture.hover:after {
  pointer-events: none;
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.6 !important;
}
@media (max-width: 767px) {
  section.products article figure,
  section.products article picture {
    height: 30vh;
  }
}
section.products article 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: border-color;
  -moz-transition-property: border-color;
  -o-transition-property: border-color;
  -webkit-transition-property: border-color;
  z-index: 6;
  position: relative;
  width: 100%;
  color: #1a1812;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  padding: 30px 0;
  margin: 0;
  text-align: center;
  border-top: 1px solid #f4ecd9;
}
section.products article header h3,
section.products article header h2 {
  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;
  float: left;
  margin: 0 !important;
  width: 100%;
  font-weight: 700;
  font-size: 20px !important;
  line-height: 20px !important;
  color: inherit;
  padding: 0 !important;
}
@media (max-width: 767px) {
  section.products article header h3,
  section.products article header h2 {
    font-size: 18px !important;
    line-height: 25px !important;
  }
}
section.products article header 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;
  position: relative;
  float: left;
  width: 100%;
  font-size: 16px !important;
  height: auto;
  margin: auto 0 0 0 !important;
  line-height: 20px !important;
  color: #554b33 !important;
  font-weight: 700 !important;
  padding: 5px 0 0 0 !important;
}
@media (max-width: 767px) {
  section.products article header p {
    font-size: 16px !important;
  }
}
section.products article a,
section.products article a:visited,
section.products article a:active,
section.products article a:focus {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  left: 0;
  top: 0;
  object-position: center;
  object-fit: scale-down;
  -o-object-position: center;
  -o-object-fit: scale-down;
  padding: 20px;
  z-index: 20;
}
section.products article.new {
  order: -1;
}
section.products article.new:after {
  pointer-events: none;
  position: absolute;
  content: "";
  display: block;
  display: none;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100vmax;
  height: 80%;
  background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(155, 121, 40, 0.15) 50%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(155, 121, 40, 0.15) 50%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(155, 121, 40, 0.15) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-animation: new 2000ms linear infinite;
  -o-animation: new 2000ms linear infinite;
  animation: new 2000ms linear infinite;
}
section.products article.colecao {
  padding: 0;
  display: flex;
  flex-flow: column nowrap;
}
section.products article.colecao p.new {
  color: #fff8e8;
}
section.products article.colecao p.new:before {
  background-color: #fff8e8;
}
section.products article.colecao figure,
section.products article.colecao picture {
  position: absolute;
  width: 100%;
  height: 100%;
}
section.products article.colecao figure img,
section.products article.colecao picture img {
  padding: 0;
  object-fit: cover;
  -o-object-fit: cover;
}
section.products article.colecao figure:after,
section.products article.colecao picture:after {
  pointer-events: none;
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.8;
}
section.products article.colecao header {
  margin: auto 0 0 0;
  z-index: 100;
  color: #fff8e8;
}
section.products article.alt {
  background-color: white;
}
section.products article.alt figure,
section.products article.alt picture {
  background-color: white;
}
section.products article.alt figure img,
section.products article.alt picture img {
  mix-blend-mode: none;
}
@media (hover: hover) and (pointer: fine) {
  section.products article:hover {
    background-color: #f4ecd9;
  }
  section.products article:hover figure.hover,
  section.products article:hover picture.hover, section.products article:hover img.amb {
    opacity: 1;
  }
  section.products article:hover figure img,
  section.products article:hover picture img {
    transform: scale(1.06);
  }
  section.products article:hover p {
    color: #1a1812 !important;
  }
  section.products article:hover:has(img.amb) p.new {
    color: #fff8e8 !important;
  }
  section.products article:hover:has(img.amb) p.new:before {
    background-color: #fff8e8;
  }
  section.products article:hover:has(img.amb) figure:after,
  section.products article:hover:has(img.amb) picture:after {
    opacity: 0.5;
  }
}
@media (max-width: 1250px) {
  section.products article {
    max-width: calc(25% - 11.25px);
  }
}
@media (max-width: 767px) {
  section.products article {
    max-width: calc(33.3333333333% - 10px);
  }
}
@media (max-width: 650px) {
  section.products article {
    max-width: calc(50% - 7.5px);
  }
}
section.products.detail {
  flex-flow: row wrap;
  gap: 15px;
  padding: 0 0 80px 0;
}
section.products.product {
  margin: 20px 0 0 0;
  padding: 0;
  flex-flow: row nowrap;
  gap: 15px;
  overflow: auto;
}
section.products.product article {
  max-width: 100%;
  width: 20%;
  min-width: calc(20% + 10px);
  padding: 10px;
}
section.products.product article figure,
section.products.product article picture {
  padding: 60% 0;
}
@media (max-width: 767px) {
  section.products.product article {
    width: 33.3333333333%;
    min-width: calc(33.3333333333% + 10px);
  }
}
section.products.product header {
  top: 0;
  max-width: 100%;
  padding: 15px 15px 5px 15px;
}
section.products.product header h3 {
  font-size: 14px !important;
  line-height: 20px !important;
}
@media (max-width: 1250px) {
  section.products {
    padding: 60px 0;
  }
  section.products.detail {
    padding: 0 0 60px 0;
  }
}

section.product {
  padding: 80px 0;
}
section.product div.contain {
  flex-flow: row nowrap;
}
@media (max-width: 767px) {
  section.product div.contain {
    flex-flow: column wrap;
  }
}
section.product header {
  padding: 0 0 0 100px;
}
@media (max-width: 1250px) {
  section.product header {
    padding: 0 0 0 80px;
  }
}
@media (max-width: 767px) {
  section.product header {
    padding: 0;
  }
}
section.product section.images,
section.product header {
  position: sticky;
  top: 140px;
  align-self: flex-start;
  width: 100%;
  max-width: 50%;
  float: left;
  margin: 0;
  order: -2;
}
section.product section.images h2,
section.product header h2 {
  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;
  float: left;
  margin: 40px 0 0 0;
  width: 100%;
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  color: inherit;
  padding: 0;
}
@media (max-width: 767px) {
  section.product section.images h2,
  section.product header h2 {
    font-size: 25px;
    line-height: 25px;
  }
}
section.product section.images h2:first-of-type,
section.product header h2:first-of-type {
  margin: 0;
}
section.product section.images h2.info,
section.product section.images h3,
section.product header h2.info,
section.product header 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;
  position: relative;
  float: left;
  width: auto;
  font-size: 18px;
  height: auto;
  margin: auto 0 0 0;
  line-height: 20px;
  color: #554b33;
  font-weight: 700;
  padding: 0 30px 0 0;
}
@media (max-width: 767px) {
  section.product section.images h2.info,
  section.product section.images h3,
  section.product header h2.info,
  section.product header h3 {
    font-size: 16px;
  }
}
section.product section.images p:not(.project),
section.product header p:not(.project) {
  position: relative;
  float: left;
  width: 100%;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  color: #554b33;
  font-weight: 400;
}
section.product section.images p:not(.project).finish,
section.product section.images p:not(.project) strong,
section.product header p:not(.project).finish,
section.product header p:not(.project) strong {
  font-weight: 700;
}
section.product section.images p:not(.project).finish,
section.product header p:not(.project).finish {
  color: #554b33;
  font-size: 16px;
}
@media (max-width: 767px) {
  section.product section.images p:not(.project),
  section.product header p:not(.project) {
    font-size: 16px;
  }
}
section.product section.images small,
section.product header small {
  position: relative;
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  color: #554b33;
  font-weight: 400;
}
section.product section.images small a,
section.product section.images small a:visited,
section.product section.images small a:active,
section.product section.images small a:focus,
section.product header small a,
section.product header small a:visited,
section.product header small a:active,
section.product header small 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;
  color: #554b33;
  font-weight: 700;
}
@media (hover: hover) and (pointer: fine) {
  section.product section.images small a:hover,
  section.product section.images small a:visited:hover,
  section.product section.images small a:active:hover,
  section.product section.images small a:focus:hover,
  section.product header small a:hover,
  section.product header small a:visited:hover,
  section.product header small a:active:hover,
  section.product header small a:focus:hover {
    color: #1a1812;
  }
}
section.product section.images ul.finishes,
section.product header ul.finishes {
  position: relative;
  width: 100%;
  float: left;
  margin: 10px 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
section.product section.images ul.finishes li,
section.product header ul.finishes li {
  position: relative;
  margin: 10px 10px 0 0;
}
section.product section.images ul.finishes li button,
section.product section.images ul.finishes li button:visited,
section.product section.images ul.finishes li button:active,
section.product section.images ul.finishes li button:focus,
section.product section.images ul.finishes li a,
section.product section.images ul.finishes li a:visited,
section.product section.images ul.finishes li a:active,
section.product section.images ul.finishes li a:focus,
section.product header ul.finishes li button,
section.product header ul.finishes li button:visited,
section.product header ul.finishes li button:active,
section.product header ul.finishes li button:focus,
section.product header ul.finishes li a,
section.product header ul.finishes li a:visited,
section.product header ul.finishes li a:active,
section.product header ul.finishes 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: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  position: relative;
  width: 50px;
  height: 50px;
  min-height: 50px;
  min-width: 50px;
  margin: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff8e8;
  border: 1px solid #f4ecd9;
}
section.product section.images ul.finishes li button svg,
section.product section.images ul.finishes li button picture,
section.product section.images ul.finishes li button:visited svg,
section.product section.images ul.finishes li button:visited picture,
section.product section.images ul.finishes li button:active svg,
section.product section.images ul.finishes li button:active picture,
section.product section.images ul.finishes li button:focus svg,
section.product section.images ul.finishes li button:focus picture,
section.product section.images ul.finishes li a svg,
section.product section.images ul.finishes li a picture,
section.product section.images ul.finishes li a:visited svg,
section.product section.images ul.finishes li a:visited picture,
section.product section.images ul.finishes li a:active svg,
section.product section.images ul.finishes li a:active picture,
section.product section.images ul.finishes li a:focus svg,
section.product section.images ul.finishes li a:focus picture,
section.product header ul.finishes li button svg,
section.product header ul.finishes li button picture,
section.product header ul.finishes li button:visited svg,
section.product header ul.finishes li button:visited picture,
section.product header ul.finishes li button:active svg,
section.product header ul.finishes li button:active picture,
section.product header ul.finishes li button:focus svg,
section.product header ul.finishes li button:focus picture,
section.product header ul.finishes li a svg,
section.product header ul.finishes li a picture,
section.product header ul.finishes li a:visited svg,
section.product header ul.finishes li a:visited picture,
section.product header ul.finishes li a:active svg,
section.product header ul.finishes li a:active picture,
section.product header ul.finishes li a:focus svg,
section.product header ul.finishes li a:focus picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
section.product section.images ul.finishes li button svg img,
section.product section.images ul.finishes li button picture img,
section.product section.images ul.finishes li button:visited svg img,
section.product section.images ul.finishes li button:visited picture img,
section.product section.images ul.finishes li button:active svg img,
section.product section.images ul.finishes li button:active picture img,
section.product section.images ul.finishes li button:focus svg img,
section.product section.images ul.finishes li button:focus picture img,
section.product section.images ul.finishes li a svg img,
section.product section.images ul.finishes li a picture img,
section.product section.images ul.finishes li a:visited svg img,
section.product section.images ul.finishes li a:visited picture img,
section.product section.images ul.finishes li a:active svg img,
section.product section.images ul.finishes li a:active picture img,
section.product section.images ul.finishes li a:focus svg img,
section.product section.images ul.finishes li a:focus picture img,
section.product header ul.finishes li button svg img,
section.product header ul.finishes li button picture img,
section.product header ul.finishes li button:visited svg img,
section.product header ul.finishes li button:visited picture img,
section.product header ul.finishes li button:active svg img,
section.product header ul.finishes li button:active picture img,
section.product header ul.finishes li button:focus svg img,
section.product header ul.finishes li button:focus picture img,
section.product header ul.finishes li a svg img,
section.product header ul.finishes li a picture img,
section.product header ul.finishes li a:visited svg img,
section.product header ul.finishes li a:visited picture img,
section.product header ul.finishes li a:active svg img,
section.product header ul.finishes li a:active picture img,
section.product header ul.finishes li a:focus svg img,
section.product header ul.finishes li a:focus picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  -o-object-position: center;
  -o-object-fit: cover;
  padding: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
section.product section.images ul.finishes li button.active,
section.product section.images ul.finishes li button:visited.active,
section.product section.images ul.finishes li button:active.active,
section.product section.images ul.finishes li button:focus.active,
section.product section.images ul.finishes li a.active,
section.product section.images ul.finishes li a:visited.active,
section.product section.images ul.finishes li a:active.active,
section.product section.images ul.finishes li a:focus.active,
section.product header ul.finishes li button.active,
section.product header ul.finishes li button:visited.active,
section.product header ul.finishes li button:active.active,
section.product header ul.finishes li button:focus.active,
section.product header ul.finishes li a.active,
section.product header ul.finishes li a:visited.active,
section.product header ul.finishes li a:active.active,
section.product header ul.finishes li a:focus.active {
  border-color: #918057;
}
@media (hover: hover) and (pointer: fine) {
  section.product section.images ul.finishes li button:hover,
  section.product section.images ul.finishes li button:visited:hover,
  section.product section.images ul.finishes li button:active:hover,
  section.product section.images ul.finishes li button:focus:hover,
  section.product section.images ul.finishes li a:hover,
  section.product section.images ul.finishes li a:visited:hover,
  section.product section.images ul.finishes li a:active:hover,
  section.product section.images ul.finishes li a:focus:hover,
  section.product header ul.finishes li button:hover,
  section.product header ul.finishes li button:visited:hover,
  section.product header ul.finishes li button:active:hover,
  section.product header ul.finishes li button:focus:hover,
  section.product header ul.finishes li a:hover,
  section.product header ul.finishes li a:visited:hover,
  section.product header ul.finishes li a:active:hover,
  section.product header ul.finishes li a:focus:hover {
    background-color: #f4ecd9;
  }
  section.product section.images ul.finishes li button:hover span,
  section.product section.images ul.finishes li button:visited:hover span,
  section.product section.images ul.finishes li button:active:hover span,
  section.product section.images ul.finishes li button:focus:hover span,
  section.product section.images ul.finishes li a:hover span,
  section.product section.images ul.finishes li a:visited:hover span,
  section.product section.images ul.finishes li a:active:hover span,
  section.product section.images ul.finishes li a:focus:hover span,
  section.product header ul.finishes li button:hover span,
  section.product header ul.finishes li button:visited:hover span,
  section.product header ul.finishes li button:active:hover span,
  section.product header ul.finishes li button:focus:hover span,
  section.product header ul.finishes li a:hover span,
  section.product header ul.finishes li a:visited:hover span,
  section.product header ul.finishes li a:active:hover span,
  section.product header ul.finishes li a:focus:hover span {
    opacity: 1;
  }
}
section.product section.images ul.finishes li a,
section.product section.images ul.finishes li a:visited,
section.product section.images ul.finishes li a:active,
section.product section.images ul.finishes li a:focus,
section.product header ul.finishes li a,
section.product header ul.finishes li a:visited,
section.product header ul.finishes li a:active,
section.product header ul.finishes li a:focus {
  width: auto;
  padding: 5px 15px 5px 50px;
  padding: 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display: block;
  text-decoration: none;
  color: #554b33;
  font-weight: 700;
  font-size: 14px;
}
section.product section.images ul.finishes li a span,
section.product section.images ul.finishes li a:visited span,
section.product section.images ul.finishes li a:active span,
section.product section.images ul.finishes li a:focus span,
section.product header ul.finishes li a span,
section.product header ul.finishes li a:visited span,
section.product header ul.finishes li a:active span,
section.product header ul.finishes li a: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: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  position: absolute;
  color: #554b33;
  font-weight: 700;
  left: 100%;
  margin-left: 10px;
  bottom: 5px;
  pointer-events: none;
  opacity: 0;
  line-height: 14px;
}
section.product section.images ul.finishes li a svg,
section.product section.images ul.finishes li a:visited svg,
section.product section.images ul.finishes li a:active svg,
section.product section.images ul.finishes li a:focus svg,
section.product header ul.finishes li a svg,
section.product header ul.finishes li a:visited svg,
section.product header ul.finishes li a:active svg,
section.product header ul.finishes li a:focus svg {
  top: 6px;
  left: 6px;
  background-color: #554b33;
  width: 36px;
  height: 36px;
  padding: 10px;
  fill: #fff8e8;
}
section.product section.images ul.details,
section.product header ul.details {
  position: relative;
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
}
section.product section.images ul.details li,
section.product header ul.details li {
  display: flex;
  border-bottom: 1px solid #f4ecd9;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: flex-start;
  padding: 10px 0;
}
section.product section.images ul.details li p,
section.product header ul.details li p {
  width: auto;
  color: #554b33;
  align-self: flex-end;
}
section.product section.images ul.details li button,
section.product section.images ul.details li button:focus,
section.product section.images ul.details li button:active,
section.product section.images ul.details li button:visited,
section.product section.images ul.details li a,
section.product section.images ul.details li a:focus,
section.product section.images ul.details li a:active,
section.product section.images ul.details li a:visited,
section.product header ul.details li button,
section.product header ul.details li button:focus,
section.product header ul.details li button:active,
section.product header ul.details li button:visited,
section.product header ul.details li a,
section.product header ul.details li a:focus,
section.product header ul.details li a:active,
section.product header ul.details 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: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  position: relative;
  float: left;
  width: auto;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  color: #554b33;
  font-weight: 700;
  background-color: transparent;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
}
section.product section.images ul.details li button span,
section.product section.images ul.details li button:focus span,
section.product section.images ul.details li button:active span,
section.product section.images ul.details li button:visited span,
section.product section.images ul.details li a span,
section.product section.images ul.details li a:focus span,
section.product section.images ul.details li a:active span,
section.product section.images ul.details li a:visited span,
section.product header ul.details li button span,
section.product header ul.details li button:focus span,
section.product header ul.details li button:active span,
section.product header ul.details li button:visited span,
section.product header ul.details li a span,
section.product header ul.details li a:focus span,
section.product header ul.details li a:active span,
section.product header ul.details li a:visited span {
  font-size: 12px;
}
section.product section.images ul.details li button strong,
section.product section.images ul.details li button:focus strong,
section.product section.images ul.details li button:active strong,
section.product section.images ul.details li button:visited strong,
section.product section.images ul.details li a strong,
section.product section.images ul.details li a:focus strong,
section.product section.images ul.details li a:active strong,
section.product section.images ul.details li a:visited strong,
section.product header ul.details li button strong,
section.product header ul.details li button:focus strong,
section.product header ul.details li button:active strong,
section.product header ul.details li button:visited strong,
section.product header ul.details li a strong,
section.product header ul.details li a:focus strong,
section.product header ul.details li a:active strong,
section.product header ul.details li a:visited strong {
  white-space: nowrap;
  font-size: 12px;
  background-color: #554b33;
  color: #fff8e8;
  padding: 0 5px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 20px;
  display: block;
  float: left;
  margin: 0 5px 0 0;
}
section.product section.images ul.details li button svg,
section.product section.images ul.details li button:focus svg,
section.product section.images ul.details li button:active svg,
section.product section.images ul.details li button:visited svg,
section.product section.images ul.details li a svg,
section.product section.images ul.details li a:focus svg,
section.product section.images ul.details li a:active svg,
section.product section.images ul.details li a:visited svg,
section.product header ul.details li button svg,
section.product header ul.details li button:focus svg,
section.product header ul.details li button:active svg,
section.product header ul.details li button:visited svg,
section.product header ul.details li a svg,
section.product header ul.details li a:focus svg,
section.product header ul.details li a:active svg,
section.product header ul.details li a:visited svg {
  height: 10px;
  fill: #fff8e8;
  margin: 0 5px 0 0;
}
@media (max-width: 767px) {
  section.product section.images ul.details li button,
  section.product section.images ul.details li button:focus,
  section.product section.images ul.details li button:active,
  section.product section.images ul.details li button:visited,
  section.product section.images ul.details li a,
  section.product section.images ul.details li a:focus,
  section.product section.images ul.details li a:active,
  section.product section.images ul.details li a:visited,
  section.product header ul.details li button,
  section.product header ul.details li button:focus,
  section.product header ul.details li button:active,
  section.product header ul.details li button:visited,
  section.product header ul.details li a,
  section.product header ul.details li a:focus,
  section.product header ul.details li a:active,
  section.product header ul.details li a:visited {
    font-size: 16px;
  }
  section.product section.images ul.details li button span,
  section.product section.images ul.details li button:focus span,
  section.product section.images ul.details li button:active span,
  section.product section.images ul.details li button:visited span,
  section.product section.images ul.details li a span,
  section.product section.images ul.details li a:focus span,
  section.product section.images ul.details li a:active span,
  section.product section.images ul.details li a:visited span,
  section.product header ul.details li button span,
  section.product header ul.details li button:focus span,
  section.product header ul.details li button:active span,
  section.product header ul.details li button:visited span,
  section.product header ul.details li a span,
  section.product header ul.details li a:focus span,
  section.product header ul.details li a:active span,
  section.product header ul.details li a:visited span {
    font-size: 12px;
  }
}
@media (hover: hover) and (pointer: fine) {
  section.product section.images ul.details li button:hover,
  section.product section.images ul.details li button:focus:hover,
  section.product section.images ul.details li button:active:hover,
  section.product section.images ul.details li button:visited:hover,
  section.product section.images ul.details li a:hover,
  section.product section.images ul.details li a:focus:hover,
  section.product section.images ul.details li a:active:hover,
  section.product section.images ul.details li a:visited:hover,
  section.product header ul.details li button:hover,
  section.product header ul.details li button:focus:hover,
  section.product header ul.details li button:active:hover,
  section.product header ul.details li button:visited:hover,
  section.product header ul.details li a:hover,
  section.product header ul.details li a:focus:hover,
  section.product header ul.details li a:active:hover,
  section.product header ul.details li a:visited:hover {
    color: #1a1812;
  }
}
section.product section.images ul.details li ul,
section.product header ul.details li ul {
  width: 100%;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
section.product section.images ul.details li ul li,
section.product header ul.details li ul li {
  padding: 0;
  border-bottom: none;
  position: relative;
  width: auto;
  margin: 15px 15px 0 0;
  z-index: 0;
}
section.product section.images ul.details li ul li figure,
section.product header ul.details li ul li figure {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff8e8;
  border: 1px solid #1a1812;
}
section.product section.images ul.details li ul li figure img,
section.product header ul.details li ul li figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: scale-down;
  -o-object-position: center;
  -o-object-fit: scale-down;
  padding: 5px;
  mix-blend-mode: darken;
}
section.product section.images ul.details li ul li p,
section.product header ul.details li ul li p {
  position: absolute;
  width: auto;
  background-color: #554b33;
  color: #fff8e8;
  align-self: flex-end;
  font-size: 14px;
  padding: 5px 10px;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 10px);
  display: none;
  white-space: nowrap;
}
section.product section.images ul.details li ul li:hover,
section.product header ul.details li ul li:hover {
  z-index: 10;
}
section.product section.images ul.details li ul li:hover p,
section.product header ul.details li ul li:hover p {
  display: block;
}
section.product section.images ul.details li:last-child, section.product section.images ul.details li.icons,
section.product header ul.details li:last-child,
section.product header ul.details li.icons {
  border-bottom: none;
}
section.product section.images picture.esquema,
section.product header picture.esquema {
  position: relative;
  margin: 40px 0 0 0;
  border: 1px solid #f4ecd9;
  float: left;
  width: 100%;
  max-width: 300px;
  background-color: #fff8e8;
}
section.product section.images picture.esquema img,
section.product header picture.esquema img {
  position: relative;
  float: left;
  width: 100%;
  padding: 15px;
  object-position: center;
  object-fit: scale-down;
  -o-object-position: center;
  -o-object-fit: scale-down;
  mix-blend-mode: darken;
}
section.product section.images p.project,
section.product section.images p.info,
section.product header p.project,
section.product header p.info {
  position: relative;
  float: left;
  width: 100%;
  font-size: 25px;
  line-height: 40px;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  margin: 30px 0 0 0;
  padding: 0;
  color: inherit;
}
@media (max-width: 767px) {
  section.product section.images p.project,
  section.product section.images p.info,
  section.product header p.project,
  section.product header p.info {
    font-size: 20px;
    line-height: 35px;
    font-size: 18px;
    line-height: 30px;
  }
}
section.product section.images p.info,
section.product header p.info {
  margin: 0 0 15px 0;
}
@media (max-width: 767px) {
  section.product section.images,
  section.product header {
    position: relative;
    top: 0;
    max-width: 100%;
    margin: 0 0 40px 0;
  }
}
section.product section.images {
  max-width: 100%;
}
section.product section.images ul.thumbs {
  position: relative;
  float: left;
  width: 100%;
  margin: 30px 0 0 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 15px;
  list-style: none;
}
section.product section.images ul.thumbs li {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: calc(12.5% - 13.125px);
}
section.product section.images ul.thumbs li button,
section.product section.images ul.thumbs li button:focus,
section.product section.images ul.thumbs li button:active,
section.product section.images ul.thumbs li 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: background-color, border;
  -moz-transition-property: background-color, border;
  -o-transition-property: background-color, border;
  -webkit-transition-property: background-color, border;
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 1px solid #f4ecd9;
  background-color: #fff8e8;
}
section.product section.images ul.thumbs li button picture,
section.product section.images ul.thumbs li button:focus picture,
section.product section.images ul.thumbs li button:active picture,
section.product section.images ul.thumbs li button:visited picture {
  background-color: transparent;
  padding: 50%;
  margin: 0;
  position: relative;
  float: left;
  width: 100%;
}
section.product section.images ul.thumbs li button picture img,
section.product section.images ul.thumbs li button:focus picture img,
section.product section.images ul.thumbs li button:active picture img,
section.product section.images ul.thumbs li button:visited picture img {
  padding: 5px;
  margin: 0;
  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.product section.images ul.thumbs li button picture.product img,
section.product section.images ul.thumbs li button:focus picture.product img,
section.product section.images ul.thumbs li button:active picture.product img,
section.product section.images ul.thumbs li button:visited picture.product img {
  object-position: center;
  object-fit: scale-down;
  -o-object-position: center;
  -o-object-fit: scale-down;
  mix-blend-mode: darken;
}
@media (hover: hover) and (pointer: fine) {
  section.product section.images ul.thumbs li button:hover,
  section.product section.images ul.thumbs li button:focus:hover,
  section.product section.images ul.thumbs li button:active:hover,
  section.product section.images ul.thumbs li button:visited:hover {
    background-color: #f4ecd9;
  }
}
section.product section.images ul.thumbs li button.active,
section.product section.images ul.thumbs li button:focus.active,
section.product section.images ul.thumbs li button:active.active,
section.product section.images ul.thumbs li button:visited.active {
  border: 1px solid #918057;
}
@media (max-width: 1250px) {
  section.product section.images ul.thumbs {
    margin: 20px 0 0 0;
  }
  section.product section.images ul.thumbs li {
    max-width: calc(16.6666666667% - 12.5px);
  }
}
section.product section.images iframe {
  position: relative;
  float: left;
  width: 100%;
  margin: 60px 0 0 0;
  aspect-ratio: 16/9;
}
@media (max-width: 767px) {
  section.product section.images iframe {
    margin: 40px 0 0 0;
  }
}
section.product section.images h3 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  margin: 60px 0 0 0;
  padding: 0;
  color: inherit;
}
@media (max-width: 767px) {
  section.product section.images h3 {
    margin: 40px 0 0 0;
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  section.product section.images {
    flex-flow: row wrap;
    overflow: auto;
  }
}
@media (max-width: 1250px) {
  section.product {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  section.product {
    padding: 60px 0 0 0;
  }
}
section.product.artinox {
  padding-left: 400px;
}
@media (max-width: 1250px) {
  section.product.artinox {
    padding-left: 250px;
  }
}
@media (max-width: 767px) {
  section.product.artinox {
    padding-left: 0;
  }
}

div.login {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9000;
  display: none;
  flex-flow: column wrap;
  overflow: auto;
  justify-content: flex-start;
  align-content: center;
  padding: 0 40px;
}
div.login section {
  position: relative;
  margin: auto;
  background-color: #fff8e8;
  width: 100%;
  max-width: 500px;
  padding: 30px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
div.login section h5 {
  position: relative;
  float: left;
  width: 100%;
  font-size: 25px;
  line-height: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
  padding: 0;
  color: #918057;
}
div.login section p {
  position: relative;
  float: left;
  width: 100%;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  margin: 0 0 40px 0;
  padding: 0;
  color: inherit;
}
@media (max-width: 767px) {
  div.login section p {
    font-size: 18px;
    line-height: 30px;
  }
}
div.login section button,
div.login section button:focus,
div.login section button:active,
div.login section 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;
  float: left;
  width: auto;
  font-size: 18px;
  line-height: 20px;
  margin: 0 20px 0 auto;
  padding: 10px 15px;
  color: #918057;
  font-weight: 700;
  background-color: transparent;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
}
@media (max-width: 767px) {
  div.login section button,
  div.login section button:focus,
  div.login section button:active,
  div.login section button:visited {
    font-size: 16px;
  }
}
@media (hover: hover) and (pointer: fine) {
  div.login section button:hover,
  div.login section button:focus:hover,
  div.login section button:active:hover,
  div.login section button:visited:hover {
    color: #1a1812;
  }
}
div.login section a,
div.login section a:focus,
div.login section a:active,
div.login section 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, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  position: relative;
  float: left;
  width: auto;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
  padding: 10px 15px;
  background-color: #554b33;
  color: #fff8e8;
  font-weight: 700;
  text-decoration: none;
  text-align: left;
}
@media (max-width: 767px) {
  div.login section a,
  div.login section a:focus,
  div.login section a:active,
  div.login section a:visited {
    font-size: 16px;
  }
}
@media (hover: hover) and (pointer: fine) {
  div.login section a:hover,
  div.login section a:focus:hover,
  div.login section a:active:hover,
  div.login section a:visited:hover {
    background-color: #1a1812;
  }
}
div.login.show {
  display: flex;
}

strong.artinox {
  font-weight: 700;
}

section.video {
  position: relative;
  width: 100%;
  padding: 80px 0;
}
section.video iframe {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}