@charset "utf-8";
.banner-wrapper .swiper-slide{
	background:#090909
}
.pop_up_video {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999999;
}

.pop_up_video>div {
	display: flex;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 1);
	justify-content: center;
	align-items: center;
}

.pop_up_video .video {
	position: relative;
	width: 100%;
	max-width: 1200px;
}

.pop_up_video .video>span {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 0px;
	right: 0px;
	line-height: 60px;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 30px;
	z-index: 99;
	cursor: pointer;
}
@font-face {
	font-family: "Raleway";
	src: url("../fonts/google/Raleway/Raleway-400.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: "Raleway";
	src: url("../fonts/google/Raleway/Raleway-500.ttf") format("truetype");
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: "Raleway";
	src: url("../fonts/google/Raleway/Raleway-600.ttf") format("truetype");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: "Raleway";
	src: url("../fonts/google/Raleway/Raleway-700.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: "Raleway";
	src: url("../fonts/google/Raleway/Raleway-800.ttf") format("truetype");
	font-style: normal;
	font-weight: 800;
	font-display: swap;
}
@font-face {
	font-family: "Raleway";
	src: url("../fonts/google/Raleway/Raleway-900.ttf") format("truetype");
	font-style: normal;
	font-weight: 900;
	font-display: swap;
}
@font-face {
	font-family: "Outfit";
	src: url("../fonts/google/Outfit/Outfit-400.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: "Outfit";
	src: url("../fonts/google/Outfit/Outfit-500.ttf") format("truetype");
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: "Outfit";
	src: url("../fonts/google/Outfit/Outfit-600.ttf") format("truetype");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: "Outfit";
	src: url("../fonts/google/Outfit/Outfit-700.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: "Outfit";
	src: url("../fonts/google/Outfit/Outfit-800.ttf") format("truetype");
	font-style: normal;
	font-weight: 800;
	font-display: swap;
}
@font-face {
	font-family: "Outfit";
	src: url("../fonts/google/Outfit/Outfit-900.ttf") format("truetype");
	font-style: normal;
	font-weight: 900;
	font-display: swap;
}
:root {
	--kx-black: #0d0d0d;
	--kx-panel: #171717;
	--kx-soft: #1e1e1e;
	--kx-line: #2d2d2d;
	--kx-orange: #ff6b12;
	--kx-text: #f7f7f7;
	--kx-muted: #8f8f96;
	--kx-faint: #5d5d62;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	width: 100%;
	overflow-x: hidden;
	background: var(--kx-black);
	color: var(--kx-text);
	font-family: "Outfit", Arial, sans-serif;
	line-height: 1.5;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
ul {
	margin: 0;
}

img {
	max-width: 100%;
	vertical-align: middle;
}

a,
a:hover,
a:focus {
	text-decoration: none;
}
@media (min-width: 1200px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1600px!important;
	}
}
/**/
.inquiry-conner .table thead th{
	color:#fff;
	border-bottom: 1px solid #2d2d2d;
}
.inquiry-conner .table td,.inquiry-conner .table th{
	border-top:none!important;
	border-bottom: 1px solid #2d2d2d;
}
.inquiry-conner .table td a:hover{
	color:#fff;
}
.inquiry-conner .form-control{
	background:none;
	color:#fff;
	border: 1px solid #666;
}
.bags-continue {
    text-align: right;
    margin-bottom: 40px;
}
.bags-continue a {
    display: inline-block;
    padding: 10px;
    border: 1px solid #666;
    min-width: 300px;
    text-align: center;
    color: #666;
}
.bags-continue a:hover{
    background:var(--kx-orange);
    color: #fff;
    border-color:var(--kx-orange);
}
.inquiry-conner .feedback-con.feedback-form .form-control {
    background: none;
	border:none;
    border-bottom: 1px solid #666;
    height:55px;
    padding: .375rem 1.2rem;
	color:#fff;
	border-radius:0
}
.inquiry-conner .feedback-con.feedback-form .form-textarea {
      background: none;
	border:none;
	width:100%;
    border-bottom: 1px solid #666;
    height:130px;
    padding: .375rem 1.2rem;
	color:#fff;
	border-radius:0
}
.inquiry-conner .feedback-con.feedback-form .feedback-submit {
    width: 100%;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--kx-orange);
    color: #fff;
    border-radius: 0;
    margin-top: 15px;
}
/**/
.kx-container {
	max-width: 1840px;
	margin: 0 auto;
	padding-left: 40px;
	padding-right: 40px;
}

.kx-narrow {
	max-width: 1600px;
}

.sec-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--kx-orange)!important;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 5px;
	text-transform: uppercase;
	line-height: 1.2;
}

.sec-kicker span {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--kx-orange);
	content: "";
	flex: 0 0 auto;
}

.sec-kicker-line {
	gap: 10px;
}

.sec-kicker-line span {
	width: 26px;
	height: 1px;
	border-radius: 0;
}

.btn-primary-kx,
.btn-line-kx {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	padding: 0 28px;
	border: 1px solid transparent;
	color: #fff;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	transition: all .25s ease;
}

.btn-primary-kx {
	background: var(--kx-orange);
	border-color: var(--kx-orange);
}

.btn-primary-kx:hover {
	background: #e95d00;
	border-color: #e95d00;
	color: #fff;
}

.arrow-icon {
	margin-left: 5px;
	width: 14px;
	height: 14px;
	object-fit: contain;
	flex: 0 0 14px;
	filter: brightness(0) invert(1);
}



.btn-line-kx {
	min-width: 176px;
	border-color: #505050;
	background: transparent;
	color: #dadada;
}

.btn-line-kx:hover {
	border-color: var(--kx-orange);
	color: #fff;
}

/* Header */
header.header {
	height: 84px;
	background: var(--kx-black);
	position: relative;
	z-index: 200;
}

.header_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 84px;
	padding-left: 8.3%;
	padding-right: 8.3%;
	background: #0f0f0f;
	border-bottom: 1px solid var(--kx-line);
	transition: all .3s ease;
}

.header.active .header_box {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: 76px;
	background: rgba(15, 15, 15, .96);
	backdrop-filter: blur(10px);
}

.fupad img {
	display: block;
	width: 200px;
}

header.header .navbar {
	display: block !important;
	padding: 0 !important;
	margin: 0;
}
header .navbar-brand{
	padding-bottom: 0;
}
header.header .navbar-nav {
	display: flex;
	align-items: center;
	gap: 36px;
}

header.header .navbar-nav .nav-item {
	position: relative;
	padding: 0;
}

header.header .navbar-nav .nav-link {
	position: relative;
	display: flex;
	align-items: center;
	height: 84px;
	padding: 0;
	color: #8d8d93;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-transform: none;
	transition: color .25s ease;
}

header.header .navbar-nav .nav-link:hover,
header.header .navbar-nav .nav-item.active .nav-link {
	color: var(--kx-orange);
}

.nav-item.active .nav-link:before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: var(--kx-orange);

}

header.header .dropdown-toggle::after {
	display: none;
}

header.header .dropdown-menu_box {
	position: absolute;
	left: 50%;
	top: 100%;
	z-index: 999;
	display: none;
	width: 220px;
	margin-left: -110px;
	padding: 0;
	background: #101010;
	border: 1px solid var(--kx-line);
}

header.header .dropdown-menu_box li a {
	display: block;
	padding: 14px 20px;
	color: #a0a0a0;
	border-bottom: 1px solid #232323;
}

header.header .dropdown-menu_box li:last-child a {
	border-bottom: none;
}

header.header .dropdown-menu_box li a:hover {
	background: var(--kx-orange);
	color: #fff;
}

.header_right {
	display: flex;
	align-items: center;
	height: 100%;
	gap: 28px;
}

.lang_box {
	position: relative;
	cursor: pointer;
}

.lang_box .lang {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 15px 0;
	color: #b5b5b5;
	font-size: 15px;
}

.lang_box .lang i {
	font-size: 22px;
	color: #777;
}

.lang_box .lang_li {
	display: none;
	position: absolute;
	right: 50%;
	transform: translateX(50%);
	top: 100%;
	width: 92px;
	background: #101010;
	border: 1px solid var(--kx-line);
}

.lang_box:hover .lang_li {
	display: block;
}

.lang_box .lang_li a {
	display: block;
	padding: 12px;
	text-align: center;
	color: #aaa;
}
.lang_box .lang_li a:hover{
	background: var(--kx-orange);
	color: #fff;
	font-weight: bold;
}
.cart a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	padding: 0 24px;
	background: var(--kx-orange);
	color: #fff;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .5px;
}

.cart a:hover {
	background: #e95d00;
	color: #fff;
}

.moblie_title_right {
	display: none;
	width: 46px;
	height: 46px;
	cursor: pointer;
}

.menuicon {
	position: relative;
	left: 50%;
	top: 50%;
	width: 22px;
	height: 2px;
	margin-left: -11px;
	margin-top: -1px;
	background: #fff;
}

.menuicon:before,
.menuicon:after {
	position: absolute;
	left: 0;
	width: 22px;
	height: 2px;
	background: #fff;
	content: "";
	transition: transform .15s ease;
}

.menuicon:before {
	top: -7px;
}

.menuicon:after {
	top: 7px;
}

.moblie_title_right.is-active .menuicon {
	background: none;
}

.moblie_title_right.is-active .menuicon:before {
	transform: translate3d(0, 7px, 0) rotate(45deg);
}

.moblie_title_right.is-active .menuicon:after {
	transform: translate3d(0, -7px, 0) rotate(-45deg);
}

.mobile_header_list {
	position: fixed;
	top: 0;
	left: 100%;
	right: 0;
	z-index: 9999;
	height: 100vh;
	padding: 18px;
	background: #101010;
	transition: left .45s ease;
	overflow-y: auto;
}

.mobile_header_list.cur {
	left: 25%;
	box-shadow: 0 0 30px rgba(0, 0, 0, .5);
}

.mobile_header_list .mobile_btn {
	display: flex;
	justify-content: flex-end;
}

.mobile_header_list .card {
	background: transparent;
	border: none;
	border-bottom: 1px solid #262626 !important;
}

.mobile_header_list .card > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #d9d9d9;
	line-height: 48px;
}

.mobile_header_list .card > a.cur {
	color: var(--kx-orange);
}

.mobile_hidenlist {
	display: none;
	background: #171717;
}

.mobile_hidenlist_list a {
	display: block;
	padding: 10px 15px;
	color: #999;
	border-top: 1px solid #222;
}

.main-box {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 888;
	background: rgba(0, 0, 0, .55);
}

.main-box.cur {
	display: block;
}

/* Banner */
.bheader,
.banner-wrapper,
.banner-wrapper .swiper-wrapper,
.banner-wrapper .swiper-slide {
	position: relative;
	width: 100%;
	height: calc(100vh - 136px);
	min-height: 680px;
}

.banner-wrapper {
	overflow: hidden;
	background: #090909;
	border-bottom: 1px solid var(--kx-line);
}

.banner-wrapper .swiper-slide:after {
	position: absolute;
	inset: 0;
	content: "";
	background: linear-gradient(90deg, rgba(12, 12, 12, .08) 0%, rgba(12, 12, 12, .18) 46%, rgba(12, 12, 12, .38) 100%);
	pointer-events: none;
}

.banner-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.banner-copy {
	position: absolute;
	left: 8.3%;
	top: 50%;
	z-index: 3;
	width: 630px;
	transform: translateY(-50%);
}

.banner-copy h1 {
	margin-top: 24px;
	color: #fff;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 86px;
	font-weight: 800;
	line-height: .9;
	letter-spacing: -2px;
}

.banner-copy h1 em {
	display: block;
	color: var(--kx-orange);
	font-style: normal;
}

.banner-copy h4 {
	position: relative;
	margin-top: 32px;
	padding-left: 48px;
	color: #97979d;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing:3px;
	text-transform: uppercase;
}

.banner-copy h4:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 28px;
	height: 1px;
	background: #868686;
	content: "";
}

.banner-desc {
	margin-top: 26px;
	max-width: 100%;
	color: #a5a5ab;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}

.banner-actions {
	display: flex;
	gap: 16px;
	margin-top: 30px;
}

.banner-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 26px !important;
	z-index: 20;
	width: auto !important;
	text-align: center;
}

.banner-pagination .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	margin: 0 7px !important;
	background: #818181;
	opacity: 1;
}

.banner-pagination .swiper-pagination-bullet-active {
	position: relative;
	background: var(--kx-orange);
}

.banner-pagination .swiper-pagination-bullet-active:before {
	position: absolute;
	left: -1px;
	top: -1px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--kx-orange);
	content: "";
}

/* Marquee and stats */
.marquee-wrap {
	overflow: hidden;
	height: 52px;
	background: var(--kx-panel);
	border-top: 1px solid var(--kx-line);
	border-bottom: 1px solid var(--kx-line);
}

.marquee-track {
	display: flex;
	align-items: center;
	width: max-content;
	height: 52px;
	animation: kx-marquee 34s linear infinite;
	white-space: nowrap;
}

.marquee-track span {
	display: inline-block;
	padding: 0 64px;
	color: #8b8b90;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 7px;
	text-transform: uppercase;
}

.marquee-track i {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--kx-orange);
	flex: 0 0 auto;
}

@keyframes kx-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

.stats-bar {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	background: var(--kx-panel);
	border-bottom: 1px solid var(--kx-line);
}

.stat-cell {
	min-height: 153px;
	padding: 42px 52px;
	border-right: 1px solid var(--kx-line);
}

.stat-cell:last-child {
	border-right: none;
}

.stat-cell h3 {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
	color: #fff;
	font-family: "Outfit", Arial, sans-serif;
	font-size: 44px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	white-space: nowrap;
}

.stat-cell h3 .timer {
	color: #fff;
	font-variant-numeric: tabular-nums;
}

.stat-cell h3 .stat-unit {
	color: var(--kx-orange);
	font-size: 0.56em;
}

.stat-cell p {
	margin-top: 12px;
	color: #7f7f86;
	font-size: 11px;
	letter-spacing: 5px;
	text-transform: uppercase;
}

/* About */
.about-section {
	background: #101010;
	border-bottom: 1px solid var(--kx-line);
}

.about-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-bottom: 1px solid var(--kx-line);
}

.about-left,
.about-right {
	min-width: 0;
}

.about-left {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 80px 30px;
	border-right: 1px solid var(--kx-line);
	overflow: hidden;
}

.about-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 80px 8%;
}

.about-right h2,
.section-title h2 {
	color: #fff;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 42px;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -.5px;
}

.about-right h2 {
	margin-top: 22px;
	margin-bottom: 50px;
}

.about-right p:not(.sec-kicker) {
	max-width: 720px;
	color: #a2a2a8;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6;
}

.about-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 12px;
}

.about-actions .btn-line-kx {
	min-width: 178px;
	height: 40px;
	padding: 0 18px;
	font-size: 12px;
}

.about-actions .btn-primary-kx {
	height: 40px;
	font-size: 12px;
}

/* About page rewrite */
.about-page section[id] {
	scroll-margin-top: 110px;
}

.about-page .about-anchor-nav {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin: 24px 0 0;
}

.about-page .about-anchor-nav a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 12px 16px;
	border: 1px solid var(--kx-line);
	background: #111;
	color: #d0d0d5;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .8px;
	text-transform: uppercase;
	transition: border-color .25s ease, background .25s ease, color .25s ease;
}

.about-page .about-anchor-nav a:hover {
	border-color: var(--kx-orange);
	background: rgba(255, 107, 18, .08);
	color: #fff;
}

.about-page .about-block {
	padding: 90px 0;
}

.about-page .about-block .section-title {
	margin-bottom: 34px;
}

.about-page .about-block .section-title .section-lead {
	max-width: 920px;
	margin-top: 18px;
	color: #a2a2a8;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.7;
}

.about-page .about-profile-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 32px;
	align-items: start;
}

.about-page .about-copy {
	min-width: 0;
	padding-right: 10px;
}

.about-page .about-copy p {
	margin-bottom: 10px;
	color: #a2a2a8;
	font-size: 16px;
}

.about-page .about-bullet-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}

.about-page .about-bullet-list li {
	position: relative;
	padding: 14px 16px 14px 34px;
	border: 1px solid #252525;
	background: #121212;
	color: #e0e0e5;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

.about-page .about-bullet-list li:before {
	position: absolute;
	left: 14px;
	top: 19px;
	width: 8px;
	height: 8px;
	background: var(--kx-orange);
	content: "";
}

.about-page .about-metrics {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-top: 28px;
}

.about-page .about-metric {
	padding: 18px 16px 16px;
	border: 1px solid #252525;
	background: #111;
}

.about-page .about-metric h3 {
	display: flex;
	align-items: baseline;
	gap: 2px;
	margin-bottom: 8px;
	color: #fff;
	font-family: "Outfit", Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

.about-page .about-metric-unit {
	color: var(--kx-orange);
	font-size: .6em;
}

.about-page .about-metric span:last-child {
	color: #a7a7ad;
	font-size: 12px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.about-page .about-media-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.about-page .about-media-card {
	position: relative;
	overflow: hidden;
	border: 1px solid #262626;
	background: #0f0f0f;
}

.about-page .about-media-card img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform .45s ease;
}

.about-page .about-media-card:hover img {
	transform: scale(1.05);
}

.about-page .about-media-card span {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 16px;
	color: #fff;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.45;
	text-shadow: 0 1px 8px rgba(0, 0, 0, .55);
}

.about-page .about-media-card span em {
	display: block;
	margin-bottom: 4px;
	color: #d9d9df;
	font-style: normal;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.about-page .about-gallery-grid {
	position: relative;
	overflow: hidden;
	padding-bottom: 54px;
}

.about-page .about-gallery-grid .swiper-slide {
	display: flex;
	height: auto;
}

.about-page .about-gallery-card,
.about-page .about-equipment-card,
.about-page .about-process-card {
	border: 1px solid #262626;
	background: #111;
}

.about-page .about-gallery-card {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
	transition: transform .25s ease, border-color .25s ease;
}

.about-page .about-gallery-pagination {
	bottom: 0;
}

.about-page .about-gallery-pagination .swiper-pagination-bullet {
	width: 26px;
	height: 3px;
	margin: 0 5px !important;
	border-radius: 0;
	background: #484848;
	opacity: 1;
}

.about-page .about-gallery-pagination .swiper-pagination-bullet-active {
	background: var(--kx-orange);
}

.about-page .about-gallery-card:hover {
	transform: translateY(-5px);
	border-color: rgba(255, 107, 18, .55);
}

.about-page .about-gallery-card img,
.about-page .about-equipment-card img {
	display: block;
	width: 100%;
	object-fit: cover;
	transition: transform .45s ease;
}

.about-page .about-gallery-card img {
	aspect-ratio: 4 / 3;
}

.about-page .about-gallery-card:hover img,
.about-page .about-equipment-card:hover img {
	transform: scale(1.05);
}

.about-page .about-gallery-card figcaption,
.about-page .about-equipment-card figcaption {
	padding: 16px 16px 18px;
}

.about-page .about-gallery-card h3,
.about-page .about-equipment-card h3 {
	margin: 0;
	color: #fff;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
}

.about-page .about-gallery-card p,
.about-page .about-equipment-card p,
.about-page .about-process-card p {
	margin: 8px 0 0;
	color: #a6a6ac;
	font-size: 13px;
	line-height: 1.7;
}

.about-page .about-equipment-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.about-page .about-equipment-card img {
	aspect-ratio: 1 / 1;
}

.about-page .about-process-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.about-page .about-process-card {
	min-height: 240px;
	padding: 28px 24px 26px;
	background: linear-gradient(180deg, #131313 0%, #101010 100%);
}

.about-page .about-process-step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 1px solid var(--kx-orange);
	color: var(--kx-orange);
	font-family: "Outfit", Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
}

.about-page .about-process-card h3 {
	margin: 18px 0 12px;
	color: #fff;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
}

.about-page .about-process-note {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 26px;
	padding-top: 22px;
	border-top: 1px solid var(--kx-line);
}

.about-page .about-process-note p {
	max-width: 760px;
	color: #a2a2a8;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 15px;
	line-height: 1.7;
}

.about-page .about-platform-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 30px;
}

.about-page .about-platform-card {
	min-height: 156px;
	padding: 20px 18px;
	border: 1px solid #282828;
	background: #111;
}

.about-page .about-platform-card > em {
	display: block;
	margin-bottom: 24px;
	color: var(--kx-orange);
	font-family: "Outfit", Arial, sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	font-style:normal;
}

.about-page .about-platform-card h3 {
	margin: 0;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
}

.about-page .about-platform-card p {
	margin: 8px 0 0;
	color: #929299;
	font-size: 12px;
	line-height: 1.6;
}

.about-page .about-video-panel {
	min-width: 0;
	border: 1px solid #282828;
	background: #0f0f0f;
}

.about-page .about-video-media {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	background: #101010;
}

.about-page .about-video-media > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(.75);
	transition: transform .5s ease, filter .5s ease;
}

.about-page .about-video-panel:hover .about-video-media > img {
	transform: scale(1.04);
	filter: saturate(1);
}

.about-page .about-video-media:after {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0, 0, 0, .58), rgba(0, 0, 0, .12));
	content: "";
	pointer-events: none;
}

.about-page .about-video-overlay {
	position: absolute;
	left: 32px;
	right: 32px;
	bottom: 30px;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 18px;
}

.about-page .about-video-play {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	flex: 0 0 68px;
	border: 1px solid rgba(255, 107, 18, .85);
	border-radius: 50%;
	background: rgba(255, 107, 18, .88);
	box-shadow: 0 0 0 10px rgba(255, 107, 18, .1);
}

.about-page .about-video-play img {
	width: 14px;
	height: 18px;
	margin-left: 4px;
	filter: brightness(0) invert(1);
}

.about-page .about-video-label {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.about-page .about-video-label span {
	color: #fff;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
}

.about-page .about-video-label small {
	color: #c5c5ca;
	font-family: "Outfit", Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.about-page .about-video-caption {
	padding: 16px 20px 18px;
	color: #898990;
	font-family: "Raleway", Arial, sans-serif;
	font-size: 12px;
	line-height: 1.6;
}

.about-page .about-factory-feature {
	position: relative;
	overflow: hidden;
	min-height: 380px;
	margin-bottom: 28px;
	border: 1px solid #282828;
	background: #111;
}

.about-page .about-factory-feature > img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 380px;
	object-fit: cover;
	filter: saturate(.85);
	transition: transform .5s ease, filter .5s ease;
}

.about-page .about-factory-feature:hover > img {
	transform: scale(1.03);
	filter: saturate(1);
}

.about-page .about-factory-feature:after {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(8, 8, 8, .75), rgba(8, 8, 8, .04) 72%);
	content: "";
	pointer-events: none;
}

.about-page .about-factory-feature-copy {
	position: absolute;
	left: 42px;
	top: 50%;
	z-index: 2;
	max-width: 430px;
	transform: translateY(-50%);
}

.about-page .about-image-tag {
	display: inline-block;
	margin-bottom: 18px;
	color: var(--kx-orange);
	font-family: "Outfit", Arial, sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 3px;
}

.about-page .about-factory-feature-copy h3 {
	color: #fff;
	font-size: 36px;
	font-weight: 800;
	line-height: 1.1;
}
.about-page .about-factory-feature-copy h3 b{
	        font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important;
}
.about-page .about-factory-feature-copy p {
	margin-top: 18px;
	color: #c1c1c6;
	font-size: 15px;
	line-height: 1.7;
}

/* Drum visual from demo */
.hero-right {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 0;
	opacity: .72;
}

.hero-right > div {
	width: min(500px, 92vw);
}

.hero-right svg {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: auto;
}

.drum-ring-outer {
	position: absolute;
	border-radius: 50%;
	border: 1px solid rgba(255, 107, 0, 0.08);
	width: 430px;
	height: 430px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.drum-ring-outer-2 {
	position: absolute;
	border-radius: 50%;
	border: 1px solid rgba(255, 107, 0, 0.035);
	width: 540px;
	height: 540px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.drum-pad-el {
	cursor: pointer;
}

.drum-pad-el .pad-face {
	transition: fill .08s ease;
}

.drum-pad-el:hover .pad-face,
.drum-pad-el.hit .pad-face {
	fill: var(--kx-orange) !important;
}

.tap-hint {
	margin-top: 8px;
	color: #333;
	font-size: 12px;
	letter-spacing: 6px;
	text-align: center;
	text-transform: uppercase;
}

/* Products */
.products-section {
	padding: 86px 0 94px;
	background: var(--kx-panel);
}

.section-title.center {
	text-align: center;
}

.section-title.center .sec-kicker {
	margin-bottom: 18px;
}

.products-grid {
	margin-top: 68px;
}
.pro-wrapper{
	position: relative;
	width: 100%;
	padding-bottom: 60px;
	margin-bottom: -60px;
	overflow: hidden;
}

.pro-controls {
	position: absolute;
	left: 50%;
	bottom: 14px;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
	transform: translateX(-50%);
}

.pro-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 1px solid var(--kx-line);
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	transition: border-color .25s ease, background .25s ease;
}

.pro-nav:hover {
	border-color: var(--kx-orange);
	background: rgba(255, 107, 0, .08);
}

.pro-nav img {
	width: 14px;
	height: 14px;
	object-fit: contain;
	transition: filter .25s ease;
}

.pro-prev img {
	transform: rotate(-135deg);
}

.pro-next img {
	transform: rotate(45deg);
}

.pro-nav:hover img {
	filter: brightness(1.2);
}

.pro-pagination {
	position: static;
	width: auto !important;
	color: #69696f;
	font-family: "Outfit", Arial, sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 1;
	text-align: center;
}

.pro-pagination .swiper-pagination-current {
	color: var(--kx-orange);
	font-size: 18px;
	font-weight: 700;
}

.pro-pagination .swiper-pagination-total {
	color: #77777e;
}

.pro-wrapper .swiper-slide{
	display: flex;
	flex-wrap: wrap;
}
.pro-wrapper .swiper-slide a{
	display:flex;
	margin: 15px;
	width: calc(33.33% - 30px);
}
.product-card {
	display: flex;
	background: #0f0f0f;
	color: #fff;
	overflow: hidden;
	transition: transform .25s ease;
}

.product-card:hover {
	transform: translateY(-4px);
	color: #fff;
}

.product-info {
	display: flex;
	width: 50%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
    background: #101010;
}

.product-info.fadeInUp {
	-webkit-animation-name: kxProductInfoFadeInUp;
	animation-name: kxProductInfoFadeInUp;
	-webkit-animation-timing-function: cubic-bezier(.22, .61, .36, 1);
	animation-timing-function: cubic-bezier(.22, .61, .36, 1);
}

@-webkit-keyframes kxProductInfoFadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 48px, 0);
		transform: translate3d(0, 48px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes kxProductInfoFadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 48px, 0);
		transform: translate3d(0, 48px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.product-info p {
	margin-bottom: 28px;
	color: #fff;

	font-weight: 400;
}

.product-info h3 {
	color: #fff;
	font-weight: 400;
	letter-spacing: 18px;
	line-height: 1;
	white-space: nowrap;
}

.product-info h3 span {
	font-size: 63px;
	letter-spacing: 2px;
}

.product-img {
	display: flex;
	width:50%;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.product-img img {
	width:100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.product-card:hover .product-img img {
	transform: scale(1.04);
}

/* Capabilities */
.capabilities-section {
	padding: 88px 0 108px;
	background: #101010;
}

.capabilities-section .section-title {
	margin-bottom: 56px;
}

.capabilities-section .section-title h2 {
	margin-top: 20px;
	font-size: 40px;
}

.cap-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border: 1px solid #121212;
	background: #121212;
}

.cap-card {
	min-height: 278px;
	padding: 42px 36px;
	background: var(--kx-panel);
	border-right: 2px solid #101010;
	border-bottom: 2px solid #101010;
	transition: background 0.2s;
}

.cap-card:hover {
	background: #141414;
}

.cap-card:nth-child(3n) {
	border-right: none;
}

.cap-card:nth-last-child(-n + 3) {
	border-bottom: none;
}

.cap-num {
	display: block;
	margin-bottom: 18px;
	color: var(--kx-orange);
	font-family: "Outfit", Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 3px;
	opacity: 0.6;
}

.cap-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-bottom: 18px;
	border: 1px solid var(--kx-line);
	border-radius: 50%;
	color: var(--kx-silver);
	font-size: 20px;
	transition: border-color 0.2s, background 0.2s;
}

.cap-card:hover .cap-icon {
	border-color: var(--kx-orange);
	background: rgba(255, 105, 0, 0.1);
}

.cap-title {
	margin-bottom: 10px;
	color: #fff;
	font-size:16px;
	font-weight: 600;
}

#capabilities .cap-card p{
	color: #aaaab0;
		font-size: 13px;
	line-height: 1.8;
}
/**/
.contact_box .cap-grid {
	background: none;
}
.contact_box .cap-body {
	font-size: 18px;
}
 
/* Contact map */
.contact-page .contact-map-section {
	padding: 0 0 80px;
	background: #101010;
}

.contact-page .contact-map-heading {
	margin-bottom: 34px;
}

.contact-page .contact-map-heading h2 {
	margin: 17px 0 12px;
	color: #fff;
	font-size: 40px;
	font-weight: 800;
	line-height: 1.1;
}

.contact-page .contact-map-heading > p:last-child {
	max-width: 680px;
	margin: 0;
	color: #9b9ba1;
	font-size: 15px;
	line-height: 1.9;
}

.contact-page .contact-map {
	position: relative;
	min-height: 430px;
	overflow: hidden;
	border: 1px solid #2f2f2f;
	background: #161616;
	isolation: isolate;
}

.contact-page .contact-map-canvas,
.contact-page .contact-map-fallback {
	display: block;
	width: 100%;
	height: 430px;
	border: 0;
}

.contact-page .contact-map-canvas {
	position: absolute;
	inset: 0;
	z-index: 1;
	visibility: hidden;
}

.contact-page .contact-map-fallback {
	position: relative;
	z-index: 1;
	filter: grayscale(.7) invert(.86) hue-rotate(180deg) saturate(.72) brightness(.72) contrast(1.08);
}

.contact-page .contact-map-fallback-marker {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: flex;
	align-items: center;
	flex-direction: column;
	pointer-events: none;
	transform: translate(-50%, calc(-100% - 10px));
}

.contact-page .kx-map-marker {
	position: absolute;
	display: flex;
	align-items: center;
	flex-direction: column;
	pointer-events: none;
	transform: translate(-50%, calc(-100% - 10px));
}

.contact-page .kx-map-marker-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 76px;
	min-height: 34px;
	padding: 6px 12px;
	border: 1px solid var(--kx-orange);
	background: #121212;
	color: #fff;
	font-family: "Raleway", sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .02em;
	white-space: nowrap;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .22);
}

.contact-page .kx-map-marker-pin {
	position: relative;
	width: 18px;
	height: 18px;
	margin-top: 5px;
	border: 3px solid #fff;
	border-radius: 50% 50% 50% 0;
	background: var(--kx-orange);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .3);
	transform: rotate(-45deg);
}

.contact-page .kx-map-marker-pin::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #fff;
	content: "";
	transform: translate(-50%, -50%);
}

.contact-page .contact-map-status {
	position: absolute;
	right: 16px;
	bottom: 16px;
	z-index: 3;
	max-width: min(360px, calc(100% - 32px));
	padding: 9px 12px;
	border: 1px solid rgba(255, 107, 18, .48);
	background: rgba(18, 18, 18, .92);
	color: #d7d7da;
	font-size: 12px;
	line-height: 1.5;
}

.contact-page .contact-map.is-api-ready .contact-map-canvas {
	visibility: visible;
}

.contact-page .contact-map.is-api-ready .contact-map-fallback,
.contact-page .contact-map.is-api-ready .contact-map-fallback-marker {
	display: none;
}


/* News */
.news-section {
	padding: 104px 0 0;
	background: var(--kx-panel);
	overflow: hidden;
}

.news-section .section-title h2 {
	max-width: 580px;
	margin-top: 18px;
	font-size: 42px;
}

.news-wrapper {
	position: relative;
	width: 100%;
	margin-top: 78px;
	padding-bottom: 100px;
	overflow: visible;
}

.news-card {
	position: relative;
	height: 385px;
	border-radius: 15px;
	overflow: hidden;
	background: #101010;
	box-shadow: 0 18px 35px rgba(0, 0, 0, .35);
	transition: transform .3s ease, opacity .3s ease, filter .3s ease;
}

.news-card:after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .55));
	content: "";
}

.news-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-card .news-date {
	position: absolute;
	left: 30px;
	top: 30px;
	z-index: 2;
	color: #fff;
	font-family: "Outfit", Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2px;
}

.news-card h3 {
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 32px;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 12px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news-card h3 span {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--kx-orange);
	flex: 0 0 auto;
}

.news-wrapper .swiper-slide {
	opacity: .34;
	filter: grayscale(1);
	transform: scale(.82);
}

.news-wrapper .swiper-slide-active {
	opacity: 1;
	filter: grayscale(0);
	transform: scale(1);
	z-index: 5;
}

.news-pagination {
	bottom: 42px !important;
}

.news-pagination .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	margin: 0 7px !important;
	background: #777;
	opacity: 1;
}

.news-pagination .swiper-pagination-bullet-active {
	width: 11px;
	height: 11px;
	background: var(--kx-orange);
}

/* News page */
.news-page {
	background: #0d0d0d;
	color: #f7f7f7;
	line-height: 1.6;
}

.news-page #banner-img {
	position: relative;
	display: flex;
	    align-items: center;
	min-height:600px;
	overflow: hidden;
}

.news-page #banner-img:before {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(6, 6, 6, .22) 0%, rgba(6, 6, 6, 0) 100%),
		linear-gradient(90deg, rgba(13, 13, 13, .5) 0%, rgba(13, 13, 13, .2) 44%, rgba(13, 13, 13, .16) 100%);
	content: "";
}

.news-page #banner-img .container-fluid {
	position: relative;
	z-index: 1;
}

.news-page .news-hero-copy {
	max-width: 860px;
}

.news-page .news-hero-copy .sec-kicker {
	margin-bottom: 16px;
}

.news-page .news-hero-copy h1 {
	max-width: 760px;
	color: #fff;
	font-size: 76px;
	font-weight: 800;
	line-height: .96;
	letter-spacing: 0;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.news-page .news-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	color: #9a9aa1;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.news-page .news-breadcrumb a {
	color: var(--kx-orange);
	transition: color .25s ease;
}

.news-page .news-breadcrumb a:hover {
	color: #fff;
}

.news-page .news-breadcrumb span {
	color: #6e6e75;
}

.news-page .news-breadcrumb .current {
	color: #fff;
}



.news-page .cont_main {
	background: #0d0d0d;
}

.news-page #contain-nav {
	position: relative;
	z-index: 2;
	background: #141414;
	border-top: 1px solid #222;
	border-bottom: 1px solid #262626;
}

.news-page .container-nav-container {
	overflow: hidden;
}

.news-page .container-nav-container .swiper-slide {
	width: auto;
}
.news-page .container-nav-container .swiper-slide.active a{
	background:var(--kx-orange);
	color:#fff;
}
.news-page .container-nav-container .swiper-slide a {
	display: inline-flex;
	align-items: center;
	height: 58px;
	padding: 0 24px;
	border-right: 1px solid #262626;
	color: #d9d9dd;
	font-family: "Outfit", Arial, sans-serif;
	transition: background .25s ease, color .25s ease;
}

.news-page .container-nav-container .swiper-slide:first-child a {
	border-left: 1px solid #262626;
}

.news-page .container-nav-container .swiper-slide a:hover {
	background: rgba(255, 107, 18, .08);
	color: #fff;
}

.news-page .warrper {
	background: #101010;
}

.news-page .warrper.alt {
	background: #151515;
}

.news-page .title-ny {
	margin-bottom: 36px;
}

.news-page .title-ny .sec-kicker {
	margin-bottom: 16px;
}

.news-page .title-ny h2 {
	max-width: 860px;
	color: #fff;
	font-size: 42px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0;
	text-transform: uppercase;
}

.news-page .title-ny p {
	max-width: 780px;
	margin-top: 16px;
	color: #9b9ba1;
	font-size: 15px;
	line-height: 1.9;
}

.news-page .news-wrapper {
	position: relative;
	margin-top: -5px;
	padding-top:5px;
	padding-bottom: 82px;
	overflow: hidden;
}

.news-page .news-wrapper .swiper-slide {
	height: auto;
	opacity: 1;
	filter: none;
	transform: none;
}

.news-page .news-spot {
	display: block;
	height: 100%;
	border: 1px solid #2c2c2c;
	background: #161616;
	overflow: hidden;
	transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.news-page .news-spot:hover {
	transform: translateY(-6px);
	border-color: rgba(255, 107, 18, .55);
	box-shadow: 0 22px 40px rgba(0, 0, 0, .34);
}

.news-page .news-media {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #0f0f0f;
}

.news-page .news-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease;
}

.news-page .news-spot:hover .news-media img {
	transform: scale(1.05);
}

.news-page .news-body {
	padding: 22px 22px 26px;
}

.news-page .news-date {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	margin-bottom: 14px;
	border: 1px solid rgba(255, 107, 18, .38);
	border-radius: 999px;
	color: var(--kx-orange);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: "Outfit", Arial, sans-serif;
}

.news-page .news-body h3 {
	min-height: 58px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.45;
}

.news-page .news-body p {
	margin-top: 10px;
	color: #a0a0a6;
	font-size: 14px;
	line-height: 1.4;
	    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp:2;
    -webkit-box-orient: vertical;
}

.news-page .news-more {
	display:flex;
	align-items: center;
	gap: 8px;
	margin-top: 14px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.8px;
	text-transform: uppercase;
}

.news-page .news-more .arrow-icon {
	width: 12px;
	height: 12px;
	margin-left: 0;
}

.news-page .news-pagination {
	bottom: 0 !important;
}

.news-page .news-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 6px !important;
	background: #6f6f73;
	opacity: 1;
}

.news-page .news-pagination .swiper-pagination-bullet-active {
	background: var(--kx-orange);
	transform: scale(1.2);
}

.news-page .newslist {
	display: grid;
	gap: 20px;
}

.news-page .newslist li {
	list-style: none;
}

.news-page .newslist li a {
	display: flex;
	align-items: stretch;
	gap: 24px;
	padding: 18px;
	border: 1px solid #2a2a2a;
	background: #161616;
	transition: transform .3s ease, border-color .3s ease, background .3s ease;
}

.news-page .newslist li a:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 107, 18, .55);
	background: #181818;
}

.news-page .newslist .img_box {
	flex: 0 0 310px;
	width: 310px;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #0f0f0f;
}

.news-page .newslist .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease;
}

.news-page .newslist li a:hover .img_box img {
	transform: scale(1.05);
}

.news-page .newslist .text_box {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	gap: 12px;
	padding: 6px 0;
}

.news-page .newslist .text_box h5 {
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
}

.news-page .newslist .text_box p {
	color: #a0a0a6;
	font-size: 14px;
	line-height: 1.95;
}

.news-page .newslist .text_box span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--kx-orange);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.8px;
	text-transform: uppercase;
}

.news-page .newslist .type_time {
	display: flex;
	flex: 0 0 120px;
	align-items: flex-start;
	justify-content: flex-end;
	padding-top: 6px;
	color: #8f8f96;
	font-size: 13px;
	letter-spacing: 2px;
	font-family: "Outfit", Arial, sans-serif;
}
/**/


.banner-img{
	display:block
}
.banner-img-ph{
	display:none
}
@media (max-width: 1200px) {
	.news-page #banner-img {
		min-height: 440px;
	}

	.news-page .news-hero-copy h1 {
		font-size: 62px;
	}

	.news-page .news-breadcrumb {
		margin-top: 16px;
	}

	.news-page .title-ny h2 {
		font-size: 34px;
	}

	.news-page .newslist .img_box {
		flex-basis: 260px;
		width: 260px;
	}
}

@media (max-width: 991px) {
	.news-page #banner-img {
		min-height: 420px;
	}

	.news-page .news-hero-copy h1 {
		font-size: 54px;
	}

	.news-page .news-breadcrumb {
		font-size: 11px;
		gap: 6px;
	}

	.news-page .news-hero-copy .news-hero-text {
		font-size: 15px;
	}



	.news-page .news-body h3 {
		min-height: auto;
	}

	.news-page .newslist li a {
		flex-direction: column;
	}

	.news-page .newslist .img_box {
		flex: none;
		width: 100%;
	}

	.news-page .newslist .type_time {
		flex: none;
		justify-content: flex-start;
		padding-top: 0;
	}
}

@media (max-width: 767px) {
	.banner-img{
	display:none
}
.banner-img-ph{
	display:block
}
	.news-page #banner-img {
		min-height: 380px;
	}

	.news-page .news-hero-copy h1 {
		font-size: 40px;
	}

	.news-page .news-breadcrumb {
		font-size: 10px;
		line-height: 1.4;
	}

	.news-page .news-hero-meta {
		gap: 14px;
	}

	.news-page .title-ny h2 {
		font-size: 28px;
	}

	.news-page .title-ny p {
		font-size: 14px;
	}

	.news-page .container-nav-container .swiper-slide a {
		height: 50px;
		padding: 0 18px;
		font-size: 12px;
	}

	.news-page .news-body {
		padding: 18px 18px 22px;
	}

	.news-page .news-body h3 {
		font-size: 18px;
	}

	.news-page .newslist .text_box h5 {
		font-size: 18px;
	}
}

/* News detail page */
.news-detail-page .news-detail-main {
	padding: 92px 0 118px;
	background: #101010;
}

.news-detail-page .news-detail-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 54px;
	align-items: start;
}

.news-detail-page .news-detail-article {
	
}

.news-detail-page .news-detail-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 30px;
	padding-bottom: 34px;
	border-bottom: 1px solid #2c2c2c;
}

.news-detail-page .news-detail-heading {
	min-width: 0;
}

.news-detail-page .news-detail-category {
	margin: 0 0 14px;
	color: var(--kx-orange);
	font-family: "Outfit", Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.news-detail-page .news-detail-head h2 {
	max-width: 900px;
	margin: 0 0 18px;
	color: #fff;
	font-size: 52px;
	font-weight: 800;
	line-height: 1.08;
}

.news-detail-page .news-detail-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 26px;
	color: #8f8f96;
	font-family: "Outfit", Arial, sans-serif;
	font-size: 13px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.news-detail-page .news-detail-back {
	display: flex;
	flex: 0 0 52px;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border: 1px solid #454545;
	background: #161616;
	transition: border-color .25s ease, background .25s ease;
}

.news-detail-page .news-detail-back:hover {
	border-color: var(--kx-orange);
	background: var(--kx-orange);
}

.news-detail-page .news-detail-back img {
	display: block;
	width: 15px;
	height: 15px;
	filter: brightness(0) invert(1);
	transform: rotate(180deg);
}

.news-detail-page .news-detail-body {
	padding: 42px 0 48px;
	color: #b0b0b6;
	font-size: 16px;
	line-height: 1.95;
}

.news-detail-page .news-detail-body > img {
	display: block;
	width: 100%;
	max-height: 560px;
	margin: 0 0 36px;
	border: 1px solid #2c2c2c;
	object-fit: cover;
}

.news-detail-page .news-detail-body p {
	max-width: 920px;
	margin: 0 0 20px;
}

.news-detail-page .news-detail-body .news-detail-lead {
	color: #e1e1e5;
	font-size: 18px;
	line-height: 1.85;
}

.news-detail-page .news-detail-body h3 {
	margin: 38px 0 14px;
	color: #fff;
	font-size: 27px;
	font-weight: 700;
	line-height: 1.3;
}

.news-detail-page .news-detail-body h3:first-of-type {
	margin-top: 42px;
}

.news-detail-page .news-detail-body p:last-child {
	margin-bottom: 0;
}

.news-detail-page .news-detail-page-turn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	padding-top: 28px;
	border-top: 1px solid #2c2c2c;
}

.news-detail-page .news-detail-page-turn a {
	display: inline-flex;
	align-items: center;
	max-width: 46%;
	gap: 10px;
	color: #a0a0a6;
	font-family: "Outfit", Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: color .25s ease;
}

.news-detail-page .news-detail-page-turn a:hover {
	color: var(--kx-orange);
}

.news-detail-page .news-detail-page-turn a:last-child {
	justify-content: flex-end;
	text-align: right;
}

.news-detail-page .news-detail-page-turn-arrow {
	display: block;
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
	filter: brightness(0) invert(1);
}

.news-detail-page .news-detail-page-turn-arrow.prev {
	transform: rotate(180deg);
}

.news-detail-page .news-detail-sidebar {
	position: sticky;
	top: 30px;
	padding: 26px 22px 24px;
	border: 1px solid #2c2c2c;
	background: #161616;
}

.news-detail-page .news-detail-sidebar-head {
	padding-bottom: 18px;
	border-bottom: 1px solid #2c2c2c;
}

.news-detail-page .news-detail-sidebar-head .news-detail-category {
	margin-bottom: 10px;
	font-size: 11px;
}

.news-detail-page .news-detail-sidebar-head h3 {
	margin: 0;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
}

.news-detail-page .news-detail-recommendations {
	display: grid;
	gap: 22px;
	padding-top: 22px;
}

.news-detail-page .news-detail-recommendation {
	display: block;
	color: #fff;
}

.news-detail-page .news-detail-recommendation-media {
	overflow: hidden;
	aspect-ratio: 16 / 9;
	margin-bottom: 14px;
	background: #252525;
}

.news-detail-page .news-detail-recommendation-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.news-detail-page .news-detail-recommendation-copy > span {
	display: block;
	margin-bottom: 7px;
	color: #8f8f96;
	font-family: "Outfit", Arial, sans-serif;
	font-size: 10px;
	letter-spacing: .8px;
	line-height: 1.4;
	text-transform: uppercase;
}

.news-detail-page .news-detail-recommendation-copy h4 {
	margin: 0;
	color: #e8e8eb;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.45;
	transition: color .25s ease;
}

.news-detail-page .news-detail-recommendation-copy em {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 10px;
	color: var(--kx-orange);
	font-family: "Outfit", Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.news-detail-page .news-detail-recommendation-copy em img {
	width: 11px;
	height: 11px;
	filter: brightness(0) invert(1);
	transition: transform .25s ease;
}

.news-detail-page .news-detail-recommendation:hover .news-detail-recommendation-media img {
	transform: scale(1.04);
}

.news-detail-page .news-detail-recommendation:hover .news-detail-recommendation-copy h4 {
	color: var(--kx-orange);
}

.news-detail-page .news-detail-recommendation:hover .news-detail-recommendation-copy em img {
	transform: translateX(3px);
}

@media (max-width: 991px) {
	.news-detail-page .news-detail-main {
		padding: 72px 0 90px;
	}

	.news-detail-page .news-detail-layout {
		grid-template-columns: minmax(0, 1fr) 250px;
		gap: 30px;
	}

	.news-detail-page .news-detail-head h2 {
		font-size: 42px;
	}
}

@media (max-width: 767px) {
	.news-detail-page .news-detail-main {
		padding: 56px 0 70px;
	}

	.news-detail-page .news-detail-layout {
		display: block;
	}

	.news-detail-page .news-detail-head {
		display: block;
		padding-bottom: 26px;
	}

	.news-detail-page .news-detail-head h2 {
		font-size: 34px;
	}

	.news-detail-page .news-detail-back {
		margin-top: 22px;
	}

	.news-detail-page .news-detail-body {
		padding: 32px 0 38px;
		font-size: 14px;
	}

	.news-detail-page .news-detail-body > img {
		margin-bottom: 28px;
	}

	.news-detail-page .news-detail-body .news-detail-lead {
		font-size: 16px;
	}

	.news-detail-page .news-detail-body h3 {
		font-size: 23px;
	}

	.news-detail-page .news-detail-page-turn {
		display: block;
	}

	.news-detail-page .news-detail-page-turn a {
		max-width: 100%;
		margin-bottom: 18px;
	}

	.news-detail-page .news-detail-page-turn a:last-child {
		justify-content: flex-start;
		margin-bottom: 0;
		text-align: left;
	}

	.news-detail-page .news-detail-sidebar {
		position: static;
		margin-top: 46px;
	}
}

@media (max-width: 420px) {
	.news-detail-page .news-detail-head h2 {
		font-size: 28px;
	}

	.news-detail-page .news-detail-body .news-detail-lead {
		font-size: 15px;
	}
}

/* Download page */


.download-page .download-layout {
	display: grid;
	grid-template-columns: minmax(260px, 280px) minmax(0, 1fr);
	gap: 32px;
	align-items: start;
}

.download-page .download-filter-panel {
	position: sticky;
	top: 24px;
	padding: 30px 26px 32px;
	border: 1px solid #2a2a2a;
	background: #161616;
	border-radius: 0;
}

.download-page .download-filter-panel h3 {
	margin-bottom: 24px;
	color: #fff;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: 0;
}

.download-page .download-filter-group + .download-filter-group {
	margin-top: 28px;
}

.download-page .download-filter-group-title {
	margin-bottom: 14px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
}

.download-page .download-checks {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.download-page .download-check {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #d7d7dc;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	cursor: pointer;
}

.download-page .download-check i {
	position:relative;
	display:inline-block;
	border-radius:50%;
	border:1px solid #666;
	width: 16px;
	height: 16px;
}
.download-page .download-check.cur i{
	border:1px solid var(--kx-orange);
}
.download-page .download-check.cur i:before{
	content:'';
	position:absolute;
	right:2px;
	left:2px;
	top:2px;
	bottom:2px;
	border-radius:50%;
	background:var(--kx-orange);
}
.download-page .download-check span {
	transition: color .25s ease;
}

.download-page .download-check:hover span {
	color: #fff;
}



.download-page .download-results {
	min-width: 0;
	padding-top: 6px;
	border-top: 1px solid #252525;
}

.download-page .download-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 40px 32px;
}

.download-page .download-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	transition: transform .3s ease;
}

.download-page .download-card:hover {
	transform: translateY(-6px);
}

.download-page .download-card-label {
	margin-bottom: 10px;
	color: #d2d2d7;
	font-family: "Outfit", Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .2px;
}

.download-page .download-card-media {
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	border: 1px solid #2b2b2b;
	background: #0f0f0f;
	transition: border-color .3s ease;
}

.download-page .download-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease;
}

.download-page .download-card:hover .download-card-media img {
	transform: scale(1.05);
}

.download-page .download-card:hover .download-card-media {
	border-color: rgba(255, 107, 18, .55);
}

.download-page .download-card-body {
	padding-top: 12px;
}

.download-page .download-card-body h3 {
	min-height: 56px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
}

.download-page .download-card-body p {
	min-height: 26px;
	margin-top: 6px;
	color: #a2a2a8;
	font-size: 14px;
	line-height: 1.8;
}

.download-page .download-card-meta {
	margin-top: 8px;
	color: #9a9aa1;
	font-family: "Outfit", Arial, sans-serif;
	font-size: 13px;
	letter-spacing: 1.5px;
}

.download-page .download-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
	color: var(--kx-orange);
	font-family: "Outfit", Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	transition: color .25s ease;
}

.download-page .download-link:hover {
	color: #fff;
}

.download-page .download-link .arrow-icon {
	width: 12px;
	height: 12px;
	margin-left: 0;
}

.download-page .download-empty {
	display: none;
	padding: 24px;
	border: 1px dashed #2e2e2e;
	color: #a4a4aa;
}

.download-page .download-empty.is-visible {
	display: block;
	margin-top: 28px;
}

@media (max-width: 1200px) {
	.download-page .download-layout {
		grid-template-columns: minmax(240px, 260px) minmax(0, 1fr);
		gap: 24px;
	}

	.download-page .download-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 30px 24px;
	}
}

@media (max-width: 991px) {
	.download-page .download-shell {
		padding: 72px 0 90px;
	}

	.download-page .download-layout {
		grid-template-columns: 1fr;
	}

	.download-page .download-filter-panel {
		position: relative;
		top: 0;
	}

	.download-page .download-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px 20px;
	}
}

@media (max-width: 767px) {
	.download-page .download-shell {
		padding: 56px 0 70px;
	}

	.download-page .download-filter-panel {
		padding: 24px 18px 26px;
	}

	.download-page .download-filter-panel h3 {
		font-size: 22px;
	}

	.download-page .download-filter-group-title {
		font-size: 16px;
	}

	.download-page .download-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.download-page .download-btn {
		height: 42px;
	}

	.download-page .download-card-body h3 {
		min-height: auto;
		font-size: 18px;
	}
}

/* Products inner page */
.products-page .products-shell {
	padding: 92px 0 118px;
}

.products-page .products-layout {
	display: grid;
	grid-template-columns: minmax(260px, 280px) minmax(0, 1fr);
	gap: 32px;
	align-items: start;
}

.products-page .products-sidebar {
	position: sticky;
	top: 24px;
	padding: 30px 26px 32px;
	border: 1px solid #2a2a2a;
	background: #161616;
}

.products-page .products-sidebar h3 {
	margin: 16px 0 8px;
	color: #fff;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.1;
}

.products-page .products-sidebar p {
	color: #9b9ba1;
	font-size: 14px;
	line-height: 1.9;
}

.products-page .products-categories {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 24px;
}

.products-page .products-categories a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 16px;
	border: 1px solid #2c2c2c;
	background: #121212;
	color: #d7d7dc;
	font-size: 14px;
	font-weight: 600;
	transition: border-color .25s ease, background .25s ease, color .25s ease;
}

.products-page .products-categories a span {
	color: var(--kx-orange);
	font-family: "Outfit", Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
}

.products-page .products-categories a:hover,
.products-page .products-categories a.active {
	border-color: var(--kx-orange);
	background: rgba(255, 107, 18, .08);
	color: #fff;
}

.products-page .products-catalog {
	min-width: 0;
}

.products-page .products-group {
	margin-top: 46px;
}

.products-page .products-group:first-child {
	margin-top: 0;
}

.products-page .products-group-head {
	margin-bottom: 24px;
}

.products-page .products-group-head h3 {
	color: #fff;
	font-size: 30px;
	font-weight: 800;
	line-height: 1.15;
}

.products-page .products-group-head p {
	max-width: 760px;
	margin-top: 12px;
	color: #9b9ba1;
	font-size: 15px;
	line-height: 1.9;
}

.products-page .products-group-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.products-page .products-group-grid .product-card {
	width: 100%;
	margin: 0;
}

.products-page .products-group-grid .product-info p {
	margin-bottom: 16px;
	font-size: 18px;
}

.products-page .products-group-grid .product-info h3 {
	font-size:30px;
	letter-spacing:5px;
}
/**/
.video_box .container {
	background: url(../images/dc.jpg) no-repeat center;
	background-size:cover;
	align-items: center;
       display: flex;
    min-height: 540px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 15px;
    border: 10px solid #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}
.player-box {
	display: flex;
	position: relative;
	width: 70px;
	height: 70px;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.player-box:hover {
	background: #fff;
}

.player-box>img {
	margin-right: -5px;
}

.player-box:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-animation: circlepulse2 1.5s ease 0s infinite;
	animation: circlepulse2 1.5s ease 0s infinite;
	z-index: 0;
}


@media (max-width: 1200px) {
	.products-page .products-layout {
		grid-template-columns: minmax(240px, 260px) minmax(0, 1fr);
		gap: 24px;
	}

}

@media (max-width: 991px) {
	.products-page .products-shell {
		padding: 72px 0 90px;
	}

	.products-page .products-layout {
		grid-template-columns: 1fr;
	}

	.products-page .products-sidebar {
		position: relative;
		top: 0;
	}

}

@media (max-width: 767px) {
	.products-page .products-shell {
		padding: 56px 0 70px;
	}

	.products-page .products-sidebar {
		padding: 24px 18px 26px;
	}

	.products-page .products-sidebar h3 {
		font-size: 22px;
	}

	.products-page .products-group-head h3 {
		font-size: 22px;
	}

	.products-page .products-group-head p {
		font-size: 14px;
	}

	.products-page .products-group-grid .product-info {
		padding: 22px 18px;
	}

	.products-page .products-group-grid .product-info h3 {
		font-size: 22px;
		letter-spacing: 5px;
	}


}

/* Product detail page */
.product-view-page .product-detail-shell {
	padding: 92px 0 118px;
}

.product-view-page .product-detail-layout {
	margin: 0;
}

.product-view-page .product-detail-layout::after {
	display: block;
	clear: both;
	content: "";
}

.product-view-page .product-gallery {
	float: left;
	width: calc(50% - 35px);
}

.product-view-page .product-gallery-main {
	position: relative;
	background: #121212;
	border: 1px solid #2a2a2a;
	overflow: hidden;
}

.product-view-page .product-gallery-main .swiper-slide {
	aspect-ratio: 1 / 1;
}

.product-view-page .product-gallery-main .swiper-slide img,
.product-view-page .product-gallery-thumbs .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-view-page .product-gallery-control {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .46);
	background: rgba(10, 10, 10, .72);
	transform: translateY(-50%);
	cursor: pointer;
	transition: border-color .25s ease, background .25s ease;
}

.product-view-page .product-gallery-control:hover {
	border-color: var(--kx-orange);
	background: var(--kx-orange);
}

.product-view-page .product-gallery-prev {
	left: 20px;
}

.product-view-page .product-gallery-next {
	right: 20px;
}

.product-view-page .product-gallery-prev .product-gallery-arrow {
	transform: rotate(225deg);
}

.product-view-page .product-gallery-arrow {
	display: block;
	width: 14px;
	height: 14px;
	margin: 0;
	filter: brightness(0) invert(1);
	    transform: rotate(45deg);
}

.product-view-page .product-gallery-thumbs {
	margin-top: 14px;
	overflow: hidden;
}

.product-view-page .product-gallery-thumbs .swiper-slide {
	aspect-ratio: 1 / 1;
	border: 1px solid #303030;
	cursor: pointer;
	opacity: .56;
	transition: border-color .25s ease, opacity .25s ease;
}

.product-view-page .product-gallery-thumbs .swiper-slide-thumb-active,
.product-view-page .product-gallery-thumbs .swiper-slide:hover {
	border-color: var(--kx-orange);
	opacity: 1;
}

.product-view-page .product-summary {
	position: sticky;
	top: 30px;
	float: right;
	width: calc(50% - 35px);
	padding-top: 18px;
}

.product-view-page .product-summary-kicker {
	margin: 0 0 18px;
	color: var(--kx-orange);
	font-family: "Outfit", Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
}

.product-view-page .product-summary h2 {
	max-width: 620px;
	margin: 0;
	color: #fff;
	font-size: 54px;
	font-weight: 800;
	line-height: 1.02;
}

.product-view-page .product-summary-intro {
	max-width: 610px;
	margin: 26px 0 0;
	color: #a4a4aa;
	font-size: 16px;
	line-height: 1.9;
}

.product-view-page .product-spec-list {
	margin: 36px 0 0;
	padding: 0;
	border-top: 1px solid #2a2a2a;
	list-style: none;
}

.product-view-page .product-spec-list li {
	display: grid;
	grid-template-columns: 145px minmax(0, 1fr);
	gap: 20px;
	padding: 17px 0;
	border-bottom: 1px solid #2a2a2a;
	color: #c9c9ce;
	font-size: 14px;
	line-height: 1.65;
}

.product-view-page .product-spec-list strong {
	color: #fff;
	font-family: "Outfit", Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.product-view-page .product-detail-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 24px;
	margin-top: 36px;
}

.product-view-page .product-detail-actions .btn-primary-kx,
.product-view-page .product-detail-actions .btn-line-kx {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	min-height: 48px;
	padding: 0 22px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .5px;
	transition: background .25s ease, border-color .25s ease, color .25s ease;
}

.product-view-page .product-detail-actions .btn-primary-kx {
	background: var(--kx-orange);
	color: #111;
}

.product-view-page .product-detail-actions .btn-primary-kx:hover {
	background: #fff;
}

.product-view-page .product-detail-actions .btn-line-kx {
	border: 1px solid #454545;
	color: #fff;
}

.product-view-page .product-detail-actions .btn-line-kx:hover {
	border-color: var(--kx-orange);
	color: var(--kx-orange);
}

.product-view-page .product-detail-actions .arrow-icon {
	width: 14px;
	height: 14px;
	margin: 0;
	filter: brightness(0) invert(1);
}

.product-view-page .product-detail-actions .btn-primary-kx .arrow-icon {
	filter: brightness(0);
}

.product-view-page .product-detail-panel {
	margin-top: 92px;
	border: 1px solid #2a2a2a;
	background: #121212;
}

.product-view-page .product-detail-heading {
	padding: 34px 42px 30px;
	border-bottom: 1px solid #2a2a2a;
}

.product-view-page .product-detail-heading h2 {
	margin: 17px 0 0;
	color: #fff;
	font-size: 32px;
	font-weight: 800;
	line-height: 1.15;
}

.product-view-page .product-detail-content {
	padding: 42px;
}

.product-view-page .product-detail-content h3 {
	margin: 0 0 12px;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
}

.product-view-page .product-detail-content h3:not(:first-child) {
	margin-top: 34px;
}

.product-view-page .product-detail-content p {
	max-width: 920px;
	margin: 0;
	color: #9b9ba1;
	font-size: 15px;
	line-height: 1.9;
}

.product-view-page .product-detail-table {
	overflow-x: auto;
	margin-top: 32px;
}

.product-view-page .product-detail-table table {
	width: 100%;
	min-width: 560px;
	border-collapse: collapse;
	color: #c9c9ce;
	font-size: 14px;
	line-height: 1.6;
}

.product-view-page .product-detail-table th,
.product-view-page .product-detail-table td {
	padding: 16px 18px;
	border: 1px solid #2f2f2f;
	text-align: left;
	vertical-align: top;
}

.product-view-page .product-detail-table th {
	width: 25%;
	background: #181818;
	color: #fff;
	font-family: "Outfit", Arial, sans-serif;
	font-weight: 600;
	letter-spacing: .5px;
}

.product-view-page .related-products {
	margin-top: 92px;
}

.product-view-page .related-products .products-head h2 {
	margin-top: 17px;
	color: #fff;
	font-size: 34px;
	font-weight: 800;
	line-height: 1.15;
}

.product-view-page .related-products-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	margin-top: 32px;
}

.product-view-page .related-product-card {
	min-width: 0;
	border: 1px solid #2a2a2a;
	background: #161616;
	color: #fff;
	transition: border-color .25s ease, transform .25s ease;
}

.product-view-page .related-product-card:hover {
	border-color: var(--kx-orange);
	transform: translateY(-4px);
}

.product-view-page .related-product-media {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #111;
}

.product-view-page .related-product-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease;
}

.product-view-page .related-product-card:hover .related-product-media img {
	transform: scale(1.04);
}

.product-view-page .related-product-body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	gap: 6px 16px;
	align-items: center;
	padding: 20px 22px 22px;
}

.product-view-page .related-product-body span {
	grid-column: 1 / -1;
	color: var(--kx-orange);
	font-family: "Outfit", Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.product-view-page .related-product-body h3 {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
}

.product-view-page .related-product-body .arrow-icon {
	grid-column: 2;
	grid-row: 2;
	width: 16px;
	height: 16px;
	margin: 0;
	filter: brightness(0) invert(1);
}

@media (max-width: 991px) {
	.product-view-page .product-detail-shell {
		padding: 72px 0 90px;
	}

	.product-view-page .product-detail-layout {
		margin: 0;
	}

	.product-view-page .product-gallery,
	.product-view-page .product-summary {
		float: none;
		width: auto;
		padding-top: 0;
	}

	.product-view-page .product-summary {
		position: static;
		margin-top: 44px;
	}

	.product-view-page .product-detail-panel,
	.product-view-page .related-products {
		margin-top: 72px;
	}

	.product-view-page .related-products-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.product-view-page .product-detail-shell {
		padding: 56px 0 70px;
	}

	.product-view-page .product-gallery-control {
		width: 38px;
		height: 38px;
	}

	.product-view-page .product-gallery-prev {
		left: 12px;
	}

	.product-view-page .product-gallery-next {
		right: 12px;
	}

	.product-view-page .product-summary h2 {
		font-size: 32px;
	}

	.product-view-page .product-summary-intro {
		font-size: 14px;
	}

	.product-view-page .product-spec-list li {
		grid-template-columns: 1fr;
		gap: 5px;
		padding: 14px 0;
	}

	.product-view-page .product-detail-actions {
		align-items: stretch;
		flex-direction: column;
		gap: 12px;
	}

	.product-view-page .product-detail-actions .btn-primary-kx,
	.product-view-page .product-detail-actions .btn-line-kx {
		justify-content: center;
	}

	.product-view-page .product-detail-heading,
	.product-view-page .product-detail-content {
		padding: 26px 18px;
	}

	.product-view-page .product-detail-heading h2,
	.product-view-page .related-products .products-head h2 {
		font-size: 25px;
	}

	.product-view-page .product-detail-content h3 {
		font-size: 19px;
	}

	.product-view-page .product-detail-content p {
		font-size: 14px;
	}

	.product-view-page .related-products-grid {
		grid-template-columns: 1fr;
	}
}

/* FAQ inner page */
.faq-page .faq-shell {
	padding: 92px 0 118px;
}

.faq-page .faq-list {
	display: grid;
	gap: 18px;
	margin-top: 36px;
}

.faq-page .faq-item {
	border: 1px solid #2a2a2a;
	background: #161616;
	overflow: hidden;
}

.faq-page .faq-item summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 24px 28px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.45;
	cursor: pointer;
	list-style: none;
}

.faq-page .faq-item summary::-webkit-details-marker {
	display: none;
}

.faq-page .faq-item[open] summary {
	border-bottom: 1px solid #2a2a2a;
}

.faq-page .faq-mark {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	flex: 0 0 auto;
	border: 1px solid #2c2c2c;
	color: var(--kx-orange);
	transition: border-color .25s ease, background .25s ease, transform .25s ease;
}

.faq-page .faq-item[open] .faq-mark {
	border-color: var(--kx-orange);
	background: rgba(255, 107, 18, .08);
	transform: rotate(180deg);
}

.faq-page .faq-answer {
	padding: 24px 28px 30px;
	color: #a0a0a6;
	font-size: 14px;
	line-height: 1.9;
}

.faq-page .faq-answer p + p {
	margin-top: 12px;
}

@media (max-width: 991px) {
	.faq-page .faq-shell {
		padding: 72px 0 90px;
	}
}

@media (max-width: 767px) {
	.faq-page .faq-shell {
		padding: 56px 0 70px;
	}

	.faq-page .faq-list {
		margin-top: 28px;
	}

	.faq-page .faq-item summary {
		padding: 20px 18px;
		font-size: 16px;
	}

	.faq-page .faq-answer {
		padding: 20px 18px 24px;
	}
}

/* Contact */
.contact-section {
	margin-top: -1px;
	padding: 0 0 60px;
	background: linear-gradient(var(--kx-panel) 0 40%, #0f0f0f 27% 100%);

}

.contact-card {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	max-width: 1600px;
	min-height: 355px;
	margin: 0 auto;
	padding: 88px 132px 80px;
	background: #121212;
	border-radius: 14px;
	border-bottom: 1px solid #333;
}

.contact-audio-canvas {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	opacity: .88;
	mix-blend-mode: screen;
}

.contact-card .section-title,
.contact-card .consult-form {
	position: relative;
	z-index: 2;
}

.contact-card .section-title h2 {
	margin-top: 16px;
	font-size: 40px;
}

.consult-form {
	margin-top: 64px;
}

.contact-card .form-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 52px;
}

.consult-form input {
	width: 100%;
	height: 48px;
	background: transparent;
	border: none;
	border-bottom: 1px solid #666;
	outline: none;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}

.consult-form input::placeholder {
	color: #9b9ba0;
	opacity: 1;
}

.message-row {
	display: flex!important;
	align-items: flex-end;
	gap: 40px;
	margin-top: 64px;
}

.message-row input {
	flex: 1;
}

.consult-form button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background: transparent;
	border: none;
	color: #8f8f95;
	font-size: 38px;
	cursor: pointer;
	transition: color .25s ease;
}
.consult-form button img.arrow-icon{
	width: 100%;
	height: 100%;
	filter: brightness(0) invert(1);
}
.consult-form button:hover {
	color: var(--kx-orange);
}
.consult-form button:hover img.arrow-icon{
	filter:inherit;
}

/* Contact feedback form */
.warrper{
	padding: 80px 0;
}
.contact-page #feedback {
	margin-top: 34px;
	padding: 80px;
	background: var(--kx-panel);
}

.contact-page #feedback .feedback-con.contact-card {
	max-width: 1600px;
	margin: 0 auto;
	padding: 40px 80px;
	background:
		linear-gradient(180deg, rgba(255, 107, 18, .05) 0%, rgba(255, 107, 18, 0) 22%),
		#121212;
	border: 1px solid #2f2f2f;
	border-radius: 14px;
}

.contact-page #feedback .feedback-form {
	position: relative;
	z-index: 2;
}


.contact-page #feedback .feedback-form .form-control-input {
	display: flex;
	align-items: center;
	gap: 14px;
	width: 100%;
}

.contact-page #feedback .feedback-form .form-control,
.contact-page #feedback .feedback-form .form-textarea {
	width: 100%;
	border: none;
	border-radius: 0;
	outline: none;
	background: transparent;
	color: #fff;
	box-shadow: none;
	transition: border-color .25s ease, color .25s ease, background .25s ease;
}

.contact-page #feedback .feedback-form .form-control {
	height: 56px;
	padding: 0;
	border-bottom: 1px solid #5a5a5a;
}

.contact-page #feedback .feedback-form .form-control:focus,
.contact-page #feedback .feedback-form .form-textarea:focus {
	border-color: var(--kx-orange);
}

.contact-page #feedback .feedback-form .form-control::placeholder,
.contact-page #feedback .feedback-form .form-textarea::placeholder {
	color: #9b9ba0;
	opacity: 1;
}

.contact-page #feedback .feedback-form .form-textarea {
	min-height: 140px;
	padding: 18px 0 14px;
	resize: vertical;
	border-bottom: 1px solid #5a5a5a;
	line-height: 1.7;
}

.contact-page #feedback .feedback-code .feedback-code-input {
	flex: 1;
	min-width: 0;
}

.contact-page #feedback .feedback-captcha {
	flex: 0 0 140px;
	width: 140px;
	height: 56px;
	object-fit: cover;
	border: 1px solid #353535;
	background: #0f0f0f;
}

.contact-page #feedback .feedback-submit-wrap {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.contact-page #feedback .feedback-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 56px;
	padding: 0 28px;
	border: 1px solid var(--kx-orange);
	background: var(--kx-orange);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: background .25s ease, border-color .25s ease, transform .25s ease;
}

.contact-page #feedback .feedback-submit:hover {
	background: #e95d00;
	border-color: #e95d00;
	transform: translateY(-2px);
}
/* Footer */
footer {
	background: #0f0f0f;
	color: #fff;
}

.footer-main {
	max-width: 1600px;
	margin: 0 auto;
}

.footer-brand-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:50px 0;
	border-bottom: 1px solid var(--kx-line);
}

.footer-brand-row > img {
	width: 260px;
}

.socials {
	display: flex;
	align-items: center;
	gap: 44px;
}

.socials li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
}

.socials img {
	max-width: 30px;
	max-height: 30px;
	filter: grayscale(1) brightness(0) invert(1);
}

.footer-nav-row {
	display: flex;
	border-bottom: 1px solid var(--kx-line);
	justify-content: space-between;
}

.footer-col,
.footer-contact {
	padding:20px 0;
}

.footer-contact {
	width: ;
	padding-left: 70px;
	border-left: 1px solid var(--kx-line);
}

.footer-col h3,
.footer-contact h3 {
	margin-bottom:22px;
	color:var(--kx-orange);
	font-family: "Raleway", Arial, sans-serif;
	font-size: 22px;
	font-weight: 700;
}

.footer-col a,
.footer-contact p {
	display: block;
	margin-bottom: 12px;
	color: #85858a;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.55;
}

.footer-col a:last-child,
.footer-contact p:last-child{
	margin-bottom: 0;
}
.footer-col a:hover {
	color: var(--kx-orange);
}

.footer-contact strong {
	display: block;
	margin-bottom: 24px;
	color:#fff;
	font-size:20px;
	font-weight: 800;
	line-height: 1;
}

.footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px 0;
	color: #85858a;
	font-size: 15px;
}

@media (max-width: 1680px) {
	.banner-copy {
		left: 7%;
	}
	.header_box {
		padding-left: 7%;
		padding-right: 7%;
	}
	.banner-copy {
		width: 500px;
	}
	.contact-card,
	.footer-main,
	.kx-narrow {
		max-width: 1440px;
	}

}

@media (max-width: 1360px) {
	.fupad img {
		width:160px;
	}
	header.header .navbar-nav {
		gap: 24px;
	}
	.banner-copy h1 {
		font-size: 76px;
	}

	.product-info h3 {
		font-size: 34px;
		letter-spacing:2px;
	}
	.product-info h3 span {
		font-size: 50px;
	}
	.contact-card,
	.footer-main,
	.kx-narrow {
		max-width: 1180px;
	}
	.contact-card {
		padding-left: 80px;
		padding-right: 80px;
	}
	.footer-contact strong {
		font-size: 38px;
	}
		.products-page .products-group-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap:10px;
	}
}

@media (max-width: 1240px) {

	header.header,
	.header_box {
		height: 70px;
	}
	.header.active .header_box {
		height: 64px;
	}
	header.header .navbar {
		display: none !important;
	}
	.header_right {
		gap: 18px;
	}

	.cart a {
		height: 38px;
		padding: 0 18px;
		font-size: 13px;
	}
	.moblie_title_right {
		display: block;
	}
	.bheader,
	.banner-wrapper,
	.banner-wrapper .swiper-wrapper,
	.banner-wrapper .swiper-slide {
		height: 720px;
		min-height: 620px;
	}
	.banner-copy {
		left: 5%;
		width: 460px;
	}
	.banner-copy h1 {
		font-size: 66px;
	}
	.stat-cell {
		padding: 36px 32px;
	}
	.about-grid {
		grid-template-columns: 1fr;
	}
	.about-left {
		border-right: none;
		border-bottom: 1px solid var(--kx-line);
	}
	.about-right {
		padding: 70px 7%;
	}
	.about-page .about-anchor-nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.about-page .about-block {
		padding: 72px 0;
	}
	.about-page .about-profile-grid {
		grid-template-columns: 1fr;
	}
	.about-page .about-copy {
		padding-right: 0;
	}
	.about-page .about-metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.about-page .about-equipment-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.about-page .about-process-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.about-page .about-video-overlay {
		left: 26px;
		right: 26px;
		bottom: 24px;
	}
	.about-page .about-factory-feature,
	.about-page .about-factory-feature > img {
		min-height: 320px;
	}
	.about-page .about-factory-feature-copy {
		left: 30px;
		max-width: 380px;
	}
	.about-page .about-factory-feature-copy h3 {
		font-size: 30px;
	}
	
	.cap-grid {
		grid-template-columns: 1fr 1fr;
	}
	.cap-card:nth-child(3n) {
		border-right: 2px solid #101010;
	}
	.cap-card:nth-child(2n) {
		border-right: none;
	}
	.cap-card:nth-last-child(-n + 3) {
		border-bottom: 2px solid #101010;
	}
	.cap-card:nth-last-child(-n + 2) {
		border-bottom: none;
	}
	.contact-card,
	.footer-main,
	.kx-narrow {
		max-width: calc(100% - 60px);
	}
	.footer-nav-row {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.footer-contact {
		grid-column: span 2;
		padding-left: 0;
		border-left: none;
		border-top: 1px solid var(--kx-line);
	}
}
@media (min-width: 992px) and (max-width: 1200px){
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%!important;
    }
}
@media (max-width: 991px) {

	.pro-wrapper .swiper-slide a{
		width: calc(50% - 30px);
	}
	.contact-page #feedback{
		padding: 20px;
	}
	.contact-page .contact-map-section {
		padding-bottom: 70px;
	}
	.contact-page .contact-map {
		min-height: 360px;
	}
	.contact-page .contact-map-canvas,
	.contact-page .contact-map-fallback {
		height: 360px;
	}
		.footer-nav-row {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.header_box {
		padding-left: 28px;
		padding-right: 28px;
	}
	.lang_box {
		display: none;
	}

	.banner-img {
		object-position: 60% center;
	}
	.banner-copy {
		top: 50%;
		left: 34px;
		width: calc(100% - 68px);
		transform: translateY(-50%);
	}
	.banner-copy h1 {
		font-size: 58px;
	}
	.banner-desc {
		max-width: 460px;
		font-size: 15px;
	}
	.stats-bar {
		grid-template-columns: repeat(2, 1fr);
	}
	.stat-cell:nth-child(2n) {
		border-right: none;
	}
	.stat-cell:nth-child(-n + 2) {
		border-bottom: 1px solid var(--kx-line);
	}
	.about-page .about-metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.about-page .about-process-note {
		flex-direction: column;
		align-items: flex-start;
	}
	.about-page .about-process-note .btn-primary-kx {
		width: auto;
		max-width: none;
	}

	.product-card,
	.cap-grid {
		grid-template-columns: 1fr;
	}
	.product-card {
		min-height: auto;
	}
	

	.cap-card,
	.cap-card:nth-child(2n),
	.cap-card:nth-child(3n),
	.cap-card:nth-last-child(-n + 2),
	.cap-card:nth-last-child(-n + 3) {
		border-right: none;
		border-bottom: 2px solid #101010;
	}
	.cap-card:last-child {
		border-bottom: none;
	}
	.news-card {
		height: 300px;
	}
	.contact-card {
		max-width: calc(100% - 34px);
		padding: 54px 38px;
	}

	.contact-page #feedback .feedback-submit-wrap {
		justify-content: flex-start;
	}


	.message-row {
		margin-top: 30px;
	}
	.footer-main {
		max-width: calc(100% - 50px);
	}
	.footer-brand-row {
		align-items: flex-start;
		flex-direction: column;
		gap: 38px;
	}
	.footer-brand-row > img {
		width: 280px;
	}
	.footer-col,
	.footer-contact {
		padding: 44px 0;
	}
}

@media (max-width: 680px) {
	.contact-page .contact-map-section {
		padding-bottom: 56px;
	}
	.contact-page .contact-map-heading h2 {
		font-size: 31px;
	}
	.contact-page .contact-map {
		min-height: 300px;
	}
	.contact-page .contact-map-canvas,
	.contact-page .contact-map-fallback {
		height: 300px;
	}
	.pro-wrapper .swiper-slide a{
		width: calc(100% - 30px);
	}
	.footer-brand-row{
		padding-top: 0;
	}
	.footer-col{
		padding: 20px 0;
	}
	.kx-narrow{
		max-width: 100%;
	}
	.header_box {
		padding-left: 18px;
		padding-right: 18px;
	}
	.fupad img {
		width: 160px;
	}
	.cart {
		display: none;
	}
	.mobile_header_list.cur {
		left: 18%;
	}
	.bheader,
	.banner-wrapper,
	.banner-wrapper .swiper-wrapper,
	.banner-wrapper .swiper-slide {
	
	}
	.banner-img {
		object-position: 70% center;
	}
	.banner-copy {
		left: 22px;
		width: calc(100% - 44px);
	}
	.sec-kicker {
		font-size: 11px;
		letter-spacing: 3px;
	}
	.banner-copy h1 {
		font-size: 46px;
		letter-spacing: -1px;
	}
	.banner-copy h4 {
		font-size: 11px;
		letter-spacing: 4px;
	}
	.banner-desc {
		font-size: 14px;
		line-height: 1.7;
	}
	.banner-actions,
	.about-actions {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		margin-top: 34px;
	}
	.btn-primary-kx,
	.btn-line-kx {
		width: 100%;
		max-width: 260px;
	}
	.marquee-track span {
		padding: 0 34px;
		letter-spacing: 4px;
	}
	.stats-bar {
		grid-template-columns: 1fr;
	}
	.stat-cell,
	.stat-cell:nth-child(2n) {
		border-right: none;
		border-bottom: 1px solid var(--kx-line);
	}
	.stat-cell:last-child {
		border-bottom: none;
	}
	.about-left {
		padding: 55px 20px;
	}
	.drum-ring-outer {
		width: min(330px, calc(100vw - 60px));
		height: min(330px, calc(100vw - 60px));
	}
	.drum-ring-outer-2 {
		width: min(400px, calc(100vw - 34px));
		height: min(400px, calc(100vw - 34px));
	}
	.about-right {
		padding: 55px 24px;
	}
	.about-right h2,
	.section-title h2,
	.news-section .section-title h2 {
		font-size: 32px;
	}
	.about-right p:not(.sec-kicker) {
		font-size: 15px;
	}
	.about-page .about-anchor-nav {
		grid-template-columns: 1fr;
	}
	.about-page .about-block {
		padding: 62px 0;
	}
	.about-page .about-block .section-title .section-lead {
		font-size: 15px;
	}
	.about-page .about-copy p {
		font-size: 15px;
	}
	.about-page .about-bullet-list,
	.about-page .about-metrics,
	.about-page .about-equipment-grid,
	.about-page .about-process-grid,
	.about-page .about-media-grid,
	.about-page .about-platform-grid {
		grid-template-columns: 1fr;
	}
	.about-page .about-video-overlay {
		left: 20px;
		right: 20px;
		bottom: 20px;
		gap: 14px;
	}
	.about-page .about-video-play {
		width: 54px;
		height: 54px;
		flex-basis: 54px;
	}
	.about-page .about-video-label span {
		font-size: 15px;
	}
	.about-page .about-video-caption {
		padding: 14px 16px 16px;
	}
	.about-page .about-factory-feature,
	.about-page .about-factory-feature > img {
		min-height: 300px;
	}
	.about-page .about-factory-feature-copy {
		left: 22px;
		right: 22px;
		max-width: none;
	}
	.about-page .about-factory-feature-copy h3 {
		font-size: 27px;
	}
	.about-page .about-factory-feature-copy p {
		font-size: 14px;
	}
	.about-page .about-process-card {
		min-height: auto;
		padding: 24px 20px;
	}
	.about-page .about-process-note {
		margin-top: 20px;
		padding-top: 18px;
	}
	.about-page .about-process-note .btn-primary-kx {
		width: 100%;
		max-width: 260px;
	}
	.about-page .about-process-note p {
		font-size: 14px;
	}
	.about-page .about-metric h3 {
		font-size: 24px;
	}
	.products-section,
	.capabilities-section,
	.news-section {
		padding-top: 62px;
	}
	.kx-container {
		padding-left: 18px;
		padding-right: 18px;
	}
	.products-grid {
		margin-top: 40px;
	}



	.cap-card {
		padding: 34px 24px;
	}
	.news-wrapper {
		margin-top: 45px;
	}
	.news-card {
		height: 245px;
		border-radius: 10px;
	}
	.news-card h3 {
		right: 18px;
		left: 18px;
		font-size: 15px;
	}
	.news-card .news-date {
		left: 18px;
		top: 18px;
		font-size: 13px;
	}
	.contact-section {
		padding-bottom: 62px;
	}
	.contact-card {
		border-radius: 10px;
		padding: 42px 22px;
	}
	.contact-page #feedback .feedback-con.contact-card {
		padding: 42px 22px;
		border-radius: 10px;
	}

	.contact-page #feedback .feedback-form .form-control {
		height: 52px;
	}
	.contact-page #feedback .feedback-form .form-textarea {
		min-height: 160px;
	}
	.contact-page #feedback .feedback-captcha {
		flex-basis: 140px;
		width: 140px;
		height: 52px;
	}
	.contact-page #feedback .feedback-submit {
		height: 48px;
	}
	.contact-card .section-title h2 {
		font-size: 31px;
	}
	.footer-nav-row {
		grid-template-columns: 1fr;
	}
	.footer-contact {
		grid-column: span 1;
	}
	.footer-brand-row > img {
		width: 220px;
	}
	.socials {
		gap: 24px;
	}
	.footer-contact strong {
		font-size: 32px;
	}
	.footer-bottom {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}
}


/* Product category hierarchy */
.products-page .products-categories {
	gap: 0;
}

.products-page .products-categories .products-category-group {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.products-page .products-categories .products-category-parent {
	padding: 15px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.products-page .products-categories .products-category-parent .products-category-label {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
}

.products-page .products-categories .products-category-parent > span {
	color: var(--kx-orange);
	font-size: 12px;
	letter-spacing: 1px;
}

.products-page .products-categories .products-category-parent:hover,
.products-page .products-categories .products-category-parent.active {
	border-color: transparent;
	background: transparent;
	color: #fff;
}

.products-page .products-categories .products-category-parent:hover .products-category-label,
.products-page .products-categories .products-category-parent.active .products-category-label {
	color: var(--kx-orange);
}

.products-page .products-categories .products-category-children {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0 0 12px 14px;
	padding-left: 15px;
	border-left: 1px solid rgba(255, 255, 255, .16);
}

.products-page .products-categories .products-category-children a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 8px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #9b9ba1;
	font-size: 13px;
	font-weight: 500;
}

.products-page .products-categories .products-category-children a strong::before {
	content: "-";
	margin-right: 8px;
	color: var(--kx-orange);
}

.products-page .products-categories .products-category-children a:hover,
.products-page .products-categories .products-category-children a.active {
	border-color: transparent;
	background: transparent;
	color: var(--kx-orange);
}

.products-page .products-categories .products-category-children a strong {
	font-weight: 500;
}
.products-page .products-categories .products-category-children a {
	justify-content: space-between;
	gap: 12px;
}

.products-page .products-categories .products-category-children a > span {
	flex: 0 0 auto;
	margin-left: auto;
	color: var(--kx-orange);
	font-family: "Outfit", Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
}