@font-face {
  font-family: "Maison Neue";
  src: url("fonts/MaisonNeue-BoldItalic.eot");
  src: url("fonts/MaisonNeue-BoldItalicd41d.eot?#iefix") format("embedded-opentype"), url("fonts/MaisonNeue-BoldItalic.woff2") format("woff2"), url("fonts/MaisonNeue-BoldItalic.woff") format("woff"), url("fonts/MaisonNeue-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Maison Neue Mono";
  src: url("fonts/MaisonNeueMono-Regular.eot");
  src: url("fonts/MaisonNeueMono-Regulard41d.eot?#iefix") format("embedded-opentype"), url("fonts/MaisonNeueMono-Regular.woff2") format("woff2"), url("fonts/MaisonNeueMono-Regular.woff") format("woff"), url("fonts/MaisonNeueMono-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Maison Neue";
  src: url("fonts/MaisonNeue-Medium.eot");
  src: url("fonts/MaisonNeue-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("fonts/MaisonNeue-Medium.woff2") format("woff2"), url("fonts/MaisonNeue-Medium.woff") format("woff"), url("fonts/MaisonNeue-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Maison Neue";
  src: url("fonts/MaisonNeue-Book.eot");
  src: url("fonts/MaisonNeue-Bookd41d.eot?#iefix") format("embedded-opentype"), url("fonts/MaisonNeue-Book.woff2") format("woff2"), url("fonts/MaisonNeue-Book.woff") format("woff"), url("fonts/MaisonNeue-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}
header {
  position: fixed;
  width: 100%;
  top: 1rem;
  left: 0;
  z-index: 1;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
@media only screen and (max-width: 768px) {
  header {
    padding: 0;
/*    top: 0rem*/
  }
}
header.dark nav {
  border-bottom: solid rgba(71, 71, 71, .3) .1rem
}
header.dark nav .menu-button #hamburger-menu span {
  background: #474747
}
header.dark ul li a {
  color: #474747
}
header.dark .right i svg {
  fill: #474747
}
header.dark .logo {
  background: url(../images/main/epp-logo-light.svg) no-repeat
}
header.light {
  z-index: 11;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background: #fff
}
header.light nav {
  border-radius: 1rem 1rem 0 0;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
header.light nav .menu-button #hamburger-menu span {
  background: #474747
}
header.light ul li a {
  color: #474747
}
header.light .right i {
  cursor: default
}
header.light .right i .mobile-menu {
  cursor: default;
  pointer-events: none
}
header.light .right i svg {
  fill: #474747
}
header.light .right a span {
  color: #474747
}
header.light .logo {
  background: url(../images/main/epp-logo.svg) no-repeat
}
header svg {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
header nav {
  border-bottom: solid rgba(255, 255, 255, .3) .1rem;
  height: 9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  margin: 0 2rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
@media only screen and (max-width: 768px) {
  header nav {
    height: 7rem
  }
}
header nav a:hover, header nav a:focus {
  color: #fff !important;
  text-decoration: none !important
}
header ul {
  display: flex;
  width: 30rem
}
@media only screen and (max-width: 768px) {
  header ul {
    display: none
  }
}
header ul li a {
  font-size: clamp(1.6rem, 12vw, 1.6rem);
  font-weight: 500;
  color: #fff;
  height: 9rem;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 1px
}
header .logo {
  width: 20%;
  height: 6.5rem;
  background: url(../images/main/epp-logo-light.svg) no-repeat center;
  background-size: contain;
}
header.scrolled {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background: #fff;
  transform: translateZ(0)
}
header.scrolled nav {
  border: none;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, .1);
  border-radius: 1rem
}
header.scrolled ul li a {
  color: #474747
}
header.scrolled .logo {
  background: url(../images/main/epp-logo-light.svg) no-repeat;
  width: 20%;
  background-position: center !important;
}
header.scrolled .right a span {
  color: #474747
}
header.scrolled .right svg {
  fill: #474747
}
header.scrolled .right i.filter-button svg {
  fill: rgba(0, 0, 0, 0) !important;
  stroke: #474747 !important
}
header.scrolled nav .menu-button #hamburger-menu span {
  background: #474747
}
header .right {
  width: 40%;
  display: flex;
  justify-content: flex-end;
  align-items: center
}
header .right a {
  display: flex;
  align-items: center;
  padding: 0 1.5rem;
}
header .right a span {
  font-size: 1.4rem;
  color: #fff;
  /*  margin-right: 2rem;*/
  width: max-content;
  font-weight: 500;
  /*  margin-left: -1rem*/
}
@media only screen and (max-width: 768px) {
  header .right a span {
    display: none
  }
}
header .right i {
  cursor: pointer;
  margin: 0 1.8rem
}
@media only screen and (max-width: 768px) {
  header .right i:last-child {
    margin: 0 0 0 .5rem
  }
}
@media only screen and (max-width: 768px) {
  header .right i {
    margin: 0 .8rem
  }
}
@media only screen and (min-width: 768px) {
  header .right i.filter-button {
    display: none
  }
}
header .right i .mobile-menu {
  height: 3rem;
  display: flex;
  align-items: center
}
header .right i svg {
  fill: #fff
}
@media only screen and (max-width: 768px) {
  header .right i svg {
    width: 2.2rem;
    height: 2.2rem
  }
}
header .right i.filter-button svg {
  fill: rgba(0, 0, 0, 0);
  stroke: #fff
}
header .right .menu-button {
  margin: 0 0 0 1.8rem
}
@media only screen and (max-width: 768px) {
  header .right .menu-button {
    margin: 0 0 0 1.6rem !important
  }
}
header .menu-button {
  height: 4rem;
  display: flex;
  align-items: center;
  position: relative
}
header .menu-button #hamburger-menu {
  width: 3.4rem;
  height: 1.4rem;
  position: relative
}
header .menu-button #hamburger-menu span {
  opacity: 1;
  left: 0;
  display: block;
  width: 100%;
  height: .2rem;
  border-radius: 10px;
  transform: translateZ(0);
  background: #fff;
  position: absolute;
  transform: rotate(0deg);
  transition: .4s ease-in-out
}
header .menu-button #hamburger-menu span:nth-child(1) {
  top: 0
}
header .menu-button #hamburger-menu span:nth-child(2) {
  top: 1rem
}
header .menu-button #hamburger-menu.open span:nth-child(1) {
  transform: translateY(5px) rotate(135deg)
}
header .menu-button #hamburger-menu.open span:nth-child(2) {
  transform: translateY(-5px) rotate(-135deg)
}
header .menu-close {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  cursor: pointer;
  display: none
}
header .menu-close.visible {
  z-index: 99999;
  display: flex
}
.menu-tab .tabs section.active {
  display: block
}
.hamburger-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  visibility: hidden
}
.hamburger-menu .menu-top {
  width: 100%;
  height: 7rem;
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0 4rem
}
@media only screen and (max-width: 1920px) {
  .hamburger-menu .menu-top {
    padding: 0 1rem;
    height: 8rem
  }
}
.hamburger-menu .menu-bottom {
  width: 100%;
  height: 7rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4rem
}
@media only screen and (max-width: 1024px) {
  .hamburger-menu .menu-bottom {
    padding: 0 2rem;
    height: 8rem
  }
}
.hamburger-menu .menu-bottom span {
  font-size: 1.4rem;
  opacity: 0
}
.hamburger-menu .menu-title {
  font-size: 6rem;
  color: #474747;
  font-weight: 500;
  margin-bottom: 5rem;
  overflow: hidden;
  margin-left: 5vw;
  opacity: 0
}
.hamburger-menu .hamburger-menu-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100dvh;
  background-color: #eee;
  z-index: 100;
  transform: translateY(-100%);
  display: flex;
  flex-direction: column;
  overflow: auto
}
.hamburger-menu .hamburger-menu-content::-webkit-scrollbar {
  width: 0
}
.hamburger-menu .hamburger-menu-content::-webkit-scrollbar-track {
  background-color: #000
}
.hamburger-menu .hamburger-menu-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  transform: translateZ(0);
  background-color: #555
}
.hamburger-menu .hamburger-menu-content::-webkit-scrollbar-button {
  background-color: #000;
  background-image: url()
}
.hamburger-menu .hamburger-menu-content::-webkit-scrollbar-button:vertical:increment {
  background-position: -64px -16px
}
.hamburger-menu .hamburger-menu-content::-webkit-scrollbar-button:vertical:decrement {
  background-position: 0 -16px
}
.hamburger-menu .hamburger-menu-content::-webkit-scrollbar-button:horizontal:increment {
  background-position: -32px -16px
}
.hamburger-menu .hamburger-menu-content::-webkit-scrollbar-button:horizontal:decrement {
  background-position: -96px -16px
}
.hamburger-menu .hamburger-menu-content::-webkit-scrollbar-corner {
  background-color: #000
}
.hamburger-menu .hamburger-menu-content .menu-close {
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center
}
.hamburger-menu .hamburger-menu-content .menu-close svg {
  margin-right: .5rem
}
.hamburger-menu .menu-items {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative
}
@media only screen and (max-width: 1024px) {
  .hamburger-menu .menu-items {
    display: none
  }
}
.hamburger-menu .menu-items .menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 6rem;
  overflow: hidden;
  cursor: pointer;
  font-weight: lighter
}
.hamburger-menu .menu-items .menu-item.menubutton {
  width: 30rem;
  height: 6rem;
  margin-top: 10rem
}
.hamburger-menu .menu-items .menu-item.menubutton .menu-item-name {
  height: 6rem;
  border: solid #474747 .1rem;
  border-radius: 1rem;
  font-size: 2rem;
  font-weight: bold;
  justify-content: flex-start
}
.hamburger-menu .menu-items .menu-item.menubutton .menu-item-name i {
  width: 5rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  margin-left: 1rem
}
.hamburger-menu .menu-items .menu-item.menubutton .menu-item-name i svg {
  width: 3rem;
  height: 3rem;
  margin: 0
}
.hamburger-menu .menu-items .menu-item.menubutton .menu-item-name.active {
  color: #7e9fb2;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.hamburger-menu .menu-items .menu-item .menu-item-name {
  width: 30rem;
  color: #474747;
  font-size: 4rem;
  font-weight: 500;
  outline: none;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.hamburger-menu .menu-items .menu-item .menu-item-name.active {
  color: #db241c;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.hamburger-menu .menu-items-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 70%;
  margin-left: 10%;
  margin-right: 20%
}
.hamburger-menu .menu-content {
  width: 65%;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 4rem
}
@media only screen and (max-width: 1370px) {
  .hamburger-menu .menu-content {
    flex-shrink: 0
  }
}
.hamburger-menu .menu-tab {
  width: 100% !important
}
@media only screen and (max-width: 1024px) {
  .hamburger-menu .menu-tab {
    display: none
  }
}
.hamburger-menu .menu-tab a:hover, .hamburger-menu .menu-tab a:active {
  border-bottom: none;
  outline: 0
}
.hamburger-menu .menu-tab a:focus {
  border-bottom: none;
  outline: thin dotted
}
.hamburger-menu .menu-tab a img {
  border: 0
}
.hamburger-menu .menu-tab a svg {
  fill: rgba(0, 0, 0, 0);
  stroke: #474747;
  margin-left: 2.4em;
  margin-top: .4rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.hamburger-menu .menu-tab a path {
  fill: #474747
}
.hamburger-menu .menu-tab .entry-content > *:not(:last-child) {
  margin-bottom: 1rem
}
.hamburger-menu .menu-tab .tabs-container {
  padding: 2rem
}
.hamburger-menu .menu-tab .tab-head {
  width: auto;
  margin-right: 4rem
}
@media only screen and (max-width: 1920px) {
  .hamburger-menu .menu-tab .tab-head {
    width: auto
  }
}
.hamburger-menu .menu-tab .tab-head .small-head {
  margin-bottom: 6rem;
  height: 0
}
@media only screen and (max-width: 1920px) {
  .hamburger-menu .menu-tab .tab-head .small-head {
    margin-bottom: 4rem
  }
}
.hamburger-menu .menu-tab .tabs {
  display: flex;
  width: 100%;
  padding: 0 5vw
}
@media only screen and (max-width: 1920px) {
  .hamburger-menu .menu-tab .tabs {
    padding: 0 4vw
  }
}
.hamburger-menu .menu-tab .tabs > ul {
  list-style-type: none;
  flex-shrink: 0
}
.hamburger-menu .menu-tab .tabs > ul li {
  display: flex
}
.hamburger-menu .menu-tab .tabs > ul li a {
  width: 100%;
  display: flex;
  transition: all .2s ease-in-out;
  justify-content: flex-start;
  margin: 1rem 0;
  color: #474747
}
.hamburger-menu .menu-tab .tabs > ul li a span {
  font-size: clamp(3rem, 12vw, 3.6rem);
  color: #474747;
  line-height: 1;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.hamburger-menu .menu-tab .tabs > ul li a svg {
  stroke: #000;
  stroke-width: 1
}
.hamburger-menu .menu-tab .tabs > ul li a path {
  stroke: #000
}
.hamburger-menu .menu-tab .tabs > ul li a:hover, .hamburger-menu .menu-tab .tabs > ul li a:focus, .hamburger-menu .menu-tab .tabs > ul li a:active {
  border-bottom: none;
  outline: 0
}
.hamburger-menu .menu-tab .tabs > ul li a:hover span, .hamburger-menu .menu-tab .tabs > ul li a:focus span, .hamburger-menu .menu-tab .tabs > ul li a:active span {
  text-decoration: underline;
  color: #fff !important
}
.hamburger-menu .menu-tab .tabs > ul li a:hover svg, .hamburger-menu .menu-tab .tabs > ul li a:focus svg, .hamburger-menu .menu-tab .tabs > ul li a:active svg {
  fill: #000;
  stroke: #000
}
.hamburger-menu .menu-tab .tabs > ul li a:hover path, .hamburger-menu .menu-tab .tabs > ul li a:focus path, .hamburger-menu .menu-tab .tabs > ul li a:active path {
  stroke: #fff
}
.hamburger-menu .menu-tab .tabs > ul li a.active svg {
  fill: #000;
  stroke: #000
}
.hamburger-menu .menu-tab .tabs > ul li a.active path {
  stroke: #fff
}
.hamburger-menu .menu-tab .tabs > ul li a:hover:not(.active) {
  color: #474747
}
.hamburger-menu .menu-tab .tabs > ul li a > span {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center
}
.hamburger-menu .menu-tab .tabs > ul li a > span.tab-label {
  display: none
}
.hamburger-menu .menu-tab .tabs .tab-content {
  width: -webkit-fill-available
}
.hamburger-menu .menu-tab .tabs .tab-content ul {
  display: flex;
  flex-direction: column;
  padding-left: 4rem
}
@media only screen and (max-width: 1370px) {
  .hamburger-menu .menu-tab .tabs .tab-content ul {
    padding-left: 0
  }
}
.hamburger-menu .menu-tab .tabs .tab-content ul li a {
  font-size: 2rem;
  color: #474747;
  line-height: 3rem;
  margin-bottom: 1.4rem;
  display: flex;
  width: fit-content;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  font-weight: 400
}
.hamburger-menu .menu-tab .tabs .tab-content ul li a:hover {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  text-decoration: underline
}
.hamburger-menu .menu-tab .tabs section {
  width: 85%;
  padding: 8rem 1rem 0;
  display: none;
  word-wrap: break-word
}
@media only screen and (max-width: 1370px) {
  .hamburger-menu .menu-tab .tabs section {
    padding: 7rem 1rem 0
  }
}
.hamburger-menu .menu-tab .tabs section figure {
  max-width: 20rem;
  height: 20rem;
  margin: 0
}
@media only screen and (max-width: 1920px) {
  .hamburger-menu .menu-tab .tabs section figure {
    max-width: 15rem;
    height: 15rem
  }
}
@media only screen and (max-width: 1370px) {
  .hamburger-menu .menu-tab .tabs section figure {
    display: none
  }
}
.hamburger-menu .menu-tab .tabs section figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  border-radius: 1rem;
  transform: translateZ(0)
}
.hamburger-menu .menu-tab .tabs section > * {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .2s, transform .2s
}
.hamburger-menu .menu-tab .tabs section.active {
  display: flex
}
.hamburger-menu .menu-tab .tabs section.active-content > * {
  opacity: 1;
  transform: translateY(0)
}
.hamburger-menu .menu-tab .tabs > ul li a {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  align-items: center
}
.hamburger-menu .menu-tab .tabs > ul li a > span.tab-label {
  display: flex;
  align-items: center
}
.hamburger-menu .social-contact {
  padding: 4rem 10rem 0;
  opacity: 0;
  transform: translateY(20%)
}
@media only screen and (max-width: 1920px) {
  .hamburger-menu .social-contact {
    padding: 4rem 4vw 0
  }
}
@media only screen and (max-width: 1024px) {
  .hamburger-menu .social-contact {
    display: none
  }
}
.hamburger-menu .social-contact .social {
  margin: 6rem 0 0;
  display: flex;
  gap: .5rem;
  flex-wrap: wrap
}
@media only screen and (max-width: 1920px) {
  .hamburger-menu .social-contact .social {
    margin: 2rem 0 4rem
  }
}
.hamburger-menu .social-contact .social i {
  width: 5rem;
  height: 5rem;
  background: #474747;
  border-radius: 100%;
  transform: translateZ(0);
  display: flex;
  justify-content: center;
  align-items: center
}
.hamburger-menu .social-contact .social i svg {
  fill: #fff
}
.hamburger-menu .social-contact .menu {
  display: flex
}
.hamburger-menu .social-contact ul {
  margin: 6rem 0 10rem
}
@media only screen and (max-width: 1920px) {
  .hamburger-menu .social-contact ul {
    margin: 4rem 0 5rem
  }
}
.hamburger-menu .social-contact ul li.dealer {
  margin-top: 2rem
}
.hamburger-menu .social-contact ul li.dealer a {
  font-size: 1.5rem
}
.hamburger-menu .social-contact ul li a {
  font-size: 2.6rem;
  font-weight: normal;
  display: flex;
  align-items: center;
  height: 3.6rem;
  color: #474747
}
@media only screen and (max-width: 1920px) {
  .hamburger-menu .social-contact ul li a {
    font-size: 1.8rem
  }
}
.hamburger-menu .social-contact ul li a svg {
  width: 3rem;
  height: 3rem;
  fill: rgba(0, 0, 0, 0);
  stroke: #474747;
  margin-right: 1rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.hamburger-menu .social-contact ul li a path {
  fill: #474747
}
.hamburger-menu .social-contact ul li a:hover {
  text-decoration: underline
}
.hamburger-menu .social-contact .info {
  margin-top: 4rem
}
.hamburger-menu .social-contact .info span {
  font-family: "Maison Neue", sans-serif;
  font-size: 2rem
}
.hamburger-menu .social-contact .info span a {
  color: #474747
}
.hamburger-menu .social-contact .info span a:hover {
  text-decoration: underline
}
.accordion-menu-item {
  width: 100%;
  height: 100%;
  padding-top: 4rem;
  visibility: hidden;
  transform: translateY(20%);
  display: none
}
@media only screen and (max-width: 1024px) {
  .accordion-menu-item {
    display: flex;
    opacity: 0;
    visibility: hidden
  }
}
.accordion-menu-item .accordion-menu {
  width: 100%;
  position: relative
}
.accordion-menu-item .accordion-menu li {
  overflow: hidden;
  padding: 1rem 0;
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-direction: column;
  padding-left: 2rem;
  border: none
}

.accordion-menu-item .accordion-menu li:last-child {
  border: none
}
.accordion-menu-item .accordion-menu li a {
  font-size: 1.8rem;
  color: #474747;
  font-weight: 500
}
.accordion-menu-item .accordion-menu li.open .dropdownlink {
      color: #db241c;
}
.accordion-menu-item .accordion-menu li.open .dropdownlink i svg {
  transform: rotate(90deg);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.accordion-menu-item .accordion-menu .dropdownlink {
  cursor: pointer;
  display: flex;
  font-size: 1.8rem;
  color: #474747;
  font-weight: 500;
  position: relative;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-height: auto;
  width: 100%;
  justify-content: space-between
}
.accordion-menu-item .accordion-menu .dropdownlink i {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  right: 2rem;
  font-size: 1.8rem
}
.accordion-menu-item .accordion-menu .dropdownlink i svg {
  width: 2.6rem;
  height: 2.6rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.accordion-menu-item .accordion-menu .dropdownlink i .icon-open {
  display: flex
}
.accordion-menu-item .accordion-menu .dropdownlink i .icon-close {
  display: none
}
.accordion-menu-item .accordion-menu .ion-ios-arrow-down {
  right: 2rem;
  left: auto
}
.accordion-menu-item .submenuItems {
  display: none;
  padding-bottom: 0
}
.accordion-menu-item .submenuItems li {
  padding: 1rem 1rem 0 1rem;
  position: relative;
  border: none;
  margin: 0
}
.accordion-menu-item .submenuItems li ul {
  margin-bottom: 0
}
.accordion-menu-item .submenuItems li ul li {
  padding: 0
}
.accordion-menu-item .submenuItems li ul li a {
  font-size: 1.8rem;
  height: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center
}
.search-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  visibility: hidden
}
.search-menu:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .4)
}
.search-menu .search-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 50vh;
  background-color: #d5e8ec;
  z-index: 100;
  transform: translateY(-100%);
  display: flex;
  flex-direction: column;
  overflow: hidden
}
@media only screen and (max-width: 1024px) {
  .search-menu .search-content {
    height: 30vh
  }
}
.search-menu .search-content .menu-top {
  width: 100%;
  height: 11rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 4rem
}
@media only screen and (max-width: 1024px) {
  .search-menu .search-content .menu-top {
    padding: 0 1rem;
    height: 8rem
  }
}
.search-menu .search-content .search-close {
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center
}
.search-menu .search-content .search-close svg {
  margin-right: .5rem
}
.line {
  height: .1rem;
  transform-origin: left;
  overflow: hidden;
  background: #474747
}
.searchline {
  height: .1rem;
  transform-origin: left;
  overflow: hidden;
  background: #474747
}
.line-v {
  width: .1rem;
  height: 100%;
  overflow: hidden;
  background: #474747;
  position: absolute;
  top: 0;
  right: 0;
  left: auto
}
.filter-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  visibility: hidden
}
.filter-menu:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .4)
}
.filter-menu .filter-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  background-color: #fff;
  z-index: 100;
  transform: translateY(-100%);
  display: flex;
  flex-direction: column;
  overflow: hidden
}
.filter-menu .filter-content .filter-top {
  width: 100%;
  height: 11rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 4rem
}
@media only screen and (max-width: 1024px) {
  .filter-menu .filter-content .filter-top {
    padding: 0 1rem;
    height: 8rem
  }
}
.filter-menu .filter-content .filter-close {
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center
}
.filter-menu .filter-content .filter-close svg {
  margin-right: .5rem
}
.filter-menu .filter-options {
  display: flex;
  flex-direction: column;
  transform: translateY(80%);
  opacity: 0
}
.filter-menu .filter-options input::-webkit-input-placeholder {
  letter-spacing: 1px;
  color: #474747
}
.filter-menu .filter-options input:-ms-input-placeholder {
  letter-spacing: 1px;
  color: #474747
}
.filter-menu .filter-options input::placeholder {
  letter-spacing: 1px;
  color: #474747
}
.filterline {
  height: .1rem;
  transform-origin: left;
  overflow: hidden;
  background: #474747
}
.mobile-filter-content {
  padding: 2rem 1rem;
  height: calc(100dvh - 8rem);
  overflow: auto
}
.mobile-filter-content .small-head {
  margin-bottom: 1rem
}
.mobile-filter-content .checkbox {
  margin-bottom: 0
}
.mobile-filter-content .button {
  width: 100%
}
.product-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  z-index: 12
}
.product-menu:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .4)
}
.product-menu .carousel-detail-slider {
  padding: 0
}
.product-menu .product-content {
  background-color: #fff;
  z-index: 100;
  transform: translateY(-100%);
  display: flex;
  flex-direction: column;
  inset: 0 0 auto 0;
  border-radius: 0 0 1rem 1rem;
  position: absolute
}
@media only screen and (max-width: 1024px) {
  .product-menu .product-content {
    height: 30vh
  }
}
.product-menu .product-content .products-menu-close {
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: -7rem;
  right: 4rem;
  background: #fff
}
.product-menu .product-content .products-menu-close svg {
  margin-right: .5rem
}
@media only screen and (max-width: 1024px) {
  .mega-menu {
    display: none
  }
}
.mega-menu .has-mega-menu a {
  display: flex;
  padding: 0 1.5rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.mega-menu .main-menu .has-mega-menu.mega-menu-is-open a {
  background: rgba(0, 0, 0, .75);
  box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
  backdrop-filter: blur(7.6px);
   color:#fff;	
  -webkit-backdrop-filter: blur(7.6px)
}
.mega-menu .mega-menu {
  background: rgba(0, 0, 0, .75);
  box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
  backdrop-filter: blur(7.6px);
  -webkit-backdrop-filter: blur(7.6px);
  padding: 1rem;
  position: absolute;
  inset: auto 1rem auto 1rem;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  border-radius: 0 0 1rem 1rem;
  pointer-events: none;
  transition: visibility .4s linear, opacity .4s ease
}
.mega-menu .mega-menu.is-open {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transition: visibility .4s linear, opacity .4s ease;
  pointer-events: auto
}
.mega-menu .mega-menu .carousel-detail-slider {
  padding: 2rem 2rem;
  margin: 0
}
.mega-menu .mega-menu .carousel-detail-slider a {
  transition: none !important;
  padding: 0 !important
}
.mega-menu .mega-menu .carousel-detail-slider .swiper-wrapper a {
  padding: 0 !important
}
.mega-menu .mega-menu .carousel-detail-slider .swiper-backface-hidden a {
  padding: 0 !important
}
.mega-menu .mega-menu .carousel-detail-slider .swiper-backface-hidden .swiper-slide {
  padding: 0 !important;
  transform: translateZ(0) !important;
  opacity: 1 !important
}
.mega-menu .mega-menu .carousel-detail-slider .head {
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.mega-menu .mega-menu .carousel-detail-slider .head h6 {
  font-size: 2.4rem;
  color: #fff
}
.mega-menu .mega-menu .carousel-detail-slider .head .button {
  height: 5rem
}
.mega-menu .mega-menu .carousel-detail-slider h4 {
  font-size: 1.8rem !important
}
.apps {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  padding-left: 5vw;
  margin-top: 8rem;
  position: absolute;
  left: 0;
  bottom: 3rem
}
@media only screen and (max-width: 1920px) {
  .apps {
    padding: 0 4vw
  }
}
.apps .small-head {
  margin-bottom: 4rem
}
.apps ul {
  width: 100%;
}
.apps ul li {
  height: auto;
  position: relative;
  overflow: hidden;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  margin: 3px;
  border-radius: 1rem;
  display: inline-block;
}
.apps ul li:hover {
  background: #474747;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.apps ul li:hover a {
  color: #fff
}
.apps ul li:hover a svg path {
  fill: #fff;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.apps ul li a {
  height: auto;
  font-size: 1.8rem;
  color: #474747;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 1.8rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  border: solid rgba(71, 71, 71, .25) .1rem;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
  position: relative;
  overflow: hidden
}
.apps ul li a svg {
  width: 2.8rem;
  height: 2.8rem;
  margin: 0 !important;
  padding: 0 !important;
  stroke: none !important
}
.apps ul li a svg path {
  fill: #474747;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.apps ul li a i {
  height: 4rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center
}
footer {
  background: #eee
}
footer .items {
  display: flex;
  border-top: solid #000 .1rem;
  border-bottom: solid #000 .1rem
}
@media only screen and (max-width: 1024px) {
  footer .items {
    flex-direction: column-reverse
  }
}
footer .items .item {
  display: flex;
  padding: 4rem
}
footer .items .item .menu {
  display: flex
}
/*
@media only screen and (max-width: 1024px) {
  footer .items .item .menu {
    flex-direction: column;
  }
}
*/
@media only screen and (max-width: 1024px) {
  footer .items .item {
    padding: 2rem
  }
}
footer .items .item:first-child {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 35%
}
@media only screen and (max-width: 1024px) {
  footer .items .item:first-child {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%
  }
}
footer .items .item:first-child ul {
  display: flex;
  flex-direction: column
}
@media only screen and (max-width: 1024px) {
  footer .items .item:first-child ul {
    flex-direction: row
  }
}
footer .items .item:first-child ul li {
  margin: .4rem 0;
  text-align: center
}
footer .items .item:first-child ul li a {
  font-size: 16px;
  color: #474747
}
footer .items .item:first-child ul li a:hover {
  text-decoration: underline
}
footer .items .item:last-child {
  width: 75%;
  display: flex;
  flex-wrap: wrap;
  border-left: solid #000 .1rem
}
@media only screen and (max-width: 768px) {
  footer .items .item:last-child {
    width: 100%;
    flex-direction: column;
    border: none
  }
}
footer .items .item .logo {
  max-width: 18rem;
  margin-bottom: 6rem
}
@media only screen and (max-width: 1024px) {
  footer .items .item .logo {
    max-width: 10rem;
    margin-bottom: 4rem
  }
}
footer .items .item small {
  font-size: 16px;
  letter-spacing: 3px;
  font-weight: bold
}
footer .items .item .social {
  margin: 2rem 0 4rem;
  display: flex
}
footer .items .item .social i {
  width: 5rem;
  height: 5rem;
  background: #474747;
  border-radius: 100%;
  transform: translateZ(0);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem
}
footer .items .item .social i svg {
  fill: #fff
}
footer .items .item .contact {
  width: 50%;
  margin: 0 0 4rem;
  display: flex;
  flex-direction: column
}
 footer .items .item .contact {
    padding-left: 6rem
  }
@media only screen and (max-width: 1024px) {
  footer .items .item .contact {
    margin: 2rem 0 0rem
  }
}
@media only screen and (max-width: 768px) {
  footer .items .item .contact {
    padding: 0
  }
}
footer .items .item .contact small {
  margin-bottom: 2rem
}
footer .items .item .contact span {
    font-size: 16px;
    font-family: "Maison Neue", sans-serif;
    color: #474747;
    letter-spacing: .39043px;
    font-weight: 500;
    line-height: 22px;
}
footer .items .item .contact span a {
  color: #474747
}
footer .items .item .contact span a:hover {
  text-decoration: underline
}
footer .items .item .newsletter {
  max-width: 40rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 4rem
}
@media only screen and (max-width: 1024px) {
  footer .items .item .newsletter {
    margin-top: 0
  }
}
footer .items .item .newsletter span {
  font-size: 16px;
  color: #474747;
  font-family: "Maison Neue", sans-serif;
  letter-spacing: .130159px;
  margin-bottom: 1rem
}
footer .items .item .newsletter form {
  margin: 0
}
footer .items .item .newsletter form .form-item {
  margin-bottom: 1rem
}
footer .items .item nav {
  width: 50%
}
@media only screen and (max-width: 1024px) {
  footer .items .item nav {
    margin: 2rem 0 6rem;
    display: flex;
    flex-direction: column
  }
}
@media only screen and (max-width: 768px) {
  footer .items .item nav {
    margin: 2rem 0 2rem;
    width: 100%
  }
}
footer .items .item nav ul {
  display: flex;
  flex-direction: column;
  margin-top: 2rem
}
footer .items .item nav ul:first-child {
  margin-right: 4rem
}
footer .items .item nav ul li a {
    font-size: 16px;
    line-height: 27px;
    color: #474747;
    font-weight: 500;
}
@media only screen and (max-width: 768px) {
 footer .items .item nav ul li a, footer .items .item .contact span {
        font-size: 16px;
        line-height: 25px;
    }
}
footer .items .item nav ul li a:hover {
     color: #db241c;
}
.menu-item a:hover span {
    color: #db241c;
}
.menu-item a:hover svg {
    stroke: #db241c;
}
footer .buttom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem 3.5rem
}
@media only screen and (max-width: 1024px) {
  footer .buttom {
    padding: 2rem 2rem 1.5rem
  }
}
footer .buttom span, .menu-bottom a, .hamburger-menu .menu-bottom{
  font-size: 14px;
	color: #474747;
}
@media only screen and (max-width: 1024px) {
	footer .buttom span, .hamburger-menu .menu-bottom { 
    font-size: 12px
  }
}
footer .buttom span a {
  color: #474747
}
footer .buttom span a:hover {
  text-decoration: underline
}
.button, button {
  width: fit-content;
  height: 6rem;
  font-family: inherit;
  padding: 0 4rem;
  border-radius: 100vmax;
  transform: translateZ(0);
  font-size: 16px;
  letter-spacing: 2.18182px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;  
}
@media only screen and (max-width: 768px) {
  .button, button {
    height: 5rem;
    padding: 0 2rem
  }
}
.button:hover, button:hover {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.button:hover.border.light, button:hover.border.light {
  background: #fff;
  color: #474747
}
.button:hover.border.dark, button:hover.border.dark {
  background: #474747;
  color: #fff
}
.button:hover.normal, button:hover.normal {
  border: solid #474747 .1rem
}
.button:hover.normal.dark, button:hover.normal.dark {
  background: #fff;
  color: #474747
}
.button:hover.normal.dark svg, button:hover.normal.dark svg {
  fill: #474747;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.button:hover.normal.light, button:hover.normal.light {
  border: solid #474747 .1rem;
  background: #474747;
  color: #fff
}
.button:hover.normal.light svg, button:hover.normal.light svg {
  fill: #fff;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.button.border.light, button.border.light {
  border: solid #fff .1rem;
  color: #fff
}
.button.border.dark, button.border.dark {
  border: solid #e3000f .1rem;
  color: #e3000f;
}
.button.normal, button.normal {
  border: solid rgba(0, 0, 0, 0) .1rem
}
.button.normal.dark, button.normal.dark {
  background: #474747;
  color: #fff
}
.button.normal.dark svg, button.normal.dark svg {
  fill: #fff;
  margin-right: 1rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.button.normal.light, button.normal.light {
  border: solid #fff .1rem;
  background: #fff;
  color: #474747
}
.button.normal.light svg, button.normal.light svg {
  fill: #474747;
  margin-right: 1rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.button.small, button.small {
  height: 4rem;
  padding: 0 2rem;
  font-size: 1rem
}
.button.small:hover svg, button.small:hover svg {
  fill: #fff
}
.button.small svg, button.small svg {
  fill: #474747;
  margin-right: 1rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.button.small.dark, button.small.dark {
  background: #474747;
  color: #fff
}
.button.small.dark svg, button.small.dark svg {
  fill: #fff;
  margin-right: 1rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.button.small.light, button.small.light {
  background: #fff;
  color: #474747;
  border: solid #474747 .1rem
}
.button.small.light svg, button.small.light svg {
  fill: #474747;
  margin-right: 1rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
button {
  background: #e3000f;
  color: #fff;
  width: -webkit-fill-available
}
button:hover {
  background: #333
}
.form {
  width: 100%;
  background: #dcd3f7;
  padding: 5vw;
  display: flex;
  flex-direction: column;
  align-items: center
}
.form h6 {
  margin-bottom: 2rem
}
@media only screen and (max-width: 1024px) {
  .form h6 {
    margin-top: 4rem
  }
}
.form small {
  margin: 0
}
@media only screen and (max-width: 1024px) {
  .form small {
    text-align: center
  }
}
form {
  display: flex;
  flex-direction: column;
  align-items: center
}
form .form-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 3.2rem
}
@media only screen and (max-width: 1024px) {
  form .form-item {
    margin-bottom: 2.8rem
  }
}
form label {
  font-size: 1.9rem;
  color: #fff;
  margin-bottom: 1rem
}
@media only screen and (max-width: 1024px) {
  form label {
    font-size: 1.6rem
  }
}
form input, form textarea {
  width: 100%;
  height: 5rem;
  padding: 0;
  font-size: 1.4rem;
  color: #474747;
  letter-spacing: 2.18182px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background: none;
  border-radius: 100vmax;
  transform: translateZ(0);
  border: solid #474747 .1rem;
  text-align: center
}
@media only screen and (max-width: 1024px) {
  form input, form textarea {
    font-size: 1.6rem;
    height: 4.6rem
  }
}
form input:focus, form textarea:focus {
  background: #fff;
  border: solid #fff .1rem
}
form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
  color: #474747
}
form input:-ms-input-placeholder, form textarea:-ms-input-placeholder {
  color: #474747
}
form input::placeholder, form textarea::placeholder {
  color: #474747
}
form textarea {
  font-family: "Maison Neue", sans-serif;
  resize: none;
  padding: 2rem;
  overflow: hidden;
  min-height: 10rem;
  max-height: 15rem
}
form .bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}
@media only screen and (max-width: 768px) {
  form .bottom {
    flex-direction: column
  }
}
form .select-check {
  display: flex
}
form .verification-code {
  max-width: 15rem;
  justify-content: end
}
@media only screen and (max-width: 768px) {
  form .button {
    width: 100%
  }
}
form .message {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%
}
form .message h1 {
  color: #fff
}
form .message h1:before {
  background: #fff
}
form .message p {
  color: #fff
}
form .message span {
  font-size: clamp(2rem, 12vw, 3.4rem);
  letter-spacing: -1.88889px;
  color: #fff;
  text-align: center;
  margin-top: 4rem
}
.checkbox {
  display: flex;
  flex-grow: 1;
  align-content: center;
  align-items: center;
  max-width: 100%;
  margin: 0 0 1.5rem
}
.checkbox:last-child {
  margin: 0
}
@media only screen and (max-width: 1024px) {
  .checkbox {
    height: auto;
    padding-bottom: 2rem
  }
}
@media only screen and (max-width: 768px) {
  .checkbox {
    max-width: 100%
  }
}
.checkbox .link {
  text-align: left;
  font-size: 1.5rem
}
.checkbox .link a {
  color: #474747;
  text-decoration: underline;
  cursor: pointer
}
.checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
  position: relative
}
.checkbox input:checked + :after {
  content: "";
  background: url(../images/main/check.svg) no-repeat center center;
  background-size: 1.6rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5rem;
  height: 100%;
  text-align: center
}
.checkbox input:checked + :before {
  border: solid #474747 .1rem
}
.checkbox input:checked + label {
  color: #474747
}
.checkbox label {
  position: relative;
  cursor: pointer;
  color: #474747;
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 1.4rem
}
@media only screen and (max-width: 1024px) {
  .checkbox label {
    font-size: 1.6rem
  }
}
.checkbox label a {
  display: contents;
  color: #474747;
  text-decoration: underline
}
.checkbox label:before {
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  flex-basis: 2.5rem;
  content: "";
  -webkit-appearance: none;
  border: solid #bcbfc5 .1rem;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 1rem;
  border-radius: .5rem;
  transform: translateZ(0)
}
.selectric {
  border: none !important;
  background: none !important;
  border: solid #474747 .1rem !important;
  border-radius: 100vmax !important;
  font-weight: 500 !important
}

.selectric .button {
  width: 4rem !important;
  padding: 0 !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0) !important
}
.selectric .button:after {
  width: 2rem !important;
  height: 100% !important;
  border: none !important;
  background: rgba(0, 0, 0, 0) url(../images/icons/arrow.svg) no-repeat center center;
  padding: 0 !important;
  margin: 0 !important
}
.pagination {
  display: flex;
  width: 100%;
  overflow: hidden;
  justify-content: center;
  padding: 4rem 0 8rem;
  align-items: center
}
.pagination .link {
  width: 5rem;
  height: 5rem;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #474747;
  font-size: 2rem;
  margin: 0 .4rem
}
.pagination .link:hover {
  background: #eeedee
}
@media only screen and (max-width: 1024px) {
  .pagination .link {
    font-size: 1.6rem;
    margin: 0;
    min-width: 4rem
  }
}
.pagination .link.prev, .pagination .link.next {
  margin: 0 2rem
}
.pagination .link span {
  padding: 0 1.5rem;
  font-size: 1.4rem
}
.pagination .link:hover {
  color: #474747
}
.pagination .link:hover svg {
  fill: #474747
}
.pagination .page-prev, .pagination .page-next {
  width: 5rem;
  height: 5rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid #474747 .1rem
}
.pagination .page-prev:hover .stroke, .pagination .page-next:hover .stroke {
  opacity: 1;
  fill: #000;
  stroke: #000;
  stroke-width: 1.2;
  enable-background: new
}
.pagination .page-prev:hover .icon, .pagination .page-next:hover .icon {
  fill: none;
  stroke: #474747
}
.pagination .page-prev svg, .pagination .page-next svg {
  width: 2rem;
  height: 2rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  fill: #474747;
  stroke: #474747
}
.pagination .page-prev .stroke, .pagination .page-next .stroke {
  opacity: .5;
  fill: none;
  stroke: #0c0c0e;
  stroke-width: 1.2;
  enable-background: new;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.pagination .page-prev .icon, .pagination .page-next .icon {
  fill: none;
  stroke: #0c0c0e
}
.selectric-wrapper.selectric-open .button:after {
  transform: rotate(180deg)
}
.selectric-wrapper.selectric-open .selectric-items {
  top: 6rem !important;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important
}
.selectric-items {
  box-shadow: none !important;
  padding: 1.4rem !important;
  background: #fff !important;
  border: .1rem solid #d8d8d8 !important;
  top: 12rem !important;
  border-radius: 1rem;
  transform: translateZ(0);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  opacity: 0 !important;
  visibility: hidden !important;
  flex-direction: column
}
.selectric-items ul li {
  font-size: 1.6rem;
  height: 5rem;
  display: flex;
  align-items: center;
  padding: 1rem;
  border-radius: .8rem;
  font-weight: 500;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.selectric-items ul li:hover {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.selectric-items ul li:last-child {
  border: none
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}
input[type=number] {
  -moz-appearance: textfield
}
.tabmenu-content.type-2 {
  margin-top: 4rem
}
.tabmenu-content.type-2 .tabs {
  padding: 0;
  gap: 2rem
}
@media only screen and (max-width: 768px) {
  .tabmenu-content.type-2 .tabs {
    flex-direction: column
  }
}
.tabmenu-content.type-2 .tabs li {
  flex-shrink: 0
}
@media only screen and (max-width: 768px) {
  .tabmenu-content.type-2 .tabs li {
    padding: 1.6rem 0
  }
}
.tabmenu-content.type-2 .tab-container {
  border: none
}
.tabmenu-content.type-2 .tab-content {
  padding: 5rem 0 0;
  flex-direction: column
}
@media only screen and (max-width: 768px) {
  .tabmenu-content.type-2 .tab-content {
    padding: 3rem 0 0
  }
}
.tabmenu-content.type-2 .tab-link {
  font-size: 1.2rem;
  letter-spacing: 1px;
  position: relative;
  font-weight: 500;
  padding: 0;
  border: solid #474747 .1rem;
  text-wrap: wrap;
  text-align: center;
  padding: 0 2rem
}
@media only screen and (max-width: 1920px) {
  .tabmenu-content.type-2 .tab-link {
    font-size: 1rem
  }
}
.tabmenu-content.type-2 .tab-link.current {
  color: #fff;
  background: #474747
}
.tabmenu-content.type-2 .items {
  width: 100%;
  display: flex;
  gap: 3rem
}
@media only screen and (max-width: 1024px) {
  .tabmenu-content.type-2 .items {
    flex-direction: column;
    gap: 1rem
  }
}
.tabmenu-content.type-2 .items .item {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  height: 15rem;
  background: #fff;
  border-radius: 1rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  color: #474747
}
@media only screen and (max-width: 1024px) {
  .tabmenu-content.type-2 .items .item {
    flex-direction: row;
    gap: 1rem;
    padding: 2rem
  }
}
.tabmenu-content.type-2 .items .item:hover {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background: #474747;
  color: #fff
}
.tabmenu-content.type-2 .items .item:hover svg {
  fill: #fff
}
.tabmenu-content.type-2 .items .item span {
  font-size: 1.8rem
}
@media only screen and (max-width: 1024px) {
  .tabmenu-content.type-2 .items .item span {
    font-size: 1.6rem
  }
}
.tabmenu-content.type-2 .items .item svg {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.tabmenu-content.type-2 .items .item .bottom {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.4rem
}
.tabmenu-content.type-2 .icon-items {
  grid-template-columns: repeat(5, 1fr);
  display: grid;
  gap: 1rem;
  margin-top: 5rem
}
@media only screen and (max-width: 1920px) {
  .tabmenu-content.type-2 .icon-items {
    grid-template-columns: repeat(3, 1fr)
  }
}
@media only screen and (max-width: 1370px) {
  .tabmenu-content.type-2 .icon-items {
    grid-template-columns: repeat(2, 1fr)
  }
}
.tabmenu-content.type-2 .icon-items .item {
  border: solid #b9c0c6 .1rem;
  border-radius: 1rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.6rem;
  text-align: center
}
.tabmenu-content.type-2 .icon-items .item i {
  width: 100%;
  height: 9rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: center
}
@media only screen and (max-width: 1920px) {
  .tabmenu-content.type-2 .icon-items .item i svg {
    height: 5rem
  }
}
.tabmenu-content .tab-container {
  border-bottom: solid #000 .1rem
}
.tabmenu-content .tab-link {
  position: relative;
  font-size: 2.6rem;
  font-weight: 500
}
.tabmenu-content .tab-link:before {
  content: "";
  position: absolute;
  width: 100%;
  height: .2rem;
  bottom: -0.2rem;
  left: 0
}
.tabmenu-content .tab-link.current {
  color: #474747;
  background: #c9ff99
}
.tabmenu-content .tabs {
  display: flex;
  margin: 0;
  padding: 0;
  padding: 2rem;
  transition: all .5s ease-in-out;
  justify-content: center;
  white-space: nowrap
}
@media only screen and (max-width: 1024px) {
  .tabmenu-content .tabs {
    justify-content: flex-start
  }
}
.tabmenu-content .tabs li {
  list-style: none;
  flex: 1;
  height: 5rem;
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 100vmax !important;
  cursor: pointer;
  padding: 0 2rem
}
@media only screen and (max-width: 768px) {
  .tabmenu-content .tabs li {
    font-size: 1.4rem
  }
}
.tabmenu-content .tabs li:first-child {
  border-radius: .5rem 0 0;
  transform: translateZ(0)
}
.tabmenu-content .tabs li:last-child {
  border-radius: 0 .5rem 0 0;
  transform: translateZ(0)
}
.tabmenu-content .tab-link {
  transition: all .5s ease-in-out
}
.tabmenu-content .tab-content {
  display: none;
  transition-property: transform, opacity;
  transition-duration: .4s;
  transition-timing-function: ease-out;
  padding: 4rem
}
@media only screen and (max-width: 1024px) {
  .tabmenu-content .tab-content {
    padding: 1rem
  }
}
.tabmenu-content .tab-content.current {
  display: flex;
  animation: fade .3s ease-in-out both
}
.tabmenu-content .tab-content img {
  max-width: 100%;
  border-radius: .5rem;
  transform: translateZ(0)
}
@keyframes fade {
  0% {
    opacity: 0;
    transform: translateY(2rem)
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}
.tabmenu-content .item .caption {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  padding: 4rem 5vw;
  text-align: center
}
@media only screen and (max-width: 1024px) {
  .tabmenu-content .item .caption {
    padding: 2rem
  }
}
.tabmenu-content .item .caption span {
  font-size: clamp(3.2rem, 12vw, 4.4rem);
  letter-spacing: .477248px
}
@media only screen and (max-width: 768px) {
  .tabmenu-content .item .caption span {
    font-size: clamp(3rem, 12vw, 3.2rem)
  }
}
.tabmenu-content .item .caption p {
  font-family: "Maison Neue", sans-serif;
  font-size: clamp(1.6rem, 12vw, 2rem);
  margin: 6rem 0
}
@media only screen and (max-width: 768px) {
  .tabmenu-content .item .caption p {
    font-size: clamp(1.4rem, 12vw, 1.6rem);
    margin: 2.8rem 0
  }
}
.tabmenu-content .item figure {
  width: 100%;
  height: 60rem;
  border-radius: 1rem;
  transform: translateZ(0);
  overflow: hidden
}
@media only screen and (max-width: 1024px) {
  .tabmenu-content .item figure {
    height: auto
  }
}
.filter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 4rem;
  margin-top: 8rem;
  top: 0
}
@media only screen and (max-width: 1024px) {
  .filter {
    flex-direction: column;
    padding: 0 1rem
  }
}
@media only screen and (max-width: 1024px) {
  .filter.page {
    display: none
  }
}
@media only screen and (max-width: 1370px) {
  .filter {
    margin-top: 4rem
  }
}
.filter.center {
  justify-content: center
}
.filter form {
  border-radius: 100vmax;
  transform: translateZ(0);
  border: solid #474747 .1rem;
  padding-left: 2rem
}
@media only screen and (max-width: 1024px) {
  .filter form {
    margin-top: 0
  }
}
.filter .item {
  display: flex
}
@media only screen and (max-width: 768px) {
  .filter .item {
    width: 100%;
    flex-direction: column
  }
}
.filter .item .button {
  margin-left: .5rem
}
@media only screen and (max-width: 768px) {
  .filter .item .button {
    margin: 0;
    width: 100%
  }
}
.filter .item form {
  flex-direction: row
}
.filter .item form svg {
  margin-right: 2rem
}
.filter .item form input {
  border: none;
  text-align: left
}
.filter .selectbox {
  margin-right: .5rem
}
@media only screen and (max-width: 768px) {
  .filter .selectbox:nth-child(2) {
    margin: 2rem 0
  }
}
@media only screen and (max-width: 768px) {
  .filter .selectbox {
    margin: 0
  }
}
@media only screen and (max-width: 1024px) {
  .filter a {
    margin-top: 2rem !important
  }
}
.search-box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}
@media only screen and (max-width: 1024px) {
  .search-box {
    padding: 0 1rem
  }
}
.search-box form {
  max-width: 70%;
  width: 100%;
  height: 9rem;
  margin: auto;
  display: flex;
  background: #fff;
  border: solid #474747 .1rem;
  border-radius: 1rem;
  transform: translateZ(0);
  flex-direction: row
}
@media only screen and (max-width: 1024px) {
  .search-box form {
    max-width: 100%;
    height: 6.4rem
  }
}
.search-box form input {
  border: none;
  font-size: 5.6rem;
  letter-spacing: 0
}
@media only screen and (max-width: 1024px) {
  .search-box form input {
    font-size: 2.6rem;
    text-align: left;
    padding-left: 1rem
  }
}
@media only screen and (max-width: 768px) {
  .search-box form input {
    font-size: 1.6rem
  }
}
.search-box form input:focus {
  border: none
}
.search-box form input::-webkit-input-placeholder {
  color: #474747
}
.search-box form input:-ms-input-placeholder {
  color: #474747
}
.search-box form input::placeholder {
  color: #474747
}
.search-box form button {
  width: auto;
  background: none;
  padding: 0;
  margin-right: 1rem;
  letter-spacing: .6291px
}
.search-box form button svg {
  width: 4rem;
  height: 4rem
}
.lang-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden
}
@media only screen and (max-width: 768px) {
  .lang-modal {
    padding: 0 1rem
  }
}
.lang-modal:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .4)
}
.lang-modal .lang-content {
  max-width: 60rem;
  width: 100%;
  border-radius: 2rem;
  transform: translateZ(0);
  z-index: 1;
  display: flex;
  justify-content: space-between;
  padding: 10rem 4rem;
  background: #fff url(../images/company-info-bg.png) top;
  background-size: 100rem;
  position: relative;
  transform: translateY(80%);
  opacity: 0
}
.lang-modal .lang-content .item {
  width: 50%
}
.lang-modal .lang-content .item span {
  font-size: 4rem
}
.lang-modal .lang-content .item ul {
  display: flex;
  flex-direction: column;
  padding-left: 5rem
}
.lang-modal .lang-content .item ul li {
  margin: 1rem 0
}
.lang-modal .lang-content .item ul li a {
  font-family: "Maison Neue", sans-serif;
  font-size: 1.8rem;
  color: #474747
}
.lang-modal .lang-content .item ul li a:hover {
  text-decoration: underline
}
.lang-modal .lang-content .lang-close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  cursor: pointer
}
.map-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden
}
.map-modal:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .4)
}
.map-modal .map-content {
  max-width: 90rem;
  width: 100%;
  height: 50rem;
  border-radius: 2rem;
  transform: translateZ(0);
  z-index: 1;
  display: flex;
  justify-content: space-between;
  padding: 10rem 4rem;
  background-size: 100rem;
  position: relative;
  transform: translateY(80%);
  opacity: 0;
  overflow: hidden;
  background: #474747
}
.map-modal .map-content .map-view {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  filter: grayscale(1)
}
.map-modal .map-content .map-view iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.map-modal .map-content .map-close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  cursor: pointer
}
.map-modal .map-content .map-close svg circle {
  opacity: 1
}
.swiper-button-next, .swiper-button-prev {
  width: 6rem !important;
  height: 6rem !important;
  background: #fff;
  border-radius: 100%;
  transform: translateZ(0);
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.swiper-button-next:hover, .swiper-button-prev:hover {
  background: #e3000f;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.swiper-button-next.light, .swiper-button-prev.light {
  background: none
}
.swiper-button-next::after, .swiper-button-prev::after {
  display: none
}
.swiper-button-next:hover path, .swiper-button-prev:hover path {
    fill: #fff;
}
@media only screen and (max-width: 1024px) {
  .swiper-button-next, .swiper-button-prev {
    display: none !important
  }
}
.swiper-pagination .swiper-pagination-bullet {
  height: .1rem;
  width: 10rem;
  background: #333;
  opacity: .4
}
@media only screen and (max-width: 1024px) {
  .swiper-pagination .swiper-pagination-bullet {
    width: 2rem
  }
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-radius: 0;
  opacity: 1;
  background: #db241c
}
.index-slider {
  height: calc(100vh - 2rem);
  border-radius: 1rem;
  transform: translateZ(0);
  overflow: hidden;
  position: relative
}
@media only screen and (max-width: 1024px) {
  .index-slider {
    height: 80vh
  }
}
.index-slider .swiper {
  height: 100%
}
.index-slider .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden
}
.index-slider .swiper-slide .caption {
  max-width: 70rem;
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  align-items: center;
  z-index: 2
}
.index-slider .swiper-slide .caption span {
  font-size: clamp(2.8rem, 12vw, 5.6rem);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .585714px;
  margin-bottom: 6rem
}
@media only screen and (max-width: 768px) {
  .index-slider .swiper-slide .caption span {
    font-size: clamp(2.8rem, 12vw, 3rem)
  }
}
.index-slider .swiper-pagination {
  bottom: 5rem !important
}
.index-slider .swiper-slide .caption {
  opacity: 0;
  transform: translateY(4rem) scale(1);
  transition: 1.8s ease
}
.index-slider .swiper-slide-active .caption {
  opacity: 1;
  transform: translateY(0%) scale(1);
  transition: 1.8s ease
}
.trends-slider {
  background: #dadcf7;
  border-radius: 1rem;
  transform: translateZ(0);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 4rem 0
}
.trends-slider .head {
  width: 100%;
  border-top: solid #474747 .1rem;
  font-size: clamp(8rem, 12vw, 13rem);
  text-align: center;
  padding-top: 4rem
}
.trends-slider .swiper-slide {
  display: flex
}
.trends-slider .caption {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 5vw;
  text-align: center
}
.trends-slider .caption span {
  font-size: clamp(3.2rem, 12vw, 4.4rem);
  letter-spacing: .477248px
}
@media only screen and (max-width: 1370px) {
  .trends-slider .caption span {
    font-size: clamp(2.8rem, 12vw, 3rem);
    max-width: 100%
  }
}
.trends-slider .caption p {
  font-family: "Maison Neue", sans-serif;  
  margin: 6rem 0
}
@media only screen and (max-width: 1024px) {
  .trends-slider .caption p {
    
    margin: 2rem 0
  }
}
.trends-slider .image {
  width: 100%;
  height: 100%;
  padding: 2vw;
  display: flex;
  justify-content: center;
  align-items: center
}
.trends-slider .image figure {
  width: 80rem;
  height: 80rem;
  border-radius: 2rem;
  transform: translateZ(0);
  overflow: hidden
}
@media only screen and (max-width: 1920px) {
  .trends-slider .image figure {
    width: 60rem;
    height: 60rem
  }
}
@media only screen and (max-width: 1370px) {
  .trends-slider .image figure {
    width: 40rem;
    height: 40rem
  }
}
@media only screen and (max-width: 768px) {
  .trends-slider .image figure {
    width: 100%;
    height: 25rem
  }
}
@media only screen and (max-width: 1370px) {
  .trends-slider .swiper-slide {
    flex-direction: column-reverse
  }
  .about-slider .swiper-slide {
    flex-direction: inherit;
  }
}
.trends-slider .swiper-slide .caption {
  opacity: 0;
  transform: translateY(4rem) scale(1);
  transition: 1.8s ease
}
.trends-slider .swiper-slide-active .caption {
  opacity: 1;
  transform: translateY(0%) scale(1);
  transition: 1.8s ease
}
.product-slider {
  width: 100%;
  border-radius: 1rem;
  transform: translateZ(0);
  overflow: hidden;
  position: relative
}
.product-slider .swiper-slide {
  display: flex
}
@media only screen and (max-width: 1024px) {
  .product-slider .swiper-slide {
    flex-direction: column
  }
}
.product-slider .caption {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding: 5vw;
  max-width: 70%
}
@media only screen and (max-width: 1920px) {
  .product-slider .caption {
    padding: 5vw 0
  }
}
@media only screen and (max-width: 1024px) {
  .product-slider .caption {
    max-width: 100%;
    text-align: center;
    align-items: center;
    padding: 0 0 5rem
  }
}
.product-slider .caption .small-head {
  color: #fff
}
.product-slider .caption h4 {
  color: #111;
  margin: 6rem 0
}
@media only screen and (max-width: 1920px) {
  .product-slider .caption h4 {
    margin: 0rem 0 2rem
  }
}
.product-slider .caption p {
  max-width: 70%;
  font-family: "Maison Neue", sans-serif;
  font-size: clamp(1.6rem, 12vw, 2rem);
  margin-bottom: 4rem;
  color: #333;
  line-height: 1.6;
}
@media only screen and (max-width: 1024px) {
  .product-slider .caption p {
    font-size: clamp(1.4rem, 12vw, 1.5rem);
    max-width: 90%;
    margin-bottom: 2rem
  }
}
.product-slider .image {
  height: 100%;
  padding: 7vw;
  display: flex;
  justify-content: center;
  align-items: center
}
@media only screen and (max-width: 1920px) {
  .product-slider .image {
    padding: 5vw
  }
}
.product-slider .image figure {
  width: 80rem;
  height: 80rem;
  border-radius: 2rem;
  transform: translateZ(0);
  overflow: hidden
}
@media only screen and (max-width: 1920px) {
  .product-slider .image figure {
    width: 60rem;
    height: 60rem
  }
}
@media only screen and (max-width: 1370px) {
  .product-slider .image figure {
    width: 40rem;
    height: 40rem
  }
}
@media only screen and (max-width: 768px) {
  .product-slider .image figure {
    width: 100%;
    height: 40rem
  }
}
.product-slider .video {
  width: 80rem;
  height: 80rem;
  border-radius: 2rem;
  transform: translateZ(0);
  overflow: hidden
}
@media only screen and (max-width: 1920px) {
  .product-slider .video {
    width: 60rem;
    height: 60rem
  }
}
@media only screen and (max-width: 1370px) {
  .product-slider .video {
    width: 40rem;
    height: 40rem
  }
}
@media only screen and (max-width: 768px) {
  .product-slider .video {
    width: 100%;
    height: 25rem
  }
}
.product-slider .swiper-pagination {
  bottom: 3rem !important
}
@media only screen and (max-width: 768px) {
  .product-slider .swiper-pagination {
    bottom: 1.5rem !important
  }
}
.product-slider .swiper-slide .caption {
  opacity: 0;
  transform: translateX(4rem) scale(1);
  transition: 1.8s ease
}
.product-slider .swiper-slide-active .caption {
  opacity: 1;
  transform: translateX(0%) scale(1);
  transition: 1.8s ease
}
.carousel-news-slider {
  padding: 6rem 0 10rem
}
@media only screen and (max-width: 1024px) {
  .carousel-news-slider {
    padding: 4rem 0
  }
}
.carousel-news-slider .swiper-wrapper {
  padding: 0 0rem
}
.carousel-news-slider .swiper-wrapper .swiper-slide {
  height: auto
}
/*
.carousel-news-slider .swiper-wrapper .swiper-slide:last-child {
  padding-right: 3rem
}
*/
.carousel-news-slider .image-v {
  aspect-ratio: 2/2;
  position: relative
}
.carousel-news-slider .image-h {
  aspect-ratio: 3/2;
  position: relative
}
.carousel-news-slider figure {
  border-radius: 2rem;
  transform: translateZ(0);
  overflow: hidden
}
@media only screen and (max-width: 1920px) {
  .carousel-news-slider figure img {
    aspect-ratio: auto
  }
}
.carousel-news-slider .caption {
  padding: 2.3rem;
  border-bottom: 0;
  margin-top: 3rem;
  background: #f9f9f9;
  border-radius: 15px;
  text-align: center;
}
@media only screen and (max-width: 1920px) {
  .carousel-news-slider .caption {
    /*    padding: 3rem 0 0;*/
    margin-top: 1rem
  }
}
@media only screen and (max-width: 768px) {
  .carousel-news-slider .caption {
    padding: 1rem 0 1rem
  }
}
.carousel-news-slider .caption .date {
  font-size: 1.2rem;
  letter-spacing: 2.18182px;
  font-weight: bold;
  margin-bottom: 3rem;
  color: #474747
}
@media only screen and (max-width: 768px) {
  .carousel-news-slider .caption .date {
    font-size: 1rem;
    margin-bottom: 1rem
  }
}
.carousel-news-slider .caption p {
  max-width: 75%;
  font-size: clamp(2rem, 12vw, 3.4rem);
  letter-spacing: .303703px;
  text-transform: uppercase;
  color: #474747
}
@media only screen and (max-width: 1920px) {
  .carousel-news-slider .caption p {
    font-size: clamp(1.6rem, 12vw, 2.2rem);
    max-width: 100%
  }
}
@media only screen and (max-width: 768px) {
  .carousel-news-slider .caption p {
    font-size: clamp(1.4rem, 12vw, 1.6rem)
  }
}
.carousel-news-slider .slide-control {
  position: absolute;
  width: 100%;
  top: 40%
}
.carousel-detail-slider {
  padding: 6rem 1rem 6rem
}
@media only screen and (max-width: 1370px) {
  .carousel-detail-slider {
    padding: 2rem 1rem 2rem
  }
}
@media only screen and (max-width: 768px) {
  .carousel-detail-slider {
    padding: 2rem 0 2rem 1rem
  }
}
.carousel-detail-slider .swiper-wrapper .swiper-slide {
  height: auto;
  border-radius: 1rem;
  transform: translateZ(0);
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start
}
.carousel-detail-slider .swiper-wrapper .swiper-slide.padding {
  padding: 5rem
}
@media only screen and (max-width: 1920px) {
  .carousel-detail-slider .swiper-wrapper .swiper-slide.padding {
    padding: 2rem
  }
}
.carousel-detail-slider .swiper-wrapper .swiper-slide .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}
@media only screen and (max-width: 1024px) {
  .carousel-detail-slider .swiper-wrapper .swiper-slide .top {
    flex-direction: column-reverse
  }
}
@media only screen and (max-width: 1920px) {
  .carousel-detail-slider .swiper-wrapper .swiper-slide .top svg {
    width: 7rem;
    height: 7rem
  }
}
.carousel-detail-slider .swiper-wrapper .swiper-slide .top .number {
  font-size: clamp(6rem, 12vw, 10rem);
  font-weight: normal
}
@media only screen and (max-width: 1920px) {
  .carousel-detail-slider .swiper-wrapper .swiper-slide .top .number {
    font-size: clamp(5rem, 12vw, 8rem)
  }
}
.carousel-detail-slider .swiper-wrapper .swiper-slide .caption {
  text-align: center;
  display: flex;
  flex-direction: column;
  max-width: 80%;
  margin-top: 5rem
}
@media only screen and (max-width: 1920px) {
  .carousel-detail-slider .swiper-wrapper .swiper-slide .caption {
    margin-top: 2rem
  }
}
.carousel-detail-slider .swiper-wrapper .swiper-slide .caption span {
  font-size: clamp(3.4rem, 12vw, 4.4rem)
}
@media only screen and (max-width: 1920px) {
  .carousel-detail-slider .swiper-wrapper .swiper-slide .caption span {
    font-size: clamp(2.4rem, 12vw, 3rem)
  }
}
.carousel-detail-slider .swiper-wrapper .swiper-slide .caption p {
  font-size: clamp(1.6rem, 12vw, 2rem);
  font-family: "Maison Neue", sans-serif;
  line-height: 1.4;
  display: flex;
  margin-top: 2rem
}
@media only screen and (max-width: 1920px) {
  .carousel-detail-slider .swiper-wrapper .swiper-slide .caption p {
    font-size: clamp(1.4rem, 12vw, 1.6rem)
  }
}
.carousel-detail-slider .swiper-wrapper .swiper-slide figure {
  aspect-ratio: 2/2.5;
  position: relative;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
@media only screen and (max-width: 1024px) {
  .carousel-detail-slider .swiper-wrapper .swiper-slide figure {
    aspect-ratio: 2/2
  }
}
.carousel-detail-slider .swiper-wrapper .swiper-slide figure:hover:before {
  background: rgba(0, 0, 0, .4);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.carousel-detail-slider .swiper-wrapper .swiper-slide figure:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .2);
  z-index: 1;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.carousel-detail-slider .swiper-wrapper .swiper-slide figure figcaption {
  position: absolute;
  width: 100%;
  padding: 2.5rem;
  bottom: 0;
  left: 0;
  z-index: 2
}
.carousel-detail-slider .swiper-wrapper .swiper-slide figure figcaption h4 {
  color: #fff
}
.carousel-detail-slider .swiper-wrapper .swiper-slide figure figcaption h4 {
    font-size: clamp(2.8rem, 12vw, 3.6rem)
  }
.menu-product-slider {
  padding: 6rem 1rem 6rem
}
@media only screen and (max-width: 1370px) {
  .menu-product-slider {
    padding: 2rem 1rem 2rem
  }
}
@media only screen and (max-width: 768px) {
  .menu-product-slider {
    padding: 2rem 0 2rem 1rem
  }
}
.menu-product-slider .swiper-wrapper .swiper-slide {
  height: auto;
  border-radius: 1rem;
  transform: translateZ(0);
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start
}
.menu-product-slider .swiper-wrapper .swiper-slide.padding {
  padding: 5rem
}
@media only screen and (max-width: 1920px) {
  .menu-product-slider .swiper-wrapper .swiper-slide.padding {
    padding: 2rem
  }
}
.menu-product-slider .swiper-wrapper .swiper-slide .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}
@media only screen and (max-width: 1024px) {
  .menu-product-slider .swiper-wrapper .swiper-slide .top {
    flex-direction: column-reverse
  }
}
@media only screen and (max-width: 1920px) {
  .menu-product-slider .swiper-wrapper .swiper-slide .top svg {
    width: 7rem;
    height: 7rem
  }
}
.menu-product-slider .swiper-wrapper .swiper-slide .top .number {
  font-size: clamp(6rem, 12vw, 10rem);
  font-weight: normal
}
@media only screen and (max-width: 1920px) {
  .menu-product-slider .swiper-wrapper .swiper-slide .top .number {
    font-size: clamp(5rem, 12vw, 8rem)
  }
}
.menu-product-slider .swiper-wrapper .swiper-slide .caption {
  text-align: center;
  display: flex;
  flex-direction: column;
  max-width: 80%;
  margin-top: 5rem
}
@media only screen and (max-width: 1920px) {
  .menu-product-slider .swiper-wrapper .swiper-slide .caption {
    margin-top: 2rem
  }
}
.menu-product-slider .swiper-wrapper .swiper-slide .caption span {
  font-size: clamp(3.4rem, 12vw, 4.4rem)
}
@media only screen and (max-width: 1920px) {
  .menu-product-slider .swiper-wrapper .swiper-slide .caption span {
    font-size: clamp(2.4rem, 12vw, 3rem)
  }
}
.menu-product-slider .swiper-wrapper .swiper-slide .caption p {
  font-size: clamp(1.6rem, 12vw, 2rem);
  font-family: "Maison Neue", sans-serif;
  line-height: 1.4;
  display: flex;
  margin-top: 2rem
}
@media only screen and (max-width: 1920px) {
  .menu-product-slider .swiper-wrapper .swiper-slide .caption p {
    font-size: clamp(1.4rem, 12vw, 1.6rem)
  }
}
.menu-product-slider .swiper-wrapper .swiper-slide figure {
  aspect-ratio: 2/2.5;
  position: relative;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
@media only screen and (max-width: 1024px) {
  .menu-product-slider .swiper-wrapper .swiper-slide figure {
    aspect-ratio: 2/2
  }
}
.menu-product-slider .swiper-wrapper .swiper-slide figure:hover:before {
  background: rgba(0, 0, 0, .4);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.menu-product-slider .swiper-wrapper .swiper-slide figure:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .2);
  z-index: 1;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.menu-product-slider .swiper-wrapper .swiper-slide figure figcaption {
  position: absolute;
  width: 100%;
  padding: 4rem;
  bottom: 0;
  left: 0;
  z-index: 2
}
.menu-product-slider .swiper-wrapper .swiper-slide figure figcaption h4 {
  color: #fff
}
@media only screen and (max-width: 1920px) {
  .menu-product-slider .swiper-wrapper .swiper-slide figure figcaption h4 {
    font-size: clamp(2.8rem, 12vw, 3.6rem)
  }
}
.tab-nav {
  max-width: 140rem;
  width: 100%;
  overflow: hidden
}
.tabs-buttons {
  height: auto
}
.tabs-buttons .swiper-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  justify-content: center
}
.tabs-buttons .swiper-slide {
  width: auto;
  height: auto;
  padding: 1rem 2rem;
  cursor: pointer;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  color: #000;
  font-size: 2rem;
  border: solid rgba(0, 0, 0, 0) .1rem;
  border-radius: 100vmax;
  transform: translateZ(0);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.tabs-buttons .swiper-slide:hover {
  border: solid #474747 .1rem
}
.tabs-buttons .swiper-slide.active {
  border: solid #474747 .1rem
}
.vision-slider {
  padding: 3rem
}
@media only screen and (max-width: 1920px) {
  .vision-slider {
    padding: 3rem 0 3rem 0
  }
}
.vision-slider .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}
.vision-slider .swiper-slide figure {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 19rem;
  max-height: 15rem
}
.vision-slider .swiper-slide figure img {
  max-width: 18rem
}
@media only screen and (max-width: 1920px) {
  .vision-slider .swiper-slide figure img {
    max-width: 12rem
  }
}
.vision-slider .swiper-slide .caption {
  max-width: 80%;
  text-align: center;
  margin-top: 4rem
}
@media only screen and (max-width: 1920px) {
  .vision-slider .swiper-slide .caption {
    margin-top: 2rem
  }
}
.vision-slider .swiper-slide .caption span {
  font-size: clamp(2.6rem, 12vw, 3.5rem);
  letter-spacing: .206085px
}
@media only screen and (max-width: 1920px) {
  .vision-slider .swiper-slide .caption span {
    font-size: clamp(2.2rem, 12vw, 3rem)
  }
}
.vision-slider .swiper-slide .caption p {
  font-family: "Maison Neue", sans-serif;
  font-size: clamp(1.8rem, 12vw, 2rem);
  letter-spacing: .206085px;
  font-weight: 600;
  line-height: 1.5;
  margin-top: 2rem
}
@media only screen and (max-width: 1920px) {
  .vision-slider .swiper-slide .caption p {
    font-size: clamp(1.4rem, 12vw, 1.6rem)
  }
}
.vision-slider .swiper-button-next, .vision-slider .swiper-button-prev {
  background: #d5e8ec
}
.tab-menu-slider {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 5rem
}
@media only screen and (max-width: 768px) {
  .tab-menu-slider {
    padding-top: 2rem
  }
}
.tab-menu-slider .swiper-slide {
  margin: 0 .5rem;
  width: auto
}
.tab-menu-slider a {
  font-size: clamp(1.6rem, 12vw, 2rem);
  font-family: "Maison Neue", sans-serif;
  color: #474747;
  font-weight: 600;
  border: solid rgba(0, 0, 0, 0) .1rem;
  border-radius: 100vmax;
  transform: translateZ(0);
  display: flex;
  align-items: center;
  height: 5rem;
  padding: 0 3rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
@media only screen and (max-width: 768px) {
  .tab-menu-slider a {
    font-size: clamp(1.4rem, 12vw, 1.6rem)
  }
}
.tab-menu-slider a.active, .tab-menu-slider a:hover {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  border: solid #474747 .1rem
}
.tab-pane {
  display: none
}
.tab-pane.active {
  display: block
}
@media only screen and (max-width: 1024px) {
  .slide-control {
    display: none
  }
}
.split-line, .split-parent, .textanimated {
  overflow: hidden
}
figure {
  position: relative;
  width: 100%;
  height: 100%
}
figure.image-cover img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover
}
@media only screen and (max-width: 1024px) {
  figure.image-cover img {
    position: relative;
    height: 100%
  }
}
figure.image-parallax img {
  position: absolute;
  width: 100%;
  height: 120%;
  top: 0;
  left: 0;
  object-fit: cover
}
@media only screen and (max-width: 1024px) {
  figure.image-parallax img {
    position: relative;
    height: 100%
  }
}
.video {
  position: relative;
  width: 100%;
  height: 100%
}
.video:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .4);
  z-index: 1
}
.video video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover
}
.video-frame {
  position: relative;
  padding-bottom: 56.25%;
  border-radius: 2rem;
  overflow: hidden
}
.video-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.no-margin {
  margin: 0 !important
}
.content-info {
  width: 100%;
  background-size: 50%;
  display: flex;
  flex-direction: column;
  border-bottom: solid #474747 .1rem;
  margin-bottom: 4rem;
  z-index: 2;
  position: relative
}
@media only screen and (max-width: 768px) {
  .content-info .small-head {
    text-align: center
  }
}
.content-info.bg-01 {
  background: url("../images/company-info-bg.png") left no-repeat
}
.content-info.bg-02 {
  background: url(../images/company-info-bg.png) right no-repeat
}
.content-info i img {
  width: 4rem
}
@media only screen and (max-width: 1920px) {
  .content-info i img {
    width: 3rem
  }
}
@media only screen and (max-width: 768px) {
  .content-info i img {
    width: 2rem
  }
}
.content-info .numbers {
  display: flex;
  justify-content: space-between;
  max-width: 80%;
  width: 100%;
  margin: 10rem auto 0
}
@media only screen and (max-width: 1024px) {
  .content-info .numbers {
    flex-direction: column;
    margin: 2rem auto;
    max-width: 100%;
    padding: 2rem
  }
}
.content-info .items {
  max-width: 100rem;
  display: flex;
  flex-direction: column
}
@media only screen and (max-width: 1024px) {
  .content-info .items {
    max-width: 100%;
    padding-top: 4rem
  }
}
.content-info .items > div {
  display: flex;
  justify-content: flex-end;
  justify-content: space-between
}
@media only screen and (max-width: 1920px) {
  .content-info .items > div {
    justify-content: space-around
  }
}
@media only screen and (max-width: 768px) {
  .content-info .items > div {
    flex-direction: column
  }
}
@media only screen and (max-width: 768px) {
  .content-info .items > div:last-child .item:last-child {
    margin-bottom: 0
  }
}
.content-info .items .item {
  width: 36rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
  margin-bottom: 6rem
}
@media only screen and (max-width: 768px) {
  .content-info .items .item {
    width: 100%;
    margin-bottom: 4rem
  }
}
.content-info .items .item > div {
  display: flex;
  /*  flex-direction: column;*/
  text-align: center
}
.content-info .items .item span {
  font-size: clamp(5rem, 12vw, 7rem);
  letter-spacing: 10px;
  line-height: .6;
  margin-bottom: 2rem;
  font-weight: bold
}
@media only screen and (max-width: 1920px) {
  .content-info .items .item span {
    font-size: clamp(5rem, 12vw, 6rem)
  }
}
@media only screen and (max-width: 1370px) {
  .content-info .items .item span {
    font-size: clamp(3rem, 12vw, 4.2rem)
  }
}
@media only screen and (max-width: 768px) {
  .content-info .items .item span {
    margin-bottom: 1rem
  }
}
.content-info .items .item small {
    font-family: "Maison Neue", sans-serif;
    font-size: 30px;
    text-align: right;
    margin-left: 5px;
    letter-spacing: 0;
    font-weight: 600;
}
.content-info .items .item p {
  font-size: clamp(1.4rem, 12vw, 1.6rem);
  font-family: "Maison Neue", sans-serif;
  letter-spacing: .39043px;
  font-weight: 600;
  margin-right: .5rem
}
.content-info .text {
  display: flex;
  flex-direction: column;
  max-width: 80%;
  width: 100%;
  margin: 2rem auto
}
@media only screen and (max-width: 1024px) {
  .content-info .text {
    max-width: 100%;
    padding: 0 2rem
  }
}
.content-info .text p {
  letter-spacing: .607407px;	
  margin-bottom: 4rem
}
.home-about-text.content-info .text p {
  font-size: clamp(3rem, 12vw, 3rem) !important;
  letter-spacing: .607407px;
  margin-bottom: 4rem;
	line-height: normal;
}
.content-info .text p sup {
  margin-right: 2rem
}
.content-headline {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 6rem 0;
  position: relative;
  z-index: 1
}
@media only screen and (max-width: 1024px) {
  .content-headline {
    padding: 2rem 1rem
  }
}
.content-headline.border {
  border-bottom: solid #000 .1rem
}
.content-headline .back {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #474747;
  letter-spacing: 2.18182px;
  margin-bottom: 4rem;
  display: flex
}
.content-headline .back svg {
  margin-right: 1rem
}
.content-headline span {
  max-width: 70rem;
  font-family: "Maison Neue", sans-serif;
  font-size: clamp(1.6rem, 12vw, 2rem);
  text-align: center;
  margin-top: 2rem
}
@media only screen and (max-width: 1024px) {
  .content-headline span {
    font-size: clamp(1.4rem, 12vw, 1.6rem)
  }
}
.content-headline .buttons {
  display: flex;
  gap: 1rem;
  margin-top: 2rem
}
.content-headline .buttons .button {
  background: #fff;
  gap: 1rem
}
.content-headline .buttons .button:hover svg {
  fill: #fff
}
.content-headline .buttons .button svg {
  width: 2rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.card-items {
  display: flex;
  flex-direction: column
}
.card-items.card-light {
  padding: 1rem
}
.card-items.card-detail {
  padding: 3rem
}
@media only screen and (max-width: 1024px) {
  .card-items.card-detail {
    padding: 1rem
  }
}
.card-items.light {
  padding: 1rem
}
.card-items.light .items {
  justify-content: flex-end
}
@media only screen and (max-width: 768px) {
  .card-items.light .items {
    flex-direction: column
  }
}
.card-items.light .items .item {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center
}
.card-items.light .items .item p {
  max-width: 50rem
}
.card-items.light .card-caption {
  border: none !important
}
@media only screen and (max-width: 768px) {
  .card-items.light .card-caption {
    padding: 1rem
  }
}
.card-items .items {
  height: 100%;
  width: 100%;
  min-height: 70vh;
  border-radius: 1rem;
  transform: translateZ(0);
  overflow: hidden;
  position: relative;
  display: flex;
  margin-bottom: 6rem
}
.card-items .items:last-child {
  margin-bottom: 0
}
@media only screen and (max-width: 1920px) {
  .card-items .items {
    min-height: auto
  }
}
@media only screen and (max-width: 1024px) {
  .card-items .items {
    flex-direction: column-reverse;
    min-height: auto
  }
}
.card-items .items figure {
  border-radius: 2rem
}
.card-items .items:nth-child(even) {
  flex-direction: row-reverse
}
@media only screen and (max-width: 1024px) {
  .card-items .items:nth-child(even) {
    flex-direction: column-reverse
  }
}
.card-items .items:nth-child(even) .item .card-caption {
  border-right: none;
  margin-left: 4rem
}
@media only screen and (max-width: 1024px) {
  .card-items .items:nth-child(even) .item .card-caption {
    margin-left: 0
  }
}
.card-items .items.light .card-caption {
  border: none
}
@media only screen and (max-width: 768px) {
  .card-items .items.light .card-caption {
    padding: 2rem 0
  }
}
.card-items .items.light img {
  border-radius: 1rem;
  transform: translateZ(0)
}
@media only screen and (max-width: 1024px) {
  .card-items .items.light .item {
    width: 100% !important
  }
}
.card-items .items .card-caption p {
  line-height: 1.6
}
.card-items .items.color-01 {
  background: #e8d7cd
}
.card-items .items.color-02 {
  background: #ece0cd
}
.card-items .items.color-03 {
  background: #192630
}
.card-items .items.color-03 span, .card-items .items.color-03 p, .card-items .items.color-03 h4 {
  color: #fff
}
.card-items .items.color-04 {
  background: #223019
}
.card-items .items.color-04 span, .card-items .items.color-04 p, .card-items .items.color-04 h4 {
  color: #fff
}
.card-items .items.color-05 {
  background: #191a30
}
.card-items .items.color-05 span, .card-items .items.color-05 p, .card-items .items.color-05 h4 {
  color: #fff
}
.card-items .items.color-06 {
  background: #fff
}
@media only screen and (max-width: 768px) {
  .card-items .items.reverse {
    flex-direction: column-reverse
  }
}
.card-items .items.reverse .item:first-child {
  width: 60%
}
.card-items .items.reverse .item:last-child {
  width: 40%
}
.card-items .items .item:first-child {
  width: 40%
}
@media only screen and (max-width: 1370px) {
  .card-items .items .item:first-child {
    width: 50%
  }
}
@media only screen and (max-width: 768px) {
  .card-items .items .item:first-child {
    width: 100%
  }
}
.card-items .items .item:last-child {
  width: 60%
}
@media only screen and (max-width: 1370px) {
  .card-items .items .item:last-child {
    width: 50%
  }
}
@media only screen and (max-width: 768px) {
  .card-items .items .item:last-child {
    width: 100%
  }
}
.card-items .items span {
  display: block
}
.card-items .items span i {
  margin: 0;
  display: contents
}
.card-items .items span i img {
  max-width: 4rem;
  margin: 0
}
@media only screen and (max-width: 768px) {
  .card-items .items span i img {
    margin-left: 0
  }
}
@media only screen and (max-width: 768px) {
  .card-items .items i {
    margin-bottom: 2rem
  }
}
.card-items .items i img {
  width: 4rem
}
@media only screen and (max-width: 1920px) {
  .card-items .items i img {
    width: 3rem
  }
}
@media only screen and (max-width: 768px) {
  .card-items .items i img {
    width: 2rem
  }
}
.card-items .item {
  position: relative
}
.card-items .card-line {
  width: .1rem;
  position: absolute;
  top: 0;
  right: 4rem;
  background: #e5e5e5
}
@media only screen and (max-width: 768px) {
  .card-items .card-line {
    display: none
  }
}
.card-items figure {
  overflow: hidden
}
.card-items-image .items {
  gap: 0 1rem
}
.card-items-image .items .item {
  border-radius: 1rem;
  transform: translateZ(0);
  overflow: hidden;
  position: relative;
  height: 70vh
}
@media only screen and (max-width: 1024px) {
  .card-items-image .items .item {
    margin-bottom: 1rem
  }
}
@media only screen and (max-width: 768px) {
  .card-items-image .items .item {
    height: 50vh
  }
}
.card-items-image .items .item figcaption {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 4rem;
  z-index: 99;
  display: flex;
  justify-content: space-between;
  flex-direction: column
}
@media only screen and (max-width: 768px) {
  .card-items-image .items .item figcaption {
    padding: 2rem
  }
}
.card-items-image .items .item figcaption h4 {
  color: #fff
}
.card-items-image .items .item figcaption span {
  max-width: 96%;
  font-size: clamp(2rem, 12vw, 2rem);
  color: #fff;
  line-height: normal;
  margin-bottom: 4rem;
  display: block
}
@media only screen and (max-width: 1920px) {
  .card-items-image .items .item figcaption span {
    font-size: clamp(2rem, 12vw, 2rem)
  }
}
@media only screen and (max-width: 1370px) {
  .card-items-image .items .item figcaption span {
    font-size: clamp(2rem, 12vw, 2rem) max-width: 100%
  }
}
@media only screen and (max-width: 768px) {
  .card-items-image .items .item figcaption span {
    font-size: clamp(1.8rem, 12vw, 1.8rem)
  }
}
.card-items-image .items .item figcaption span i img {
  width: 4rem
}
@media only screen and (max-width: 1920px) {
  .card-items-image .items .item figcaption span i img {
    width: 3rem
  }
}
@media only screen and (max-width: 768px) {
  .card-items-image .items .item figcaption span i img {
    width: 2rem
  }
}
.map .map-content {
  background: #ebf5d8;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 10rem
}
.map .image {
  max-width: 92rem;
  margin: auto
}
.map .image img {
  margin-bottom: 4rem
}
.card-image {
  position: relative;
  padding: 1rem;
  overflow: hidden
}
.card-image .content {
  width: 100%;
  min-height: 80vh;
  border-radius: 1rem;
  transform: translateZ(0);
  overflow: hidden;
  position: relative
}
@media only screen and (max-width: 768px) {
  .card-image .content {
    min-height: 50vh
  }
}
.card-image .content:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .3);
  z-index: 1
}
.card-image .image-parallax img {
  position: absolute
}
.card-image .items {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  justify-content: flex-end;
  align-items: center
}
@media only screen and (max-width: 768px) {
  .card-image .items {
    justify-content: center;
    text-align: center;
    flex-direction: column
  }
}
.card-image .items .item {
  width: 50%
}
@media only screen and (max-width: 768px) {
  .card-image .items .item {
    width: 100%
  }
}
.card-image .icons {
  display: flex;
  justify-content: center;
  align-items: center
}
.card-image .icons .icon-content {
  max-width: 44rem;
  display: flex;
  flex-wrap: wrap
}
.card-image .icons figure {
  width: 50%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem
}
.card-image .icons figure i {
  width: 16rem;
  height: 16rem;
  padding: 5rem;
  border-radius: 100%;
  transform: translateZ(0);
  border: solid rgba(255, 255, 255, .2) .1rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center
}
@media only screen and (max-width: 1370px) {
  .card-image .icons figure i {
    width: 9rem;
    height: 9rem;
    padding: 0
  }
}
@media only screen and (max-width: 1370px) {
  .card-image .icons figure i svg {
    width: 4rem;
    height: 4rem
  }
}
@media only screen and (max-width: 1920px) {
  .card-image .caption {
    padding: 0 2rem
  }
}
.card-image .caption h4 {
  color: #fff;
  margin-bottom: 10rem
}
@media only screen and (max-width: 1370px) {
  .card-image .caption h4 {
    margin-bottom: 5rem
  }
}
.card-image .caption span {
  max-width: 60%;
  font-size: clamp(3rem, 12vw, 4.8rem);
  color: #fff;
  line-height: 1;
  margin-bottom: 4rem;
  display: block
}
@media only screen and (max-width: 1920px) {
  .card-image .caption span {
    max-width: 100%;
    font-size: clamp(3rem, 12vw, 4rem)
  }
}
@media only screen and (max-width: 1370px) {
  .card-image .caption span {
    font-size: clamp(2rem, 12vw, 3rem)
  }
}
@media only screen and (max-width: 768px) {
  .card-image .caption span {
    font-size: clamp(1.8rem, 12vw, 2rem)
  }
}
.card-image .caption span i img {
  width: 4rem;
  height: auto;
  position: relative
}
@media only screen and (max-width: 1920px) {
  .card-image .caption span i img {
    width: 3rem
  }
}
@media only screen and (max-width: 768px) {
  .card-image .caption span i img {
    width: 2rem
  }
}
.start-image {
  padding: 1rem;
  height: 70vh
}
.start-image figure {
  border-radius: 1rem;
  transform: translateZ(0);
  overflow: hidden;
  position: relative
}
.start-image figure:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .4);
  z-index: 1
}
.list-items {
  display: flex;
  flex-wrap: wrap;
  padding: 0 2rem
}
@media only screen and (max-width: 1024px) {
  .list-items {
    padding: 0
  }
}
.list-items .item {
  width: 25%;
  padding: 0 1rem;
  margin-bottom: 4rem;
  position: relative
}
@media only screen and (max-width: 1370px) {
  .list-items .item {
    width: 33.3%;
    margin-bottom: 4rem
  }
}
@media only screen and (max-width: 1024px) {
  .list-items .item {
    width: 33.3%
  }
}
@media only screen and (max-width: 768px) {
  .list-items .item {
    width: 50%;
    text-align: center
  }
}
.list-items .item:hover img {
  transform: scale(1.2);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.list-items .item figure {
  height: auto;
  margin-bottom: 2rem;
  overflow: hidden;
  position: relative;
  border-radius: 1rem;
  transform: translateZ(0)
}
.list-items .item figure img {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.list-items .item i {
  position: absolute;
  top: 1rem;
  right: 2rem;
  min-width: 4rem;
  height: 4rem;
  background: #fff;
  border-radius: .5rem;
  transform: translateZ(0);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  cursor: pointer;
  gap: 0 .5rem
}
.list-items .item i small {
  font-size: 1.4rem;
  font-weight: 500;
  font-style: normal;
  margin-right: 1rem
}
.list-items .item span {
  font-family: "Maison Neue", sans-serif;
  font-weight: 600;
  font-size: 2rem;
  letter-spacing: .216931px;
  color: #474747
}
@media only screen and (max-width: 1370px) {
  .list-items .item span {
    font-size: 1.6rem
  }
}
.list-items .item .badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: 0 2rem;
  font-family: "Maison Neue", sans-serif;
  font-size: 1.6rem;
  text-transform: uppercase;
  height: 4rem;
  display: flex;
  align-items: center;
  border-radius: 100vmax;
  transform: translateZ(0);
  color: #474747;
  font-weight: bold
}
@media only screen and (max-width: 1024px) {
  .list-items .item .badge {
    height: 3rem;
    font-size: 1.2rem
  }
}
.list-items .item .badge.new {
  background: #7eff93
}
.detail {
  width: 100%;
  min-height: 50vh;
  background: #f2eeeb;
  border-radius: 1rem;
  transform: translateZ(0);
  overflow: hidden;
  display: flex;
  justify-content: center;
  padding: 20rem 0 10rem
}
@media only screen and (max-width: 1024px) {
  .detail {
    padding: 10rem 1rem 2rem
  }
}
.detail .content {
  max-width: 160rem;
  width: 100%;
  display: flex;
  justify-content: space-between
}
@media only screen and (max-width: 1024px) {
  .detail .content {
    flex-direction: column
  }
}
.detail .content .image {
  width: 50%
}
@media only screen and (max-width: 1024px) {
  .detail .content .image {
    width: 100%;
    display: flex
  }
}
.detail .content .image figure {
  height: auto;
  margin-bottom: 4rem
}
.detail .content .info {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 10rem;
  padding-right: 2rem
}
@media only screen and (max-width: 1024px) {
  .detail .content .info {
    padding: 0
  }
}
.detail .content .info .back {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #474747;
  letter-spacing: 2.18182px;
  margin-bottom: 4rem;
  display: flex
}
.detail .content .info .back svg {
  margin-right: 1rem
}
.detail .content .info h1 {
  margin: 4rem 0
}
@media only screen and (max-width: 1024px) {
  .detail .content .info h1 {
    margin: 0 0 2rem
  }
}
.detail .content .info p {
  font-size: 1.6rem;
  font-family: "Maison Neue", sans-serif;
  letter-spacing: .173545px;
  line-height: 1.6;
  font-weight: 600;
  margin-bottom: 4rem
}
.detail .content .info .button {
  width: auto;
  margin-bottom: 2rem
}
.detail .content .specs {
  margin-top: 4rem
}
.detail .content .specs .small-head {
  border-bottom: solid #474747 .1rem;
  padding-bottom: 2rem
}
.detail .content .specs .list li {
  border-bottom: solid #474747 .1rem;
  padding: 2rem 0;
  display: flex;
  justify-content: space-between
}
.detail .content .specs .list li span {
  font-size: 1.6rem;
  font-family: "Maison Neue", sans-serif;
  font-weight: 600
}
@media only screen and (max-width: 1024px) {
  .detail .content .specs .list li span {
    font-size: 1.2rem
  }
}
.detail .content .specs .list li span:last-child {
  text-align: end
}
@media only screen and (max-width: 1024px) {
  .detail .content .specs .list li span:last-child {
    padding-left: 1rem
  }
}
.detail .technical-table {
  margin-top: 6rem
}
@media only screen and (max-width: 1024px) {
  .detail .technical-table {
    margin-top: 4rem
  }
}
.detail .technical-table ul li {
  height: 6rem;
  border-bottom: solid #474747 .1rem;
  padding: 2rem 0;
  font-size: 1.6rem;
  font-family: "Maison Neue", sans-serif;
  font-weight: 600
}
@media only screen and (max-width: 1024px) {
  .detail .technical-table ul li {
    font-size: 1.2rem
  }
}
.detail .technical-table ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #474747
}
.detail .technical-table ul li a .download {
  display: flex;
  align-items: center
}
.detail .technical-table ul li a .download svg {
  margin-left: 1rem
}
.detail .icons {
  margin-top: 6rem;
  display: flex;
  justify-content: space-around
}
@media only screen and (max-width: 1024px) {
  .detail .icons {
    margin-top: 4rem
  }
}
.detail .icons li {
  width: 18rem;
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 0 2rem
}
@media only screen and (max-width: 1024px) {
  .detail .icons li {
    font-size: 1.4rem
  }
}
.detail .icons li:nth-child(2) {
  border-left: solid rgba(71, 71, 71, .2) .1rem;
  border-right: solid rgba(71, 71, 71, .2) .1rem
}
.detail .icons li i {
  margin-bottom: 1rem
}
.detail .icons li i svg {
  width: 7rem;
  height: 7rem;
  display: flex
}
@media only screen and (max-width: 1024px) {
  .detail .icons li i svg {
    width: 5rem;
    height: 5rem
  }
}
.detail .test-reports {
  margin-top: 6rem
}
.detail-content {
  width: 100%;
  background: #f5f5f5;
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 14rem 2rem 10rem;
  gap: 3rem
}
@media only screen and (max-width: 1024px) {
  .detail-content {
    padding: 10rem 1rem 10rem
  }
}
.detail-content .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0
}
@media only screen and (max-width: 768px) {
  .detail-content .top {
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 0
  }
}
.detail-content .top .breadcrumb {
  display: flex
}
@media only screen and (max-width: 768px) {
  .detail-content .top .breadcrumb {
    justify-content: flex-start;
    overflow: scroll hidden;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%
  }
}
.detail-content .top .breadcrumb li {
  font-size: 1.6rem;
  color: #474747;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-right: 2rem
}
@media only screen and (max-width: 768px) {
  .detail-content .top .breadcrumb li {
    font-size: 1.4rem
  }
}
.detail-content .top .breadcrumb li a {
  color: #474747
}
.detail-content .top .back {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #474747;
  letter-spacing: 2.18182px;
  display: flex
}
.detail-content .top .back svg {
  margin-right: 1rem
}
.detail-content .gallery {
  width: 100%;
  height: calc(100vh - 25rem);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 3rem
}
@media only screen and (max-width: 768px) {
  .detail-content .gallery {
    height: auto
  }
}
.detail-content .gallery.type-2 {
  gap: 0 3rem
}
@media only screen and (max-width: 1024px) {
  .detail-content .gallery.type-2 {
    gap: 1rem
  }
}
.detail-content .gallery.type-2 .item {
  height: inherit
}
.detail-content .gallery.type-2 .item:nth-child(2) {
  grid-column: span 5;
  height: inherit
}
@media only screen and (max-width: 1024px) {
  .detail-content .gallery.type-2 .item:nth-child(2) {
    grid-column: span 12
  }
}
.detail-content .gallery.type-3 {
  gap: 3rem;
  height: auto
}
.detail-content .gallery.type-3 .item {
  height: inherit;
  grid-row: auto !important;
  max-height: 80rem;
  grid-column: span 3 !important
}
.detail-content .gallery.type-3 .item:first-child {
  grid-column: span 6 !important
}
@media only screen and (max-width: 768px) {
  .detail-content .gallery.type-3 .item:first-child {
    grid-column: span 12 !important
  }
}
@media only screen and (max-width: 1024px) {
  .detail-content .gallery.type-3 .item {
    grid-column: span 6 !important
  }
}
@media only screen and (max-width: 768px) {
  .detail-content .gallery.type-3 .item {
    grid-column: span 12 !important
  }
}
.detail-content .gallery.type-4 {
  gap: 3rem;
  height: auto;
  display: flex
}
@media only screen and (max-width: 768px) {
  .detail-content .gallery.type-4 {
    flex-direction: column
  }
}
.detail-content .gallery.type-4 .item {
  height: inherit;
  grid-row: auto !important;
  max-height: 80rem;
  grid-column: span 5 !important;
  display: flex;
  align-items: center;
  justify-content: center
}
.detail-content .gallery.type-4 .item.no-radius {
  border-radius: 0 !important
}
.detail-content .gallery.type-4 .item:first-child {
  grid-column: span 7 !important
}
@media only screen and (max-width: 768px) {
  .detail-content .gallery.type-4 .item:first-child {
    grid-column: span 12 !important
  }
}
@media only screen and (max-width: 768px) {
  .detail-content .gallery.type-4 .item {
    grid-column: span 12 !important
  }
}
.detail-content .gallery.type-4 .item:first-child {
  flex: 1 0 75%
}
@media only screen and (max-width: 1024px) {
  .detail-content .gallery {
    gap: 1rem
  }
}
.detail-content .gallery figure {
  position: relative;
  overflow: hidden;
  height: 46rem;
  border-radius: 2rem
}
.detail-content .gallery figure.contain {
  min-height: 50rem
}
.detail-content .gallery figure.contain img {
  object-fit: contain
}
.detail-content .gallery figure img {
  height: 100%;
  object-fit: cover
}
.detail-content .gallery .item {
  width: 100%;
  height: 100%;
  position: relative
}
.detail-content .gallery .item:nth-child(1) {
  grid-column: span 7;
  grid-row: span 2
}
@media only screen and (max-width: 1024px) {
  .detail-content .gallery .item:nth-child(1) {
    grid-column: span 12
  }
}
.detail-content .gallery .item:nth-child(2), .detail-content .gallery .item:nth-child(3) {
  grid-column: span 5
}
@media only screen and (max-width: 1024px) {
  .detail-content .gallery .item:nth-child(2), .detail-content .gallery .item:nth-child(3) {
    grid-column: span 6
  }
}
@media only screen and (max-width: 768px) {
  .detail-content .gallery .item:nth-child(2), .detail-content .gallery .item:nth-child(3) {
    height: 26rem
  }
}
.detail-content .gallery .lightgallery {
  margin-left: 4rem
}
.detail-content .prodoct-detail {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 3rem
}
.detail-content .prodoct-detail figure {
  position: relative;
  overflow: hidden;
  height: 46rem;
  border-radius: 2rem
}
.detail-content .prodoct-detail figure img {
  height: 100%;
  object-fit: cover
}
.detail-content .prodoct-detail .left {
  position: relative;
  grid-column: span 7
}
@media only screen and (max-width: 1024px) {
  .detail-content .prodoct-detail .left {
    grid-column: span 12
  }
}
.detail-content .prodoct-detail .left .head {
  display: flex;
  align-items: baseline;
  gap: 2rem
}
.detail-content .prodoct-detail .left .head h1 {
  font-size: clamp(5rem, 12vw, 7rem)
}
.detail-content .prodoct-detail .left .head span {
  font-size: 4rem;
  color: #777
}
@media only screen and (max-width: 768px) {
  .detail-content .prodoct-detail .left .head span {
    font-size: 2.4rem
  }
}
.detail-content .prodoct-detail .left .description {
  max-width: 80rem;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 2rem
}
.detail-content .prodoct-detail .gallery .item {
  grid-column: span 12
}
.detail-content .prodoct-detail .right {
  display: grid;
  align-content: flex-start;
  gap: 2rem;
  grid-column: span 5
}
@media only screen and (max-width: 1024px) {
  .detail-content .prodoct-detail .right {
    grid-column: span 12
  }
}
.detail-content .prodoct-detail .right small {
  font-size: 1.2rem;
  line-height: 1.4
}
.detail-content .prodoct-detail .right .specs {
  margin-top: 4rem
}
.detail-content .prodoct-detail .right .specs .small-head {
  padding-bottom: 2rem;
  color: #333
}
.detail-content .prodoct-detail .right .specs .list li {
  border-bottom: solid rgba(71, 71, 71, .15) .1rem;
  padding: 1rem 0;
  display: flex;
  justify-content: space-between
}
.detail-content .prodoct-detail .right .specs .list li:last-child {
  border: none
}
.detail-content .prodoct-detail .right .specs .list li span {
  font-size: 1.6rem;
  font-weight: normal;
  flex: 1 1 50%
}
@media only screen and (max-width: 1024px) {
  .detail-content .prodoct-detail .right .specs .list li span {
    font-size: 1.2rem
  }
}
.detail-content .prodoct-detail .right .specs .list li span:last-child {
  text-align: start
}
.detail-content .prodoct-detail .right .specs .list li span:last-child strong {
  font-weight: 700
}
@media only screen and (max-width: 1024px) {
  .detail-content .prodoct-detail .right .specs .list li span:last-child {
    padding-left: 1rem
  }
}
.detail-content .prodoct-detail .right .specs .list li span a {
  color: #37b075
}
.detail-content .prodoct-detail .right .calculation {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem
}
.detail-content .prodoct-detail .right .calculation .calc-item {
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  background: #fff;
  border-radius: 1rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  color: #474747;
  gap: 2rem
}
@media only screen and (max-width: 1024px) {
  .detail-content .prodoct-detail .right .calculation .calc-item {
    padding: 1rem
  }
}
@media only screen and (max-width: 1370px) {
  .detail-content .prodoct-detail .right .calculation .calc-item {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
  }
}
.detail-content .prodoct-detail .right .calculation .calc-item span {
  max-width: 20rem;
  font-size: 1.6rem;
  font-weight: 500
}
@media only screen and (max-width: 1370px) {
  .detail-content .prodoct-detail .right .calculation .calc-item span {
    max-width: 100%
  }
}
.detail-content .prodoct-detail .right .calculation .calc-tools {
  display: flex;
  align-items: flex-end;
  gap: 2rem
}
@media only screen and (max-width: 1024px) {
  .detail-content .prodoct-detail .right .calculation .calc-tools {
    gap: 1rem
  }
}
.detail-content .prodoct-detail .right .calculation .calc-counter-item {
  width: 12rem;
  display: flex;
  flex-direction: column;
  text-align: center
}
@media only screen and (max-width: 1370px) {
  .detail-content .prodoct-detail .right .calculation .calc-counter-item {
    margin-left: 0
  }
}
@media only screen and (max-width: 768px) {
  .detail-content .prodoct-detail .right .calculation .calc-counter-item {
    width: 10.4rem
  }
}
.detail-content .prodoct-detail .right .calculation .calc-counter-item small {
  margin-bottom: .4rem
}
.detail-content .prodoct-detail .right .calculation .calc-counter-item .calc-counter {
  height: 4rem;
  display: flex;
  border: solid rgba(71, 71, 71, .15) .1rem;
  border-radius: 100vmax
}
.detail-content .prodoct-detail .right .calculation .calc-counter-item .calc-counter button {
  height: 4rem;
  width: 4rem;
  background: none;
  font-size: 2rem;
  cursor: pointer;
  color: #707070;
  padding: 0;
  background: none;
  align-items: center;
  justify-content: center
}
@media only screen and (max-width: 1024px) {
  .detail-content .prodoct-detail .right .calculation .calc-counter-item .calc-counter button {
    width: 4rem
  }
}
.detail-content .prodoct-detail .right .calculation .calc-counter-item .calc-counter input {
  width: 5rem;
  text-align: center;
  font-size: 1.8rem
}
@media only screen and (max-width: 768px) {
  .detail-content .prodoct-detail .right .calculation .calc-counter-item .calc-counter svg {
    width: 2rem
  }
}
.detail-content .prodoct-detail .right .calculation .calc-button {
  height: 4rem;
  background: #474747;
  border-radius: 100vmax;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 11rem;
  color: #fff;
  font-size: 1.4rem;
  cursor: pointer
}
.detail-content .technical-table {
  margin-top: 6rem
}
@media only screen and (max-width: 1024px) {
  .detail-content .technical-table {
    margin-top: 4rem
  }
}
.detail-content .technical-table ul li {
  height: 6rem;
  border-bottom: solid #474747 .1rem;
  padding: 2rem 0;
  font-size: 1.6rem;
  font-family: "Maison Neue", sans-serif;
  font-weight: 600
}
@media only screen and (max-width: 1024px) {
  .detail-content .technical-table ul li {
    font-size: 1.2rem
  }
}
.detail-content .technical-table ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #474747
}
.detail-content .technical-table ul li a .download {
  display: flex;
  align-items: center
}
.detail-content .technical-table ul li a .download svg {
  margin-left: 1rem
}
.detail-content .icons {
  margin-top: 6rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  justify-content: flex-start
}
@media only screen and (max-width: 1024px) {
  .detail-content .icons {
    margin-top: 4rem
  }
}
.detail-content .icons li {
  flex: 0 1 auto;
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  height: 24rem;
  margin-bottom: 0;
  width: 24%
}
@media only screen and (max-width: 1024px) {
  .detail-content .icons li {
    font-size: 1.4rem
  }
}
.detail-content .icons li i {
  display: flex;
  height: 15rem;
  width: 20rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem
}
.detail-content .icons li i svg {
  width: 15rem;
  height: 12rem;
  display: flex
}
@media only screen and (max-width: 1024px) {
  .detail-content .icons li i svg {
    width: 5rem;
    height: 5rem
  }
}
.detail-content .icons li .icon_description {
  display: block;
  width: 75%;
  text-align: center;
  margin: 0 auto
}
@media only screen and (max-width: 1024px) {
  .detail-content .icons li .icon_description {
    width: 100%
  }
}
.detail-content .icons li .icon_description small {
  display: block
}
.detail-content .icons.icons-3-row li {
  flex: 1 0 32%
}
.sales-items {
  display: flex;
  flex-wrap: wrap;
  padding: 4rem;
  gap: 4rem !important
}
.sales-items .item {
    padding: 30px 30px 130px;
    border-radius: 1rem;
/*    transform: translateZ(0);*/
    border: solid #474747 .1rem;
    font-family: "Maison Neue", sans-serif;
    display: flex;
    flex-direction: column;
    font-size: initial;
	    position: relative;
}
.sales-items .item span {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.1px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 20px;
}
.sales-items .item small {
  font-size: clamp(1rem, 12vw, 1.2rem);
  font-weight: 600;
  letter-spacing: .36px
}
.sales-items .item .info {
  font-size: clamp(1.4rem, 12vw, 1.6rem);
  letter-spacing: .36px;
  margin: 4rem 0
}
.sales-items .item .info a {
  color: #474747
}
.sales-items .item .info a:hover {
  text-decoration: underline
}
.sales-items .item .pin {
  width: 6rem;
  height: 6rem;
  border-radius: 100%;
  transform: translateZ(0);
  background: #7eff93;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer
}
.quality-items {
  display: flex;
  flex-wrap: wrap;
  padding: 4rem;
  gap: 4rem !important
}
.quality-items .document {
  padding: 2rem;
  border-radius: 1rem;
  transform: translateZ(0);
  border: solid #474747 .1rem;
  display: flex;
  flex-direction: column
}
.quality-items .document .items {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}
.quality-items .document .items .item {
  width: 50%;
  display: flex;
  flex-direction: column
}
.quality-items .document h5 {
  font-size: 2.4rem;
  margin-bottom: 2rem
}
.quality-items .document span {
  font-size: clamp(1.6rem, 12vw, 2rem);
  letter-spacing: .36px;
  margin-bottom: 1rem
}
.quality-items .document span strong {
  color: #2e8c54
}
.quality-items .document small {
  font-size: clamp(1rem, 12vw, 1.2rem);
  font-weight: 600;
  letter-spacing: .36px
}
.contact-content {
  background: #eee;
  padding: 20rem 5vw 10rem;
  height: calc(100vh - 2rem);
  border-radius: 1rem;
  transform: translateZ(0)
}
@media only screen and (max-width: 1920px) {
  .contact-content {
    height: auto
  }
}
@media only screen and (max-width: 1024px) {
  .contact-content {
    padding: 10rem 2rem 2rem
  }
}
.contact-content .head span {
  font-family: "Maison Neue", sans-serif;
  font-size: clamp(1.6rem, 12vw, 2rem);
  letter-spacing: .206085px
}
.contact-content .items {
  margin-top: 12rem;
  font-family: "Maison Neue", sans-serif;
  font-size: clamp(1.4rem, 12vw, 1.6rem);
  letter-spacing: .206085px;
  display: flex
}
@media only screen and (max-width: 768px) {
  .contact-content .items {
    flex-direction: column;
    margin-top: 6rem
  }
}
.contact-content .items .item {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center
}
@media only screen and (max-width: 768px) {
	.contact-details{
		padding: 30px 0 !important;
		border: 0px !important;
	}
  .contact-content .items .item {
    width: 100%
  }
	.contact-details, .contact-content .items .item a {
    font-size: inherit !important;
	}
}
.contact-content .items .item a {
  font-family: "Maison Neue", sans-serif;
  color: #000;
  margin-top: 0rem;  
}
@media only screen and (max-width: 768px) {
  .contact-content .items .item a {
    margin-bottom: 6rem;
    font-size: clamp(1.6rem, 12vw, 1.8rem)
  }
}
.contact-content .items .item figure {
  border-radius: 1rem;
  transform: translateZ(0);
  overflow: hidden
}
.tab-menu {
  display: flex;
  margin-top: 6rem
}
.tab-menu li {
  margin: 0 .5rem
}
.tab-menu li.active, .tab-menu li:hover {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.tab-menu li.active a, .tab-menu li:hover a {
  border: solid #474747 .1rem
}
.tab-menu li a {
  font-size: clamp(1.6rem, 12vw, 2rem);
  font-family: "Maison Neue", sans-serif;
  color: #474747;
  font-weight: 600;
  border: solid rgba(0, 0, 0, 0) .1rem;
  border-radius: 100vmax;
  transform: translateZ(0);
  display: flex;
  align-items: center;
  height: 5rem;
  padding: 0 3rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.history-content {
  width: 100%;
  background: #e2ddd1;
  border-radius: 1rem;
  transform: translateZ(0);
  overflow: hidden;
  position: relative;
  padding: 10rem 6rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 10rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
@media only screen and (max-width: 1920px) {
  .history-content {
    padding: 4rem
  }
}
@media only screen and (max-width: 1370px) {
  .history-content {
    padding: 4rem 1rem
  }
}
.history-content.active {
  background: #ece0cd;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.history-content.active figure {
  background: #ece0cd !important
}
.history-content .timeline-item {
  width: 100%;
  position: relative;
  display: flex
}
@media only screen and (max-width: 768px) {
  .history-content .timeline-item {
    flex-direction: column
  }
}
.history-content .timeline-item:nth-child(even) .content {
  flex-direction: row-reverse
}
@media only screen and (max-width: 1370px) {
  .history-content .timeline-item:nth-child(even) .content {
    flex-direction: column-reverse
  }
}
.history-content .timeline-item .years-item {
  width: 30%;
  display: flex;
  justify-content: space-between
}
@media only screen and (max-width: 1024px) {
  .history-content .timeline-item .years-item {
    width: 30%
  }
}
@media only screen and (max-width: 768px) {
  .history-content .timeline-item .years-item {
    width: 100%;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center
  }
}
.history-content .timeline-item .years-item span {
  padding: 10rem 0;
  font-size: clamp(8rem, 12vw, 13rem);
  letter-spacing: .206085px;
  display: flex;
  align-items: center
}
@media only screen and (max-width: 768px) {
  .history-content .timeline-item .years-item span {
    padding: 0
  }
}
@media only screen and (max-width: 1370px) {
  .history-content .timeline-item .years-item span {
    font-size: clamp(6rem, 12vw, 8rem)
  }
}
@media only screen and (max-width: 1024px) {
  .history-content .timeline-item .years-item span {
    font-size: clamp(3rem, 12vw, 5rem)
  }
}
@media only screen and (max-width: 768px) {
  .history-content .timeline-item .years-item span {
    font-size: clamp(3rem, 12vw, 3.6rem)
  }
}
@media only screen and (max-width: 768px) {
  .history-content .timeline-item .years-item span {
    padding-left: 1rem
  }
}
.history-content .timeline-item .years-item .icons {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative
}
.history-content .timeline-item .years-item .icons:before {
  content: "";
  position: absolute;
  width: .1rem;
  height: 100%;
  background: #474747;
  top: 0;
  left: 49%
}
.history-content .timeline-item .years-item .icons figure {
  height: auto;
  background: #e2ddd1;
  padding: 1rem 0
}
.history-content .timeline-item .content {
  width: 70%;
  display: flex;
  padding: 10rem
}
@media only screen and (max-width: 1920px) {
  .history-content .timeline-item .content {
    padding: 6rem 2rem 6rem 2rem
  }
}
@media only screen and (max-width: 1370px) {
  .history-content .timeline-item .content {
    padding: 6rem 0 6rem 2rem;
    flex-direction: column-reverse
  }
}
@media only screen and (max-width: 768px) {
  .history-content .timeline-item .content {
    padding: 0;
    width: 100%;
    margin-bottom: 6rem
  }
}
.history-content .timeline-item .content figure {
  width: auto;
  height: auto
}
@media only screen and (max-width: 1370px) {
  .history-content .timeline-item .content figure {
    margin-bottom: 4rem
  }
}
.history-content .timeline-item .content figure img {
  width: 40rem
}
@media only screen and (max-width: 1024px) {
  .history-content .timeline-item .content figure img {
    width: 100%
  }
}
.history-content .timeline-item .content .caption {
  font-family: "Maison Neue", sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 600;
  padding: 0 10rem
}
@media only screen and (max-width: 1920px) {
  .history-content .timeline-item .content .caption {
    padding: 0 2rem 0
  }
}
@media only screen and (max-width: 1370px) {
  .history-content .timeline-item .content .caption {
    padding: 0;
    font-size: 1.4rem
  }
}
.news-room {
  padding: 1rem 1rem 8rem;
  gap: 4rem !important
}
.news-room figure {
  border-radius: 2rem;
  transform: translateZ(0);
  overflow: hidden
}
.news-room figure.image-v {
  position: relative;
  min-height: 45vh
}
.news-room figure.image-h {
  position: relative;
  min-height: 30vh
}
.news-room figure:hover img {
  transform: scale(1.2);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.news-room figure img {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.news-room .caption {
  padding: 2rem 1rem;
  border-bottom: 0;
  margin-top: 0;
  background: #f9f9f9;
  border-radius: 15px;
  text-align: center;
}
.news-room .caption .date {
  font-size: 1.2rem;
  letter-spacing: 2.18182px;
  font-weight: bold;
  margin-bottom: 3rem;
  color: #474747
}
.news-room .caption p {
  max-width: 75%;
  font-size: clamp(2rem, 12vw, 3.4rem);
  letter-spacing: .303703px;
  text-transform: uppercase;
  color: #474747
}
@media only screen and (max-width: 1024px) {
  .news-room .caption p {
    max-width: 100%;
	font-size: 18px !important;
  }
}
.blog-detail-info {
  background: #f3f3f3;
  padding: 17rem 5vw 5rem;
  border-radius: 1rem;
  transform: translateZ(0);
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1
}
@media only screen and (max-width: 1920px) {
  .blog-detail-info {
    height: auto
  }
}
@media only screen and (max-width: 1024px) {
  .blog-detail-info {
    padding: 125px 20px 25px
  }
}
.blog-detail-info .back {
  /*  width: fit-content;*/
  display: flex;
  align-items: center;
  height: 4rem;
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #474747;
  letter-spacing: 2.18182px;
  margin-bottom: 2.5rem;
  justify-content: end;
}
.blog-detail-info .back svg {
  margin-right: 1rem
}
.blog-detail-info h1 {
  max-width: 60%;
  line-height: 1;
  margin: 6rem 0
}
@media only screen and (max-width: 1024px) {
  .blog-detail-info h1 {
    max-width: 100%;
    margin: 0 0 4rem 0
  }
}
.blog-detail-info p {
  max-width: 60%;
  font-size: 2.8rem;
  font-family: "Maison Neue", sans-serif;
  line-height: 1.4;
  text-indent: 8rem
}
@media only screen and (max-width: 1370px) {
  .blog-detail-info p {
    max-width: 100%;
    font-size: 1.6rem;
    text-indent: 0
  }
}
.blog-content {
  margin-top: -1rem;
  position: relative;
  overflow: inherit
}
.blog-content::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -26rem;
  left: 0;
  background: url(../images/company-info-bg.png) top left no-repeat;
  z-index: -1
}
.blog-content .items {
  display: flex;
  flex-direction: column
}
.blog-content .items .item {
  display: flex;
  margin: 4rem 0
}
@media only screen and (max-width: 1024px) {
  .blog-content .items .item {
    flex-direction: column;
    margin: 4rem 0 0
  }
}
.blog-content .items .item figure {
  width: 40% !important;
  height: 50rem
}
@media only screen and (max-width: 768px) {
  .blog-content .items .item figure {
    width: 100% !important
  }
}
.blog-content .items .item:nth-child(even) {
  flex-direction: row-reverse
}
@media only screen and (max-width: 1024px) {
  .blog-content .items .item:nth-child(even) {
    flex-direction: column
  }
}
.blog-content .items .item:nth-child(even) article {
    padding-left: 0;
    padding-right: 8rem;
}
@media only screen and (max-width: 1024px) {
  .blog-content .image-parallax img {
    height: auto
  }
}
.blog-content .blog-info {
  width: 100%;
  margin: auto;
  padding: 4rem 10vw;
  justify-content: space-between;
  display: flex;
  border-bottom: solid #474747 .1rem
}
@media only screen and (max-width: 1024px) {
  .blog-content .blog-info {
    padding: 4rem 1rem
  }
}
@media only screen and (max-width: 768px) {
  .blog-content .blog-info {
    flex-direction: column
  }
}
.blog-content .blog-info .item {
  display: flex
}
@media only screen and (max-width: 768px) {
  .blog-content .blog-info .item {
    margin-bottom: 2rem;
    justify-content: space-between
  }
}
.blog-content .blog-info .item span {
  font-family: "Maison Neue", sans-serif;
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 600;
  margin-right: 10rem
}
@media only screen and (max-width: 1024px) {
  .blog-content .blog-info .item span {
    font-size: 1.4rem;
    margin-right: 6rem
  }
}
@media only screen and (max-width: 768px) {
  .blog-content .blog-info .item span {
    margin: 0
  }
}
.blog-content .blog-info .share {
  display: flex;
  align-items: center
}
.blog-content .blog-info .share span {
  font-size: 2.2rem;
  font-weight: 500;
  margin-right: 5rem
}
@media only screen and (max-width: 1024px) {
  .blog-content .blog-info .share span {
    font-size: 1.8rem;
    margin-right: 4rem
  }
}
.blog-content .blog-info .share i {
  width: 5rem;
  height: 5rem;
  background: #474747;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
  margin-bottom: 0
}
.blog-content .blog-info .share i svg {
  fill: #a5c9d0
}
.blog-content h3 {
  width: 100%;
  text-align: center;
  font-weight: normal;
  padding-bottom: 8rem
}
@media only screen and (max-width: 1024px) {
  .blog-content h3 {
    margin-bottom: 0;
    padding: 0
  }
}
.blog-content i img {
  width: 4rem
}
@media only screen and (max-width: 1920px) {
  .blog-content i img {
    width: 3rem
  }
}
@media only screen and (max-width: 768px) {
  .blog-content i img {
    width: 2rem
  }
}
.blog-content .content {
  padding: 10rem 15vw
}
@media only screen and (max-width: 1920px) {
  .blog-content .content {
    padding: 5vw
  }
}
@media only screen and (max-width: 1370px) {
  .blog-content .content {
    padding: 4rem 2rem
  }
}
@media only screen and (max-width: 1024px) {
  .blog-content .content {
    padding: 4rem 1rem
  }
}
.blog-content .content .caption {
  display: flex
}
@media only screen and (max-width: 1024px) {
  .blog-content .content .caption {
    flex-direction: column
  }
}
.blog-content .content .caption figure {
  width: 50%;
  border-radius: 2rem;
  transform: translateZ(0);
  overflow: hidden
}
@media only screen and (max-width: 1024px) {
  .blog-content .content .caption figure {
    width: 100%
  }
}
.blog-content .content .caption article {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding-left: 8rem
}
@media only screen and (max-width: 1024px) {
  .blog-content .content .caption article {
    width: 100%;
    padding: 2rem 0
  }
}
.blog-content .content .caption article i {
  margin-bottom: 2rem
}
.blog-content .content .caption span {
  max-width: 60%;
  font-size: clamp(2.6rem, 12vw, 3rem);
  display: flex;
  margin-top: 2rem
}
@media only screen and (max-width: 1370px) {
  .blog-content .content .caption span {
    max-width: 100%;
    font-size: clamp(1.8rem, 12vw, 2.6rem)
  }
}
@media only screen and (max-width: 768px) {
  .blog-content .content .caption span {
    font-size: clamp(1.8rem, 12vw, 2.2rem)
  }
}
.blog-content .content .caption span.center {
  text-align: center
}
@media only screen and (max-width: 1024px) {
  .blog-content .content h2 {
    text-align: center
  }
}
.blog-content .content p {
  width: 70%;
  font-family: "Maison Neue", sans-serif;
  font-size: 2rem;
  line-height: 2;
  margin-bottom: 6rem
}
@media only screen and (max-width: 1024px) {
  .blog-content .content p {
    width: 100%
  }
}
.blog-content .content p a {
  color: #2e8c54
}
.blog-content .content p a:hover {
  text-decoration: underline
}
.blog-content .content span {
  font-size: clamp(2.6rem, 12vw, 3rem);
  display: flex
}
@media only screen and (max-width: 1920px) {
  .blog-content .content span {
    font-size: clamp(1.8rem, 12vw, 2rem)
  }
}
.blog-content .content span.center {
  text-align: center
}
.blog-content .content h4 {
  font-size: clamp(2rem, 12vw, 2.4rem);
  letter-spacing: .6291px;
  font-weight: 500
}
.blog-content .content .article {
  margin-top: 6rem;
  position: relative;
  z-index: 1
}
@media only screen and (max-width: 1024px) {
  .blog-content .content .article {
    margin-top: 0
  }
}
.blog-content .content .article h2:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 30%;
  top: 0;
  left: -20%;
  background: #f9f8f6;
  border-radius: 2rem;
  transform: translateZ(0);
  z-index: -1
}
.blog-content .content .article i {
  width: fit-content;
  margin: auto;
  display: flex
}
.blog-content .content .article h2 {
  margin: 4rem 0
}
.blog-content .content .article p {
  margin-top: 4rem;
  width: 100%
}
.bottom-content {
  display: flex;
  flex-direction: column
}
.bottom-content.blog {
  border-top: solid #474747 .1rem
}
.bottom-content .bottom-items {
  width: 100%;
  display: flex;
  padding-top: 6rem;
  flex-direction: row
}
.bottom-content .bottom-items .item {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding-bottom: 10rem
}
.bottom-content .bottom-items .item:first-child {
  border-right: solid #474747 .1rem;
  padding: 0 10rem 10rem 0
}
@media only screen and (max-width: 1024px) {
  .bottom-content .bottom-items .item:first-child {
    padding: 0 4rem 4rem 0
  }
}
@media only screen and (max-width: 768px) {
  .bottom-content .bottom-items .item:first-child {
    padding: 0 4rem 2rem 0
  }
}
.bottom-content .bottom-items .item:last-child {
  padding: 0 0 10rem 10rem
}
@media only screen and (max-width: 1024px) {
  .bottom-content .bottom-items .item:last-child {
    padding: 0 0 4rem 4rem
  }
}
@media only screen and (max-width: 768px) {
  .bottom-content .bottom-items .item:last-child {
    padding: 0 0 2rem 4rem
  }
}
.bottom-content .bottom-items .item span {
  font-size: 2.8rem;
  margin-bottom: 6rem;
  font-weight: 500
}
@media only screen and (max-width: 1024px) {
  .bottom-content .bottom-items .item span {
    font-size: 2rem;
    margin-bottom: 2rem
  }
}
.bottom-content .bottom-items .item .button {
  width: 100%
}
.faq {
  max-width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 5vw auto
}
@media only screen and (max-width: 1024px) {
  .faq {
    max-width: 100%;
    margin: 0;
    padding: 0 1rem 4rem
  }
}
@media only screen and (max-width: 768px) {
  .faq small {
    margin: 0
  }
}
@media only screen and (max-width: 768px) {
  .faq h6 {
    margin-top: 2rem;
    margin-bottom: 4rem
  }
}
.faq .link {
  background: #e2ecea;
  border: solid #1e1c21 .1rem;
  margin-bottom: 1rem;
  overflow: hidden;
  width: 100%;
  height: 10.6rem;
  display: flex;
  align-items: center;
  padding-left: 4rem;
  letter-spacing: -1.2375px;
  font-size: 2.2rem;
  font-weight: 500;
  color: #474747;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
@media only screen and (max-width: 768px) {
  .faq .link {
    padding-left: 2rem;
    font-size: 1.6rem
  }
}
.faq .link svg {
  margin-left: 3rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.faq .link:hover svg {
  margin-left: 4rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.faq .accordion-menu {
  width: 100%
}
.faq .accordion-menu li {
  background: #f8f4ed;
  border: solid #1e1c21 .1rem;
  margin-bottom: 1rem;
  overflow: hidden;
  border-radius: 1rem;
  transform: translateZ(0);
  font-family: "Maison Neue", sans-serif
}
.faq .accordion-menu li.open .dropdownlink i .icon-open {
  display: none
}
.faq .accordion-menu li.open .dropdownlink i .icon-close {
  display: flex
}
.faq .accordion-menu .dropdownlink {
  cursor: pointer;
  display: flex;
  font-size: clamp(1.8rem, 6vw, 2rem);
  color: #474747;
  position: relative;
  transition: all .4s ease-out;
  min-height: 9rem;
  align-items: center;
  padding: 4rem 6rem 4rem 4rem
}
@media only screen and (max-width: 1024px) {
  .faq .accordion-menu .dropdownlink {
    padding: 2rem 6rem 2rem 2rem;
    font-size: clamp(1.4rem, 6vw, 1.5rem)
  }
}
.faq .accordion-menu .dropdownlink i {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  right: 4rem;
  font-size: 1.8rem
}
@media only screen and (max-width: 768px) {
  .faq .accordion-menu .dropdownlink i {
    right: 1rem
  }
}
@media only screen and (max-width: 1024px) {
  .faq .accordion-menu .dropdownlink i svg {
    width: 3.2rem;
    height: 3.2rem
  }
}
.faq .accordion-menu .dropdownlink i .icon-open {
  display: flex
}
.faq .accordion-menu .dropdownlink i .icon-close {
  display: none
}
.faq .accordion-menu .ion-ios-arrow-down {
  right: 2rem;
  left: auto
}
.faq .submenuItems {
  display: none
}
.faq .submenuItems li {
  padding: 1rem 4rem 4rem;
  position: relative;
  border: none;
  margin: 0
}
.faq .submenuItems li a {
  color: #2e8c54;
  text-decoration: underline;
  font-weight: bold
}
@media only screen and (max-width: 1024px) {
  .faq .submenuItems li {
    padding: 1rem 2rem 2rem
  }
}
.faq .submenuItems p {
  font-size: clamp(1.4rem, 6vw, 1.8rem);
  color: #474747;
  font-weight: normal;
  line-height: 2.2rem;
  margin-right: 1.4rem
}
@media only screen and (max-width: 1024px) {
  .faq .submenuItems p {
    font-size: clamp(1.3rem, 6vw, 1.4rem)
  }
}
.faq .submenuItems p strong {
  font-weight: 500
}
.search-result-head {
  background: #d5e8ec;
  padding: 20rem 5vw 10rem;
  height: 50vh;
  border-radius: 1rem;
  transform: translateZ(0);
  position: relative;
  z-index: 1
}
.search-result {
  padding: 6rem 0;
  position: relative
}
.search-result::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -5rem;
  left: 0;
  background: url(../images/company-info-bg.png) top left no-repeat;
  z-index: -1
}
.search-result .content {
  max-width: 60%;
  width: 100%;
  margin: auto;
  position: relative
}
@media only screen and (max-width: 1024px) {
  .search-result .content {
    max-width: 100%;
    padding: 0 1rem 4rem
  }
}
.search-result .content li {
  background: #fff;
  border-radius: 1rem;
  transform: translateZ(0);
  border: solid #474747 .1rem;
  margin-bottom: 1rem
}
.search-result .content li a {
  display: flex;
  justify-content: space-between;
  padding: 4rem 2rem
}
.search-result .content li a:hover svg circle {
  fill: #474747
}
.search-result .content li a:hover svg path {
  fill: #fff
}
.search-result .content li a .caption {
  font-family: "Maison Neue", sans-serif;
  display: flex;
  flex-direction: column
}
.search-result .content li a .caption span {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem;
  color: #474747
}
@media only screen and (max-width: 1024px) {
  .search-result .content li a .caption span {
    font-size: 1.6rem
  }
}
.search-result .content li a .caption small {
  font-size: 1.2rem;
  color: #474747
}
@media only screen and (max-width: 1024px) {
  .search-result .content li a svg {
    width: 3.6rem;
    height: 3.6rem
  }
}
.search-result .content li a svg circle {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  fill: #7eff93
}
.search-result .content li a svg path {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  fill: #000
}
.page-error {
  background: #ece0cd;
  padding: 20rem 5vw 20rem;
  border-radius: 1rem;
  transform: translateZ(0)
}
@media only screen and (max-width: 1024px) {
  .page-error {
    padding: 10rem 5vw 4rem;
    border-radius: 1rem;
    transform: translateZ(0);
    height: 50vh
  }
}
.page-error .content {
  display: flex;
  flex-direction: column;
  align-items: center
}
.page-error .back {
  width: fit-content;
  display: flex;
  align-items: center;
  height: 4rem;
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #474747;
  letter-spacing: 2.18182px;
  margin-bottom: 4rem;
  display: flex
}
@media only screen and (max-width: 1024px) {
  .page-error .back {
    margin-bottom: 0
  }
}
.page-error .back svg {
  margin-right: 1rem
}
.page-error h1 {
  font-size: clamp(7rem, 12vw, 14rem);
  max-width: 60%;
  line-height: 1;
  margin: 6rem 0
}
@media only screen and (max-width: 1024px) {
  .page-error h1 {
    margin: 2rem 0
  }
}
.page-error p {
  max-width: 60%;
  font-size: 2.8rem;
  font-family: "Maison Neue", sans-serif;
  font-weight: 600;
  line-height: 1.6
}
@media only screen and (max-width: 1024px) {
  .page-error p {
    max-width: 100%;
    font-size: 1.5rem
  }
}
.table {
  width: 100%;
  padding: 0;
  margin-bottom: 6rem;
  font-family: "Maison Neue", sans-serif
}
.table th {
  font-size: 1.4rem;
  padding: 1rem
}
.table tbody tr {
  margin-bottom: 1rem;
  width: 100%;
  background-color: #fafafa
}
.table tbody td {
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1rem;
  line-height: 2;
  max-width: 70rem
}
@media only screen and (max-width: 768px) {
  .table tbody td {
    font-size: clamp(1.2rem, 12vw, 1.3rem);
    padding: 1rem
  }
}
@media only screen and (max-width: 648px) {
  .table tbody td strong {
    overflow-wrap: anywhere
  }
}
.product-tabmenu {
  margin-top: 4rem
}
.product-tabmenu .tabmenu-content .tabs.scroll {
  cursor: default;
  overflow: auto;
  scroll-snap-type: x mandatory;
  margin: auto;
  max-width: fit-content
}
.product-tabmenu .tabmenu-content .items {
  display: flex;
  margin: auto
}
.product-tabmenu .tabmenu-content .items.scroll {
  cursor: default;
  overflow: auto;
  scroll-snap-type: x mandatory
}
.product-tabmenu .tabmenu-content .items.usage-area input[type=radio] {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.product-tabmenu .tabmenu-content .items.usage-area input[type=radio]:checked + span {
  border: solid #66c280 .1rem;
  background-color: #e1faef;
  z-index: 1;
  color: #207448
}
.product-tabmenu .tabmenu-content .items.usage-area input[type=radio]:checked + label {
  color: #207448
}
.product-tabmenu .tabmenu-content .items.usage-area label {
  width: 14rem;
  flex-shrink: 0;
  font-size: 1.6rem;
  text-align: center
}
@media only screen and (max-width: 768px) {
  .product-tabmenu .tabmenu-content .items.usage-area label {
    width: 10rem;
    min-height: 9rem;
    font-size: 1.4rem
  }
}
.product-tabmenu .tabmenu-content .items.usage-area label span {
  width: 100%;
  border-radius: 1rem;
  transform: translateZ(0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  color: #000;
  padding: 1rem;
  height: 100%;
  justify-content: flex-start;
  border: solid rgba(0, 0, 0, 0) .1rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
@media only screen and (max-width: 768px) {
  .product-tabmenu .tabmenu-content .items.usage-area label span {
    padding: 1rem
  }
}
.product-tabmenu .tabmenu-content .items.usage-area label span i {
  width: 8rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem
}
@media only screen and (max-width: 768px) {
  .product-tabmenu .tabmenu-content .items.usage-area label span i {
    width: 5rem
  }
}
.product-tabmenu .tabmenu-content .items.colors .item {
  margin: 0 1rem
}
.product-tabmenu .tabmenu-content .items.colors input[type=radio] {
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.product-tabmenu .tabmenu-content .items.colors input[type=radio]:checked + span {
  color: #474747
}
.product-tabmenu .tabmenu-content .items.colors input[type=radio]:checked + span i::before {
  content: "";
  z-index: 1;
  opacity: 1;
  visibility: visible
}
.product-tabmenu .tabmenu-content .items.colors label {
  font-size: 1.6rem
}
.product-tabmenu .tabmenu-content .items.colors label span {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  border: solid rgba(0, 0, 0, 0) .1rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  color: rgba(71, 71, 71, .5);
  font-weight: 500
}
.product-tabmenu .tabmenu-content .items.colors label span i {
  width: 4rem;
  height: 4rem;
  border-radius: 100vmax;
  transform: translateZ(0);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: .5rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.product-tabmenu .tabmenu-content .items.colors label span i::before {
  content: "";
  width: 2rem;
  height: 2rem;
  background: #fff;
  border-radius: 100vmax;
  transform: translateZ(0);
  position: absolute;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.product-tabmenu .tabmenu-content .items.style {
  flex-wrap: wrap
}
.product-tabmenu .tabmenu-content .items.style .item {
  margin: 0 .5rem
}
@media only screen and (max-width: 768px) {
  .product-tabmenu .tabmenu-content .items.style .item {
    margin-bottom: 1rem
  }
}
.product-tabmenu .tabmenu-content .items.style input[type=radio] {
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.product-tabmenu .tabmenu-content .items.style input[type=radio]:checked + span {
  border: solid #66c280 .1rem;
  background-color: #e1faef;
  z-index: 1;
  color: #207448
}
.product-tabmenu .tabmenu-content .items.style label {
  font-size: 1.6rem
}
.product-tabmenu .tabmenu-content .items.style label span {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: solid #474747 .1rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  color: rgba(71, 71, 71, .5);
  font-weight: 500;
  padding: 2rem;
  height: 4rem;
  border-radius: 100vmax;
  transform: translateZ(0);
  margin-bottom: 0
}
.product-tabmenu .tabmenu-content .items.search {
  flex-wrap: wrap
}
.product-tabmenu .tabmenu-content .items.search .item {
  margin: 0 .5rem
}
@media only screen and (max-width: 768px) {
  .product-tabmenu .tabmenu-content .items.search .item {
    margin-bottom: 1rem
  }
}
.product-tabmenu .tabmenu-content .items.search .tabsearch {
  max-width: 40rem;
  width: 100%;
  margin: auto;
  display: flex;
  gap: 1rem
}
.product-tabmenu .tabmenu-content .items.search input {
  width: 100%;
  height: 5rem;
  border-radius: 100vmax;
  border: solid #474747 .1rem;
  padding: 0 1rem;
  font-size: 1.6rem
}
.product-tabmenu .tabmenu-content .items.search button {
  width: min-content;
  height: 5rem;
  border: solid #474747 .1rem;
  background: none;
  padding: 0 1.6rem
}
.product-list-content {
  display: flex
}
@media only screen and (max-width: 1024px) {
  .product-list-content {
    margin-top: 2rem
  }
}
.product-list-content .filter-content {
  width: 40rem;
  padding-left: 4rem
}
@media only screen and (max-width: 1024px) {
  .product-list-content .filter-content {
    display: none
  }
}
.product-list-content .filter-content.active {
  margin-top: 15rem !important
}
.product-list-content .filter-content .small-head {
  margin-bottom: 2rem
}
.product-list-content .filter-content .select-items {
  max-height: 25rem;
  padding: 0 0 2rem;
  overflow: auto;
  margin-bottom: 4rem
}
.product-list-content .prodoct-list {
  width: 100%
}
.product-list-content .prodoct-list .head {
  padding: 0 3rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem
}
@media only screen and (max-width: 1024px) {
  .product-list-content .prodoct-list .head {
    padding: 0 1rem;
    flex-direction: column
  }
}
.product-list-content .prodoct-list .head .left {
  display: flex;
  gap: 1rem
}
@media only screen and (max-width: 1024px) {
  .product-list-content .prodoct-list .head .left {
    flex-direction: column
  }
}
.product-list-content .prodoct-list .head .left form {
  border-radius: 100vmax;
  border: solid #474747 .1rem;
  display: flex;
  position: relative;
  padding-left: 5rem;
  margin: 0
}
@media only screen and (max-width: 1024px) {
  .product-list-content .prodoct-list .head .left form {
    height: 5rem
  }
}
.product-list-content .prodoct-list .head .left form i {
  position: absolute;
  width: 5rem;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center
}
.product-list-content .prodoct-list .head .left form i svg {
  width: 2.6rem;
  height: 2.6rem;
  text-align: left
}
.product-list-content .prodoct-list .head .left form input {
  height: 6rem;
  padding: 0 1rem 0 0;
  font-weight: bold;
  border: none
}
@media only screen and (max-width: 1024px) {
  .product-list-content .prodoct-list .head .left form input {
    width: 100%;
    font-size: 1.4rem
  }
}
@media only screen and (max-width: 1024px) {
  .product-list-content .prodoct-list .head .button {
    width: 100%
  }
}
.product-list-content .prodoct-list .head .right {
  display: flex;
  gap: 1rem
}
@media only screen and (max-width: 1024px) {
  .product-list-content .prodoct-list .head .right {
    flex-direction: column-reverse
  }
}
.product-list-content .prodoct-list .head .right form {
  margin: 0
}
.product-list-content .prodoct-list .head .right .selectbox {
  min-width: 22rem
}
.product-list-content .prodoct-list .head .right .selectbox .label {
  height: 5.8rem !important
}
@media only screen and (max-width: 1024px) {
  .product-list-content .prodoct-list .head .right .selectbox .label {
    height: 4.8rem !important
  }
}
@media only screen and (max-width: 1024px) {
  .product-list-content .prodoct-list .head .right .add-compare {
    margin-top: 2rem
  }
}
.compare-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  z-index: 2;
  transform: translate(0px, 160px);
  opacity: 0;
  visibility: hidden;
  will-change: transform;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
@media only screen and (max-width: 768px) {
  .compare-bar {
    padding: 1rem
  }
}
.compare-bar.visible {
  opacity: 1;
  transform: translate(0px, 0);
  visibility: visible;
  will-change: transform;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.compare-bar .bar {
  max-width: 60rem;
  background: #fff;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, .1);
  border-radius: 1rem;
  transform: translateZ(0);
  position: relative;
  padding: 1rem 4rem 1rem 1rem;
  display: flex;
  align-items: center
}
@media only screen and (max-width: 768px) {
  .compare-bar .bar {
    width: 100%;
    flex-direction: column;
    padding: 1rem
  }
}
.compare-bar .bar .items {
  display: flex;
  align-items: center
}
@media only screen and (max-width: 768px) {
  .compare-bar .bar .items {
    margin-bottom: 2rem
  }
}
.compare-bar .bar .items .item {
  width: 8rem;
  margin-right: 1rem;
  text-align: center;
  font-size: 1.4rem;
  position: relative
}
.compare-bar .bar .items .item .cancel {
  position: absolute;
  top: .5rem;
  right: .5rem;
  width: 2rem;
  height: 2rem;
  border-radius: .5rem;
  transform: translateZ(0);
  background: rgba(255, 255, 255, .8);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer
}
.compare-bar .bar .items .item .cancel svg {
  width: 1.5rem;
  height: 1.5rem
}
.compare-bar .bar .items .item:last-child {
  margin-right: 0
}
.compare-bar .bar .items .item figure {
  height: auto;
  border-radius: 1rem;
  transform: translateZ(0);
  overflow: hidden;
  margin-bottom: .5rem
}
.compare-bar .bar .button {
  margin-left: 1rem
}
@media only screen and (max-width: 768px) {
  .compare-bar .bar .button {
    width: 100%;
    margin-left: 0
  }
}
.compare-bar .bar .compare-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer
}
@media only screen and (max-width: 768px) {
  .compare-bar .bar .compare-close {
    display: none
  }
}
.compare-bar .bar .compare-close-button {
  margin-top: 1rem;
  display: none
}
@media only screen and (max-width: 768px) {
  .compare-bar .bar .compare-close-button {
    display: flex
  }
}
.video-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 4rem;
  padding: 0 2rem
}
.video-content .head {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 4rem
}
.video-content .item {
  margin-bottom: 4rem;
  font-size: 2rem;
  color: #474747
}
@media only screen and (max-width: 1370px) {
  .video-content .item {
    grid-column: span 4
  }
}
@media only screen and (max-width: 1024px) {
  .video-content .item {
    grid-column: span 6
  }
}
@media only screen and (max-width: 768px) {
  .video-content .item {
    grid-column: span 12
  }
}
.video-content .item figure {
  aspect-ratio: 16/9;
  position: relative
}
.video-content .item figure:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .4)
}
.video-content .item figure i {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center
}
.video-content .item figure i svg {
  width: 5rem;
  height: 5rem;
  fill: #fff
}
.video-content .item figure.image-cover {
  margin: 0
}
.video-content .item:hover img {
  transform: scale(1.2);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.video-content .item figure {
  height: auto;
  margin-bottom: 2rem;
  overflow: hidden;
  position: relative;
  border-radius: 1rem;
  transform: translateZ(0)
}
.video-content .item figure img {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.question-content {
  width: 100%;
  border-radius: 1rem;
  transform: translateZ(0);
  margin: 1rem 0;
  position: relative;
  overflow: hidden
}
@media only screen and (max-width: 768px) {
  .question-content {
    padding: 1rem;
    text-align: center
  }
}
.question-content figure {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.question-content figure::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .6);
  z-index: 1
}
.question-content .caption {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 2;
  color: #fff;
  padding: 10rem 0
}
@media only screen and (max-width: 768px) {
  .question-content .caption {
    padding: 4rem 0
  }
}
.question-content .caption h5 {
  font-size: 3rem;
  font-weight: bold
}
.question-content .caption .items {
  max-width: 80rem;
  display: flex;
  margin-top: 4rem;
  text-align: center
}
@media only screen and (max-width: 768px) {
  .question-content .caption .items {
    flex-direction: column
  }
}
.question-content .caption .items .item {
  width: 50%;
  padding: 0 4rem
}
@media only screen and (max-width: 768px) {
  .question-content .caption .items .item {
    border: none;
    width: 100%
  }
}
.question-content .caption .items .item:first-child {
  border-right: solid rgba(255, 255, 255, .2) .1rem
}
@media only screen and (max-width: 768px) {
  .question-content .caption .items .item:first-child {
    margin-bottom: 4rem
  }
}
.question-content .caption .items .item span {
  font-size: 2rem;
  margin-bottom: 2rem;
  display: flex
}
@media only screen and (max-width: 768px) {
  .question-content .caption .items .item span {
    font-size: 1.6rem
  }
}
.question-content .caption .items .item .button {
  width: 100%
}
section {
  width: 100%;
  position: relative;
  overflow: hidden
}
section.content {
  padding: 1rem
}
@media only screen and (max-width: 768px) {
  section.content, .start-image {
    padding: .5rem
  }
}
[class*=col-] {
  display: grid;
  gap: 1rem
}
.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem
}
.row::before, .row::after {
  display: none
}
.col-2 {
  grid-column: span 2
}
.col-3 {
  grid-column: span 3
}
.col-4 {
  grid-column: span 4
}
@media only screen and (max-width: 1024px) {
  .col-4 {
    grid-column: span 6
  }
}
@media only screen and (max-width: 768px) {
  .col-4 {
    grid-column: span 12
  }
}
.col-5 {
  grid-column: span 5
}
.col-6 {
  grid-column: span 6
}
@media only screen and (max-width: 1024px) {
  .col-6 {
    grid-column: span 12
  }
}
.col-7 {
  grid-column: span 7
}
.col-8 {
  grid-column: span 8
}
.col-9 {
  grid-column: span 9
}
.col-10 {
  grid-column: span 9
}
.col-12 {
  grid-column: span 12
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 500
}
.small-head {
  font-size: 1.2rem;
  letter-spacing: 3.27273px;
  text-transform: uppercase;
  font-weight: bold;
  white-space: nowrap
}
.card-caption {
  padding: 100px 50px;
  margin-right: 4rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center
}
@media only screen and (max-width: 1920px) {
  .card-caption {
    padding: 100px 50px
  }
}
@media only screen and (max-width: 1024px) {
  .card-caption {
    padding: 40px;
    margin: 0
  }
}
.card-caption h4 {
    margin: 0px 0 30px;
}
@media only screen and (max-width: 1368px) {
  .card-caption h4, .home-product-category h4, .product-slider .caption h4 {
        margin: 0rem 0 2rem;
        font-size: 30px;
    }
	
	.home-product-category .items .item {
    min-height: auto !important;
    height: 500px;
}
}
.card-caption span {
  font-size: clamp(2.6rem, 12vw, 4.4rem);
  letter-spacing: .206085px;
  margin-bottom: 8rem
}
@media only screen and (max-width: 1368px) {
  .card-caption span {
    font-size: clamp(2.4rem, 12vw, 3.2rem);
    margin-bottom: 2rem
  }
}
.card-caption p {
  font-family: "Maison Neue", sans-serif;
  font-size: clamp(1.6rem, 12vw, 2rem);
  font-weight: normal;
  letter-spacing: .206085px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1368px) {
  .card-caption p {
    font-size: clamp(1.4rem, 12vw, 1.6rem)
  }
}
@media only screen and (max-width: 1024px) {
  .card-caption p {
    margin-bottom: 4rem
  }
}
h1 {
  font-size: clamp(5rem, 12vw, 7rem);
  letter-spacing: .6291px;
  font-weight: 500;
  line-height: 1
}
@media only screen and (max-width: 1368px) {
  h1 {
    font-size: clamp(3rem, 12vw, 4rem)
  }
}
@media only screen and (max-width: 1024px) {
  h1 {
    font-size: clamp(3rem, 12vw, 3.6rem)
  }
}
h2 {
  font-size: clamp(3rem, 12vw, 4rem);
  letter-spacing: .6291px;
  font-weight: 500
}
@media only screen and (max-width: 1024px) {
  h2 {
    font-size: clamp(3rem, 12vw, 3.6rem)
  }
}
@media only screen and (max-width: 768px) {
  h2 {
    font-size: clamp(2rem, 12vw, 2.8rem)
  }
}
h3 {
  font-size: clamp(4rem, 12vw, 5.8rem);
  letter-spacing: .6291px;
  font-weight: 500
}
@media only screen and (max-width: 1024px) {
  h3 {
    font-size: clamp(3rem, 12vw, 3.6rem)
  }
}
h4 {
  font-size: clamp(4rem, 12vw, 4rem);
  letter-spacing: .6291px
}
@media only screen and (max-width: 1024px) {
  h4 {
    font-size: clamp(3.4rem, 12vw, 4rem)
  }
}
@media only screen and (max-width: 768px) {
  h4 {
    font-size: clamp(2.4rem, 12vw, 3rem)
  }
}
.form {
  width: 100%;
  background: #dcd3f7;
  padding: 5vw;
  display: flex;
  flex-direction: column;
  align-items: center
}
.form h6 {
  margin-bottom: 2rem
}
@media only screen and (max-width: 1024px) {
  .form h6 {
    margin-top: 4rem
  }
}
.form small {
  margin: 0
}
@media only screen and (max-width: 1024px) {
  .form small {
    text-align: center
  }
}
form {
  display: flex;
  flex-direction: column;
  align-items: center
}
form .form-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 3.2rem
}
@media only screen and (max-width: 1024px) {
  form .form-item {
    margin-bottom: 2.8rem
  }
}
form label {
  font-size: 1.9rem;
  color: #fff;
  margin-bottom: 1rem
}
@media only screen and (max-width: 1024px) {
  form label {
    font-size: 1.6rem
  }
}
form input, form textarea {
  width: 100%;
  height: 5rem;
  padding: 0;
  font-family: inherit;
  font-size: 16px;
  color: #474747;
  letter-spacing: 1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background: none;
  border-radius: 100vmax;
  transform: translateZ(0);
  border: solid #474747 .1rem;
  text-align: center
}
@media only screen and (max-width: 1024px) {
  form input, form textarea {
    height: 4.6rem
  }
}
form input:focus, form textarea:focus {
  background: #fff;
  border: solid #fff .1rem
}
form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
  color: #474747
}
form input:-ms-input-placeholder, form textarea:-ms-input-placeholder {
  color: #474747
}
form input::placeholder, form textarea::placeholder {
  color: #474747
}
form textarea {
  font-family: "Maison Neue", sans-serif;
  resize: none;
  padding: 2rem;
  overflow: hidden;
  min-height: 10rem;
  max-height: 15rem
}
form .bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}
@media only screen and (max-width: 768px) {
  form .bottom {
    flex-direction: column
  }
}
form .select-check {
  display: flex
}
form .verification-code {
  max-width: 15rem;
  justify-content: end
}
@media only screen and (max-width: 768px) {
  form .button {
    width: 100%
  }
}
form .message {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%
}
form .message h1 {
  color: #fff
}
form .message h1:before {
  background: #fff
}
form .message p {
  color: #fff
}
form .message span {
  font-size: clamp(2rem, 12vw, 3.4rem);
  letter-spacing: -1.88889px;
  color: #fff;
  text-align: center;
  margin-top: 4rem
}
.checkbox {
  display: flex;
  flex-grow: 1;
  align-content: center;
  align-items: center;
  max-width: 100%;
  margin: 0 0 1.5rem
}
.checkbox:last-child {
  margin: 0
}
@media only screen and (max-width: 1024px) {
  .checkbox {
    height: auto;
    padding-bottom: 2rem
  }
}
@media only screen and (max-width: 768px) {
  .checkbox {
    max-width: 100%
  }
}
.checkbox .link {
  text-align: left;
  font-size: 1.5rem
}
.checkbox .link a {
  color: #474747;
  text-decoration: underline;
  cursor: pointer
}
.checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
  position: relative
}
.checkbox input:checked + :after {
  content: "";
  background: url(../images/main/check.svg) no-repeat center center;
  background-size: 1.6rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5rem;
  height: 100%;
  text-align: center
}
.checkbox input:checked + :before {
  border: solid #474747 .1rem
}
.checkbox input:checked + label {
  color: #474747
}
.checkbox label {
  position: relative;
  cursor: pointer;
  color: #474747;
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 1.4rem
}
@media only screen and (max-width: 1024px) {
  .checkbox label {
    font-size: 1.6rem
  }
}
.checkbox label a {
  display: contents;
  color: #474747;
  text-decoration: underline
}
.checkbox label:before {
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  flex-basis: 2.5rem;
  content: "";
  -webkit-appearance: none;
  border: solid #bcbfc5 .1rem;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 1rem;
  border-radius: .5rem;
  transform: translateZ(0)
}
.selectric {
  border: none !important;
  background: none !important;
  border: solid #474747 .1rem !important;
  border-radius: 100vmax !important;
  font-weight: 500 !important
}
.selectric .label {
  display: flex !important;
  align-items: center !important;
  letter-spacing: 1px;
  margin: 0 !important;
  font-family: "Maison Neue", sans-serif;
  padding: 0 6rem 0 2rem;  
}
.selectric .button {
  width: 4rem !important;
  padding: 0 !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0) !important
}
.selectric .button:after {
  width: 2rem !important;
  height: 100% !important;
  border: none !important;
  background: rgba(0, 0, 0, 0) url(../images/icons/arrow.svg) no-repeat center center;
  padding: 0 !important;
  margin: 0 !important
}
.pagination {
  display: flex;
  width: 100%;
  overflow: hidden;
  justify-content: center;
  padding: 4rem 0 8rem;
  align-items: center
}
.pagination .link {
  width: 5rem;
  height: 5rem;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #474747;
  font-size: 2rem;
  margin: 0 .4rem
}
.pagination .link:hover {
  background: #eeedee
}
@media only screen and (max-width: 1024px) {
  .pagination .link {
    font-size: 1.6rem;
    margin: 0;
    min-width: 4rem
  }
}
.pagination .link.prev, .pagination .link.next {
  margin: 0 2rem
}
.pagination .link span {
  padding: 0 1.5rem;
  font-size: 1.4rem
}
.pagination .link:hover {
  color: #474747
}
.pagination .link:hover svg {
  fill: #474747
}
.pagination .page-prev, .pagination .page-next {
  width: 5rem;
  height: 5rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid #474747 .1rem
}
.pagination .page-prev:hover .stroke, .pagination .page-next:hover .stroke {
  opacity: 1;
  fill: #000;
  stroke: #000;
  stroke-width: 1.2;
  enable-background: new
}
.pagination .page-prev:hover .icon, .pagination .page-next:hover .icon {
  fill: none;
  stroke: #474747
}
.pagination .page-prev svg, .pagination .page-next svg {
  width: 2rem;
  height: 2rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  fill: #474747;
  stroke: #474747
}
.pagination .page-prev .stroke, .pagination .page-next .stroke {
  opacity: .5;
  fill: none;
  stroke: #0c0c0e;
  stroke-width: 1.2;
  enable-background: new;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.pagination .page-prev .icon, .pagination .page-next .icon {
  fill: none;
  stroke: #0c0c0e
}
.selectric-wrapper.selectric-open .button:after {
  transform: rotate(180deg)
}
.selectric-wrapper.selectric-open .selectric-items {
  top: 6rem !important;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important
}
.selectric-items {
  box-shadow: none !important;
  padding: 1.4rem !important;
  background: #fff !important;
  border: .1rem solid #d8d8d8 !important;
  top: 12rem !important;
  border-radius: 1rem;
  transform: translateZ(0);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  opacity: 0 !important;
  visibility: hidden !important;
  flex-direction: column
}
.selectric-items ul li {
      font-size: 15px;
    height: auto;
  display: flex;
	border-bottom: 1px solid #f2f2f2;
  align-items: center;
  padding: 1rem;
  border-radius: .8rem;
  font-weight: 500;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.selectric-items ul li:hover {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.selectric-items ul li:last-child {
  border: none
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}
input[type=number] {
  -moz-appearance: textfield
}
.tabmenu-content.type-2 {
  margin-top: 4rem
}
.tabmenu-content.type-2 .tabs {
  padding: 0;
  gap: 2rem
}
@media only screen and (max-width: 768px) {
  .tabmenu-content.type-2 .tabs {
    flex-direction: column
  }
}
.tabmenu-content.type-2 .tabs li {
  flex-shrink: 0
}
@media only screen and (max-width: 768px) {
  .tabmenu-content.type-2 .tabs li {
    padding: 1.6rem 0
  }
}
.tabmenu-content.type-2 .tab-container {
  border: none
}
.tabmenu-content.type-2 .tab-content {
  padding: 5rem 0 0;
  flex-direction: column
}
@media only screen and (max-width: 768px) {
  .tabmenu-content.type-2 .tab-content {
    padding: 3rem 0 0
  }
}
.tabmenu-content.type-2 .tab-link {
  font-size: 1.2rem;
  letter-spacing: 1px;
  position: relative;
  font-weight: 500;
  padding: 0;
  border: solid #474747 .1rem;
  text-wrap: wrap;
  text-align: center;
  padding: 0 2rem
}
@media only screen and (max-width: 1920px) {
  .tabmenu-content.type-2 .tab-link {
    font-size: 1rem
  }
}
.tabmenu-content.type-2 .tab-link.current {
  color: #fff;
  background: #474747
}
.tabmenu-content.type-2 .items {
  width: 100%;
  display: flex;
  gap: 3rem
}
@media only screen and (max-width: 1024px) {
  .tabmenu-content.type-2 .items {
    flex-direction: column;
    gap: 1rem
  }
}
.tabmenu-content.type-2 .items .item {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  height: 15rem;
  background: #fff;
  border-radius: 1rem;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  color: #474747
}
@media only screen and (max-width: 1024px) {
  .tabmenu-content.type-2 .items .item {
    flex-direction: row;
    gap: 1rem;
    padding: 2rem
  }
}
.tabmenu-content.type-2 .items .item:hover {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background: #474747;
  color: #fff
}
.tabmenu-content.type-2 .items .item:hover svg {
  fill: #fff
}
.tabmenu-content.type-2 .items .item span {
  font-size: 1.8rem
}
@media only screen and (max-width: 1024px) {
  .tabmenu-content.type-2 .items .item span {
    font-size: 1.6rem
  }
}
.tabmenu-content.type-2 .items .item svg {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.tabmenu-content.type-2 .items .item .bottom {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.4rem
}
.tabmenu-content.type-2 .icon-items {
  grid-template-columns: repeat(5, 1fr);
  display: grid;
  gap: 1rem;
  margin-top: 5rem
}
@media only screen and (max-width: 1920px) {
  .tabmenu-content.type-2 .icon-items {
    grid-template-columns: repeat(3, 1fr)
  }
}
@media only screen and (max-width: 1370px) {
  .tabmenu-content.type-2 .icon-items {
    grid-template-columns: repeat(2, 1fr)
  }
}
.tabmenu-content.type-2 .icon-items .item {
  border: solid #b9c0c6 .1rem;
  border-radius: 1rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.6rem;
  text-align: center
}
.tabmenu-content.type-2 .icon-items .item i {
  width: 100%;
  height: 9rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: center
}
@media only screen and (max-width: 1920px) {
  .tabmenu-content.type-2 .icon-items .item i svg {
    height: 5rem
  }
}
.tabmenu-content .tab-container {
  border-bottom: solid #000 .1rem
}
.tabmenu-content .tab-link {
  position: relative;
  font-size: 2.6rem;
  font-weight: 500
}
.tabmenu-content .tab-link:before {
  content: "";
  position: absolute;
  width: 100%;
  height: .2rem;
  bottom: -0.2rem;
  left: 0
}
.tabmenu-content .tab-link.current {
    color: #fff;
    background: #db241c;
}
.tabmenu-content .tabs {
  display: flex;
  margin: 0;
  padding: 0;
  padding: 2rem;
  transition: all .5s ease-in-out;
  justify-content: center;
  white-space: nowrap
}
@media only screen and (max-width: 1024px) {
  .tabmenu-content .tabs {
    justify-content: flex-start
  }
}
.tabmenu-content .tabs li {
  list-style: none;
  flex: 1;
  height: 5rem;
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 100vmax !important;
  cursor: pointer;
  padding: 0 2rem
}
@media only screen and (max-width: 768px) {
  .tabmenu-content .tabs li {
    font-size: 1.4rem
  }
}
.tabmenu-content .tabs li:first-child {
  border-radius: .5rem 0 0;
  transform: translateZ(0)
}
.tabmenu-content .tabs li:last-child {
  border-radius: 0 .5rem 0 0;
  transform: translateZ(0)
}
.tabmenu-content .tab-link {
  transition: all .5s ease-in-out
}
.tabmenu-content .tab-content {
  display: none;
  transition-property: transform, opacity;
  transition-duration: .4s;
  transition-timing-function: ease-out;
  padding: 4rem
}
@media only screen and (max-width: 1024px) {
  .tabmenu-content .tab-content {
    padding: 1rem
  }
}
.tabmenu-content .tab-content.current {
  display: flex;
  animation: fade .3s ease-in-out both
}
.tabmenu-content .tab-content img {
  max-width: 100%;
  border-radius: .5rem;
  transform: translateZ(0)
}
@keyframes fade {
  0% {
    opacity: 0;
    transform: translateY(2rem)
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}
.tabmenu-content .item .caption {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  padding: 4rem 5vw;
  text-align: center
}
@media only screen and (max-width: 1024px) {
  .tabmenu-content .item .caption {
    padding: 2rem
  }
}
.tabmenu-content .item .caption span {
  font-size: clamp(3.2rem, 12vw, 4.4rem);
  letter-spacing: .477248px
}
@media only screen and (max-width: 768px) {
  .tabmenu-content .item .caption span {
    font-size: clamp(3rem, 12vw, 3.2rem)
  }
}
.tabmenu-content .item .caption p {
  font-family: "Maison Neue", sans-serif;
  font-size: clamp(1.6rem, 12vw, 2rem);
  margin: 6rem 0
}
@media only screen and (max-width: 768px) {
  .tabmenu-content .item .caption p {
    font-size: clamp(1.4rem, 12vw, 1.6rem);
    margin: 2.8rem 0
  }
}
.tabmenu-content .item figure {
  width: 100%;
  height: 60rem;
  border-radius: 1rem;
  transform: translateZ(0);
  overflow: hidden
}
@media only screen and (max-width: 1024px) {
  .tabmenu-content .item figure {
    height: auto
  }
}
.filter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 4rem;
  margin-top: 8rem;
  top: 0
}
@media only screen and (max-width: 1024px) {
  .filter {
    flex-direction: column;
    padding: 0 1rem
  }
}
@media only screen and (max-width: 1024px) {
  .filter.page {
    display: none
  }
}
@media only screen and (max-width: 1370px) {
  .filter {
    margin-top: 4rem
  }
}
.filter.center {
  justify-content: center
}
.filter form {
  border-radius: 100vmax;
  transform: translateZ(0);
  border: solid #474747 .1rem;
  padding-left: 2rem
}
@media only screen and (max-width: 1024px) {
  .filter form {
    margin-top: 0
  }
}
.filter .item {
  display: flex
}
@media only screen and (max-width: 768px) {
  .filter .item {
    width: 100%;
    flex-direction: column
  }
}
.filter .item .button {
  margin-left: .5rem
}
@media only screen and (max-width: 768px) {
  .filter .item .button {
    margin: 0;
    width: 100%
  }
}
.filter .item form {
  flex-direction: row
}
.filter .item form svg {
  margin-right: 2rem
}
.filter .item form input {
  border: none;
  text-align: left
}
.filter .selectbox {
  margin-right: .5rem
}
@media only screen and (max-width: 768px) {
  .filter .selectbox:nth-child(2) {
    margin: 2rem 0
  }
}
@media only screen and (max-width: 768px) {
  .filter .selectbox {
    margin: 0
  }
}
@media only screen and (max-width: 1024px) {
  .filter a {
    margin-top: 2rem !important
  }
}
.search-box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}
@media only screen and (max-width: 1024px) {
  .search-box {
    padding: 0 1rem
  }
}
.search-box form {
  max-width: 70%;
  width: 100%;
  height: 9rem;
  margin: auto;
  display: flex;
  background: #fff;
  border: solid #474747 .1rem;
  border-radius: 1rem;
  transform: translateZ(0);
  flex-direction: row
}
@media only screen and (max-width: 1024px) {
  .search-box form {
    max-width: 100%;
    height: 6.4rem
  }
}
.search-box form input {
  border: none;
  font-size: 5.6rem;
  letter-spacing: 0
}
@media only screen and (max-width: 1024px) {
  .search-box form input {
    font-size: 2.6rem;
    text-align: left;
    padding-left: 1rem
  }
}
@media only screen and (max-width: 768px) {
  .search-box form input {
    font-size: 1.6rem
  }
}
.search-box form input:focus {
  border: none
}
.search-box form input::-webkit-input-placeholder {
  color: #474747
}
.search-box form input:-ms-input-placeholder {
  color: #474747
}
.search-box form input::placeholder {
  color: #474747
}
.search-box form button {
  width: auto;
  background: none;
  padding: 0;
  margin-right: 1rem;
  letter-spacing: .6291px
}
.search-box form button svg {
  width: 4rem;
  height: 4rem
}
.lang-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden
}
@media only screen and (max-width: 768px) {
  .lang-modal {
    padding: 0 1rem
  }
}
.lang-modal:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .4)
}
.lang-modal .lang-content {
  max-width: 60rem;
  width: 100%;
  border-radius: 2rem;
  transform: translateZ(0);
  z-index: 1;
  display: flex;
  justify-content: space-between;
  padding: 10rem 4rem;
  background: #fff url(../images/company-info-bg.png) top;
  background-size: 100rem;
  position: relative;
  transform: translateY(80%);
  opacity: 0
}
.lang-modal .lang-content .item {
  width: 50%
}
.lang-modal .lang-content .item span {
  font-size: 4rem
}
.lang-modal .lang-content .item ul {
  display: flex;
  flex-direction: column;
  padding-left: 5rem
}
.lang-modal .lang-content .item ul li {
  margin: 1rem 0
}
.lang-modal .lang-content .item ul li a {
  font-family: "Maison Neue", sans-serif;
  font-size: 1.8rem;
  color: #474747
}
.lang-modal .lang-content .item ul li a:hover {
  text-decoration: underline
}
.lang-modal .lang-content .lang-close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  cursor: pointer
}
.map-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden
}
.map-modal:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .4)
}
.map-modal .map-content {
  max-width: 90rem;
  width: 100%;
  height: 50rem;
  border-radius: 2rem;
  transform: translateZ(0);
  z-index: 1;
  display: flex;
  justify-content: space-between;
  padding: 10rem 4rem;
  background-size: 100rem;
  position: relative;
  transform: translateY(80%);
  opacity: 0;
  overflow: hidden;
  background: #474747
}
.map-modal .map-content .map-view {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  filter: grayscale(1)
}
.map-modal .map-content .map-view iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.map-modal .map-content .map-close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  cursor: pointer
}
.map-modal .map-content .map-close svg circle {
  opacity: 1
}
body, html {
  font-family: "Maison Neue", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px
}
* {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-decoration: none;
  list-style: none;
  box-shadow: none
}
a {
  text-decoration: none !important
}
img {
  width: 100%;
  vertical-align: middle
}
body {
  overflow-x: hidden;
  overflow-y: auto
}
body.no-scroll {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0
}
body::-webkit-scrollbar-track {
  background-color: #000
}
body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #555
}
body::-webkit-scrollbar-button:vertical:increment {
  background-position: -64px -16px
}
body::-webkit-scrollbar-button:vertical:decrement {
  background-position: 0 -16px
}
body::-webkit-scrollbar-button:horizontal:increment {
  background-position: -32px -16px
}
body::-webkit-scrollbar-button:horizontal:decrement {
  background-position: -96px -16px
}
body::-webkit-scrollbar-corner {
  background-color: #000
}
#smoother-content {
  will-change: transform
}
.site-list {
  width: 100%;
  min-height: 100vh;
  background: #d5e8ec;
  display: flex;
  justify-content: center;
  padding-top: 6rem
}
.site-list .links ol {
  margin-top: 6rem
}
.site-list .links ol li {
  margin: 2rem 0;
  list-style-type: decimal;
  font-size: 2rem;
  color: #474747;
  padding-left: 1rem;
  font-family: "Maison Neue", sans-serif
}
.site-list .links ol li a {
  font-size: 2rem;
  color: #474747;
  display: flex;
  text-transform: capitalize
}
.site-list .links ol li a:hover {
  text-decoration: underline
} /*# sourceMappingURL=layout.min.css.map */