footer {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: var(--secondary-color);
}
footer .site-footer__top,
footer .site-footer__bottom {
  border-top: 1px solid var(--tertiary-color);
}
.sidebar-opened footer {
  filter: blur(100px);
  -webkit-filter: blur(100px);
}
footer .site-footer__top > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
footer .site-footer__top > div .viewport {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  max-width: 1344px;
  margin: auto;
}
footer .footer-first {
  padding: 24px;
}
@media (min-width: 640px) {
  footer .footer-first {
    padding: 26px;
  }
}
@media (min-width: 1024px) {
  footer .footer-first {
    padding: 29px;
  }
}
@media (min-width: 1280px) {
  footer .footer-first {
    padding: 32px;
  }
}
footer .footer-first .block {
  width: 100%;
  padding: 0 24px;
}
@media (min-width: 640px) {
  footer .footer-first .block {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  footer .footer-first .block {
    width: 50%;
  }
}
@media (min-width: 1280px) {
  footer .footer-first .block {
    width: 50%;
  }
}
@media (min-width: 640px) {
  footer .footer-first .block {
    padding: 0 26px;
  }
}
@media (min-width: 1024px) {
  footer .footer-first .block {
    padding: 0 29px;
  }
}
@media (min-width: 1280px) {
  footer .footer-first .block {
    padding: 0 32px;
  }
}
footer .footer-first h2 {
  font-size: 0.9rem;
  line-height: 1.4;
}
@media (min-width: 640px) {
  footer .footer-first h2 {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  footer .footer-first h2 {
    font-size: 1rem;
  }
}
@media (min-width: 1280px) {
  footer .footer-first h2 {
    font-size: 1rem;
  }
}
footer .footer-first #block-mess-stayintheloop .field--name-cklb-title {
  display: none;
}
footer .footer-first form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  position: relative;
  padding: 0 48px 0 0;
}
@media (min-width: 640px) {
  footer .footer-first form {
    padding: 0 52px 0 0;
  }
}
@media (min-width: 1024px) {
  footer .footer-first form {
    padding: 0 58px 0 0;
  }
}
@media (min-width: 1280px) {
  footer .footer-first form {
    padding: 0 64px 0 0;
  }
}
footer .footer-first form .form-item,
footer .footer-first form .form-actions {
  margin: 0;
}
footer .footer-first form .form-item {
  width: 100%;
}
footer .footer-first form .form-item label {
  display: none;
}
footer .footer-first form .form-item input {
  height: 48px;
}
@media (min-width: 640px) {
  footer .footer-first form .form-item input {
    height: 52px;
  }
}
@media (min-width: 1024px) {
  footer .footer-first form .form-item input {
    height: 58px;
  }
}
@media (min-width: 1280px) {
  footer .footer-first form .form-item input {
    height: 64px;
  }
}
footer .footer-first form .form-actions {
  position: absolute;
  right: 0;
  bottom: 0;
}
footer .footer-first form .form-actions .wrapper-submit {
  width: 48px;
  height: 48px;
  font-size: 15.984px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: var(--primary-color);
  margin-block: 0;
  margin-inline: 0;
  background-color: var(--btnbg2);
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
@media (min-width: 640px) {
  footer .footer-first form .form-actions .wrapper-submit {
    width: 52px;
  }
}
@media (min-width: 1024px) {
  footer .footer-first form .form-actions .wrapper-submit {
    width: 58px;
  }
}
@media (min-width: 1280px) {
  footer .footer-first form .form-actions .wrapper-submit {
    width: 64px;
  }
}
@media (min-width: 640px) {
  footer .footer-first form .form-actions .wrapper-submit {
    height: 52px;
  }
}
@media (min-width: 1024px) {
  footer .footer-first form .form-actions .wrapper-submit {
    height: 58px;
  }
}
@media (min-width: 1280px) {
  footer .footer-first form .form-actions .wrapper-submit {
    height: 64px;
  }
}
@media (min-width: 640px) {
  footer .footer-first form .form-actions .wrapper-submit {
    font-size: 17.316px;
  }
}
@media (min-width: 1024px) {
  footer .footer-first form .form-actions .wrapper-submit {
    font-size: 19.314px;
  }
}
@media (min-width: 1280px) {
  footer .footer-first form .form-actions .wrapper-submit {
    font-size: 21.312px;
  }
}
footer .footer-first form .form-actions .wrapper-submit:after {
  content: "x";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
footer .footer-first form .form-actions .wrapper-submit input {
  text-indent: -9999px;
  padding: 0;
  width: 48px;
  height: 48px;
  display: block;
}
@media (min-width: 640px) {
  footer .footer-first form .form-actions .wrapper-submit input {
    width: 52px;
  }
}
@media (min-width: 1024px) {
  footer .footer-first form .form-actions .wrapper-submit input {
    width: 58px;
  }
}
@media (min-width: 1280px) {
  footer .footer-first form .form-actions .wrapper-submit input {
    width: 64px;
  }
}
@media (min-width: 640px) {
  footer .footer-first form .form-actions .wrapper-submit input {
    height: 52px;
  }
}
@media (min-width: 1024px) {
  footer .footer-first form .form-actions .wrapper-submit input {
    height: 58px;
  }
}
@media (min-width: 1280px) {
  footer .footer-first form .form-actions .wrapper-submit input {
    height: 64px;
  }
}
footer .footer-first form .form-actions .wrapper-submit::before, footer .footer-first form .form-actions .wrapper-submit::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
footer .footer-first form .form-actions .wrapper-submit::before {
  transition: opacity 0.15s ease-in-out;
  opacity: 1;
  pointer-events: all;
}
footer .footer-first form .form-actions .wrapper-submit::after {
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
footer .footer-first form .form-actions .wrapper-submit:before {
  content: "\e90b";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
footer .footer-first form .form-actions .wrapper-submit input, footer .footer-first form .form-actions .wrapper-submit:before, footer .footer-first form .form-actions .wrapper-submit:after {
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
footer .footer-first form .form-actions .wrapper-submit input {
  background-color: var(--btnbg2);
}
footer .footer-first form .form-actions .wrapper-submit:before, footer .footer-first form .form-actions .wrapper-submit:after {
  background-color: transparent !important;
}
footer .footer-first form .form-actions .wrapper-submit:active {
  background-color: var(--btnbg2h);
}
footer .footer-first form .form-actions .wrapper-submit:active input, footer .footer-first form .form-actions .wrapper-submit:active:before, footer .footer-first form .form-actions .wrapper-submit:active:after {
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
footer .footer-first form .form-actions .wrapper-submit:hover {
  background-color: var(--btnbg2h);
}
footer .footer-first form .form-actions .wrapper-submit:hover input, footer .footer-first form .form-actions .wrapper-submit:hover:before, footer .footer-first form .form-actions .wrapper-submit:hover:after {
  color: var(--btntxt2);
  -webkit-text-fill-color: var(--btntxt2);
}
footer .footer-first form .form-actions .wrapper-submit:before {
  z-index: 1;
  font-size: 15.984px;
}
@media (min-width: 640px) {
  footer .footer-first form .form-actions .wrapper-submit:before {
    font-size: 17.316px;
  }
}
@media (min-width: 1024px) {
  footer .footer-first form .form-actions .wrapper-submit:before {
    font-size: 19.314px;
  }
}
@media (min-width: 1280px) {
  footer .footer-first form .form-actions .wrapper-submit:before {
    font-size: 21.312px;
  }
}
footer .footer-fourth {
  padding: 24px;
  background-color: var(--secondary-color);
  background-image: var(--pattern-off);
  background-size: 720px auto;
}
@media (min-width: 640px) {
  footer .footer-fourth {
    padding: 26px;
  }
}
@media (min-width: 1024px) {
  footer .footer-fourth {
    padding: 29px;
  }
}
@media (min-width: 1280px) {
  footer .footer-fourth {
    padding: 32px;
  }
}
footer .footer-fourth nav.block-menu {
  background-color: var(--secondary-color);
  margin: 24px;
  width: calc(100% - 48px);
}
@media (min-width: 640px) {
  footer .footer-fourth nav.block-menu {
    margin: 26px;
  }
}
@media (min-width: 1024px) {
  footer .footer-fourth nav.block-menu {
    margin: 29px;
  }
}
@media (min-width: 1280px) {
  footer .footer-fourth nav.block-menu {
    margin: 32px;
  }
}
@media (min-width: 640px) {
  footer .footer-fourth nav.block-menu {
    width: calc(50% - 52px);
  }
}
@media (min-width: 1024px) {
  footer .footer-fourth nav.block-menu {
    width: calc(50% - 58px);
  }
}
@media (min-width: 1280px) {
  footer .footer-fourth nav.block-menu {
    width: calc(25% - 64px);
  }
}
footer .footer-fourth nav.block-menu h2 {
  position: relative;
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.4;
  line-height: 48px;
  padding-left: 48px;
  font-size: 15.984px;
}
@media (min-width: 640px) {
  footer .footer-fourth nav.block-menu h2 {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  footer .footer-fourth nav.block-menu h2 {
    font-size: 1rem;
  }
}
@media (min-width: 1280px) {
  footer .footer-fourth nav.block-menu h2 {
    font-size: 1rem;
  }
}
footer .footer-fourth nav.block-menu h2:before {
  content: "u";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
@media (min-width: 640px) {
  footer .footer-fourth nav.block-menu h2 {
    line-height: 52px;
  }
}
@media (min-width: 1024px) {
  footer .footer-fourth nav.block-menu h2 {
    line-height: 58px;
  }
}
@media (min-width: 1280px) {
  footer .footer-fourth nav.block-menu h2 {
    line-height: 64px;
  }
}
@media (min-width: 640px) {
  footer .footer-fourth nav.block-menu h2 {
    padding-left: 52px;
  }
}
@media (min-width: 1024px) {
  footer .footer-fourth nav.block-menu h2 {
    padding-left: 58px;
  }
}
@media (min-width: 1280px) {
  footer .footer-fourth nav.block-menu h2 {
    padding-left: 64px;
  }
}
footer .footer-fourth nav.block-menu h2:before {
  height: 48px;
  width: 48px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  font-size: 15.984px;
  line-height: 48px;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 640px) {
  footer .footer-fourth nav.block-menu h2:before {
    height: 52px;
  }
}
@media (min-width: 1024px) {
  footer .footer-fourth nav.block-menu h2:before {
    height: 58px;
  }
}
@media (min-width: 1280px) {
  footer .footer-fourth nav.block-menu h2:before {
    height: 64px;
  }
}
@media (min-width: 640px) {
  footer .footer-fourth nav.block-menu h2:before {
    width: 52px;
  }
}
@media (min-width: 1024px) {
  footer .footer-fourth nav.block-menu h2:before {
    width: 58px;
  }
}
@media (min-width: 1280px) {
  footer .footer-fourth nav.block-menu h2:before {
    width: 64px;
  }
}
@media (min-width: 640px) {
  footer .footer-fourth nav.block-menu h2:before {
    line-height: 52px;
  }
}
@media (min-width: 1024px) {
  footer .footer-fourth nav.block-menu h2:before {
    line-height: 58px;
  }
}
@media (min-width: 1280px) {
  footer .footer-fourth nav.block-menu h2:before {
    line-height: 64px;
  }
}
@media (min-width: 640px) {
  footer .footer-fourth nav.block-menu h2 {
    font-size: 17.316px;
  }
}
@media (min-width: 1024px) {
  footer .footer-fourth nav.block-menu h2 {
    font-size: 19.314px;
  }
}
@media (min-width: 1280px) {
  footer .footer-fourth nav.block-menu h2 {
    font-size: 21.312px;
  }
}
footer .footer-fourth nav.block-menu ul.menu {
  overflow: hidden;
  position: relative;
}
footer .footer-fourth nav.block-menu ul.menu:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  width: 24px;
  box-shadow: 0 0px 20px 40px var(--secondary-color);
  z-index: 1;
}
footer .footer-fourth nav.block-menu .menu-item a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: 48px;
  padding-left: 48px;
  align-items: center;
  text-transform: uppercase;
  font-size: 0.9rem;
  line-height: 1.4;
}
@media (min-width: 640px) {
  footer .footer-fourth nav.block-menu .menu-item a {
    height: 52px;
  }
}
@media (min-width: 1024px) {
  footer .footer-fourth nav.block-menu .menu-item a {
    height: 58px;
  }
}
@media (min-width: 1280px) {
  footer .footer-fourth nav.block-menu .menu-item a {
    height: 64px;
  }
}
@media (min-width: 640px) {
  footer .footer-fourth nav.block-menu .menu-item a {
    padding-left: 52px;
  }
}
@media (min-width: 1024px) {
  footer .footer-fourth nav.block-menu .menu-item a {
    padding-left: 58px;
  }
}
@media (min-width: 1280px) {
  footer .footer-fourth nav.block-menu .menu-item a {
    padding-left: 64px;
  }
}
footer .footer-fourth nav.block-menu .menu-item a:before {
  height: 48px;
  width: 48px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  font-size: 15.984px;
  line-height: 48px;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 640px) {
  footer .footer-fourth nav.block-menu .menu-item a:before {
    height: 52px;
  }
}
@media (min-width: 1024px) {
  footer .footer-fourth nav.block-menu .menu-item a:before {
    height: 58px;
  }
}
@media (min-width: 1280px) {
  footer .footer-fourth nav.block-menu .menu-item a:before {
    height: 64px;
  }
}
@media (min-width: 640px) {
  footer .footer-fourth nav.block-menu .menu-item a:before {
    width: 52px;
  }
}
@media (min-width: 1024px) {
  footer .footer-fourth nav.block-menu .menu-item a:before {
    width: 58px;
  }
}
@media (min-width: 1280px) {
  footer .footer-fourth nav.block-menu .menu-item a:before {
    width: 64px;
  }
}
@media (min-width: 640px) {
  footer .footer-fourth nav.block-menu .menu-item a:before {
    line-height: 52px;
  }
}
@media (min-width: 1024px) {
  footer .footer-fourth nav.block-menu .menu-item a:before {
    line-height: 58px;
  }
}
@media (min-width: 1280px) {
  footer .footer-fourth nav.block-menu .menu-item a:before {
    line-height: 64px;
  }
}
@media (min-width: 640px) {
  footer .footer-fourth nav.block-menu .menu-item a {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  footer .footer-fourth nav.block-menu .menu-item a {
    font-size: 1rem;
  }
}
@media (min-width: 1280px) {
  footer .footer-fourth nav.block-menu .menu-item a {
    font-size: 1rem;
  }
}
footer .footer-fourth nav.block-menu .menu-item a:before {
  opacity: 0.5;
  transition: 0.15s ease-in-out opacity;
}
footer .footer-fourth nav.block-menu .menu-item a:hover:before {
  opacity: 0.7;
}
footer .footer-fourth nav.block-menu .menu-item a:active:before {
  opacity: 1;
}
footer .footer-fourth nav.block-menu .menu-item.menu-item--active-trail a {
  color: var(--quaternary-color);
}
footer .footer-fourth nav.block-menu .menu-item.menu-item--active-trail a:before {
  opacity: 1;
}
footer .site-footer__bottom {
  height: 48px;
  position: relative;
}
@media (min-width: 640px) {
  footer .site-footer__bottom {
    height: 52px;
  }
}
@media (min-width: 1024px) {
  footer .site-footer__bottom {
    height: 58px;
  }
}
@media (min-width: 1280px) {
  footer .site-footer__bottom {
    height: 64px;
  }
}
footer .site-footer__bottom .block-block-content {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  transition: opacity 0.15s ease-in-out;
  opacity: 1;
  pointer-events: all;
  padding: 0 12px;
}
@media (min-width: 640px) {
  footer .site-footer__bottom .block-block-content {
    padding: 0 13px;
  }
}
@media (min-width: 1024px) {
  footer .site-footer__bottom .block-block-content {
    padding: 0 14.5px;
  }
}
@media (min-width: 1280px) {
  footer .site-footer__bottom .block-block-content {
    padding: 0 16px;
  }
}
footer .site-footer__bottom .block-block-content h2 {
  line-height: 48px;
  font-size: 0.65rem;
  margin: 0;
}
@media (min-width: 640px) {
  footer .site-footer__bottom .block-block-content h2 {
    line-height: 52px;
  }
}
@media (min-width: 1024px) {
  footer .site-footer__bottom .block-block-content h2 {
    line-height: 58px;
  }
}
@media (min-width: 1280px) {
  footer .site-footer__bottom .block-block-content h2 {
    line-height: 64px;
  }
}
@media (min-width: 640px) {
  footer .site-footer__bottom .block-block-content h2 {
    font-size: 0.7rem;
  }
}
@media (min-width: 1024px) {
  footer .site-footer__bottom .block-block-content h2 {
    font-size: 0.75rem;
  }
}
@media (min-width: 1280px) {
  footer .site-footer__bottom .block-block-content h2 {
    font-size: 0.8rem;
  }
}
footer .layout-container {
  margin: 0 !important;
}

#block-mess-socialnetworks h2 {
  display: none;
}
#block-mess-socialnetworks ul.menu {
  margin: 0;
  height: 48px;
  margin: 0 48px 0 0;
}
@media (min-width: 640px) {
  #block-mess-socialnetworks ul.menu {
    height: 52px;
  }
}
@media (min-width: 1024px) {
  #block-mess-socialnetworks ul.menu {
    height: 58px;
  }
}
@media (min-width: 1280px) {
  #block-mess-socialnetworks ul.menu {
    height: 64px;
  }
}
@media (min-width: 640px) {
  #block-mess-socialnetworks ul.menu {
    margin: 0 52px 0 0;
  }
}
@media (min-width: 1024px) {
  #block-mess-socialnetworks ul.menu {
    margin: 0 58px 0 0;
  }
}
@media (min-width: 1280px) {
  #block-mess-socialnetworks ul.menu {
    margin: 0 64px 0 0;
  }
}
#block-mess-socialnetworks ul.menu li {
  list-style: none;
  overflow: hidden;
}
#block-mess-socialnetworks a,
#block-mess-socialnetworks span {
  display: flex;
  flex-wrap: wrap;
  height: 48px;
  width: 48px;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-indent: -9999px;
  cursor: pointer;
}
@media (min-width: 640px) {
  #block-mess-socialnetworks a,
  #block-mess-socialnetworks span {
    height: 52px;
  }
}
@media (min-width: 1024px) {
  #block-mess-socialnetworks a,
  #block-mess-socialnetworks span {
    height: 58px;
  }
}
@media (min-width: 1280px) {
  #block-mess-socialnetworks a,
  #block-mess-socialnetworks span {
    height: 64px;
  }
}
@media (min-width: 640px) {
  #block-mess-socialnetworks a,
  #block-mess-socialnetworks span {
    width: 52px;
  }
}
@media (min-width: 1024px) {
  #block-mess-socialnetworks a,
  #block-mess-socialnetworks span {
    width: 58px;
  }
}
@media (min-width: 1280px) {
  #block-mess-socialnetworks a,
  #block-mess-socialnetworks span {
    width: 64px;
  }
}
#block-mess-socialnetworks a:before,
#block-mess-socialnetworks span:before {
  text-indent: 0;
  font-size: 1rem;
}
@media (min-width: 640px) {
  #block-mess-socialnetworks a:before,
  #block-mess-socialnetworks span:before {
    font-size: 1.1rem;
  }
}
@media (min-width: 1024px) {
  #block-mess-socialnetworks a:before,
  #block-mess-socialnetworks span:before {
    font-size: 1.1rem;
  }
}
@media (min-width: 1280px) {
  #block-mess-socialnetworks a:before,
  #block-mess-socialnetworks span:before {
    font-size: 1.2rem;
  }
}
#block-mess-socialnetworks ul {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row-reverse wrap;
}
#block-mess-socialnetworks ul ul {
  padding: 0;
}
#block-mess-socialnetworks ul li.toggler span:before {
  content: "\e91c";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
#block-mess-socialnetworks ul li.icon {
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
#block-mess-socialnetworks ul li.icon span:before {
  text-indent: 0;
  font-size: 24px;
}
#block-mess-socialnetworks ul li.facebook span:before,
#block-mess-socialnetworks ul li.facebook a:before {
  content: "\e93f";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
#block-mess-socialnetworks ul li.twitter-X span:before,
#block-mess-socialnetworks ul li.twitter-X a:before {
  content: "\e942";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
#block-mess-socialnetworks ul li.linkedin span:before,
#block-mess-socialnetworks ul li.linkedin a:before {
  content: "\e941";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
#block-mess-socialnetworks ul li.youtube span:before,
#block-mess-socialnetworks ul li.youtube a:before {
  content: "\e93e";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
#block-mess-socialnetworks ul li.instagram span:before,
#block-mess-socialnetworks ul li.instagram a:before {
  content: "\e940";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
#block-mess-socialnetworks.opened ul li.icon {
  transition: opacity 0.15s ease-in-out;
  opacity: 1;
  pointer-events: all;
}

footer.opened .block-block-content {
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
footer.opened #block-mess-socialnetworks ul li.icon {
  transition: opacity 0.15s ease-in-out;
  opacity: 1;
  pointer-events: all;
}
@media (min-width: 414px) {
  footer.opened .block-block-content {
    transition: opacity 0.15s ease-in-out;
    opacity: 1;
    pointer-events: all;
  }
}

.popup-sidebar nav.menu--collections,
.popup-sidebar nav.menu--about,
.popup-sidebar nav.menu--faqs,
.popup-sidebar nav.menu--legal,
.popup-sidebar nav.menu--contact {
  margin: 0 0 48px;
}
@media (min-width: 640px) {
  .popup-sidebar nav.menu--collections,
  .popup-sidebar nav.menu--about,
  .popup-sidebar nav.menu--faqs,
  .popup-sidebar nav.menu--legal,
  .popup-sidebar nav.menu--contact {
    margin: 0 0 52px;
  }
}
@media (min-width: 1024px) {
  .popup-sidebar nav.menu--collections,
  .popup-sidebar nav.menu--about,
  .popup-sidebar nav.menu--faqs,
  .popup-sidebar nav.menu--legal,
  .popup-sidebar nav.menu--contact {
    margin: 0 0 58px;
  }
}
@media (min-width: 1280px) {
  .popup-sidebar nav.menu--collections,
  .popup-sidebar nav.menu--about,
  .popup-sidebar nav.menu--faqs,
  .popup-sidebar nav.menu--legal,
  .popup-sidebar nav.menu--contact {
    margin: 0 0 64px;
  }
}
.popup-sidebar nav.menu--collections h2,
.popup-sidebar nav.menu--about h2,
.popup-sidebar nav.menu--faqs h2,
.popup-sidebar nav.menu--legal h2,
.popup-sidebar nav.menu--contact h2 {
  border-top: 1px solid var(--tertiary-color);
}
.popup-sidebar nav.menu--collections .menu-item a,
.popup-sidebar nav.menu--about .menu-item a,
.popup-sidebar nav.menu--faqs .menu-item a,
.popup-sidebar nav.menu--legal .menu-item a,
.popup-sidebar nav.menu--contact .menu-item a {
  font-size: 0.9rem;
  line-height: 1.4;
}
@media (min-width: 640px) {
  .popup-sidebar nav.menu--collections .menu-item a,
  .popup-sidebar nav.menu--about .menu-item a,
  .popup-sidebar nav.menu--faqs .menu-item a,
  .popup-sidebar nav.menu--legal .menu-item a,
  .popup-sidebar nav.menu--contact .menu-item a {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  .popup-sidebar nav.menu--collections .menu-item a,
  .popup-sidebar nav.menu--about .menu-item a,
  .popup-sidebar nav.menu--faqs .menu-item a,
  .popup-sidebar nav.menu--legal .menu-item a,
  .popup-sidebar nav.menu--contact .menu-item a {
    font-size: 1rem;
  }
}
@media (min-width: 1280px) {
  .popup-sidebar nav.menu--collections .menu-item a,
  .popup-sidebar nav.menu--about .menu-item a,
  .popup-sidebar nav.menu--faqs .menu-item a,
  .popup-sidebar nav.menu--legal .menu-item a,
  .popup-sidebar nav.menu--contact .menu-item a {
    font-size: 1rem;
  }
}
nav.menu--collections h2,
nav.menu--about h2,
nav.menu--faqs h2,
nav.menu--legal h2,
nav.menu--contact h2 {
  position: relative;
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.4;
  line-height: 48px;
  padding-left: 48px;
  border-bottom: 1px solid var(--tertiary-color);
}
@media (min-width: 640px) {
  nav.menu--collections h2,
  nav.menu--about h2,
  nav.menu--faqs h2,
  nav.menu--legal h2,
  nav.menu--contact h2 {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  nav.menu--collections h2,
  nav.menu--about h2,
  nav.menu--faqs h2,
  nav.menu--legal h2,
  nav.menu--contact h2 {
    font-size: 1rem;
  }
}
@media (min-width: 1280px) {
  nav.menu--collections h2,
  nav.menu--about h2,
  nav.menu--faqs h2,
  nav.menu--legal h2,
  nav.menu--contact h2 {
    font-size: 1rem;
  }
}
nav.menu--collections h2:before,
nav.menu--about h2:before,
nav.menu--faqs h2:before,
nav.menu--legal h2:before,
nav.menu--contact h2:before {
  content: "u";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
@media (min-width: 640px) {
  nav.menu--collections h2,
  nav.menu--about h2,
  nav.menu--faqs h2,
  nav.menu--legal h2,
  nav.menu--contact h2 {
    line-height: 52px;
  }
}
@media (min-width: 1024px) {
  nav.menu--collections h2,
  nav.menu--about h2,
  nav.menu--faqs h2,
  nav.menu--legal h2,
  nav.menu--contact h2 {
    line-height: 58px;
  }
}
@media (min-width: 1280px) {
  nav.menu--collections h2,
  nav.menu--about h2,
  nav.menu--faqs h2,
  nav.menu--legal h2,
  nav.menu--contact h2 {
    line-height: 64px;
  }
}
@media (min-width: 640px) {
  nav.menu--collections h2,
  nav.menu--about h2,
  nav.menu--faqs h2,
  nav.menu--legal h2,
  nav.menu--contact h2 {
    padding-left: 52px;
  }
}
@media (min-width: 1024px) {
  nav.menu--collections h2,
  nav.menu--about h2,
  nav.menu--faqs h2,
  nav.menu--legal h2,
  nav.menu--contact h2 {
    padding-left: 58px;
  }
}
@media (min-width: 1280px) {
  nav.menu--collections h2,
  nav.menu--about h2,
  nav.menu--faqs h2,
  nav.menu--legal h2,
  nav.menu--contact h2 {
    padding-left: 64px;
  }
}
nav.menu--collections h2:before,
nav.menu--about h2:before,
nav.menu--faqs h2:before,
nav.menu--legal h2:before,
nav.menu--contact h2:before {
  height: 48px;
  width: 48px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  font-size: 15.984px;
  line-height: 48px;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 640px) {
  nav.menu--collections h2:before,
  nav.menu--about h2:before,
  nav.menu--faqs h2:before,
  nav.menu--legal h2:before,
  nav.menu--contact h2:before {
    height: 52px;
  }
}
@media (min-width: 1024px) {
  nav.menu--collections h2:before,
  nav.menu--about h2:before,
  nav.menu--faqs h2:before,
  nav.menu--legal h2:before,
  nav.menu--contact h2:before {
    height: 58px;
  }
}
@media (min-width: 1280px) {
  nav.menu--collections h2:before,
  nav.menu--about h2:before,
  nav.menu--faqs h2:before,
  nav.menu--legal h2:before,
  nav.menu--contact h2:before {
    height: 64px;
  }
}
@media (min-width: 640px) {
  nav.menu--collections h2:before,
  nav.menu--about h2:before,
  nav.menu--faqs h2:before,
  nav.menu--legal h2:before,
  nav.menu--contact h2:before {
    width: 52px;
  }
}
@media (min-width: 1024px) {
  nav.menu--collections h2:before,
  nav.menu--about h2:before,
  nav.menu--faqs h2:before,
  nav.menu--legal h2:before,
  nav.menu--contact h2:before {
    width: 58px;
  }
}
@media (min-width: 1280px) {
  nav.menu--collections h2:before,
  nav.menu--about h2:before,
  nav.menu--faqs h2:before,
  nav.menu--legal h2:before,
  nav.menu--contact h2:before {
    width: 64px;
  }
}
@media (min-width: 640px) {
  nav.menu--collections h2:before,
  nav.menu--about h2:before,
  nav.menu--faqs h2:before,
  nav.menu--legal h2:before,
  nav.menu--contact h2:before {
    line-height: 52px;
  }
}
@media (min-width: 1024px) {
  nav.menu--collections h2:before,
  nav.menu--about h2:before,
  nav.menu--faqs h2:before,
  nav.menu--legal h2:before,
  nav.menu--contact h2:before {
    line-height: 58px;
  }
}
@media (min-width: 1280px) {
  nav.menu--collections h2:before,
  nav.menu--about h2:before,
  nav.menu--faqs h2:before,
  nav.menu--legal h2:before,
  nav.menu--contact h2:before {
    line-height: 64px;
  }
}
nav.menu--collections h2:before,
nav.menu--about h2:before,
nav.menu--faqs h2:before,
nav.menu--legal h2:before,
nav.menu--contact h2:before {
  font-size: 15.984px;
}
@media (min-width: 640px) {
  nav.menu--collections h2:before,
  nav.menu--about h2:before,
  nav.menu--faqs h2:before,
  nav.menu--legal h2:before,
  nav.menu--contact h2:before {
    font-size: 17.316px;
  }
}
@media (min-width: 1024px) {
  nav.menu--collections h2:before,
  nav.menu--about h2:before,
  nav.menu--faqs h2:before,
  nav.menu--legal h2:before,
  nav.menu--contact h2:before {
    font-size: 19.314px;
  }
}
@media (min-width: 1280px) {
  nav.menu--collections h2:before,
  nav.menu--about h2:before,
  nav.menu--faqs h2:before,
  nav.menu--legal h2:before,
  nav.menu--contact h2:before {
    font-size: 21.312px;
  }
}
nav.menu--collections .menu-item a,
nav.menu--about .menu-item a,
nav.menu--faqs .menu-item a,
nav.menu--legal .menu-item a,
nav.menu--contact .menu-item a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: 48px;
  padding-left: 48px;
  align-items: center;
  text-transform: uppercase;
  font-size: 0.65rem;
}
@media (min-width: 640px) {
  nav.menu--collections .menu-item a,
  nav.menu--about .menu-item a,
  nav.menu--faqs .menu-item a,
  nav.menu--legal .menu-item a,
  nav.menu--contact .menu-item a {
    height: 52px;
  }
}
@media (min-width: 1024px) {
  nav.menu--collections .menu-item a,
  nav.menu--about .menu-item a,
  nav.menu--faqs .menu-item a,
  nav.menu--legal .menu-item a,
  nav.menu--contact .menu-item a {
    height: 58px;
  }
}
@media (min-width: 1280px) {
  nav.menu--collections .menu-item a,
  nav.menu--about .menu-item a,
  nav.menu--faqs .menu-item a,
  nav.menu--legal .menu-item a,
  nav.menu--contact .menu-item a {
    height: 64px;
  }
}
@media (min-width: 640px) {
  nav.menu--collections .menu-item a,
  nav.menu--about .menu-item a,
  nav.menu--faqs .menu-item a,
  nav.menu--legal .menu-item a,
  nav.menu--contact .menu-item a {
    padding-left: 52px;
  }
}
@media (min-width: 1024px) {
  nav.menu--collections .menu-item a,
  nav.menu--about .menu-item a,
  nav.menu--faqs .menu-item a,
  nav.menu--legal .menu-item a,
  nav.menu--contact .menu-item a {
    padding-left: 58px;
  }
}
@media (min-width: 1280px) {
  nav.menu--collections .menu-item a,
  nav.menu--about .menu-item a,
  nav.menu--faqs .menu-item a,
  nav.menu--legal .menu-item a,
  nav.menu--contact .menu-item a {
    padding-left: 64px;
  }
}
nav.menu--collections .menu-item a:before,
nav.menu--about .menu-item a:before,
nav.menu--faqs .menu-item a:before,
nav.menu--legal .menu-item a:before,
nav.menu--contact .menu-item a:before {
  height: 48px;
  width: 48px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  font-size: 15.984px;
  line-height: 48px;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 640px) {
  nav.menu--collections .menu-item a:before,
  nav.menu--about .menu-item a:before,
  nav.menu--faqs .menu-item a:before,
  nav.menu--legal .menu-item a:before,
  nav.menu--contact .menu-item a:before {
    height: 52px;
  }
}
@media (min-width: 1024px) {
  nav.menu--collections .menu-item a:before,
  nav.menu--about .menu-item a:before,
  nav.menu--faqs .menu-item a:before,
  nav.menu--legal .menu-item a:before,
  nav.menu--contact .menu-item a:before {
    height: 58px;
  }
}
@media (min-width: 1280px) {
  nav.menu--collections .menu-item a:before,
  nav.menu--about .menu-item a:before,
  nav.menu--faqs .menu-item a:before,
  nav.menu--legal .menu-item a:before,
  nav.menu--contact .menu-item a:before {
    height: 64px;
  }
}
@media (min-width: 640px) {
  nav.menu--collections .menu-item a:before,
  nav.menu--about .menu-item a:before,
  nav.menu--faqs .menu-item a:before,
  nav.menu--legal .menu-item a:before,
  nav.menu--contact .menu-item a:before {
    width: 52px;
  }
}
@media (min-width: 1024px) {
  nav.menu--collections .menu-item a:before,
  nav.menu--about .menu-item a:before,
  nav.menu--faqs .menu-item a:before,
  nav.menu--legal .menu-item a:before,
  nav.menu--contact .menu-item a:before {
    width: 58px;
  }
}
@media (min-width: 1280px) {
  nav.menu--collections .menu-item a:before,
  nav.menu--about .menu-item a:before,
  nav.menu--faqs .menu-item a:before,
  nav.menu--legal .menu-item a:before,
  nav.menu--contact .menu-item a:before {
    width: 64px;
  }
}
@media (min-width: 640px) {
  nav.menu--collections .menu-item a:before,
  nav.menu--about .menu-item a:before,
  nav.menu--faqs .menu-item a:before,
  nav.menu--legal .menu-item a:before,
  nav.menu--contact .menu-item a:before {
    line-height: 52px;
  }
}
@media (min-width: 1024px) {
  nav.menu--collections .menu-item a:before,
  nav.menu--about .menu-item a:before,
  nav.menu--faqs .menu-item a:before,
  nav.menu--legal .menu-item a:before,
  nav.menu--contact .menu-item a:before {
    line-height: 58px;
  }
}
@media (min-width: 1280px) {
  nav.menu--collections .menu-item a:before,
  nav.menu--about .menu-item a:before,
  nav.menu--faqs .menu-item a:before,
  nav.menu--legal .menu-item a:before,
  nav.menu--contact .menu-item a:before {
    line-height: 64px;
  }
}
@media (min-width: 640px) {
  nav.menu--collections .menu-item a,
  nav.menu--about .menu-item a,
  nav.menu--faqs .menu-item a,
  nav.menu--legal .menu-item a,
  nav.menu--contact .menu-item a {
    font-size: 0.7rem;
  }
}
@media (min-width: 1024px) {
  nav.menu--collections .menu-item a,
  nav.menu--about .menu-item a,
  nav.menu--faqs .menu-item a,
  nav.menu--legal .menu-item a,
  nav.menu--contact .menu-item a {
    font-size: 0.75rem;
  }
}
@media (min-width: 1280px) {
  nav.menu--collections .menu-item a,
  nav.menu--about .menu-item a,
  nav.menu--faqs .menu-item a,
  nav.menu--legal .menu-item a,
  nav.menu--contact .menu-item a {
    font-size: 0.8rem;
  }
}
nav.menu--collections .menu-item a:before,
nav.menu--about .menu-item a:before,
nav.menu--faqs .menu-item a:before,
nav.menu--legal .menu-item a:before,
nav.menu--contact .menu-item a:before {
  opacity: 0.5;
  transition: 0.15s ease-in-out opacity;
}
nav.menu--collections .menu-item a:hover:before,
nav.menu--about .menu-item a:hover:before,
nav.menu--faqs .menu-item a:hover:before,
nav.menu--legal .menu-item a:hover:before,
nav.menu--contact .menu-item a:hover:before {
  opacity: 0.7;
}
nav.menu--collections .menu-item a:active:before,
nav.menu--about .menu-item a:active:before,
nav.menu--faqs .menu-item a:active:before,
nav.menu--legal .menu-item a:active:before,
nav.menu--contact .menu-item a:active:before {
  opacity: 1;
}

nav.menu--collections h2:before {
  content: "\e960";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}

nav.menu--about h2:before {
  content: "\e964";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}

nav.menu--faqs h2:before {
  content: "\e95d";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}

nav.menu--legal h2:before {
  content: "\e95f";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}

nav.menu--contact h2:before {
  content: "\e90b";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}

nav.block-menu .menu-item.menu-item--active-trail a {
  color: var(--quaternary-color);
}
nav.block-menu .menu-item.menu-item--active-trail a:before {
  opacity: 1;
}
nav.block-menu .menu-item.payment-methods a:before {
  content: "\e902";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
nav.block-menu .menu-item.shipping a:before {
  content: "\e95b";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
nav.block-menu .menu-item.returns a:before {
  content: "\e95a";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
nav.block-menu .menu-item.terms a:before {
  content: "\e95c";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
nav.block-menu .menu-item.cookie a:before {
  content: "\e933";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
nav.block-menu .menu-item.privacy a:before {
  content: "\e95e";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
nav.block-menu .menu-item.story a:before {
  content: "\e962";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
nav.block-menu .menu-item.philosophy a:before {
  content: "\e961";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
nav.block-menu .menu-item.collections a:before {
  content: "\e960";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
nav.block-menu .menu-item.mail a:before {
  content: "\e917";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
nav.block-menu .menu-item.phone a:before {
  content: "\e965";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}/*# sourceMappingURL=footer.css.map */