@charset "UTF-8";
#block-mess-local-tasks {
  position: fixed;
  bottom: 0;
  right: 0;
}

#toolbar-administration,
#block-mess-local-tasks {
  opacity: 1;
  pointer-events: all;
  z-index: 9999;
}

body.settings-opened #toolbar-administration,
body.settings-opened #block-mess-local-tasks {
  opacity: 0;
  pointer-events: none;
}
body.settings-opened.toolbar-horizontal .toggler.settings, body.settings-opened.toolbar-fixed .toggler.settings, body.settings-opened.toolbar-tray-open .toggler.settings {
  display: block;
}

.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
  -webkit-margin-start: 0 !important;
          margin-inline-start: 0 !important;
}

#block-mess-page-title {
  color: white;
  font-size: 12px;
  margin: 0;
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 100;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property: margin opacity;
  margin: 57.6px 16px 0;
  height: 48px;
}
@media (min-width: 768px) {
  #block-mess-page-title {
    margin: 0px 140px 0;
  }
}
@media (min-width: 1024px) {
  #block-mess-page-title {
    margin: 0px 160px 0;
  }
}
@media (min-width: 1440px) {
  #block-mess-page-title {
    margin: 0px 180px 0;
  }
}
@media (min-width: 768px) {
  #block-mess-page-title {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  #block-mess-page-title {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  #block-mess-page-title {
    height: 72px;
  }
}
#block-mess-page-title h1 {
  position: relative;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  font-size: 12px;
  padding: 0 16px;
}
@media (min-width: 768px) {
  #block-mess-page-title h1 {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  #block-mess-page-title h1 {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  #block-mess-page-title h1 {
    font-size: 18px;
  }
}
#block-mess-page-title h1:before {
  content: "\e966";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
@media (min-width: 768px) {
  #block-mess-page-title h1 {
    padding: 0 18.6666666667px;
  }
}
@media (min-width: 1024px) {
  #block-mess-page-title h1 {
    padding: 0 21.3333333333px;
  }
}
@media (min-width: 1440px) {
  #block-mess-page-title h1 {
    padding: 0 24px;
  }
}
#block-mess-page-title h1:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: white;
  color: black;
  line-height: 1;
}
.scrolling #block-mess-page-title {
  opacity: 0;
  pointer-events: none;
  padding: 0 0 0 48px;
}
@media (min-width: 768px) {
  .scrolling #block-mess-page-title {
    padding: 0 0 0 56px;
  }
}
@media (min-width: 1024px) {
  .scrolling #block-mess-page-title {
    padding: 0 0 0 64px;
  }
}
@media (min-width: 1440px) {
  .scrolling #block-mess-page-title {
    padding: 0 0 0 72px;
  }
}
.path-frontpage #block-mess-page-title {
  display: none;
}

#page {
  padding: 48px 0 0;
}
@media (min-width: 768px) {
  #page {
    padding: 56px 0 0;
  }
}
@media (min-width: 1024px) {
  #page {
    padding: 64px 0 0;
  }
}
@media (min-width: 1440px) {
  #page {
    padding: 72px 0 0;
  }
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  display: flex;
  flex-direction: row;
  height: 48px;
  background: #000000;
}
@media (min-width: 768px) {
  header {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  header {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  header {
    height: 72px;
  }
}
header div.logo {
  position: absolute;
  top: 0;
  left: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property: opacity;
}
header div.logo.top-page {
  opacity: 1;
  pointer-events: all;
}
.scrolling header div.logo.top-page {
  opacity: 0;
  pointer-events: none;
}
header div.logo.scrolled {
  background-color: rgba(0, 0, 0, 0.25);
  width: 48px;
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 768px) {
  header div.logo.scrolled {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  header div.logo.scrolled {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  header div.logo.scrolled {
    width: 72px;
  }
}
.scrolling header div.logo.scrolled {
  opacity: 1;
  pointer-events: all;
}
header a.logo {
  transition-property: all;
  color: white;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  font-family: "dosisextralight", sans-serif !important;
  font-weight: normal;
  text-transform: uppercase;
  height: 48px;
  display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  font-size: 12px;
  padding: 0 16px;
}
@media (min-width: 768px) {
  header a.logo {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  header a.logo {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  header a.logo {
    height: 72px;
  }
}
@media (min-width: 768px) {
  header a.logo {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  header a.logo {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  header a.logo {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  header a.logo {
    padding: 0 18.6666666667px;
  }
}
@media (min-width: 1024px) {
  header a.logo {
    padding: 0 21.3333333333px;
  }
}
@media (min-width: 1440px) {
  header a.logo {
    padding: 0 24px;
  }
}
header a.logo:hover {
  background-color: #C6892F;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
header a.logo:active {
  background-color: #000000;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.path-shop header a.logo {
  background-color: #000000;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.path-shop header a.logo:hover {
  background-color: #eeeeee;
  color: black;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.path-shop header a.logo:active {
  background-color: #8B5E1C;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
header .main-menu {
  position: absolute;
  top: 0;
  right: 0;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property: margin;
  margin: 0 48px 0 0;
  display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  font-size: 12px;
}
@media (min-width: 768px) {
  header .main-menu {
    margin: 0 56px 0 0;
  }
}
@media (min-width: 1024px) {
  header .main-menu {
    margin: 0 64px 0 0;
  }
}
@media (min-width: 1440px) {
  header .main-menu {
    margin: 0 72px 0 0;
  }
}
@media (min-width: 768px) {
  header .main-menu {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  header .main-menu {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  header .main-menu {
    font-size: 18px;
  }
}
header .main-menu ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
header .main-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
header .main-menu a {
  min-width: 96px;
  font-family: "dosisextralight", sans-serif !important;
  font-weight: normal;
  text-transform: uppercase;
  height: 48px;
  display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  color: white;
}
@media (min-width: 768px) {
  header .main-menu a {
    min-width: 112px;
  }
}
@media (min-width: 1024px) {
  header .main-menu a {
    min-width: 128px;
  }
}
@media (min-width: 1440px) {
  header .main-menu a {
    min-width: 144px;
  }
}
@media (min-width: 768px) {
  header .main-menu a {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  header .main-menu a {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  header .main-menu a {
    height: 72px;
  }
}
@media (min-width: 768px) {
  header .main-menu a {
    padding: 0 18.6666666667px;
  }
}
@media (min-width: 1024px) {
  header .main-menu a {
    padding: 0 21.3333333333px;
  }
}
@media (min-width: 1440px) {
  header .main-menu a {
    padding: 0 24px;
  }
}
.scrolling header .main-menu a {
  background-color: rgba(0, 0, 0, 0.25);
}
header .main-menu a:hover {
  background-color: #eeeeee;
  color: black;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
header .main-menu a:active {
  background-color: #8B5E1C;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.path-shop header .main-menu a {
  background-color: #C6892F;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.path-shop header .main-menu a:hover {
  background-color: #ffffff;
  color: black;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.path-shop header .main-menu a:active {
  background-color: #000000;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}

.nav.desktop .logo {
  display: none;
}

#page > .content {
  padding: 0 48px 0 0;
}
@media (min-width: 768px) {
  #page > .content {
    padding: 0 56px 0 0;
  }
}
@media (min-width: 1024px) {
  #page > .content {
    padding: 0 64px 0 0;
  }
}
@media (min-width: 1440px) {
  #page > .content {
    padding: 0 72px 0 0;
  }
}

.portfolio-toggler {
  display: none !important;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property: opacity;
  opacity: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0 48px 0 0;
}
@media (min-width: 768px) {
  .portfolio-toggler {
    margin: 0 56px 0 0;
  }
}
@media (min-width: 1024px) {
  .portfolio-toggler {
    margin: 0 64px 0 0;
  }
}
@media (min-width: 1440px) {
  .portfolio-toggler {
    margin: 0 72px 0 0;
  }
}
.portfolio-toggler .toggler {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 24px;
}
@media (min-width: 768px) {
  .portfolio-toggler .toggler {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  .portfolio-toggler .toggler {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  .portfolio-toggler .toggler {
    height: 72px;
  }
}
@media (min-width: 768px) {
  .portfolio-toggler .toggler {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  .portfolio-toggler .toggler {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  .portfolio-toggler .toggler {
    width: 72px;
  }
}
@media (min-width: 768px) {
  .portfolio-toggler .toggler {
    font-size: 28px;
  }
}
@media (min-width: 1024px) {
  .portfolio-toggler .toggler {
    font-size: 32px;
  }
}
@media (min-width: 1440px) {
  .portfolio-toggler .toggler {
    font-size: 36px;
  }
}
.portfolio-toggler .masonry {
  background-color: red;
}
.portfolio-toggler .masonry:before {
  content: "\e902";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.portfolio-toggler .list {
  background-color: blue;
}
.portfolio-toggler .list:before {
  content: "\e900";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}

.toggler-wrapper {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background-color: #eeeeee;
  color: black;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.toggler-wrapper h2 {
  display: none;
}
.toggler-wrapper .toggler {
  display: flex;
  flex-direction: column;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: rgb(0, 0, 0);
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
  position: relative;
  font-size: 12px;
}
@media (min-width: 768px) {
  .toggler-wrapper .toggler {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  .toggler-wrapper .toggler {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  .toggler-wrapper .toggler {
    height: 72px;
  }
}
@media (min-width: 768px) {
  .toggler-wrapper .toggler {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  .toggler-wrapper .toggler {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  .toggler-wrapper .toggler {
    width: 72px;
  }
}
.toggler-wrapper .toggler:after {
  content: "X";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.toggler-wrapper .toggler:hover {
  background-color: #A97322;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.toggler-wrapper .toggler:active {
  background-color: #222222;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
@media (min-width: 768px) {
  .toggler-wrapper .toggler {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  .toggler-wrapper .toggler {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .toggler-wrapper .toggler {
    font-size: 18px;
  }
}
.toggler-wrapper .toggler span {
  background-color: #222222;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.toggler-wrapper .toggler:before, .toggler-wrapper .toggler:after {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toggler-wrapper .toggler:before {
  opacity: 1;
  pointer-events: all;
  z-index: 1;
}
.toggler-wrapper .toggler:after {
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}
.toggler-wrapper .toggler:hover span {
  background-color: #000000;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.toggler-wrapper .toggler:active span {
  background-color: #ffffff;
  color: black;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.toggler-wrapper div.menu:before {
  content: "\e929";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.menu-opened .toggler-wrapper div.menu {
  background-color: #C6892F;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.menu-opened .toggler-wrapper div.menu:hover {
  background-color: #A97322;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.menu-opened .toggler-wrapper div.menu:active {
  background-color: #222222;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.menu-opened .toggler-wrapper div.menu:before {
  opacity: 0;
  pointer-events: none;
}
.menu-opened .toggler-wrapper div.menu:after {
  opacity: 1;
  pointer-events: all;
}
.toggler-wrapper div.info:before {
  content: "\e9ab";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.info-opened .toggler-wrapper div.info {
  background-color: #C6892F;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.info-opened .toggler-wrapper div.info:hover {
  background-color: #A97322;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.info-opened .toggler-wrapper div.info:active {
  background-color: #222222;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.info-opened .toggler-wrapper div.info:before {
  opacity: 0;
  pointer-events: none;
}
.info-opened .toggler-wrapper div.info:after {
  opacity: 1;
  pointer-events: all;
}
.toggler-wrapper .nav:before {
  content: "\e98f";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.nav-opened .toggler-wrapper .nav {
  background-color: #C6892F;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.nav-opened .toggler-wrapper .nav:hover {
  background-color: #A97322;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.nav-opened .toggler-wrapper .nav:active {
  background-color: #222222;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.nav-opened .toggler-wrapper .nav:before {
  opacity: 0;
  pointer-events: none;
}
.nav-opened .toggler-wrapper .nav:after {
  opacity: 1;
  pointer-events: all;
}
.toggler-wrapper .search:before {
  content: "\e94b";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.search-opened .toggler-wrapper .search {
  background-color: #C6892F;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.search-opened .toggler-wrapper .search:hover {
  background-color: #A97322;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.search-opened .toggler-wrapper .search:active {
  background-color: #222222;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.search-opened .toggler-wrapper .search:before {
  opacity: 0;
  pointer-events: none;
}
.search-opened .toggler-wrapper .search:after {
  opacity: 1;
  pointer-events: all;
}
.toggler-wrapper .cart:before {
  content: "\e92e";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.toggler-wrapper .cart span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  text-align: center;
  padding: 0 4px;
  font-size: 8px;
}
@media (min-width: 768px) {
  .toggler-wrapper .cart span {
    padding: 0 4.6666666667px;
  }
}
@media (min-width: 1024px) {
  .toggler-wrapper .cart span {
    padding: 0 5.3333333333px;
  }
}
@media (min-width: 1440px) {
  .toggler-wrapper .cart span {
    padding: 0 6px;
  }
}
@media (min-width: 768px) {
  .toggler-wrapper .cart span {
    font-size: 9.3333333333px;
  }
}
@media (min-width: 1024px) {
  .toggler-wrapper .cart span {
    font-size: 10.6666666667px;
  }
}
@media (min-width: 1440px) {
  .toggler-wrapper .cart span {
    font-size: 12px;
  }
}
.cart-opened .toggler-wrapper .cart {
  background-color: #C6892F;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.cart-opened .toggler-wrapper .cart:hover {
  background-color: #A97322;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.cart-opened .toggler-wrapper .cart:active {
  background-color: #222222;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.cart-opened .toggler-wrapper .cart:before {
  opacity: 0;
  pointer-events: none;
}
.cart-opened .toggler-wrapper .cart:after {
  opacity: 1;
  pointer-events: all;
}
.toggler-wrapper .wishlist:before {
  content: "\e92e";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.toggler-wrapper .wishlist span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  text-align: center;
  padding: 0 4px;
  font-size: 8px;
}
@media (min-width: 768px) {
  .toggler-wrapper .wishlist span {
    padding: 0 4.6666666667px;
  }
}
@media (min-width: 1024px) {
  .toggler-wrapper .wishlist span {
    padding: 0 5.3333333333px;
  }
}
@media (min-width: 1440px) {
  .toggler-wrapper .wishlist span {
    padding: 0 6px;
  }
}
@media (min-width: 768px) {
  .toggler-wrapper .wishlist span {
    font-size: 9.3333333333px;
  }
}
@media (min-width: 1024px) {
  .toggler-wrapper .wishlist span {
    font-size: 10.6666666667px;
  }
}
@media (min-width: 1440px) {
  .toggler-wrapper .wishlist span {
    font-size: 12px;
  }
}
.wishlist-opened .toggler-wrapper .wishlist {
  background-color: #C6892F;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.wishlist-opened .toggler-wrapper .wishlist:hover {
  background-color: #A97322;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.wishlist-opened .toggler-wrapper .wishlist:active {
  background-color: #222222;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.wishlist-opened .toggler-wrapper .wishlist:before {
  opacity: 0;
  pointer-events: none;
}
.wishlist-opened .toggler-wrapper .wishlist:after {
  opacity: 1;
  pointer-events: all;
}
.toggler-wrapper .user:before {
  content: "\e981";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.user-logged-in .toggler-wrapper .user:before {
  content: "\e984";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.user-opened .toggler-wrapper .user {
  background-color: #C6892F;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.user-opened .toggler-wrapper .user:hover {
  background-color: #A97322;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.user-opened .toggler-wrapper .user:active {
  background-color: #222222;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.user-opened .toggler-wrapper .user:before {
  opacity: 0;
  pointer-events: none;
}
.user-opened .toggler-wrapper .user:after {
  opacity: 1;
  pointer-events: all;
}
.toggler-wrapper .wishlist:before {
  content: "\e935";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.wishlist-opened .toggler-wrapper .wishlist {
  background-color: #C6892F;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.wishlist-opened .toggler-wrapper .wishlist:hover {
  background-color: #A97322;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.wishlist-opened .toggler-wrapper .wishlist:active {
  background-color: #222222;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.wishlist-opened .toggler-wrapper .wishlist:before {
  opacity: 0;
  pointer-events: none;
}
.wishlist-opened .toggler-wrapper .wishlist:after {
  opacity: 1;
  pointer-events: all;
}
.toggler-wrapper .block-language {
  display: none;
}
.language-opened .toggler-wrapper .block-language {
  display: block;
}
.toggler-wrapper .block-language ul.links {
  margin: 0;
  padding: 0;
  list-style: none;
}
.toggler-wrapper .block-language ul.links li {
  margin: 0;
  padding: 0;
  height: 48px;
  width: 48px;
}
@media (min-width: 768px) {
  .toggler-wrapper .block-language ul.links li {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  .toggler-wrapper .block-language ul.links li {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  .toggler-wrapper .block-language ul.links li {
    height: 72px;
  }
}
@media (min-width: 768px) {
  .toggler-wrapper .block-language ul.links li {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  .toggler-wrapper .block-language ul.links li {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  .toggler-wrapper .block-language ul.links li {
    width: 72px;
  }
}
.toggler-wrapper .block-language ul.links li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  background-color: white;
  color: black;
  font-size: 9.6px;
  text-indent: -9999px;
}
@media (min-width: 768px) {
  .toggler-wrapper .block-language ul.links li a {
    font-size: 11.2px;
  }
}
@media (min-width: 1024px) {
  .toggler-wrapper .block-language ul.links li a {
    font-size: 12.8px;
  }
}
@media (min-width: 1440px) {
  .toggler-wrapper .block-language ul.links li a {
    font-size: 14.4px;
  }
}
.toggler-wrapper .block-language ul.links li a img {
  display: none;
}
.toggler-wrapper .block-language ul.links li a:before {
  text-indent: 0;
}
.toggler-wrapper .block-language ul.links li a.is-active {
  background-color: black;
  color: white;
}
.toggler-wrapper .block-language ul.links li.en a:before {
  content: "EN";
}
.toggler-wrapper .block-language ul.links li.fr a:before {
  content: "FR";
}
.toggler-wrapper .block-language ul.links li.zh-hans a:before {
  content: "中文";
  font-size: 8px;
}
@media (min-width: 768px) {
  .toggler-wrapper .block-language ul.links li.zh-hans a:before {
    font-size: 9.3333333333px;
  }
}
@media (min-width: 1024px) {
  .toggler-wrapper .block-language ul.links li.zh-hans a:before {
    font-size: 10.6666666667px;
  }
}
@media (min-width: 1440px) {
  .toggler-wrapper .block-language ul.links li.zh-hans a:before {
    font-size: 12px;
  }
}
.toggler-wrapper .settings:before {
  content: "\e99b";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.settings-opened .toggler-wrapper .settings {
  background-color: #C6892F;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.settings-opened .toggler-wrapper .settings:hover {
  background-color: #A97322;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.settings-opened .toggler-wrapper .settings:active {
  background-color: #222222;
  color: white;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
.settings-opened .toggler-wrapper .settings:before {
  opacity: 0;
  pointer-events: none;
}
.settings-opened .toggler-wrapper .settings:after {
  opacity: 1;
  pointer-events: all;
}
.toggler-wrapper .globe:before {
  content: "\e98d";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.toggler-wrapper .globe:after {
  content: "\e949";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.toggler-wrapper .globe:after {
  justify-content: flex-end;
}
.language-opened .toggler-wrapper .globe {
  background-color: white;
}
.language-opened .toggler-wrapper .globe:after {
  opacity: 1;
  pointer-events: all;
}
.language-opened .toggler-wrapper .globe:active, .language-opened .toggler-wrapper .globe:hover {
  background-color: black;
}
.toggler-wrapper .menu {
  order: 0;
}
.toggler-wrapper .nav {
  order: 1;
}
.toggler-wrapper .user {
  order: 2;
}
.toggler-wrapper .search {
  order: 3;
}
.toggler-wrapper .block-commerce-cart {
  order: 4;
}
.toggler-wrapper .block-wishlist-item-count {
  order: 5;
}
.toggler-wrapper .globe {
  order: 6;
}
.toggler-wrapper .block-language {
  order: 7;
}
.toggler-wrapper .settings {
  order: 8;
}

.popup-sidebar {
  position: fixed;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  margin: 0;
  background-color: var(--sidebar);
  opacity: 0;
  pointer-events: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 9;
  position: fixed;
}
.popup-sidebar .close {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  cursor: pointer;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property: background-color;
  background-color: transparent;
}
.popup-sidebar .close:active {
  background-color: rgba(255, 255, 255, 0.496);
}
.popup-sidebar .inner {
  padding: 48px;
  width: 100%;
  padding-left: 0 !important;
  height: 100vh;
  overflow: auto;
  z-index: 1;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer */
  background: white;
}
@media (min-width: 768px) {
  .popup-sidebar .inner {
    padding: 56px;
  }
}
@media (min-width: 1024px) {
  .popup-sidebar .inner {
    padding: 64px;
  }
}
@media (min-width: 1440px) {
  .popup-sidebar .inner {
    padding: 72px;
  }
}
@media (min-width: 768px) {
  .popup-sidebar .inner {
    width: calc(50% + 28px);
  }
}
@media (min-width: 1024px) {
  .popup-sidebar .inner {
    width: calc(33.3333% + 32px);
  }
}
@media (min-width: 1440px) {
  .popup-sidebar .inner {
    width: calc(33.3333% + 36px);
  }
}
.popup-sidebar .inner::-webkit-scrollbar {
  display: none; /* For Chrome, Safari, and Edge */
}
.popup-sidebar .inner .inner {
  width: 100%;
  padding: 0 !important;
}
.menu-opened .popup-sidebar.menu-sidebar {
  opacity: 1;
  pointer-events: all;
}
.popup-sidebar.menu-sidebar .inner {
  width: 100%;
}
@media (min-width: 768px) {
  .popup-sidebar.menu-sidebar .inner {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .popup-sidebar.menu-sidebar .inner {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .popup-sidebar.menu-sidebar .inner {
    width: 100%;
  }
}
.nav-opened .popup-sidebar.nav-sidebar {
  opacity: 1;
  pointer-events: all;
}
.info-opened .popup-sidebar.info-sidebar {
  opacity: 1;
  pointer-events: all;
}
.wishlist-opened .popup-sidebar.wishlist-sidebar {
  opacity: 1;
  pointer-events: all;
}
.search-opened .popup-sidebar.search-sidebar {
  opacity: 1;
  pointer-events: all;
}
.user-opened .popup-sidebar.user-sidebar {
  opacity: 1;
  pointer-events: all;
}
.cart-opened .popup-sidebar.cart-sidebar {
  opacity: 1;
  pointer-events: all;
}
.wishlist-opened .popup-sidebar.wishlist-sidebar {
  opacity: 1;
  pointer-events: all;
}

body #block-mess-page-title {
  opacity: 1;
  pointer-events: none;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property: opacity margin;
}
body #block-mess-page-title span {
  background-color: black;
}
body.menu-opened, body.nav-opened, body.info-opened, body.search-opened, body.user-opened, body.cart-opened, body.wishlist-opened {
  overflow: hidden;
}
body.menu-opened #block-mess-page-title, body.nav-opened #block-mess-page-title, body.info-opened #block-mess-page-title, body.search-opened #block-mess-page-title, body.user-opened #block-mess-page-title, body.cart-opened #block-mess-page-title, body.wishlist-opened #block-mess-page-title {
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  opacity: 0;
  pointer-events: none;
  transition-property: opacity;
}

nav.menu--social-networks h2,
#block-mess-content .field.field--name-color-body,
.footer-fourth {
  display: none;
}

footer div.layout-container {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

nav.menu--social-networks {
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
nav.menu--social-networks ul.menu {
  margin: 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0 48px 0 0;
}
@media (min-width: 768px) {
  nav.menu--social-networks ul.menu {
    padding: 0 56px 0 0;
  }
}
@media (min-width: 1024px) {
  nav.menu--social-networks ul.menu {
    padding: 0 64px 0 0;
  }
}
@media (min-width: 1440px) {
  nav.menu--social-networks ul.menu {
    padding: 0 72px 0 0;
  }
}
nav.menu--social-networks ul.menu:before {
  display: none;
}
nav.menu--social-networks ul.menu li {
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
@media (min-width: 768px) {
  nav.menu--social-networks ul.menu li {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  nav.menu--social-networks ul.menu li {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  nav.menu--social-networks ul.menu li {
    height: 72px;
  }
}
@media (min-width: 768px) {
  nav.menu--social-networks ul.menu li {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  nav.menu--social-networks ul.menu li {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  nav.menu--social-networks ul.menu li {
    width: 72px;
  }
}
nav.menu--social-networks ul.menu li span, nav.menu--social-networks ul.menu li a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-indent: -9999px;
  position: relative;
}
nav.menu--social-networks ul.menu li span:before, nav.menu--social-networks ul.menu li span:after, nav.menu--social-networks ul.menu li a:before, nav.menu--social-networks ul.menu li a:after {
  text-indent: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
nav.menu--social-networks ul.menu li.toggler.share {
  position: absolute;
  bottom: 0;
  right: 0;
}
nav.menu--social-networks ul.menu li.toggler.share span:before {
  content: "\e9a8";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
nav.menu--social-networks ul.menu li.toggler.share span:after {
  content: "X";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
nav.menu--social-networks ul.menu li.toggler.share span:before {
  opacity: 1;
  pointer-events: all;
}
nav.menu--social-networks ul.menu li.toggler.share span:after {
  opacity: 0;
  pointer-events: none;
}
nav.menu--social-networks ul.menu li.icon {
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
  transition-property: opacity transform;
}
nav.menu--social-networks ul.menu li.icon span, nav.menu--social-networks ul.menu li.icon a {
  background-color: #ffffff;
  color: black;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color;
}
nav.menu--social-networks ul.menu li.icon.facebook {
  transition-delay: 0.2s;
}
nav.menu--social-networks ul.menu li.icon.facebook span:before, nav.menu--social-networks ul.menu li.icon.facebook a:before {
  content: "\e98c";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
nav.menu--social-networks ul.menu li.icon.twitter-X {
  transition-delay: 0.15s;
}
nav.menu--social-networks ul.menu li.icon.twitter-X span:before, nav.menu--social-networks ul.menu li.icon.twitter-X a:before {
  content: "\e9a1";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
nav.menu--social-networks ul.menu li.icon.youtube {
  transition-delay: 0.1s;
}
nav.menu--social-networks ul.menu li.icon.youtube span:before, nav.menu--social-networks ul.menu li.icon.youtube a:before {
  content: "\e9a3";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
nav.menu--social-networks ul.menu li.icon.instagram {
  transition-delay: 0.05s;
}
nav.menu--social-networks ul.menu li.icon.instagram span:before, nav.menu--social-networks ul.menu li.icon.instagram a:before {
  content: "\e97f";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
nav.menu--social-networks ul.menu li.icon.linkedin {
  transition-delay: 0s;
}
nav.menu--social-networks ul.menu li.icon.linkedin span:before, nav.menu--social-networks ul.menu li.icon.linkedin a:before {
  content: "\e980";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.share-opened nav.menu--social-networks ul.menu li.toggler.share span:before {
  opacity: 0;
  pointer-events: none;
}
.share-opened nav.menu--social-networks ul.menu li.toggler.share span:after {
  opacity: 1;
  pointer-events: all;
}
.share-opened nav.menu--social-networks ul.menu li.icon {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}

.nav-sidebar nav {
  border-bottom: 1px solid #eeeeee;
}
.nav-sidebar nav.menu--contact h2:before {
  content: "\e969";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.nav-sidebar nav.menu--about h2:before {
  content: "\e98a";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.nav-sidebar nav.menu--about h2:before {
  transform: rotate(180deg);
}
.nav-sidebar nav.menu--legal h2:before {
  content: "\e90b";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.nav-sidebar nav.menu--faqs h2:before {
  content: "\e909";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.nav-sidebar h2 {
  position: relative;
  margin: 0;
  align-items: center;
  height: 48px;
  display: flex;
  border-bottom: 1px solid #eeeeee;
  font-size: 13.7142857143px;
  padding: 0 48px;
}
@media (min-width: 768px) {
  .nav-sidebar h2 {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  .nav-sidebar h2 {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  .nav-sidebar h2 {
    height: 72px;
  }
}
@media (min-width: 768px) {
  .nav-sidebar h2 {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .nav-sidebar h2 {
    font-size: 18.2857142857px;
  }
}
@media (min-width: 1440px) {
  .nav-sidebar h2 {
    font-size: 20.5714285714px;
  }
}
@media (min-width: 768px) {
  .nav-sidebar h2 {
    padding: 0 56px;
  }
}
@media (min-width: 1024px) {
  .nav-sidebar h2 {
    padding: 0 64px;
  }
}
@media (min-width: 1440px) {
  .nav-sidebar h2 {
    padding: 0 72px;
  }
}
.nav-sidebar h2:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
@media (min-width: 768px) {
  .nav-sidebar h2:before {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  .nav-sidebar h2:before {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  .nav-sidebar h2:before {
    width: 72px;
  }
}
@media (min-width: 768px) {
  .nav-sidebar h2:before {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  .nav-sidebar h2:before {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  .nav-sidebar h2:before {
    height: 72px;
  }
}
@media (min-width: 768px) {
  .nav-sidebar h2:before {
    font-size: 18.6666666667px;
  }
}
@media (min-width: 1024px) {
  .nav-sidebar h2:before {
    font-size: 21.3333333333px;
  }
}
@media (min-width: 1440px) {
  .nav-sidebar h2:before {
    font-size: 24px;
  }
}
.nav-sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 8px 0;
}
@media (min-width: 768px) {
  .nav-sidebar ul {
    padding: 9.3333333333px 0;
  }
}
@media (min-width: 1024px) {
  .nav-sidebar ul {
    padding: 10.6666666667px 0;
  }
}
@media (min-width: 1440px) {
  .nav-sidebar ul {
    padding: 12px 0;
  }
}
.nav-sidebar ul li {
  margin: 0;
  padding: 0;
  height: 48px;
}
@media (min-width: 768px) {
  .nav-sidebar ul li {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  .nav-sidebar ul li {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  .nav-sidebar ul li {
    height: 72px;
  }
}
.nav-sidebar ul li a {
  display: flex;
  flex-wrap: wrap;
  text-transform: uppercase;
  position: relative;
  height: 100%;
  width: 100%;
  background-color: white;
  color: black;
  align-items: center;
  padding: 0 48px;
}
@media (min-width: 768px) {
  .nav-sidebar ul li a {
    padding: 0 56px;
  }
}
@media (min-width: 1024px) {
  .nav-sidebar ul li a {
    padding: 0 64px;
  }
}
@media (min-width: 1440px) {
  .nav-sidebar ul li a {
    padding: 0 72px;
  }
}
.nav-sidebar ul li a img {
  display: none;
}
.nav-sidebar ul li a:before {
  text-indent: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13.7142857143px;
}
@media (min-width: 768px) {
  .nav-sidebar ul li a:before {
    width: 56px;
  }
}
@media (min-width: 1024px) {
  .nav-sidebar ul li a:before {
    width: 64px;
  }
}
@media (min-width: 1440px) {
  .nav-sidebar ul li a:before {
    width: 72px;
  }
}
@media (min-width: 768px) {
  .nav-sidebar ul li a:before {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  .nav-sidebar ul li a:before {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  .nav-sidebar ul li a:before {
    height: 72px;
  }
}
@media (min-width: 768px) {
  .nav-sidebar ul li a:before {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .nav-sidebar ul li a:before {
    font-size: 18.2857142857px;
  }
}
@media (min-width: 1440px) {
  .nav-sidebar ul li a:before {
    font-size: 20.5714285714px;
  }
}
.nav-sidebar ul li a.is-active {
  background-color: black;
  color: white;
}
.nav-sidebar ul li.mail a {
  text-transform: initial;
}
.nav-sidebar ul li.mail a:before {
  content: "\e968";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.nav-sidebar ul li.phone a {
  text-transform: initial;
}
.nav-sidebar ul li.phone a:before {
  content: "\e901";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.nav-sidebar ul li.philosophy a:before {
  content: "\e904";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.nav-sidebar ul li.story a:before {
  content: "\e905";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.nav-sidebar ul li.terms a:before {
  content: "\e925";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.nav-sidebar ul li.cookie a:before {
  content: "\e91e";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.nav-sidebar ul li.privacy a:before {
  content: "\e90a";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.nav-sidebar ul li.payment-methods a:before {
  content: "\e939";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.nav-sidebar ul li.shipping a:before {
  content: "\e907";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}
.nav-sidebar ul li.returns a:before {
  content: "\e906";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}

.footer-fifth h2 {
  height: 48px;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  margin: 0;
  padding: 0 24px;
}
@media (min-width: 768px) {
  .footer-fifth h2 {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  .footer-fifth h2 {
    height: 64px;
  }
}
@media (min-width: 1440px) {
  .footer-fifth h2 {
    height: 72px;
  }
}
@media (min-width: 768px) {
  .footer-fifth h2 {
    font-size: 13.125px;
  }
}
@media (min-width: 1024px) {
  .footer-fifth h2 {
    font-size: 13.125px;
  }
}
@media (min-width: 1440px) {
  .footer-fifth h2 {
    font-size: 13.125px;
  }
}
@media (min-width: 768px) {
  .footer-fifth h2 {
    padding: 0 28px;
  }
}
@media (min-width: 1024px) {
  .footer-fifth h2 {
    padding: 0 32px;
  }
}
@media (min-width: 1440px) {
  .footer-fifth h2 {
    padding: 0 36px;
  }
}
@media (max-width: 540px) {
  .footer-fifth h2 {
    opacity: 1;
    pointer-events: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-property: opacity;
  }
  .share-opened .footer-fifth h2 {
    opacity: 0;
    pointer-events: none;
  }
}
/*# sourceMappingURL=nav.css.map */