:root {

  --theme_color: #ea6100;

  --subtheme_color: #000;

  --hover_color: #000;

  --title_color: #161616;

  --content_color: #000;

  --bg_color: linear-gradient(to right, #000, #000);

}

html {

  font-size: clamp(7.5px, 0.522vw, 10px);

}

ul {

  list-style: none;

}

a {

  color: inherit;

  font-size: inherit;

  text-decoration: none;

}

i {

  font-style: normal;

}

.swiper_box {

  position: relative;

}

.swiper_content {

  max-width: 125rem;

  margin: 0 auto;

  position: relative;

  padding: 1.5rem;

  overflow: hidden;

}

button,

input,

textarea {

  outline: none;

  border: none;

  font-family: unset;

  color: var(--title_color);

}

input[type="submit"],

button {

  cursor: pointer;

}

textarea {

  resize: none;

}

input[type="checkbox"] {

  cursor: pointer;

  appearance: none;

}

input[type="number"] {

  -moz-appearance: textfield;

}

input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

select {

  cursor: pointer;

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  font-family: unset;

  color: var(--title_color);

}

.center {

  text-align: center;

}

.flex_start {

  justify-content: flex-start;

}

.flex_center {

  justify-content: center;

}

.flex_end {

  justify-content: flex-end;

}

.flex_top {

  align-items: flex-start;

}

.flex_middle {

  align-items: center;

}

.flex_bottom {

  align-items: flex-end;

}

body {

  font-size: 1.6rem;

  word-break: break-word;

  color: var(--title_color);

  font-family: "Inter", sans-serif;

}

body.fixed {

  overflow: hidden;

  padding-right: 17px;

}

.only_mobile {

  display: none;

}

.content .content {

  padding: 0;

}

.gap {

  gap: 2rem;

}

li.swiper-slide {

  height: auto;

}

.grecaptcha-badge {

  visibility: hidden;

}

#fullscreen-loader {

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 999999;

  background-color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

}

#fullscreen-loader::after {

  content: '';

  display: block;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  border: 8px solid var(--theme_color);

  animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;

}

@keyframes l20-1 {

  0% {

    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);

  }

  12.5% {

    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);

  }

  25% {

    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);

  }

  50% {

    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);

  }

  62.5% {

    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);

  }

  75% {

    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);

  }

  100% {

    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);

  }

}

@keyframes l20-2 {

  0% {

    transform: scaleY(1) rotate(0deg);

  }

  49.99% {

    transform: scaleY(1) rotate(135deg);

  }

  50% {

    transform: scaleY(-1) rotate(0deg);

  }

  100% {

    transform: scaleY(-1) rotate(-135deg);

  }

}

.img.img_cv {

  overflow: hidden;

}

.img.img_cv img {

  object-fit: cover;

}

.img.img_ct img {

  object-fit: contain;

}

.img.img_ab img {

  position: absolute;

  left: 0;

  top: 0;

}

.img img {

  width: 100%;

  height: 100%;

  display: block;

  transition: all 0.5s;

  aspect-ratio: inherit;

}

.oswald,

.seciton_faq .right .question,

.section_banner .banner_nav .nav_item {

  font-family: "Oswald", sans-serif;

}

.impact {

  font-weight: 900 !important;

  font-family: 'Oswald', serif !important;

  letter-spacing: -2px !important;

}

.head h1,

.head .h1,

.head h2,

.head .h2,

.head h3,

.head h4 {

  font-family: 'Oswald' !important;

  font-weight: 900 !important;

  letter-spacing: -2px !important;

}

.head h2,

.head .h2 {

  font-size: 7.6rem;

  line-height: 7.9rem;

  text-transform: uppercase;

  font-weight: 400;

  letter-spacing: -0.18px;

  display: block;

  width: fit-content;

  gap: 0.9rem;

}

.head h2.trinket::after,

.head .h2.trinket::after {

  content: '';

  display: inline-block;

  width: 2.8rem;

  height: 4.2rem;

  margin-left: 0.9rem;

  margin-bottom: 2.9rem !important;

  background: url(../img/h2icon.svg) no-repeat center / contain;

}

.btn {

  font-size: 1.8rem;

  font-weight: 600;

  color: #fff;

  display: flex;

  width: fit-content;

  align-items: center;

  gap: 1.3rem;

  padding: 1.2rem 3.2rem;

  line-height: 2;

  transition: all 0.3s;

  position: relative;

  z-index: 2;

  text-transform: uppercase;

  cursor: pointer;

}

.btn::before {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  transition: all 0.3s;

  background: url(../img/btnbg.svg) no-repeat center / cover;

}

.btn::after {

  content: '';

  display: block;

  width: 1rem;

  height: 1.4rem;

  transition: all 0.3s;

  background: url(../img/arr-rw.svg) no-repeat center / contain;

}

.btn:hover {

  background-color: #232323;

}

.btn:hover::before {

  opacity: 0;

}

.btn:hover::after {

  transform: translateX(0.5rem);

}

.btn_w {

  font-size: 1.8rem;

  font-weight: 600;

  color: #161616;

  text-transform: uppercase;

  display: block;

  width: fit-content;

  background-color: #fff;

  line-height: 2;

  padding: 1.2rem 3.3rem;

  transition: all 0.3s;

}

.btn_w:hover {

  background-color: var(--theme_color);

  color: #fff;

}

.btn_m {

  font-size: 1.8rem;

  font-weight: 600;

  color: #fff;

  display: block;

  width: fit-content;

  padding: 1.2rem 4.3rem;

  line-height: 2;

  transition: all 0.3s;

  position: relative;

  z-index: 2;

  text-transform: uppercase;

}

.btn_m::before {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  transition: all 0.3s;

  background: url(../img/btnbg.svg) no-repeat center / cover;

}

.btn_m:hover {

  background-color: #232323;

}

.btn_m:hover::before {

  opacity: 0;

}

.more_btn {

  font-size: 2rem;

  font-weight: 600;

  color: #161616;

  display: flex;

  align-items: center;

  gap: 1.2rem;

  width: fit-content;

}

.more_btn:hover::after {

  transform: translateX(0.5rem);

}

.more_btn::after {

  content: '';

  display: block;

  width: 1.1rem;

  height: 1.5rem;

  transition: all 0.3s;

  background: url(../img/arr-thr.svg) no-repeat center / contain;

}

.swiper_btns {

  display: flex;

  width: fit-content;

  gap: 6.6rem;

}

.swiper_btns div {

  width: 1.7rem;

  height: 2.4rem;

  cursor: pointer;

  transition: all 0.3s;

  background: url(../img/arr-thr.svg) no-repeat center / contain;

}

.swiper_btns .swiper-prev {

  transform: rotate(180deg);

}

.swiper_btns .swiper-button-disabled {

  filter: contrast(0) brightness(1.2);

  pointer-events: none;

}

header {

  transition: all 0.3s;

  position: sticky;

  top: 0;

  z-index: 996;

  background-color: transparent;

  font-family: "Oswald", sans-serif;

}

header.sticky,

header.black {

  background-color: #262626;

}

header.sticky nav .sub-menu,

header.black nav .sub-menu {

  border-radius: 0 0 1rem 1rem;

}

header .content {

  max-width: 171.6rem;

  width: calc(100% - 2.4rem);

}

header .flex {

  gap: 2.913752%;

}

header .left {

  min-width: 26rem;

  display: flex;

}

header .logo {

  display: block;

  overflow: hidden;

  position: relative;

  text-indent: -999px;

  transition: all 0.3s;

  aspect-ratio: 132/49;

  top: -1.6rem;

  background: url(../img/logo.png) no-repeat center / contain;

  width: 13.2rem;

}

header .logo p {

  position: absolute;

  inset: 0;

}

header nav {

  margin-left: auto;

}

header nav .menu {

  display: flex;

  gap: 5.4rem;

}

header nav .menu > li {

  position: relative;

}

header nav .menu > li > a {

  display: block;

  color: #fff;

  font-size: 2rem;

  font-weight: 500;

  line-height: 10rem;

  transition: all 0.3s;

  position: relative;

}

header nav .menu > li > a::after {

  content: '';

  display: block;

  width: 100%;

  height: 0.3rem;

  bottom: 0;

  left: 0;

  position: absolute;

  transition: all 0.3s;

  opacity: 0;

  background-color: var(--theme_color);

}

header nav .menu > li > a:hover {

  color: var(--theme_color);

}

header nav .menu > li.current-menu-item > a, header nav .menu > li.current-menu-parent > a {

  color: var(--theme_color);

}

header nav .menu > li:hover ul {

  pointer-events: all;

  opacity: 1;

  padding: 1rem 1.5rem;

}

header nav .menu > li:hover ul li {

  transform: translate(0);

}

header nav .sub-menu {

  left: -1.5rem;

  position: absolute;

  min-width: 16rem;

  background-color: #fff;

  border-radius: 1rem 1rem;

  padding: 1rem 1.5rem 0;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

  display: block;

  pointer-events: none;

  opacity: 0;

  transition: all 0.3s;

  z-index: -1;

  top: 100%;

}

header nav .sub-menu > li {

  margin-bottom: 0.5rem;

  transition: all 0.4s;

  transform: translateY(-1rem);

}

header nav .sub-menu > li > a {

  display: block;

  padding: 0.8rem 0;

  transition: all 0.3s;

  font-size: 1.4rem;

  font-weight: 500;

}

header nav .sub-menu > li > a:hover {

  color: var(--theme_color);

}

header .btns {

  gap: 2.8rem;

  display: flex;

  align-items: center;

}

header .btns .search_btn {

  display: none;

}

header .btns .search form {

  display: grid;

  grid-template-columns: 1fr auto;

  background-color: rgba(57, 59, 63, 0.71);

  width: 23rem;

}

header .btns .search form input {

  font-size: 1.7rem;

  color: #fff;

  background-color: transparent;

  width: 100%;

  padding: 0 1.5rem;

}

header .btns .search form input::placeholder {

  color: rgba(255, 255, 255, 0.8);

}

header .btns .search form input[type="submit"] {

  text-indent: -999rem;

  width: 5.4rem;

  height: 4.4rem;

  transition: all 0.3s;

  background: url(../img/search.svg) no-repeat center / 1.7rem;

}

header .btns .search form input[type="submit"]:hover {

  background-color: var(--theme_color);

}

header .btns .gtranslate_wrapper a {

  display: flex;

  align-items: center;

  gap: 1.2rem;

}

header .btns .gtranslate_wrapper a img {

  display: block;

  width: 2.6rem;

  height: 2.6rem;

  flex-shrink: 0;

  object-fit: contain;

  object-position: center;

}

header .btns .gtranslate_wrapper a span {

  font-size: 2rem;

  font-weight: 500;

  color: #fff;

}

header .btns .btn_menu {

  display: none;

}

.page-id-6 .footer_contact {

  background-color: #fff;

}

.footer_contact {

  padding-top: 18.9rem;

  padding-bottom: 33.5rem;

  margin-bottom: -21.6rem;

  background: url(../img/ftcontactbg.png) no-repeat center / cover #f9f6ef;

}

.footer_contact .head h2 {

  margin: 0 auto;

}

.footer_contact .form {

  margin-top: 6.6rem;

}

.footer_contact .form form {

  display: grid;

  grid-template-columns: 1fr auto;

  margin: 0 auto;

  gap: 2.5rem;

  width: fit-content;

  justify-content: space-between;

}

.footer_contact .form form input {

  width: 45.2rem;

  background-color: transparent;

  border: 1px solid rgba(25, 25, 30, 0.24);

  font-size: 1.8rem;

  padding: 0 2rem;

}

.footer_contact .form form input::placeholder {

  color: #757575;

}

.footer_contact .form label .btn {

  cursor: pointer;

}

.footer_contact .form label input {

  display: none;

}

footer {

  position: relative;

  background: url(../img/footerbg.png) no-repeat center top / cover;

  padding-top: 29.7rem;

  margin-top: -10rem;

}

footer .footer_main {

  display: flex;

  gap: 2rem;

}

footer .footer_main .logo {

  text-indent: -999px;

  display: block;

  width: fit-content;

}

footer .footer_main .logo img {

  display: block;

  width: 12.7rem;

}

footer .footer_main .logo p {

  position: absolute;

  inset: 0;

  pointer-events: none;

}

footer .footer_main .flex {

  flex-wrap: wrap;

  width: 100%;

}

footer .footer_main .silde_obj {

  flex: 1;

}

footer .footer_main .silde_obj strong {

  font-size: 1.6rem;

  color: rgba(255, 255, 255, 0.44);

  display: block;

  margin-bottom: 2.8rem;

  font-weight: 400;

  text-transform: uppercase;

}

footer .footer_main .silde_obj li {

  margin-bottom: 1rem;

}

footer .footer_main .silde_obj li:last-child {

  margin-bottom: 0;

}

footer .footer_main .silde_obj a {

  font-size: 1.8rem;

  color: rgba(255, 255, 255, 0.85);

  line-height: 2.6rem;

  transition: all 0.3s;

  font-weight: 300;

}

footer .footer_main .silde_obj a:hover {

  color: var(--theme_color);

}

footer .footer_main .silde_contact {

  width: 29.3rem;

  flex: unset;

}

footer .footer_main .silde_contact > strong {

  color: rgba(255, 255, 255, 0.44);

}

footer .footer_main .silde_contact .phone,

footer .footer_main .silde_contact .email,

footer .footer_main .silde_contact .address {

  display: flex;

  flex-wrap: wrap;

  margin-bottom: 2.5rem;

  gap: 0 1.4rem;

}

footer .footer_main .silde_contact .phone i {

  background-image: url('../img/call.svg');

}

footer .footer_main .silde_contact .email i {

  background-image: url('../img/email.svg');

}

footer .footer_main .silde_contact .address {

  margin-bottom: 0;

}

footer .footer_main .silde_contact .address i {

  background-image: url('../img/address.svg');

  margin-top: 0;

}

footer .footer_main .silde_contact i {

  display: block;

  width: 1.8rem;

  height: 1.8rem;

  background: no-repeat center / contain;

  margin-top: 0.5rem;

}

footer .footer_main .silde_contact a,

footer .footer_main .silde_contact span {

  font-size: 18px;

  font-weight: 500;

  color: #fff;

}

footer .footer_main .silde_contact p {

  font-size: 1.6rem;

  line-height: 2rem;

  color: rgba(255, 255, 255, 0.46);

  width: 100%;

  font-weight: 300;

  margin-top: 1rem;

}

footer .footer_main .social {

  display: flex;

  flex-wrap: wrap;

  gap: 2.8rem;

  margin-top: 4.2rem;

}

footer .footer_main .social a {

  display: flex;

  width: 2rem;

  height: 2rem;

  transition: all 0.3s;

  text-indent: -9999px;

}

footer .footer_main .social a:after {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  transition: all 0.3s;

  margin: auto;

  background: no-repeat center / contain;

}

footer .footer_main .social a:hover {

  transform: scale(1.1);

}

footer .footer_main .social .facebook a:after {

  background-image: url(../img/facebook.svg);

}

footer .footer_main .social .twitter a:after {

  background-image: url(../img/twitter.svg);

}

footer .footer_main .social .instagram a:after {

  background-image: url(../img/instagram.svg);

}

footer .footer_main .social .youtube a:after {

  background-image: url(../img/youtube.svg);

}

footer .footer_main .social .linkedin a:after {

  background-image: url(../img/linkedin.svg);

}

footer .copyright {

  margin-top: 18.5rem;

  padding: 1.7rem 0 1.2rem;

}

footer .copyright .logo {

  width: fit-content;

  position: relative;

}

footer .copyright .logo a {

  display: block;

}

footer .copyright .logo img {

  width: 17rem;

  height: auto;

  object-fit: contain;

}

footer .copyright .logo p {

  position: absolute;

  inset: 0;

  opacity: 0;

}

footer .copyright .flex {

  border-top: 1px solid rgba(255, 255, 255, 0.15);

  margin-top: 2.4rem;

  padding-top: 1.2rem;

}

footer .copyright p {

  font-size: 1.4rem;

  color: rgba(255, 255, 255, 0.85);

  line-height: 2.8rem;

}

footer .copyright ul {

  display: flex;

  align-items: center;

  gap: 3.8rem;

}

footer .copyright a {

  font-size: 1.4rem;

  color: rgba(255, 255, 255, 0.5);

  transition: all 0.3s;

}

footer .copyright a:hover {

  color: var(--theme_color);

}

.product_banner {

  padding: 12rem 0;

  background: no-repeat center / cover;

  margin-top: -10rem;

}

.product_banner .flex {

  min-height: 68.1rem;

}

.product_banner .head {

  flex: 1;

  margin-top: auto;

}

.product_banner .head h1 {

  font-size: 10.8rem;

  color: var(--theme_color);

  text-transform: uppercase;

}

.product_banner .head p {

  font-size: 2.6rem;

  color: rgba(255, 255, 255, 0.75);

  line-height: 3.6rem;

  text-transform: uppercase;

  font-weight: 300;

}

.product_banner .product_nav {

  margin-bottom: auto;

  padding-top: 1.2%;

}

.product_banner .product_nav .nav_item {

  font-size: 4.6rem;

  color: rgba(255, 255, 255, 0.24);

  transition: all 0.3s;

  display: flex;

  align-items: center;

  gap: 2.4rem;

  line-height: 1.2;

  text-transform: uppercase;

}

.blog .product_banner .product_nav .nav_item {

  color: #fff;

}

.blog .product_banner .product_nav .nav_item:hover {

  color: var(--theme_color);

}

.product_banner .product_nav .nav_item.active {

  color: var(--theme_color);

}

.product_banner .product_nav .nav_item.active::before {

  opacity: 1;

}

.product_banner .product_nav .nav_item:hover {

  color: var(--theme_color);

}

.product_banner .product_nav .nav_item::before {

  content: '';

  display: inline-block;

  width: 2.8rem;

  aspect-ratio: 28/41;

  transition: all 0.3s;

  opacity: 0;

  background: url(../img/h2icon.svg) no-repeat center / contain;

}

.explore_list .explore_item a {

  display: block;

  height: 100%;

}

.explore_list .explore_item a:hover img {

  transform: scale(1.03);

}

.explore_list .explore_item a:hover p {

  text-decoration: underline;

}

.explore_list .explore_item .img {

  position: relative;

  overflow: hidden;

  padding-bottom: 68.31683168%;

}

.explore_list .explore_item .date {

  font-size: 1.7rem;

  display: flex;

  align-items: end;

  justify-content: space-between;

  gap: 2rem;

  color: rgba(63, 63, 63, 0.6);

  border-bottom: 1px solid rgba(142, 142, 142, 0.3);

  padding-top: 2.3rem;

  padding-bottom: 0.8rem;

}

.explore_list .explore_item .date strong {

  font-size: 2rem;

  font-weight: 600;

  color: var(--theme_color);

  text-transform: uppercase;

  display: block;

}

.explore_list .explore_item .date strong::before {

  content: '';

  display: inline-block;

  width: 1.3rem;

  height: 1.8rem;

  margin-right: 0.6rem;

  background: url(../img/headicon.svg) no-repeat center / contain;

}

.explore_list .explore_item p {

  font-size: 2.6rem;

  font-weight: 700;

  color: #161616;

  line-height: 3.8rem;

  margin-top: 1.7rem;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.explore_list.smail .date {

  font-size: 1.4rem;

}

.explore_list.smail .date strong {

  font-size: 1.6rem;

}

.explore_list.smail .date strong::before {

  width: 0.9rem;

  height: 1.3rem;

}

.explore_list.smail p {

  font-size: 2rem;

  line-height: 2.8rem;

  margin-top: 1.3rem;

}

.blogitem .left {

  flex: 1;

  max-width: 60.4rem;

}

.blogitem .left .con {

  padding-bottom: 8%;

}

.blogitem .left .date {

  font-size: 1.7rem;

  color: rgba(63, 63, 63, 0.6);

  display: flex;

  align-items: end;

  justify-content: space-between;

  gap: 2rem;

  border-bottom: 1px solid rgba(142, 142, 142, 0.3);

  padding-bottom: 0.8rem;

}

.blogitem .left .date strong {

  font-size: 2rem;

  font-weight: 600;

  color: var(--theme_color);

  text-transform: uppercase;

  display: flex;

  align-items: center;

  gap: 0.6rem;

}

.blogitem .left .date strong::before {

  content: '';

  display: block;

  width: 1.2rem;

  height: 1.7rem;

  background: url(../img/headicon.svg) no-repeat center / contain;

}

.blogitem .left h3 {

  font-size: 4.2rem;

  font-weight: 700;

  color: #161616;

  margin-top: 2.2rem;

}

.blogitem .left p {

  font-size: 1.8rem;

  color: rgba(22, 22, 22, 0.85);

  line-height: 3rem;

  margin-top: 4rem;

}

.blogitem .left .btn_m {

  margin-top: 4rem;

}

.blogitem .right {

  width: 47.5694%;

}

.blogitem .right .img {

  aspect-ratio: 685/468;

}

.blogitem .right .img:hover img {

  transform: scale(1.03);

}

.seciton_faq {

  padding: 9.4rem 0 21.3rem;

}

.seciton_faq .left {

  width: 27.08333%;

}

.seciton_faq .head p {

  font-size: 1.8rem;

  color: #3d3d3d;

  line-height: 3.2rem;

  margin-top: 3.1rem;

}

.seciton_faq .head .btn {

  margin-top: 4rem;

}

.seciton_faq .right {

  flex: 1;

  max-width: 89.2rem;

  padding-top: 4.5rem;

}

.seciton_faq .right .faq_item {

  border-bottom: 1px solid #161616;

}

.seciton_faq .right .faq_item:first-child .question {

  padding-top: 0;

}

.seciton_faq .right .faq_item:first-child .answer {

  display: block;

}

.seciton_faq .right .faq_item.active .question {

  color: var(--theme_color);

}

.seciton_faq .right .faq_item.active .question::after {

  transform: rotate(270deg);

}

.seciton_faq .right .question {

  font-size: 2.2rem;

  font-weight: 700;

  display: flex;

  justify-content: space-between;

  gap: 2rem;

  padding: 2.5rem 0;

  cursor: pointer;

  transition: all 0.3s;

}

.seciton_faq .right .question::after {

  content: '';

  display: block;

  width: 1.5rem;

  height: 1.5rem;

  flex-shrink: 0;

  margin-top: 0.8rem;

  transition: all 0.3s;

  background: url(../img/arr-thr.svg) no-repeat center / contain;

  transform: rotate(90deg);

}

.seciton_faq .right .answer {

  font-size: 1.8rem;

  color: #3d3d3d;

  line-height: 3.2rem;

  max-width: 85.4rem;

  display: none;

  padding-bottom: 2.8rem;

}

.seciton_faq .right .answer ul {

  counter-reset: li;

  margin-top: 3.1rem;

}

.seciton_faq .right .answer li::before {

  content: counter(li) '.';

  counter-increment: li;

  display: inline-block;

}

.home_explore {

  padding: 14.4rem 0 11.5rem;

  overflow: hidden;

}

.home_explore .home_explore_swiper {

  margin-top: 6.2rem;

}

.home_explore .swiper-pagination {

  position: static;

  width: fit-content;

  background-color: rgba(25, 25, 30, 0.15);

}

.home_explore .swiper-pagination span {

  background-color: #161616;

}

.home_explore .btns {

  display: flex;

  gap: 6rem;

  justify-content: space-between;

  margin-top: 8.2rem;

  align-items: center;

}

.section_banner {

  padding: 15rem 0 0;

  margin-top: -10rem;

  background: no-repeat center / cover;

  position: relative;

}

.section_banner::after {

  content: '';

  display: block;

  width: 100%;

  height: 15.6rem;

  position: absolute;

  bottom: 0;

  left: 0;

  opacity: 0.7;

  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));

}

.section_banner .flex {

  min-height: 64.5rem;

  position: relative;

  z-index: 2;

}

.section_banner .head h1 {

  font-size: 10.8rem;

  font-weight: 400;

  color: #fff;

  text-transform: uppercase;

}

.section_banner .head p {

  font-size: 2.6rem;

  font-weight: 300;

  color: rgba(255, 255, 255, 0.75);

  line-height: 3.6rem;

  text-transform: uppercase;

  letter-spacing: 0.55px;

}

.section_banner .banner_nav {

  display: flex;

  gap: 3.6rem;

  margin-top: 4.4rem;

  position: relative;

  z-index: 2;

}

.section_banner .banner_nav .nav_item {

  font-weight: 700;

  color: #898989;

  font-size: 2rem;

  display: block;

  transition: all 0.3s;

  padding-top: 2.3rem;

}

.section_banner .banner_nav .nav_item::after {

  content: '';

  display: block;

  width: 100%;

  height: 0.6rem;

  background-color: var(--theme_color);

  transform: skewX(-42deg);

  margin-top: 2.3rem;

  transition: all 0.3s;

  opacity: 0;

}

.section_banner .banner_nav .nav_item:hover {

  color: #fff;

}

.section_banner .banner_nav .nav_item.active {

  color: #fff;

}

.section_banner .banner_nav .nav_item.active::after {

  opacity: 1;

}

.home_video {

  max-width: 256rem;

  position: relative;

  padding: 15rem 0;

  margin: 0 auto;

}

.home_video .head {

  max-width: 56.2rem;

  margin-left: auto;

  padding-top: 5.7%;

}

.home_video .head.left {

  margin-left: unset;

  margin-right: auto;

}

.home_video .head h2 {

  color: #fff;

  line-height: 8.6rem;

  position: relative;

  z-index: 2;

}

.home_video .head h2::before {

  content: '';

  display: block;

  width: 11.1rem;

  aspect-ratio: 111/155;

  position: absolute;

  top: -5.3rem;

  left: -4rem;

  z-index: -1;

  background: url(../img/headicon.svg) no-repeat center / contain;

}

.home_video .head .btn {

  margin-top: 5rem;

}

.home_video .video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.home_video .video video {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.home_video .video i {

  display: block;

  width: 4.8rem;

  height: 4.8rem;

  position: absolute;

  bottom: 9rem;

  left: 9.7rem;

  cursor: pointer;

  transition: all 0.3s;

  background: url(../img/stop.svg) no-repeat center / contain;

}

.home_video .video i:hover {

  transform: scale(1.1);

}

.home_video .video i.active {

  background-image: url(../img/play.svg);

}

.home_video .flex {

  min-height: 52.2rem;

}

.culture_mission {

  background-color: #fff;

  padding-bottom: 7rem;

  padding-top: 10.7rem;

}

.culture_mission .head {

  display: flex;

  justify-content: space-between;

  gap: 2rem;

  position: relative;

  z-index: 2;

}

.culture_mission .head h2 {

  font-size: 14rem;

  line-height: 14.5rem;

  text-transform: uppercase;

}

.culture_mission .head h2 span {

  color: var(--theme_color);

}

.culture_mission .head p {

  flex: 1;

  max-width: 50.4rem;

  font-size: 1.8rem;

  color: rgba(61, 61, 61, 0.85);

  line-height: 3rem;

  margin-top: 6.5rem;

}

.culture_mission .flex {

  gap: 3.56rem;

  margin-top: -8.4rem;

}

.culture_mission .left {

  min-width: 16.38888%;

}

.culture_mission strong {

  font-size: 6.4rem;

  font-weight: 400;

  color: #161616;

  line-height: 1.1;

  text-transform: uppercase;

  margin-top: 0.5rem;

  display: block;

}

.culture_mission .img {

  min-width: 87.0138%;

  aspect-ratio: 1253/704;

}

.culture_mission .img:hover img {

  transform: scale(1.02);

}

.home_headlamp {

  padding: 15rem 0;

  overflow: hidden;

  position: relative;

  background: no-repeat center / cover;

  max-width: 256rem;

  margin: 0 auto;

}

.home_headlamp .head {

  max-width: 52.5rem;

  padding-bottom: 2%;

}

.home_headlamp .head h2 {

  color: #fff;

  line-height: 8.6rem;

}

.home_headlamp .head h2::after {

  content: '';

  display: block;

  width: 4.2rem;

  height: 0.6rem;

  background-color: var(--theme_color);

  transform: skewX(-42deg);

  margin-top: 5rem;

}

.home_headlamp .head strong {

  font-size: 3.2rem;

  font-weight: 600;

  color: #fff;

  text-transform: uppercase;

  margin-top: 4.6rem;

  display: block;

}

.home_headlamp .head p {

  font-size: 1.8rem;

  font-weight: 300;

  color: rgba(255, 255, 255, 0.85);

  line-height: 2.6rem;

  max-width: 46.4rem;

  margin-top: 1rem;

}

.home_headlamp .head .btn {

  margin-top: 4rem;

}

.home_headlamp .flex {

  min-height: 52.2rem;

}

.home_headlamp .title {

  position: absolute;

  bottom: -0.8rem;

  right: 0;

  width: fit-content;

  text-wrap: nowrap;

  font-size: 15.7rem;

  font-weight: 400;

  line-height: 1;

  text-transform: uppercase;

  color: var(--theme_color);

}

.product_list .product_item.active a {

  /* background-color: transparent; */

}

.product_list .product_item.active a::after {

  opacity: 0;

}

.product_list .product_item.active a:hover::after {

  opacity: 1;

}

.product_list .product_item.active a .bgimg {

  border-top-right-radius: 12.8rem;

  opacity: 0;

}

.product_list .product_item.active a:hover .bgimg {

  opacity: 1;

}

.product_list .product_item.active a .info p {

  /* color: #c6c6c6; */

}

.product_list .product_item a {

  position: relative;

  padding: 3.2rem;

  padding-bottom: 2.3rem;

  display: flex;

  flex-direction: column;

  height: 100%;

  transition: all 0.3s;

  background-color: #f4f4f4;

}

.product_list .product_item a:hover {

  /* background-color: transparent; */

}

.product_list .product_item a:hover::after {

  opacity: 1;

}

.product_list .product_item a:hover .bgimg {

  border-top-right-radius: 12.8rem;

  /* opacity: 1; */

}

.product_list .product_item a:hover .img img {

  transform: scale(1.03);

}

.product_list .product_item a:hover .info p {

  /* color: #c6c6c6; */

}

.product_list .product_item a::after {

  content: '';

  display: block;

  width: 2.8rem;

  height: 4.2rem;

  position: absolute;

  top: 0;

  right: 0;

  pointer-events: none;

  opacity: 0;

  transition: all 0.3s;

  background: url(../img/h2icon.svg) no-repeat center / contain;

}

.product_list .product_item a .bgimg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

  transition: all 0.3s;

  opacity: 0;

}

.product_list .product_item a .bgimg img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.product_list .product_item a .img {

  position: relative;

  aspect-ratio: 1;

  transition: all .3s;

}

.product_list .product_item a .img img {

  object-fit: contain;

}

.product_list .product_item a:hover .img {

  /* opacity: 0; */

}

.product_list .product_item a .info {

  position: relative;

  z-index: 2;

  margin-top: auto;

}

.product_list .product_item a .info strong {

  font-size: 2.8rem;

  color: var(--theme_color);

  font-weight: 900;

  font-family: 'oswald', sans-serif;

}

.product_list .product_item a .info p {

  font-size: 1.5rem;

  color: #424242;

  line-height: 2rem;

  margin-top: 1rem;

  transition: all 0.3s;

}

.side-social {

  position: fixed;

  right: 4rem;

  top: 50%;

  transform: translateY(-50%);

  z-index: 996;

  background-color: transparent;

}

.side-social a {

  display: block;

  text-indent: -999rem;

  background: no-repeat center / contain;

  width: 5rem;

  height: 5rem;

  border: 1px solid rgba(255, 255, 255, 0.1);

  transition: all 0.3s;

  position: relative;

  background-color: #161616;

}

.side-social a::after {

  content: '';

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  transition: all 0.3s;

  background: no-repeat center / contain;

}

.side-social a:hover {

  background-color: var(--theme_color);

  border-color: var(--theme_color);

}

.side-social li {

  margin-bottom: 1.6rem;

}

.side-social li.active a {

  background-color: var(--theme_color);

  border-color: var(--theme_color);

}

.side-social li.active a::after {

  filter: unset;

}
.side-social li a::after{
  background-size: 50%;
}

.side-social .instagram a::after {

  background-image: url(../img/instagram.svg);

}

.side-social .facebook a::after {

  background-image: url(../img/facebook.svg);

}

.side-social .twitter a::after {

  background-image: url(../img/twitter.svg);

}

.side-social .youtube a::after {

  background-image: url(../img/youtube.svg);

}

.side-social .linkedin a::after {

  background-image: url(../img/linkedin.svg);

}


.side-social .wechat a::after {

  background-image: url(../img/wechat.svg);

}

.side-social .redbook a::after {

  background-image: url(../img/redbook.svg);

}

.side-social .weibo a::after {

  background-image: url(../img/weibo.svg);

}

.side-social .douyin a::after {

  background-image: url(../img/douyin.svg);

}

.side-social .bzhan a::after {

  background-image: url(../img/bzhan.svg);

}
.side-social .kuaishou a::after {

  background-image: url(../img/kuaishou.svg);

}

.backtop {

  position: fixed;

  right: 4rem;

  bottom: 6.5rem;

  width: 5rem;

  height: 5rem;

  background: url(../img/arr-rw.svg) no-repeat center / 1.4rem var(--theme_color);

  cursor: pointer;

  z-index: 995;

  transition: all 0.3s;

  transform: rotate(-90deg);

  opacity: 0;

  pointer-events: none;

}

.backtop.active {

  opacity: 1;

  pointer-events: auto;

}

.header_menu {

  display: none;

}

.header_menu {

  position: absolute;

  top: 100%;

  left: 0;

  background-color: white;

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  width: 100%;

  /* height: 52.7rem; */

  padding: 3.6rem 0;

}

.header_menu .content > ul {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: flex-start;

  gap: 4rem;

}

.header_menu .content > ul > li {

  width: 14.7%;

}

.header_menu .content > ul li .img {

  aspect-ratio: 234/162;

  width: 100%;

  background-color: #f2f2f2;

  position: relative;

  overflow: hidden;

}

.header_menu .content > ul li .img img {

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  margin: auto;

  width: auto;

  height: auto;

  max-width: 100%;

  transition: all 0.3s;

  max-height: 100%;

}

.header_menu .content > ul li strong {

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-size: 2rem;

  margin-top: 1.5rem;

  margin-bottom: 1.5rem;

}

.header_menu .content > ul li:hover .img img {

  transform: scale(1.1);

}

.header_menu .content > ul li strong:after {

  content: "";

  width: 1.5rem;

  height: 1.5rem;

  background: url('../img/arr-thr.svg') no-repeat center / contain;

  display: inline-block;

}

.header_menu.product_menu .content > ul li ul {

  column-count: 2;

}

.header_menu .content > ul li ul li a {

  font-weight: 500;

  color: #888;

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 0.2rem;

  transition: all 0.3s;

}

.header_menu .content > ul li ul li a:after {

  content: "";

  width: 1rem;

  height: 1rem;

  background: url('../img/right8.svg') no-repeat center / contain;

  filter: brightness(0.8);

}

.header_menu .content > ul li ul li a:hover {

  color: var(--theme_color);

}

.menu_overlay {

  position: fixed;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  z-index: 500;

  opacity: 0;

  pointer-events: none;

}

.menu_overlay.active {

  opacity: 1;

  pointer-events: all;

}

nav .con > div > ul > li.menu-item-has-children > .sub-menu {

  display: none;

}











/*** global css ***/

.empty_img {

  max-width: 388px;

  margin: 0 auto;

  display: block;

}

.loading {

  position: relative;

}

.loading:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url('../../global/img/load.gif') no-repeat center;

  background-size: 45px;

  background-color: rgba(255, 255, 255, 0.3);

  z-index: 9;

}



.wpcf7 .wpcf7-not-valid-tip {

  margin-top: 5px;

}

.wpcf7 form.wpcf7-form span.wpcf7-spinner {

  width: 24px;

  position: absolute;

  left: 100%;

  top: 50%;

  z-index: 2;

  transform: translateY(-50%);

}

.wpcf7 form.wpcf7-form .wpcf7-response-output {

  padding: 0;

  margin: 0;

  border: none;

}

span.wpcf7-list-item {

  margin: 0;

}

form span {

  position: relative;

}



div form#sytech-newsletter-subscription {

  /* display: grid; */

}

div form#sytech-newsletter-subscription p.success.active,

div form#sytech-newsletter-subscription p.failed.active {

  top: -6rem;

}

div form#sytech-newsletter-subscription p.success,

div form#sytech-newsletter-subscription p.failed {

  font-size: 1.2rem;

  line-height: 1.5;

  font-weight: 500;

  background-color: var(--theme_color);

  max-width: 22rem;

  padding: 1rem 1rem 1rem 3rem;

}

div form#sytech-newsletter-subscription p.success::before,

div form#sytech-newsletter-subscription p.failed::before {

  left: 1rem;

  top: 1rem;

  width: 1.2rem;

  height: 1.2rem;

  filter: contrast(0) brightness(2);

}

div form#sytech-newsletter-subscription p.success::after,

div form#sytech-newsletter-subscription p.failed::after {

  bottom: unset;

  top: 100%;

  border-top-color: var(--theme_color);

}

.video_pop {

  position: fixed;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  background-color: rgba(0, 0, 0, 0.8);

  opacity: 0;

  pointer-events: none;

  transition: all 0.3s;

  z-index: 9999;

  padding: 1.2rem;

}

.video_pop.active {

  opacity: 1;

  pointer-events: all;

}

.video_pop.active .pop_content {

  transform: translate(-50%, -50%);

}

.video_pop .mask {

  width: 100%;

  height: 100%;

  z-index: -1;

  position: absolute;

  top: 0;

  left: 0;

}

.video_pop .mask .close {

  display: block;

  width: 1rem;

  height: 1rem;

  position: absolute;

  right: 2rem;

  top: 1rem;

  cursor: pointer;

}

.video_pop .pop_content {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -70%);

  transition: all 0.3s;

  width: max-content;

  max-width: 90vw;

  height: 80vh;

  aspect-ratio: 1920/1080;

  display: flex;

  align-items: center;

  justify-content: center;

}

.video_pop .pop_content iframe, .video_pop .pop_content video {

  width: 100%;

  height: auto;

  object-fit: contain;

}

div.search-block {

  position: fixed;

  z-index: 999;

  background-color: #fff;

  box-shadow: 0 0 15px rgba(0, 55, 96, 0.12);

  width: 100%;

  bottom: -100vh;

  height: 100vh;

  transition: 0.3s ease;

}

div.search-block.active {

  bottom: 0;

  opacity: 1;

  transform: translateY(150px);

}

div.search-block div.content {

  position: relative;

  display: block;

}

.wd-action-btn {

  display: inline-flex;

  vertical-align: middle;

  background: url(../../global/img/cloes.svg) no-repeat center;

  background-size: contain;

  position: absolute;

  top: 38px;

  right: 0;

  z-index: 1;

  width: 28px;

  height: 28px;

  transition: all 0.3s;

  cursor: pointer;

}

.wd-action-btn:hover {

  transform: rotate(180deg);

}

div.search-block .searchform {

  border-bottom: 1px solid rgba(119, 119, 119, 0.2);

  /* opacity: 0; */

  transition: opacity 0.35s ease 0.2s;

  --wd-form-color: #333;

  --wd-form-placeholder-color: #333;

  text-align: center;

  transition: 0.75s all ease;

}

div.search-block.active .searchform {

  opacity: 1;

}

div.search-block .searchform input[type='text'] {

  padding: 0;

  height: 110px;

  border: none;

  text-align: center;

  font-size: 35px;

  outline: none;

}

header div.main-menu div.main div.right {

  display: none;

}

div.search-block .searchform ::-webkit-input-placeholder {

  color: #333333;

}



.quote_modal {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 999999;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.3s;

  pointer-events: none;

  opacity: 0;

}

.quote_modal span:has([type="file"]) {

  display: none;

}

/*** global css ***/





.home_about .head h2::after {

  position: absolute;

  right: 0;

  top: 0;

}

section.home_video .head {

  max-width: 60rem;

}

section.home_advantage .advantage_item a strong {

  font-weight: 900;

}

section.application_outdoor .topimg .info h3,

section.application_outdoor .outdoor_item strong {

  font-weight: 900;

}

section.buy_retail .head h2 {

  max-width: 61.8rem;

}

section.about_desc .head h2 {

  letter-spacing: -2.1px;

}

.culture_vision .bigtext {

  line-height: 1.3;

}

section.culture_vision .right {

  min-width: 40%;

}

section.culture_vision .flex {

  gap: 16.6%;

}

section.service_policy .policy_list .policy_item .left h3,

section.support2_sales .support2_list li a .info p.title,

section.support2_still .list strong {

  font-family: 'Oswald', sans-serif;

  font-weight: 900;

}

section.support2_still .head {

  max-width: 74rem;

}

.home_banner .head .btn {

  grid-row: span 2;

}

section.product_nav a {

  font-weight: 900;

}

.product_features2 .main ul li strong {

  font-weight: 900;

}

section.support2_sales .support2_list li a {

  display: block;

}

section.support2_faq .right .question {

  font-weight: 900;

  font-family: "Oswald", sans-serif;

}

@media screen and (min-width: 768px) {

  section.culture_mission .head h2, section.culture_values2 .head h2 {

    font-size: 7.6rem;

    line-height: 1.3;

  }

  section.culture_mission .flex {

    margin-top: 2rem;

  }

  section.home_advantage .advantage_item a p {

    font-size: 2.2rem;

    font-weight: 500;

  }

  section.home_banner .head h1, section.home_banner .head .h1, section.section_banner .head h1 {

    line-height: 14rem;

  }

  section.buy_retail ul li .desc {

    padding-right: 0;

    justify-content: space-between;

  }

  .buy_retail ul li .desc .right {

    max-width: 45rem;

  }

  .about_desc .head h2.trinket::after {

    margin-bottom: 6rem;

  }

  section.home_video .head {

    padding-top: 3%;

  }

  .about_history .about_history_swiper .year {

    letter-spacing: normal !important;

  }

  .product_banner .product_nav .nav_item {

    letter-spacing: -1px !important;

  }

  .product_downloads2 {

    margin: 4rem 0 8rem;

  }

  .download_catalog .left h3 {

    letter-spacing: -2px;

  }

  section.support2_sales .support2_list:not(:has(li:nth-child(3))) {

    grid-template-columns: repeat(2, 1fr);

  }

  section.support2_still {

    padding-bottom: 18rem;

  }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {

  

}




.explore_item .img img{
  object-position: center 30% !important;
}