/*==========================================================================
  1.0 COMPONENT STYLES
============================================================================ */
:root {
	/* ========== 主色调 ========== */
	--color-primary: #0A2463;
	/* 深海藏青·主色 */
	--color-primary-light: #3E92CC;
	/* 科技蓝·辅助 */
	--color-accent: #00F5D4;
	/* 霓虹青·高亮强调 */
	--color-accent-alt: #22D3EE;
	/* 备选高亮 */

	/* ========== 中性色 · 浅色模式 ========== */
	--color-bg: #F6F6F6;
	/* 页面背景 */
	--color-card: #FFFFFF;
	/* 卡片纯白 */
	--color-card-light: #E9EFF6;
	/* 浅灰卡片 */
	--color-border: #CBD5E1;
	/* 边框线 */

	/* ========== 文字 ========== */
	--color-text-heading: #111827;
	/* 标题 */
	--color-text-body: #2D3748;
	/* 正文 */
	--color-text-secondary: #64748B;
	/* 次要文字 */
	--color-text-muted: #94A3B8;
	/* 弱提示文字 */

	/* ========== 功能色 ========== */
	--color-success: #10B981;
	/* 成功绿 */
	--color-warning: #F59E0B;
	/* 警告黄 */
	--color-danger: #EF4444;
	/* 错误红 */

	--theme-color: #0A7C5A;
	--theme-color2: #0A2155;
	--theme-bg-light: #F6F6F6;
	--theme-color-light: rgba(246, 88, 1, .15);
	--body-text-color: #757F95;
	--color-white: #ffffff;
	--color-dark: #002C5B;
	--color-green: #15D4C9;
	--color-blue: #0049D0;
	--color-skyblue: #00BFFF;
	--color-yellow: #F08200;
	--color-gray: #ECECEC;
	--color-red: #dd0000;
	--box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
	--box-shadow2: 0 0 15px rgba(0, 0, 0, 0.17);
	--transition: all .5s ease-in-out;
	--transition2: all .3s ease-in-out;
	--border-info-color: rgba(0, 0, 0, 0.08);
	--border-info-color2: rgba(0, 0, 0, 0.05);
	--border-white-color: rgba(255, 255, 255, 0.08);
	--border-white-color2: rgba(255, 255, 255, 0.05);
	--footer-bg: #0A2155;
	--footer-icon-bg: #F08200;
	--footer-text-color: #F5FAFF;
	--color-top-bg: #5A4A42;
}

/* ========== 深色模式 · 车载科技暗黑 ========== */
@media (prefers-color-scheme: dark) {
	:root {
		--color-bg: #121A2C;
		/* 深夜蓝黑背景 */
		--color-card: #1E293B;
		/* 卡片深空灰 */
		--color-card-light: #334155;
		--color-border: #475569;

		--color-text-heading: #F8FAFC;
		--color-text-body: #E2E8F0;
		--color-text-secondary: #CBD5E1;
		#38BDF8 #5A4A42 --color-text-muted: #94A3B8;
	}
}

body {
	font-family: Arial, Arial, myanmar_font;
	font-size: 14px;
	line-height: 26px;
	color: #666;
	overflow-x: hidden;
	background-color: var(--color-bg);
}

label {
	font-weight: 700;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	text-decoration: none;
	outline: none;
	color: #0a0a0a;
}


ul,
ol {
	margin: 0;
	padding-left: 17px;
	list-style: none;
}

ul ul,
ul ol,
ol ol,
ol ul {
	padding-left: 17px;
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.428;
	font-weight: 500;
	color: #000;
	margin-top: 0;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	margin-bottom: 20px;
}

blockquote,
q {
	font-weight: 500;
	display: inline-block;
	border-left: none;
	color: #333;
	font-size: 16px;
	line-height: 26px;
	border-bottom: 1px solid #f2f2f2;
	border-top: 1px solid #f2f2f2;
	padding: 20px 0;
	margin-top: 10px;
	margin-bottom: 38px;
}

blockquote p,
q p {
	font-style: italic;
	font-size: 14px;
}

blockquote::before {
	content: url('../image/quote-item.png');
	display: block;
}

.py-120 {
	padding: 120px 0;
}

/* ==========================================================================
  1.1 FORM
============================================================================ */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="url"],
textarea,
select {
	border: 1px solid #ddd;
	padding: 7px 20px;
	max-width: 100%;
	background: none;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="url"] {
	height: 42px;
	border-radius: 0;
}

textarea {
	line-height: 28px;
	padding: 11px 26px;
	height: auto;
	width: 100%;
	border-radius: 0;
}

select {
	font-size: 15px;
	color: #0a0a0a;
	padding: 0 21px;
}

option {
	padding: 5px 21px;
	height: 30px;
	line-height: 30px;
}

.button,
button,
input[type="submit"] {
	display: inline-block;
	padding: 9px 20px;
	color: #fff;
	border: none;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	border-radius: 0;
	font-family: 'Jost', sans-serif;
	line-height: 24px;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus,
button:focus,
select:focus {
	outline: none;
	border-color: #e6e6e6 !important;
}

:focus {
	outline: none;
}

::-webkit-input-placeholder {
	text-align: inherit;
	color: inherit;
	opacity: 1;
	filter: alpha(opacity=100);
}

:-moz-placeholder {
	/* Firefox 18- */
	text-align: inherit;
	color: inherit;
	opacity: 1;
	filter: alpha(opacity=100);
}

::-moz-placeholder {
	/* Firefox 19+ */
	text-align: inherit;
	color: inherit;
	opacity: 1;
	filter: alpha(opacity=100);
}

:-ms-input-placeholder {
	text-align: inherit;
	color: inherit;
	opacity: 1;
	filter: alpha(opacity=100);
}

.return-message {
	line-height: 20px;
	padding: 10px 30px;
	margin-top: 15px;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0 20px;
	border: 1px solid #ccc;
}

/* 表头样式 */
th {
	background-color: #e0e0e0;
	padding: 10px;
	text-align: left;
	border: 1px solid #ccc;
	font-weight: bold;
	font-size: 14px;
}

/* 单元格样式 */
td {
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 13px;
	vertical-align: top;
	line-height: 1.4;
	/* 优化多行文本行间距 */
}

/* 表头样式 */
thead th {
	background-color: #2a7d64;
	/* 深绿色表头背景 */
	color: white;
	padding: 12px;
	text-align: left;
	font-weight: bold;
	border: 1px solid #ddd;
}

/* 二级表头（产品型号）样式 */
thead .product-header {
	background-color: #3a9e82;
	/* 浅绿色产品列背景 */
}

/* 表格内容单元格样式 */
tbody td {
	padding: 10px;
	border: 1px solid #ddd;
	vertical-align: top;
}

/* 奇数行背景色，提升可读性 */
tbody tr:nth-child(odd) {
	background-color: #f9f9f9;
}

/* 鼠标悬停行高亮 */
tbody tr:hover {
	background-color: #f1f1f1;
}

/* 第一列（Item）加粗 */
tbody td:first-child {
	font-weight: bold;
	background-color: #e9f5f2;
}

:root {
	--primary-green: #2a7d64;
	/* 原图主色调 */
	--light-green: #e9f5f2;
	/* 第一列背景色 */
	--gray-row: #f4f4f4;
	/* 奇数行背景色 */
}

/* 表格样式重写：匹配原图 */
.spec-table {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
	border-collapse: collapse;
}

.spec-table thead th {
	background-color: var(--primary-green);
	color: #ffffff;
	border: 1px solid #e0e0e0;
	padding: 11px 14px;
	font-weight: 600;
}

.spec-table tbody td {
	border: 1px solid #e0e0e0;
	padding: 9px 14px;
	vertical-align: middle;
	line-height: 1.4;
}

/* 奇数行背景色 */
.spec-table tbody tr:nth-child(odd) {
	background-color: var(--gray-row);
}

/* 第一列样式 */
.spec-table tbody td:first-child {
	font-weight: 600;
	background-color: var(--light-green);
}

/* 响应式适配 */
@media (max-width: 768px) {

	table,
	th,
	td {
		font-size: 12px;
	}

	td,
	th {
		padding: 8px;
	}
}

/*-------------------Custom Bostrap Colum < 480px----------------------*/
@media (max-width: 480px) {

	.col-ts-1,
	.col-ts-10,
	.col-ts-11,
	.col-ts-12,
	.col-ts-2,
	.col-ts-3,
	.col-ts-4,
	.col-ts-5,
	.col-ts-6,
	.col-ts-7,
	.col-ts-8,
	.col-ts-9 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.col-ts-1,
	.col-ts-2,
	.col-ts-3,
	.col-ts-4,
	.col-ts-5,
	.col-ts-6,
	.col-ts-7,
	.col-ts-8,
	.col-ts-9,
	.col-ts-10,
	.col-ts-11 {
		float: left;
	}

	.col-ts-12 {
		width: 100%;
	}

	.col-ts-11 {
		width: 91.66666667%;
	}

	.col-ts-10 {
		width: 83.33333333%;
	}

	.col-ts-9 {
		width: 75%;
	}

	.col-ts-8 {
		width: 66.66666667%;
	}

	.col-ts-7 {
		width: 58.33333333%;
	}

	.col-ts-6 {
		width: 50%;
	}

	.col-ts-5 {
		width: 41.66666667%;
	}

	.col-ts-4 {
		width: 33.33333333%;
	}

	.col-ts-3 {
		width: 25%;
	}

	.col-ts-2 {
		width: 16.66666667%;
	}

	.col-ts-1 {
		width: 8.33333333%;
	}

	.col-ts-pull-12 {
		right: 100%;
	}

	.col-ts-pull-11 {
		right: 91.66666667%;
	}

	.col-ts-pull-10 {
		right: 83.33333333%;
	}

	.col-ts-pull-9 {
		right: 75%;
	}

	.col-ts-pull-8 {
		right: 66.66666667%;
	}

	.col-ts-pull-7 {
		right: 58.33333333%;
	}

	.col-ts-pull-6 {
		right: 50%;
	}

	.col-ts-pull-5 {
		right: 41.66666667%;
	}

	.col-ts-pull-4 {
		right: 33.33333333%;
	}

	.col-ts-pull-3 {
		right: 25%;
	}

	.col-ts-pull-2 {
		right: 16.66666667%;
	}

	.col-ts-pull-1 {
		right: 8.33333333%;
	}

	.col-ts-pull-0 {
		right: auto;
	}

	.col-ts-push-12 {
		left: 100%;
	}

	.col-ts-push-11 {
		left: 91.66666667%;
	}

	.col-ts-push-10 {
		left: 83.33333333%;
	}

	.col-ts-push-9 {
		left: 75%;
	}

	.col-ts-push-8 {
		left: 66.66666667%;
	}

	.col-ts-push-7 {
		left: 58.33333333%;
	}

	.col-ts-push-6 {
		left: 50%;
	}

	.col-ts-push-5 {
		left: 41.66666667%;
	}

	.col-ts-push-4 {
		left: 33.33333333%;
	}

	.col-ts-push-3 {
		left: 25%;
	}

	.col-ts-push-2 {
		left: 16.66666667%;
	}

	.col-ts-push-1 {
		left: 8.33333333%;
	}

	.col-ts-push-0 {
		left: auto;
	}

	.col-ts-offset-12 {
		margin-left: 100%;
	}

	.col-ts-offset-11 {
		margin-left: 91.66666667%;
	}

	.col-ts-offset-10 {
		margin-left: 83.33333333%;
	}

	.col-ts-offset-9 {
		margin-left: 75%;
	}

	.col-ts-offset-8 {
		margin-left: 66.66666667%;
	}

	.col-ts-offset-7 {
		margin-left: 58.33333333%;
	}

	.col-ts-offset-6 {
		margin-left: 50%;
	}

	.col-ts-offset-5 {
		margin-left: 41.66666667%;
	}

	.col-ts-offset-4 {
		margin-left: 33.33333333%;
	}

	.col-ts-offset-3 {
		margin-left: 25%;
	}

	.col-ts-offset-2 {
		margin-left: 16.66666667%;
	}

	.col-ts-offset-1 {
		margin-left: 8.33333333%;
	}

	.col-ts-offset-0 {
		margin-left: 0;
	}

	.hidden-ts {
		display: none;
	}
}

/*---------------------Custom Bostrap 5 columns------------------------*/
.col-bg-15,
.col-bg-45,
.col-lg-15,
.col-lg-45,
.col-md-15,
.col-md-45,
.col-sm-15,
.col-sm-45,
.col-xs-15,
.col-xs-45,
.col-ts-15,
.col-ts-45 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.col-ts-15,
.col-ts-45 {
	float: left;
}

.col-ts-15 {
	width: 20%;
}

.col-ts-45 {
	width: 80%;
}

@media (min-width: 480px) {

	.col-xs-15,
	.col-xs-45 {
		float: left;
	}

	.col-xs-15 {
		width: 20%;
	}

	.col-xs-45 {
		width: 80%;
	}
}

@media (min-width: 768px) {

	.col-sm-15,
	.col-sm-45 {
		float: left;
	}

	.col-sm-15 {
		width: 20%;
	}

	.col-sm-45 {
		width: 80%;
	}
}

@media (min-width: 992px) {

	.col-md-15,
	.col-md-45 {
		float: left;
	}

	.col-md-15 {
		width: 20%;
	}

	.col-md-45 {
		width: 80%;
	}
}

@media (min-width: 1200px) {

	.col-lg-15,
	.col-lg-45 {
		float: left;
	}

	.col-lg-15 {
		width: 20%;
	}

	.col-lg-45 {
		width: 80%;
	}
}

@media (min-width: 1500px) {

	.col-bg-15,
	.col-bg-45 {
		float: left;
	}

	.col-bg-15 {
		width: 20%;
	}

	.col-bg-45 {
		width: 80%;
	}
}

/*rows-space*/
.rows-space-0 {
	margin-bottom: 0;
}

.rows-space-5 {
	margin-bottom: 5px;
}

.rows-space-10 {
	margin-bottom: 10px;
}

.rows-space-15 {
	margin-bottom: 15px;
}

.rows-space-20 {
	margin-bottom: 20px;
}

.rows-space-25 {
	margin-bottom: 25px;
}

.rows-space-30 {
	margin-bottom: 30px;
}

.rows-space-35 {
	margin-bottom: 35px;
}

.rows-space-40 {
	margin-bottom: 40px;
}

.rows-space-45 {
	margin-bottom: 45px;
}

.rows-space-50 {
	margin-bottom: 50px;
}

.rows-space-55 {
	margin-bottom: 55px;
}

.rows-space-60 {
	margin-bottom: 60px;
}

.rows-space-65 {
	margin-bottom: 65px;
}

.rows-space-70 {
	margin-bottom: 70px;
}

.rows-space-75 {
	margin-bottom: 75px;
}

.rows-space-80 {
	margin-bottom: 80px;
}

.rows-space-85 {
	margin-bottom: 85px;
}

.rows-space-90 {
	margin-bottom: 90px;
}

.rows-space-85 {
	margin-bottom: 85px;
}

.rows-space-100 {
	margin-bottom: 100px;
}

.row10 {
	margin-left: -10px;
	margin-right: -10px;
}

.row10::before,
.row10::after {
	display: table;
	content: "";
}

.row10::after {
	clear: both;
}

.no-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/*---------------------------SLICK SLIDER------------------------------*/
/* Slider */
.slick-list {
	margin: 0 -15px;
	padding: 0;
}

.owl-slick .slick-list {
	margin-top: -5px !important;
	padding-top: 5px;
	margin-bottom: -5px !important;
	padding-bottom: 5px;
}

.slick-track {
	margin-left: 0;
}

.slick-slide {
	padding: 0 15px;
}

.slick-slider .slick-arrow {
	display: inline-block;
	position: absolute;
	top: -4px;
	right: 0;
	font-size: 24px;
	line-height: 1;
	color: #fff;
	background-color: #F08200;
	z-index: 1;
	cursor: pointer;
	border-radius: 50%;
}

.slick-slider .slick-arrow:first-child {
	right: 29px;
}

.slick-vertical .slick-slide {
	border: none;
}

.slick-slider.nav-center {
	position: relative !important;
}

.slick-slider.nav-center>.slick-arrow {
	top: 45%;
	text-align: center;
	line-height: 40px;
	width: 40px;
	height: 40px;
	transform: translateY(-50%);
	margin: 0;
	font-size: 32px;
	background-color: transparent;
	color: #aaa;
	border: 1px solid #fff;
	background-color: #fff;
}

.slick-slider.nav-center>.slick-arrow:hover {
	color: #0a0a0a;
}

.slick-slider.nav-center>.slick-arrow::before {

	content: '\f105';
}

.slick-slider.nav-center>.slick-arrow:first-child {
	right: auto;
	left: 0;
}

.slick-slider.nav-center>.slick-arrow:first-child::before {
	content: '\f104';
}

.slick-slide>div:not([class])>* {
	display: block !important;
}

.slick-dots {
	list-style: none;
	padding: 0;
	margin-bottom: 0;
	text-align: center;
	/* margin-top: 40px; */
}

.slick-dots li {
	list-style: none;
	display: inline-block;
	font-size: 0;
	padding: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin: 0 7px;
	cursor: pointer;
	-webkit-transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	transition: all 0.25s ease 0s;
	background-color: #ccc;
	position: relative;
}

.slick-dots li.slick-active {
	background-color: transparent;
}

.slick-dots li.slick-active::before {
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	border: 2px solid #F08200;
	border-radius: 50%;
}

.slick-dots li button {
	display: none;
}

.slick-dots .slick-slide img {
	cursor: pointer;
	margin: auto;
}

.slick-slider.nav-botton-center>.slick-arrow {
	top: auto;
	bottom: 0;
	right: 43.5%;
}


/* -------------------- */
/*   custom container   */
/* -------------------- */
@media (min-width: 1200px) {
	.container {
		width: 1200px;
	}
}

/* -------------------- */
/*      MAIN         */
/* -------------------- */
.main-content {
	padding-bottom: 65px;
}

.main-content.main-content-inlookbook {
	padding-bottom: 0;
}

.main-content.mansory {
	padding-bottom: 120px;
}

.left-sidebar .content-area {
	float: right;
}

.no-sidebar .sidebar {
	display: none;
}

.no-sidebar .content-area {
	width: 100% !important;
}

/* -------------------- */
/*        login         */
/* -------------------- */
.customer_login .title-login {
	border: 1px solid #ddd;
	margin: 0;
	border-bottom: 0;
	font-size: 18px;
	padding: 25px 40px;
	color: #222;
	font-weight: 500;
}

.customer_login .login,
.customer_login .register {
	border: 1px solid #ddd;
	padding: 25px 40px;
}

.login .social-account {
	margin-bottom: 20px;
}

.social-account .title-social {
	color: #aaa;
	margin-bottom: 20px;
	font-family: inherit;
	letter-spacing: 0;
}

.social-account .mxh-item {
	font-size: 13px;
	font-weight: 500;
	color: #222;
	margin-right: 30px;
}

.social-account .icon {
	font-size: 23px;
	vertical-align: middle;
}

.social-account .text {
	vertical-align: middle;
	padding-left: 5px;
}

.customer_login .form-row-wide .text {
	margin-bottom: 5px;
	font-size: 14px;
	color: #222;
	font-weight: 500;
	text-transform: none;
	display: block;
}

.customer_login input[type="text"],
.customer_login input[type="email"],
.customer_login input[type="password"] {
	margin-bottom: 0;
	width: 100%;
	border-color: #f1f1f1;
}

.customer_login input[type="checkbox"] {
	display: none;
}

.customer_login .label-text {
	cursor: pointer;
	font-size: 14px;
	color: #888;
	margin: 0;
	padding-left: 25px;
	position: relative;
	font-weight: normal;
}

.customer_login input[type="checkbox"]:checked+label::before,
.customer_login .label-text:hover::before {
	font-family: 'FontAwesome';
	content: "\f00c";
	display: inline-block;
	top: 5px;
	left: 0;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 14px;
	color: #222;
	position: absolute;
	z-index: 2;
	padding: 0;
	line-height: 14px;
}

.customer_login input[type="checkbox"]+label::after {
	position: absolute;
	z-index: 1;
	content: "";
	left: 0;
	top: 2px;
	width: 20px;
	height: 20px;
	border: solid 1px #eeeeee;
}

.customer_login .lost_password .forgot-pw {
	font-size: 14px;
	color: #222;
	font-weight: 500;
	float: right
}

.customer_login .label-text span {
	font-size: 14px;
	color: #222;
	font-weight: 500;
}

.customer_login .login-item:hover {
	box-shadow: 0 0 10px #ddd;
	z-index: 2;
	background-color: #fff;
	border-radius: 0;
}


.dungar-menu-panels .submenu {
	position: static;
	visibility: visible;
	opacity: 1;
	min-width: 1px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .3s, transform .3s;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	display: block;
	text-align: left;
}

/*backtotop*/
.backtotop {
	display: none;
	width: 50px;
	height: 50px;
	font-size: 24px;
	font-weight: 700;
	background: #333;
	color: #fff;
	border-radius: 50%;
	position: fixed;
	bottom: 50px;
	right: 25px;
	text-align: center;
	line-height: 50px;
	z-index: 999;
}

.backtotop.show {
	display: block;
}

.backtotop:hover {
	background: #F08200;
	color: #fff !important;
}

/*tabs*/
.pddes {
	color: var(--color-red);
	font-size: 15px;
	font-weight: bold;
	border-bottom: 2px solid var(--color-red);
	padding-bottom: 5px;
	margin-bottom: 35px;
}

.pdcontent {
	margin-top: 35px;
}

.pdcontent p {
	padding-bottom: 20px;
}

.popular_product {
	border: 1px solid #ddd;
	padding: 15px 10px;
}

.img-text-list {
	list-style: none;
}

.img-text-item {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #eee;
	border-radius: 8px;
}

.item-img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 4px;
	margin-right: 20px;
	flex-shrink: 0;
}

.item-title {
	font-size: 15px;
	color: #555;
	font-weight: 500;
}

/*---------BREADCRUMB-----------*/
.breadcrumb {
	padding: 34px 0 30px;

	margin: 0;
}

.breadcrumb>li {
	display: inline-block;
	list-style: none;
	font-weight: 500;
	font-size: 14px;
}

.breadcrumb a {
	color: #888888;

}

.breadcrumb>.active {
	color: #222;
}

.breadcrumb>li+li:before {
	padding: 0 8px;
	content: "\f101";
	font-family: 'FontAwesome';
	font-weight: 400;
}

/*--------PAGINATION--------------*/
.pagination {
	display: block;
	margin: 50px 0 0;
	padding: 0;
}

.pagination.grid {
	margin-top: 20px;
}

.pagination .page-numbers {
	display: inline-block;
	width: 42px;
	height: 42px;
	line-height: 39px;
	text-align: center;
	border: 1px solid #F1F1F1;
	font-size: 16px;
	color: #888;
	font-weight: 500;
	margin-left: 5px;
	border-radius: 50%;
}

.pagination .page-numbers:first-child {
	margin-left: 0;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
	color: #fff;
	border-color: transparent;
	background-color: #F08200;
}

.pagination .page-numbers .icon {
	font-weight: 700;
}

.pagination.style1 {
	text-align: right;
}

.pagination.style2 {
	text-align: center;
}

.shop-grid-content .pagination {
	margin-top: 10px;
}

.content-inlookbook .pagination {
	margin-top: 10px;
	margin-bottom: 60px
}

.main-content-blog.mansory .pagination {
	margin-top: 10px;
}

/* -------------------- */
/*        SIDEBAR       */
/* -------------------- */
.widget {
	margin-bottom: 35px;

}

.widget:last-child {
	margin-bottom: 0;
}

.widget .widgettitle {
	font-size: 14px;
	font-family: 'Jost';
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom: 25px;
	margin-bottom: 0;
	position: relative;
	letter-spacing: 0.1em;
	z-index: 1;
	padding-left: 40px;
}

.widget .widgettitle::before {
	content: "";
	width: 32px;
	border-top: 3px solid #333;
	position: absolute;
	display: inline-block;
	left: 0;
	top: 8px;
}

.widget ul,
.widget ol {
	padding: 0;
	margin: 0;
}

.widget li {
	list-style: none;
	line-height: 30px;
}

.widget a {
	color: #555555;
}

.sidebar {
	/* border: 1px solid #aaa; */
}


.tag-cloud-link a:hover,
.tag-cloud-link.active a {
	color: #111111;
}

/*sidebar Details page*/
.sidebar-details .widget {
	position: relative;
}

.sidebar-details .widget .slick-slider {
	position: static;
}

.sidebar-details .widget.widget-related-products .slick-slider {
	margin-top: 20px;
}

.sidebar-details .widget .slick-slider .slick-arrow {
	width: 20px;
	height: 35px;
	line-height: 31px;
	text-align: center;
	background: none;
	color: #aaaaaa;
	font-size: 20px;
}

.sidebar-details .widget .slick-slider .slick-arrow:first-child {
	right: 30px;
}

.widget-related-products .product-item {
	margin-bottom: 0;
}

.sidebar-details .widgettitle {
	margin-bottom: 0;
}

.widget-categories,
.widget-tags {
	border: 1px solid #ddd;
	padding: 20px;
}

.sidebar-details .widget-categories .widgettitle {
	margin-bottom: 0;
}

.sidebar-details .widget-banner {
	text-align: center;
}

.widget-tags .tagcloud {
	overflow: hidden;
	margin: 0;
	width: 100%;
}

.widget-tags .tag-cloud-link {
	color: #888888;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	line-height: 26px;
	text-transform: capitalize;
	border-radius: 0;
}

.widget-tags .tag-cloud-link a {
	color: #888888;
}

.tagcloud {
	display: inline-block;
	padding: 0;
	list-style: none;
	margin-left: 0;
}

.tag-cloud-link {
	display: inline-block;
	padding: 0 12px;
	border: 1px solid #ececec;
	height: 28px;
	line-height: 24px;
	text-align: center;
	margin-right: 5px;
	font-weight: 500;
	margin-bottom: 10px;
	font-size: 15px;
	border-radius: 0;
}

.tag-cloud-link a {
	color: #888888;
}

.tag-cloud-link a:hover,
.tag-cloud-link.active a {
	color: #111111;
}

/*newlletter-widget*/
.newsletter-widget {
	padding: 20px;
	padding-top: 30px;
	padding-bottom: 32px;
	border: 1px solid #ddd;
	position: relative;
	border-radius: 0;
}

.newsletter-widget:before {
	font-family: 'FontAwesome';
	content: "\f003";
	font-size: 150px;
	color: #f5f5f5;
	position: absolute;
	top: 15px;
	left: 32px;
	line-height: normal;
	-ms-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.newsletter-widget .newsletter-form-wrap {
	position: relative;
	z-index: 2
}

.newsletter-widget .title {
	font-size: 22px;
	color: #222;
	line-height: 1.2;
	margin-bottom: 10px;
	font-weight: 600;
	letter-spacing: 0;
}

.newsletter-widget .subtitle {
	font-size: 15px;
	color: #555;
	line-height: 20px;
	margin-bottom: 20px;
}

.newsletter-widget .email,
.newsletter-widget .submit-newsletter {
	width: 100%;
	text-align: center;
	border-radius: 30px;
}

.newsletter-widget .email {
	margin-bottom: 10px;
}

.product_title {
	font-size: 15px;
}

.group-info {
	font-size: 12px;
	line-height: 20px;
	padding-top: 10px;
}




/*list-products*/
ul.list-products {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

/*product item*/
.product-item {
	list-style: none;
	margin-bottom: 30px;
}

.product-item .product-inner {
	border-radius: 0;
	overflow: hidden;
	position: relative;
	border: 2px solid #F1F1F1;
	padding: 0 0 20px;
	background-color: #fff;
}

.product-item.style-list .product-inner {
	padding: 20px 0 20px;
}

.dungar-product.layout1 .product-item .product-inner {
	background-color: transparent;
	border: none;
}

.product-item:hover .product-inner {
	z-index: 2;
	border-color: #F08200;
}

.product-item .product-top {
	overflow: hidden;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 8px;
	right: 0;
}

.product-item .flash {
	font-size: 12px;
	border-radius: 0;
	font-weight: 500;
	text-transform: capitalize;
	display: inline-block;
	float: left;
	line-height: 22px;
	height: 22px;
	min-width: 44px;
	padding: 0 5px;
	text-align: center;
	background-color: #F08200;
	color: #fff;
	position: relative;
}

.product-item .yith-wcwl-add-to-wishlist>div a:before {
	font-size: 18px;
	font-family: 'FontAwesome';
	content: "\f08a";
	color: #fff;
}

.product-item .yith-wcwl-add-to-wishlist>div a:hover::before {
	content: "\f004";
}

.product-item .product-thumb {
	margin-bottom: 15px;
	position: relative;
	text-align: center;
}

.product-item.style-list .button.quick-wiew-button,
.product-item.style2 .button.quick-wiew-button,
.product-item.style-3 .button.quick-wiew-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 46px;
	height: 46px;
	line-height: 46px;
	padding: 0;
	font-size: 0;
	background-color: #fff;
	color: #222;
	border-radius: 100%;
	z-index: 10;
	font-weight: 400;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.product-item.style-list:hover .button.quick-wiew-button,
.product-item.style2:hover .button.quick-wiew-button,
.product-item.style-3:hover .button.quick-wiew-button {
	opacity: 1;
	visibility: visible;
}

.product-item.style-list .button.quick-wiew-button::before,
.product-item.style2 .button.quick-wiew-button::before,
.product-item.style-3 .button.quick-wiew-button::before {
	font-size: 18px;
	content: "\f12d";
	font-family: 'Flaticon';
	font-weight: normal;
}

.product-item.style-list .button.quick-wiew-button:hover,
.product-item.style2 .button.quick-wiew-button:hover,
.product-item.style-3 .button.quick-wiew-button:hover {
	color: #fff;
}

.product-item .product-info {
	text-align: center;
	position: relative;
}

.product-item .product-name {
	font-size: 14spx;
	font-weight: 500;
	margin: 0;
	margin-bottom: 4px;
	letter-spacing: 0;
}

.product-item.style-list .product-name {
	font-size: 22px;
}

.product-item .thumb-group {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-align: center;
	background-color: #F08200;
	border-radius: 10px 0 0 10px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	transition: all 0.25s ease 0s;
	margin-right: -10px;
}

.product-item .product-inner:hover .thumb-group {
	opacity: 1;
	visibility: visible;
	margin-right: 0;
}

.product-item .thumb-group .quick-wiew-button,
.product-item .thumb-group .yith-wcwl-add-to-wishlist,
.product-item .thumb-group .loop-form-add-to-cart {
	width: 46px;
	height: 46px;
	line-height: 46px;
	color: #fff;
	position: relative !important;
	display: block;
	vertical-align: top;
}

.product-item .thumb-group .yith-wcwl-add-to-wishlist {
	font-size: 0;
}

.product-item .thumb-group .quick-wiew-button {
	font-size: 0;
	padding: 0;
}

.product-item .thumb-group .quick-wiew-button::before {
	font-size: 18px;
	content: "\f12d";
	font-family: 'Flaticon';
	font-weight: normal;
}

.product-item .thumb-group .loop-form-add-to-cart {
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}

.cart-form .single_add_to_cart_button {
	color: #fff !important;
	white-space: nowrap;
}

.cart-form .product-addtocart {
	text-align: center !important;
}

.product-item .thumb-group .loop-form-add-to-cart .single_add_to_cart_button {
	font-size: 0;
	background-color: transparent;
	padding: 0;
}

.product-item .thumb-group .loop-form-add-to-cart .single_add_to_cart_button::before {
	font-family: 'Flaticon';
	content: "\f12e";
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}

.product-item .thumb-group .loop-form-add-to-cart:hover .single_add_to_cart_button::before {
	color: #fff;
}

.product-item .thumb-group .quick-wiew-button:hover,
.product-item .thumb-group .button.quick-wiew-button:hover {
	color: #fff;
}

.product-item .thumb-group .yith-wcwl-add-to-wishlist:hover a {
	color: #fff;
}

.shop-grid-content.full-width .shop-top-control .select-item {
	width: 23.2%;
}

/*product item style2*/
.product-item.style2 .product-inner {
	display: table;
	border: 1px solid #eee;
}

.product-item.style2 .product-thumb {
	width: 240px;
	margin-bottom: 0;
	display: table-cell;
	vertical-align: middle
}

.product-item.style2 .yith-wcwl-add-to-wishlist {
	display: none;
}

.product-item.style2 .product-info {
	text-align: left;
	padding-left: 20px;
	display: table-cell;
	vertical-align: middle;
	opacity: 1;
}

.product-item.style2 .product-name {
	font-size: 22px;
	margin-bottom: 9px;
}

.product-item.style2 .product-name a {
	color: #0a0a0a;
}

.product-item.style2 .stars-rating {
	margin-bottom: 5px;
}

.product-item.style2 .desc {
	font-size: 16px;
	color: #555555;
	margin-bottom: 15px;
}

.product-item.style2 .group-buttons .price,
.product-item.style2 .group-buttons .added_to_cart {
	vertical-align: middle;
	color: #0a0a0a;
}

.product-item.style2 .group-buttons .price {
	padding: 0 10px 15px 0;
	border-right: 0;
	font-size: 16px
}

.product-item.style2 .group-buttons .button {
	background-color: #000;
}

.product-item.style-2 .group-buttons .added_to_cart {
	background: transparent;
	border: 1px solid #dddddd;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.product-item.style-2 .group-buttons .added_to_cart:hover {
	color: #ffffff;
}

.slider-product .slick-slider>.slick-arrow {
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 42px;
	border: 1px solid #fff;
	color: #aaaaaa;
	right: -22px;
	z-index: 33;
	background: #ffffff;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}

.slider-product:hover .slick-slider>.slick-arrow {
	opacity: 1;
	visibility: visible;
}

.slider-product .slick-slider>.slick-arrow:first-child {
	left: -22px;
}

/*produc list*/
.product-item.style-list .product-top {
	position: absolute;
	z-index: 1;
}

.product-item.style-list .products-bottom-content {
	display: table;
	width: 100%
}

.product-item.style-list .product-thumb {
	width: 250px;
}

.product-item.style-list .product-thumb .thumb-inner {
	position: relative;
}

.product-item.style-list .product-thumb,
.product-item.style-list .product-info-left,
.product-item.style-list .product-info-right {
	display: table-cell;
	vertical-align: top;
}

.product-item.style-list .product-info-left {
	vertical-align: top;
	padding: 0 30px;
}

.product-item.style-list .product-info-right {
	padding-left: 30px;
	border-left: 1px solid #eee;
	width: 250px;
}

.product-item .quantity {
	display: none;
}

.product-item.style-list .yith-wcwl-add-to-wishlist {
	width: 100%;
	margin-bottom: 15px;
	display: none;
}

.product-item.style-list .stars-rating {
	margin-bottom: 20px;
}

.product-item.style-list .product-info-left ul {
	padding: 0;
	margin: 0;
}

.product-item.style-list .product-info-left ul li {
	font-size: 15px;
	color: #222;
	line-height: 30px;
	display: inline-block;
}

.product-item.style-list .product-info-left .attributes-display li a {
	color: #888888;
}

.product-item.style-list .product-info-left .attributes-display li a:after {
	content: "/";
	display: inline-block;
	color: #888888;
}

.product-item.style-list .product-info-left .attributes-display li:last-child a:after {
	display: none;
}

.product-item.style-list .price {
	font-size: 22px;
	margin-bottom: 15px;
}

.product-item.style-list .product-list-message {
	font-size: 14px;
	color: #111;
	font-weight: 500;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 20px;
	display: inline-block;
}

.product-item.style-list .product-list-message::after {
	content: '';
	height: 2px;
	width: 36px;
	bottom: 0;
	left: 0;
	background: #e7e7e7;
	display: inline-block;
	position: absolute;
}

.product-item.style-list .product-list-message .icon {
	font-size: 20px;
}

.product-item.style-list .single_variation_wrap>.button {
	margin-bottom: 10px;
	background-color: #000;
	font-weight: 600;
	vertical-align: middle;
	height: 43px;
	padding: 0 20px;
	line-height: 41px;
	text-transform: uppercase;
	font-size: 12px;
}

.product-item.style-list .single_variation_wrap>.button:hover {
	color: #ffffff;
}

.full-width .product-item.style-list .product-info-right {
	width: 270px;
}


.count-star {
	position: relative;
	display: inline-block;
	overflow: hidden;
	line-height: 14px;
}

/*-----------------PRICE----------------------*/
.product-item .price {
	display: block;
	font-size: 14px;
	color: #F08200;
	font-weight: 500;
	line-height: 100%;
}

.product-item .price del {
	color: #aaa;
	margin-right: 5px;
	font-size: 14px;
}

.product-item .price ins {
	text-decoration: none;
}

/* -------------------- */
/*   Product Style     */
/* -------------------- */

/*404 page*/
.error-404 {
	display: table;
	padding: 60px 0 0;
	width: 100%;
}

.error-404 .images {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

.error-404 .text-404 {
	display: table-cell;
	vertical-align: middle;
	padding-left: 40px;
}

.text-404 .page-title {
	font-size: 36px;
	font-weight: 700;
	color: #111111;
	text-transform: capitalize;
	margin-bottom: 25px;
	line-height: 1;
	margin-top: 110px;
}

.text-404 .page-content {
	font-size: 15px;
	line-height: 24px;
	color: #888888;
}

.text-404 .page-content .hightlight {
	color: #0a0a0a;
	font-weight: 500;
	cursor: pointer;
}

.error-404 .search-form .search-field {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 30px;
}

.error-404 .search-form {
	-webkit-transition: .35s;
	-o-transition: .35s;
	transition: .35s;
}

.error-404 .search-form.open {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

/*contact page*/
#gmap_canvas {
	border: none;
	width: 100%;
}

.dungar-google-maps {
	min-height: 480px;
}

.form-contact {
	margin-top: -200px;
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 12px 0 rgba(2, 2, 2, 0.16);
	-moz-box-shadow: 0 0 12px 0 rgba(2, 2, 2, 0.16);
	box-shadow: 0 0 12px 0 rgba(2, 2, 2, 0.16);
	border-radius: 0;
	overflow: hidden;
}

.form-contact::after,
.form-contact::before {
	display: table;
	content: '';
}

.form-contact::after {
	clear: both;
}

.form-message {
	padding-top: 55px;
	padding-right: 70px;
	padding-bottom: 55px;
	padding-left: 70px;
	background-color: #ffffff;
}

.form-message .title {
	font-size: 16px;
	font-weight: 500;
	color: #0a0a0a;
	text-align: left;
	font-style: normal;
	margin-bottom: 27px;
	text-transform: uppercase;
}

.dungar-contact-fom p:last-child {
	margin-bottom: 0;
}

.dungar-contact-fom .form-label {
	font-size: 14px;
	line-height: 30px;
	color: #888;
	display: block;
	margin-bottom: 5px;
}

.dungar-contact-fom .form-control {
	position: relative;
	overflow: hidden;
}

.dungar-contact-fom .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.dungar-contact-fom .your-textarea {
	border: 1px solid #aaa;
}

.dungar-contact-fom .button-submit {
	min-width: 157px;
	margin-top: 10px;
}

.form-contact-information {
	padding-top: 55px;
	padding-right: 45px;
	padding-bottom: 45px;
	padding-left: 45px;
	background-color: var(--theme-color);
	opacity: 0.9;
}

.dungar-contact-info .title {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 55px;
	text-transform: uppercase;
}

.dungar-contact-info .item {
	display: block;
	overflow: hidden;
	margin-bottom: 32px;
}

.dungar-contact-info .item .icon {
	display: inline-block;
	float: left;
	border: 1px solid #fff;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	margin-right: 20px;
	text-align: center;
	line-height: 40px;
}

.dungar-contact-info .item .icon::before {
	font-family: 'FontAwesome';
	font-size: 20px;
	color: #fff;
	display: inline-block;
	text-align: center;
}

.dungar-contact-info .address .icon::before {
	content: "\f041";
}

.dungar-contact-info .phone .icon::before {
	content: "\f095";
}

.dungar-contact-info .email .icon::before {
	content: "\f003";
}

.dungar-contact-info .item .text {
	display: block;
	color: #fff;
	text-transform: capitalize;
	font-size: 14px;
	overflow: hidden;
}

.dungar-contact-info .socials {
	padding-top: 58px;
}

.dungar-contact-info .socials .social-item {
	font-size: 23px;
	color: #fff;
	margin-right: 20px;
}

.dungar-contact-info .socials .social-item:hover {
	color: #ffffff;
}

/*shopping cart page*/


/*about page*/
/*banner about*/
.header-banner.banner-image .banner-wrap {
	background-image: url(../image/about-background.jpg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	position: relative;
}

.header-banner.banner-image .banner-wrap::after,
.header-banner.banner-image .banner-wrap::before {
	display: table;
	content: '';
}

.header-banner.banner-image .banner-wrap::after {
	clear: both;
}

.header-banner.banner-image .banner-wrap .content-inner {
	padding-top: 65px;
	padding-bottom: 65px;
	float: right;
}

.header-banner .title {
	font-size: 34px;
	line-height: 1.2;
	text-align: left;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 15px;
}

.header-banner .sub-title {
	font-size: 16px;
	text-align: left;
	margin-bottom: 35px;
}

.header-banner .button {
	color: #000;
	background-color: transparent;
	border-color: transparent;
	height: 43px;
	line-height: 39px;
	padding: 0;
	font-size: 18px;
	position: relative;
	overflow: hidden;
}

.header-banner .button::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: 2px solid;
}

.header-banner .button:hover::before {
	-webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
	animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

.header-banner .dungar-button.button {
	background-color: transparent;
	border-color: transparent;
	color: #000;
	margin-top: 0;
}

/*dungar-iconbox */
.dungar-iconbox.layout1 {
	margin-top: 63px;
}

.dungar-iconbox.layout1 .icon-item {
	position: relative;
	margin-bottom: 15px;
	color: #0a0a0a;
}

.dungar-iconbox.layout1 .icon-item .placeholder-text {
	font-size: 90px;
	color: #555;
	opacity: 0.1;
	line-height: 1;
	display: block;
	font-weight: 500;
	display: none;
}

.dungar-iconbox.layout1 .icon-item .icon {
	/*position: absolute;*/
	left: 3px;
	font-size: 60px;
	bottom: 20px;
	color: #F08200;
}

.dungar-iconbox .content .title {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'Jost';
}

.dungar-iconbox.layout1 .content .title {
	color: #222;
	margin-bottom: 8px;
}

.dungar-iconbox.layout1 .iconbox-inner .content .text {
	color: #888;
}

/*team-member*/
.team-member .border-custom {
	margin-top: 75px;
}

.team-member .custom_blog_title {
	margin-top: 65px;
	margin-bottom: 50px;
	text-transform: capitalize;
}

.custom_blog_title.center {
	text-align: center;
}

.dungar-team-member {
	text-align: center;
	padding: 0 15px;
}

.dungar-team-member .member_avatar img {
	margin: 0 auto;
	border-radius: 50%;
}

.dungar-team-member .member_name {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'Jost';
	color: #222;
	margin-top: 20px;
	margin-bottom: 3px;
}

.team-member-slider.nav-center .slick-arrow {
	top: calc(50% - 50px);
	transform: none;
	opacity: 0;
	visibility: hidden;
}

.team-member-slider:hover .slick-arrow {
	opacity: 1;
	visibility: visible;
}

/*inlookbook page*/

.sevice-item.style-1:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}



.button-control .btn-back-to-shipping::before {
	content: "\f060";
	font-family: "FontAwesome";
	font-size: 13px;
	color: #aaaaaa;
	margin-right: 10px;
}


/*detaills page*/
.details-thumd {
	width: 51.7241%;
	float: left;
	padding-right: 50px;
	position: relative;
}

.details-infor {
	width: 48.2759%;
	float: right;
}

.details-thumd .thumbnails_carousel .owl-item a {
	display: block;
	position: relative;
}

.details-thumd .thumbnails_carousel .owl-item a::before {
	border: 1px solid #eee;
	position: absolute;
	left: 1px;
	right: 1px;
	top: 1px;
	bottom: 1px;
	content: '';
	z-index: 1;
	border-radius: 0;
}

.details-thumd .thumbnails_carousel .owl-item a.active::before {
	border-color: #F08200;
}

.details-thumd .thumbnails_carousel .owl-item img {
	margin: 0 auto;
}

.details-thumd .image-preview-container {
	position: relative;
	border: 1px solid #eee;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 0;
}

.btn-zoom.open_qv {
	position: absolute;
	width: 40px;
	height: 40px;
	right: 10px;
	top: 10px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #dddddd;
	background-color: #fff;
	text-align: center;
	line-height: 38px;
	z-index: 32;

}

.btn-zoom.open_qv:hover {
	color: #ffffff;
}

.zoomContainer:nth-child(n+1),
.zoomContainer:first-child {
	display: none !important;
}

.zoomContainer:last-child {
	display: block !important;
}

.details-thumd .product-preview {
	padding: 0 40px;
}

.details-thumd .owl-thumb-item {
	font-size: 0;
	display: none;
}

.details-thumd .owl-nav .owl-next {
	right: -40px;
}

.details-thumd .owl-nav .owl-prev {
	left: -40px;
}

.details-thumd .owl-nav div {
	width: 35px;
	height: 35px;
	border: 1px solid #eeeeee;
	text-align: center;
	line-height: 30px;
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	color: #aaaaaa;
	background: #ffffff;
	z-index: 33;
	border-radius: 50%;
}

.details-infor .product-title {
	font-size: 20px;
	font-weight: 500;
	color: #333;
	margin-bottom: 9px;
	margin-top: -9px;
}

.details-infor .stars-rating {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 5px;
}

.details-infor .availability {
	text-transform: capitalize;
	font-size: 12px;
	color: #555555;
	margin-bottom: 10px;
	text-transform: lowercase;
}

.details-infor .availability a {
	font-weight: 700;
}

.details-infor .price {
	font-size: 22px;
	font-weight: 500;
	color: #111111;
	margin-bottom: 20px;
}

.details-infor .product-details-description {
	font-size: 14px;
	color: #555555;
	margin-bottom: 15px;
}

.details-infor .variations .text-attribute {
	font-size: 14px;
	font-weight: 700;
}

.details-infor .variations .text-attribute span {
	color: #555555;
	font-weight: normal;
}

.attribute .list-item {
	overflow: hidden;
	margin: 15px 0 10px;
}

.details-infor .group-button .yith-wcwl-add-to-wishlist,
.details-infor .group-button .size-chart-wrapp {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 25px;
	font-size: 14px;
	color: #555555;
}

.details-infor .group-button .size-chart-wrapp {
	margin-left: 25px;
}

.details-infor .group-button .yith-wcwl-add-to-wishlist div a::before,
.details-infor .group-button .size-chart-wrapp .btn-size-chart a::before {
	font-family: 'FontAwesome';
	margin-right: 7px;
	color: #ccc;
	font-size: 18px;
	line-height: normal;
	vertical-align: middle;
	display: inline-block;
	margin-top: -2px;
}

.details-infor .group-button .yith-wcwl-add-to-wishlist div a::before {
	content: "\f08a";
}

.details-infor .group-button .yith-wcwl-add-to-wishlist div a:hover::before {
	content: "\f004";
}

.details-infor .group-button .size-chart-wrapp .btn-size-chart a::before {
	content: "\f11b";
	font-family: 'Flaticon';
}

.details-infor .quantity,
.details-infor .group-button .button {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.details-infor .quantity .control {
	padding: 1px 8px;
}

.details-infor .group-button .button {
	min-width: 150px;
	font-size: 13px;
	color: #fff;
}

.tab-details-product {
	margin-top: 80px;
	width: 100%;
	float: left;
}

.tab-details-product .tab-link {
	margin-bottom: 35px;
	padding: 0;
	padding-bottom: 4px;
}


/*product related/ product upsells*/
.related,
.up-sells {
	position: relative;
}

.product-grid-title {
	font-size: 20px;
	text-transform: uppercase;
	color: #0a0a0a;
	text-align: center;
	font-style: normal;
	margin-bottom: 40px;
	position: relative;
	font-weight: 700;
	letter-spacing: 0;
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
	padding-top: 60px;
}

.product-grid-title::before {
	position: absolute;
	content: '';
	width: 70px;
	border-bottom: 4px solid #F08200;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.related .product-item,
.up-sells .product-item {
	margin-bottom: 0;
}

.related .slick-slider.nav-center>.slick-arrow,
.up-sells .slick-slider.nav-center>.slick-arrow {
	color: #aaaaaa;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 30px;
	border: 1px solid #f3f3f3;
	font-size: 20px;
	opacity: 0;
	right: 50px;
	visibility: hidden;
	background: #ffffff;
	-moz-transition: all 0.45s ease;
	-webkit-transition: all 0.45s ease;
	-o-transition: all 0.45s ease;
	-ms-transition: all 0.45s ease;
}

.related .slick-slider.nav-center>.slick-arrow:first-child,
.up-sells .slick-slider.nav-center>.slick-arrow:first-child {
	left: 50px;
}

.related:hover .slick-slider.nav-center>.slick-arrow,
.up-sells:hover .slick-slider.nav-center>.slick-arrow {
	opacity: 1;
	visibility: visible;
	right: -20px;
}

.related:hover .slick-slider.nav-center>.slick-arrow:first-child,
.up-sells:hover .slick-slider.nav-center>.slick-arrow:first-child {
	left: -20px;
}

/*details full width*/
.full-width .details-thumd {
	padding-right: 70px;
}

.full-width .details-thumd .product-preview {
	padding: 0;
}

.full-width .details-thumd .owl-nav .owl-prev {
	left: -17px;
}

.full-width .details-thumd .owl-nav .owl-next {
	right: -17px;
}

/*============================================

===================HOME PAGE=================

=============================================*/
/*-------------------------
----------HOME 01----------
--------------------------*/
/*home-slider*/
.slider-item .slider-inner {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 0;
	overflow: hidden;
}

.slider-item .title-small {
	color: #F08200;
	font-size: 14px;
	letter-spacing: 0.05em;
	font-weight: 700;
	padding: 0;
	text-transform: uppercase;
	margin-bottom: 12px;
	font-family: 'Jost';
}

.slider-item.slick-active .title-small {
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-name: bounceInDown;
	-webkit-animation-name: bounceInDown;
}

.slider-item .title-big {
	font-size: 38px;
	font-weight: 500;
	line-height: 1;
	max-width: 370px;
	text-transform: capitalize;
}

.slider-item.slick-active .title-big {
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-name: bounceInRight;
	-webkit-animation-name: bounceInRight;
}

.slider-item .price {
	font-size: 18px;
	letter-spacing: -0.05em;
	font-weight: 500;
	display: block;
	margin-bottom: 35px;
}

.slider-item.slick-active .price,
.slider-item.slick-active .description {
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-name: bounceInLeft;
	-webkit-animation-name: bounceInLeft;
}

.slider-item .price .number-price {
	text-transform: uppercase;
	font-size: 28px;
	color: #F08200;
	font-weight: 600;
	position: relative;
}

.slider-item .slider-infor .button {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 0;
	padding-left: 0;
	background: none;
	border: 1px solid transparent;
	color: #000;
	margin-right: 5px;
	border-radius: 0;
	position: relative;
	overflow: hidden;
	font-size: 18px;
}

.slider-item .slider-infor .button::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: 2px solid;
}

.slider-item .slider-infor .button:hover::before {
	-webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
	animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

.slider-item.slick-active .slider-infor .button {
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-name: bounceInUp;
	-webkit-animation-name: bounceInUp;
	font-family: 'Jost';
}

.slider-item .slider-infor .button:last-child {
	margin-right: 0;
}

.slider-item .slider-infor .button:hover {
	background: none;
	border-color: transparent;
	color: #F08200;
}

.slider-item.style1 .slider-inner {
	background-image: url(../image/slider-thumb1.jpg);
}

.slider-item.style1 .slider-inner .slider-infor,
.slider-item.style2 .slider-inner .slider-infor,
.slider-item.style3 .slider-inner .slider-infor {
	padding-bottom: 126px;
	padding-top: 139px;
	padding-left: 680px;
	padding-right: 170px;
	float: right;
}

.slider-item.style2 .slider-inner {
	background-image: url(../image/slider-thumb2.jpg);
}

.slider-item.style2 .slider-inner .slider-infor {
	padding-left: 680px;
	padding-right: 170px;
}

.slider-item.style2 .title-big span {
	position: relative;
	color: #F08200;
}

.slider-item.style3 .slider-inner {
	background-image: url(../image/slider-thumb3.jpg);
}

.home-slider.style1 {
	padding-top: 30px;
}

.home-slider .slick-slider.nav-center>.slick-arrow {
	width: 52px;
	height: 52px;
	background-color: #fff;
	font-size: 30px;
	text-align: center;
	line-height: 52px;
	opacity: 0;
	right: 30px;
	visibility: hidden;
	-moz-transition: all 0.45s ease;
	-webkit-transition: all 0.45s ease;
	-o-transition: all 0.45s ease;
	-ms-transition: all 0.45s ease;
}

.home-slider .slick-slider.nav-center>.slick-arrow:first-child {
	left: 30px;
}

.home-slider:hover .slick-slider.nav-center>.slick-arrow:first-child {
	left: 15px;
}

.home-slider:hover .slick-slider.nav-center>.slick-arrow {
	right: 15px;
	opacity: 1;
	visibility: visible;
}

.custommenu-title-blog {
	font-size: 28px;
	color: #0a0a0a;
	text-transform: uppercase;
	text-align: center;
	font-style: normal;
	margin-bottom: 35px;
	position: relative;
	font-weight: 600;
	letter-spacing: 0;
	display: table;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Jost';
	padding-bottom: 15px;
}

.custommenu-title-blog::before {
	position: absolute;
	content: '';
	width: 70px;
	border-bottom: 4px solid #F08200;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.dungar-blog .owl-slick .slick-list {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0;
}

.dungar-blog-item .post-thumb {
	position: relative;
}

.dungar-blog-item .post-thumb>a::after,
.dungar-blog-item .post-thumb .video-dungar-blog figure::after {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-ms-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	opacity: 0;
}

.dungar-blog-item .post-thumb:hover .video-dungar-blog figure::after,
.dungar-blog-item .post-thumb:hover>a::after {
	opacity: 1;
}



.dungar-blog-item .post-date {
	font-size: 11px;
	color: #aaa;
	padding: 15px 20px 0;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.1em;
}

.dungar-blog-item .blog-title {
	font-size: 20px;
	margin-bottom: 15px;
	position: relative;
}

.dungar-blog-item .blog-title span {
	color: #aaaaaa;
}

.dungar-blog-item .blog-meta {
	padding: 10px 0 5px;
}

.dungar-blog-item .blog-meta .author {
	display: inline-block;
	float: left;
	font-size: 14px;
	color: #333;
	font-weight: 500;
	text-transform: capitalize;
}

.dungar-blog-item .blog-meta .author img {
	display: inline-block;
	width: 29px;
	height: 28px;
	border-radius: 50%;
	text-align: center
}

.dungar-blog-item .blog-meta .view,
.dungar-blog-item .blog-meta .comment {
	color: #aaa;
	font-size: 13px;
	font-weight: 700;
	display: none;
}

.dungar-blog .slick-slider>.slick-arrow {
	width: 51px;
	height: 51px;
	text-align: center;
	line-height: 48px;
	border: 1px solid #ddd;
	color: #aaaaaa;
	right: -40px;
	z-index: 33;
	background: #ffffff;

	opacity: 0;
	visibility: hidden;
}

.dungar-blog .slick-slider>.slick-arrow:first-child {
	left: -40px;
}

.dungar-blog:hover .slick-slider>.slick-arrow {
	opacity: 1;
	visibility: visible;
}

/*dungar-blog style2*/
.dungar-blog-item.style2 .dungar-blog-inner {
	overflow: hidden;
	background: #f5f5f5;
	border-radius: 0;
}

.dungar-blog-item.style2 .post-thumb {
	float: left;
	margin-top: -2px;
	margin-left: -2px;
	margin-bottom: -2px;
}

.dungar-blog-item.style2 .blog-info {
	overflow: hidden;
	border-left: 0;
}

.dungar-blog-item.style2 .post-top {
	margin: 20px 20px 20px;
	position: relative;
	padding-bottom: 5px;
}

.dungar-blog-item.style2 .post-date {
	padding-top: 0;
}

.dungar-blog-item .post-top>a {
	font-size: 14px;
	color: #222;
	font-weight: 600;
	text-transform: uppercase;
}

.dungar-blog-item .post-top .post-item-share {
	position: relative;
	display: none;
	float: right;
}

.dungar-blog-item.style2 .post-top>a {
	color: #fff;
	padding: 3px 10px;
	background-color: #F08200;
	font-size: 11px;
	letter-spacing: 0.1em;
}

.dungar-blog-item.style2 .post-item-share .icon {
	color: #aaa;
	font-size: 16px;
	opacity: 1;
}

.post-top .post-item-share .box-content {
	padding-top: 20px;
}

.dungar-blog-item.style2 .post-item-share .icon:hover,
.dungar-blog-item.style2 .post-item-share .box-content a:hover {
	color: #333333;
}

.dungar-blog-item.style2 .blog-title {
	height: 75px;
	margin-bottom: 59px;
	overflow: hidden;
	font-size: 20px;
	padding: 0 20px;
}

.dungar-blog-item.style2 .blog-title::before {
	left: 20px;
	display: none;
}

.dungar-blog-item.style2 .blog-meta {
	border: none;
	padding: 0 20px;
}

.dungar-blog-item.style2 .blog-meta .blog-meta-wrapp {
	padding: 11px 0 12px;
	border-top: 1px solid #e4e4e4;
}


#slvj-close-icon {
	background-image: url(https://www.17sucai.com/preview/776298/2021-07-27/dungar/assets/images/close-icon.png);
	width: 30px;
	height: 30px;
}

/*----------------------*/
/*       banner         */
/* -------------------- */
/*banner shop*/

.item-banner .inner {
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 0;
	position: relative;
	background-color: #f3f3f3;
}

.full-width .item-banner.style1 .inner {
	background-image: url(../image/banner-01_full_width.jpg);
}

.item-banner.style1 .banner-content {
	padding-left: 150px;
	padding-right: 30px;
	;
	padding-top: 65px;
	padding-bottom: 70px;
}

.item-banner .dungar-subtitle {
	color: #F08200;
	font-size: 14px;
	font-weight: 600;
	padding: 0 0 5px;
	margin-bottom: 0;
	text-transform: uppercase;
	font-family: 'Jost';
}

.item-banner.style1 .dungar-subtitle {
	margin-bottom: 9px;
}

.item-banner .title {
	font-weight: 500;
	line-height: 1;
	text-transform: capitalize;
}

.item-banner.style1 .inner .title {
	font-size: 40px;
	margin-bottom: 8px;
}

.item-banner .when-code {
	font-size: 13px;
	text-transform: uppercase;
	color: #888888;
	margin-bottom: 22px;
	display: block;
	font-weight: 700;
}

.item-banner .when-code .code {
	font-size: 18px;
	color: #F08200;
	position: relative;
}

.item-banner .button {
	color: #000;
	background-color: transparent;
	padding-right: 0;
	padding-left: 0;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-right: 5px;
	border-radius: 0;
	position: relative;
	overflow: hidden;
	font-size: 16px;
}

.item-banner .button::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: 2px solid;
}

.item-banner .banner-content>.button:last-child {
	margin-right: 0;
}

.item-banner .button:hover {
	color: #F08200;
	background: none;
}

.item-banner .button:hover::before {
	-webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
	animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}

.full-width .item-banner.style2 .inner {
	background-image: url(../image/banner-02_full_width.jpg);
}

.item-banner.style2 .banner-content {
	padding-left: 130px;
	padding-right: 30px;
	;
	padding-top: 78px;
	padding-bottom: 78px;
}

.item-banner .description {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 17px;
	display: block;
}

.item-banner .hot-price {
	font-size: 16px;
	text-transform: capitalize;
	display: block;
}

.item-banner .hot-price .price-number {
	font-size: 30px;
	letter-spacing: -0.05em;
	color: #F08200;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
}

.item-banner.style2 .hot-price {
	margin-bottom: 25px;
}

.item-banner.style2 .title {
	font-size: 30px;
	margin-bottom: 5px;
	font-weight: 600;
	line-height: 32px;
}

.banner-slider .slick-dots {
	position: absolute;
	bottom: 25px;
	left: 50%;
	z-index: 10;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

/*banner home 01*/
.item-banner.style3 .banner-content {
	padding-top: 57px;
	padding-right: 70px;
	padding-bottom: 58px;
	padding-left: 480px;
	margin-bottom: 30px;
}

.item-banner.style3 .title {
	font-size: 30px;
	line-height: 32px;
	margin-bottom: 7px;
	font-weight: 700;
}

.item-banner.style3 .dungar-subtitle {
	margin-bottom: 7px;
}

.item-banner.style3 .description {
	margin-bottom: 25px;
}

/*banner home 02*/
.item-banner.style4 .inner {
	background-image: url(../image/banner-home-2.jpg);
	background-size: cover;
}

.item-banner.style4 .banner-content {
	padding-left: 40px;
	padding-bottom: 60px;
	padding-right: 300px;
	padding-top: 57px;
	margin-bottom: 30px;
}

.item-banner.style4 .title {
	margin-bottom: 12px;
	font-size: 26px;
	line-height: 32px;
}

.item-banner.style4 .description {
	margin-bottom: 28px;
	max-width: 195px;
}

.item-banner.style5 .inner {
	background-image: url(../image/banner-home-3.jpg);
	background-size: cover;
}

.item-banner.style5 .banner-content {
	padding-left: 40px;
	padding-bottom: 60px;
	padding-right: 300px;
	padding-top: 60px;
	margin-bottom: 30px;
}

.item-banner.style5 .title {
	font-size: 26px;
	line-height: 32px;
}

.item-banner.style5 .code {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 20px;
	display: block;
	text-transform: none;
	max-width: 230px;
}

.item-banner.style5 .code span {
	font-weight: 600;
	color: #F08200;
	position: relative;
}

.item-banner.style6 .inner {
	/* background-image: url(../image/banner-home-4.jpg); */
	border-radius: 0;
}

.item-banner.style6 .banner-content {
	padding-left: 0;
	padding-bottom: 180px;
	padding-right: 0;
	padding-top: 180px;
}

.item-banner.style6 .title {
	font-size: 44px;
	margin-bottom: 20px;
	line-height: 1.2;
}

/*banner home 03*/
.item-banner.style7 .inner {
	background-image: url(../image/202.png);
}

.item-banner.style7 .banner-content {
	padding-top: 59px;
	padding-right: 165px;
	padding-bottom: 60px;
	padding-left: 30px;
	margin-bottom: 20px;
}

.item-banner.style7 .title,
.item-banner.style8 .title {
	font-size: 26px;
	line-height: 32px;
}

.item-banner.style7 .description {
	margin-bottom: 15px;
	max-width: 185px;
}

.item-banner.style8 .inner {
	/* background-image: url(../image/banner-home-6.jpg); */
}

.item-banner.style8 .banner-content {
	padding-top: 64px;
	padding-right: 166px;
	padding-bottom: 73px;
	padding-left: 30px;
	margin-bottom: 20px;
}

.item-banner.style8 .description {
	margin-bottom: 13px;
	max-width: 185px;
}

.item-banner .price {
	font-size: 23px;
	font-weight: 600;
	line-height: 28px;
	color: #F08200;
	position: relative;
}

/*banner video*/
iframe {
	max-width: 100%;
}


.item-banner.style9 .inner {
	background-image: url(../image/banner-home-7.jpg);
}

.item-banner.style9.type1 .inner {
	background-image: url(../image/banner-home-71.jpg);
}

.item-banner.style9 .banner-content {
	padding-top: 74px;
	padding-right: 300px;
	padding-bottom: 77px;
	padding-left: 40px;
	margin-bottom: 30px;
}

.item-banner.style9 .title {
	font-size: 32px;
	line-height: 1.1;
	margin-bottom: 15px;
}

.item-banner.style9 .dungar-subtitle {
	font-style: normal;
}

.item-banner.style9 .code {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 26px;
}

.item-banner.style9 .code .nummer-code {
	font-size: 18px;
	color: #F08200;
	font-weight: 600;
	position: relative;
}

/*banner home 04*/
.item-banner.style22 .banner-content {
	padding-top: 88px;
	padding-right: 15px;
	padding-bottom: 99px;
	padding-left: 39px;
	margin-bottom: 30px;
}

.item-banner.style22 .title {
	font-size: 30px;
	line-height: 32px;
	color: #ffffff;
	font-weight: 700;
}

.item-banner.style23 .banner-content {
	padding-top: 110px;
	padding-right: 15px;
	padding-bottom: 109px;
	padding-left: 41px;
	margin-bottom: 30px;
}

.item-banner.style23 .title {
	font-size: 30px;
	line-height: 32px;
	color: #ffffff;
	font-weight: 700;
}

/*banner home 05*/
.item-banner.style24 .banner-content {
	padding-top: 324px;
	padding-right: 15px;
	padding-bottom: 39px;
	padding-left: 25px;
	margin-bottom: 30px;
}

.item-banner.style24 .title {
	font-weight: 700;
	font-size: 30px;
	line-height: 32px;
	margin-bottom: 25px;
}

.item-banner.style25 .banner-content {
	padding-top: 190px;
	padding-right: 15px;
	padding-bottom: 110px;
	padding-left: 27px;
	margin-bottom: 30px;
}

.item-banner.style25 .title {
	font-size: 48px;
	font-weight: 900;
	line-height: 48px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.item-banner.style25 .code {
	font-size: 13px;
	font-weight: 700;
	color: #888888;
	text-transform: uppercase;
	display: block;
	margin-bottom: 25px;
}

.item-banner.style25 .code span {
	font-size: 18px;
	color: #ffffff;
}

.item-banner.style25 .code span {
	border-bottom: 1px solid;
}

.item-banner.style26 .banner-content {
	padding-top: 72px;
	padding-right: 15px;
	padding-bottom: 53px;
	padding-left: 15px;
	margin-bottom: 30px;
	text-align: center;
}

.item-banner.style26 .title {
	font-size: 24px;
	border-bottom: 1px solid;
	margin-bottom: 15px;
	display: inline-block;
}

.item-banner .icon {
	font-size: 48px;
	color: #f7f7f7;
	margin-bottom: 6px;
	display: block;
}

.item-banner .sub-title {
	font-size: 15px;
	color: #888888;
	font-weight: 700;
	line-height: 30px;
}

.item-banner.style27 .banner-content {
	padding-top: 43px;
	padding-right: 15px;
	padding-bottom: 59px;
	padding-left: 30px;
	margin-bottom: 30px;
}

.item-banner.style27 .title {
	font-size: 48px;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 2px;
}

.item-banner.style27 .description {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: #888888;
	margin-bottom: 0;
}

.item-banner.style27 .dungar-subtitle {
	margin-bottom: 0;
}

/*banner home 08*/
.item-banner.style18 .banner-content {
	padding-top: 53px;
	padding-right: 15px;
	padding-bottom: 60px;
	padding-left: 50px;
}

.item-banner.style18 .title {
	font-size: 30px;
	line-height: 32px;
	font-weight: 700;
	margin-bottom: 13px;
}

.item-banner.style18 .description {
	margin-bottom: 20px;
}

.item-banner.style19 .banner-content {
	padding-top: 86px;
	padding-right: 15px;
	padding-bottom: 90px;
	padding-left: 15px;
	text-align: center;
	margin-bottom: 20px;
}

.item-banner.style19 .icon {
	color: #f7f7f7;
	font-size: 48px;
	margin-bottom: 15px;
	display: block;
}

.item-banner.style19 .title {
	font-size: 24px;
	border-bottom: 1px solid;
	display: inline-block;
	margin-bottom: 5px;
	letter-spacing: 0;
}

.item-banner.style19 .sub-title {
	font-size: 15px;
	line-height: 30px;
	font-weight: 700;
	color: #ffffff;
}

.item-banner.style20 .banner-content {
	padding-top: 69px;
	padding-right: 15px;
	padding-bottom: 56px;
	padding-left: 30px;
	margin-bottom: 20px;
}

.item-banner.style20 .title {
	font-size: 38px;
	line-height: 40px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.item-banner.style20 .code {
	font-size: 13px;
	color: #cccccc;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 23px;
}

.item-banner.style20 .code .nummer-code {
	font-size: 18px;
	color: #ffffff;
	border-bottom: 1px solid
}

.banner-pinmap-wrapp .item-banner .inner {
	position: relative;
}

.item-banner.style21 .inner {
	background-image: url(../image/banner-home-19.jpg);
	border-radius: 0;
	background-size: cover;
}

.item-banner.style21 .banner-content {
	padding-top: 180px;
	padding-right: 15px;
	padding-bottom: 180px;
	padding-left: 830px;
}

.item-banner.style21 .banner-content .banner-content-inner {
	float: right;
}

.item-banner.style21 .title {
	font-size: 46px;
}

.item-banner.style21 .start-from {
	text-transform: capitalize;
	margin-bottom: 23px;
}

.item-banner.style21 .start-from span {
	color: #F08200;
	font-weight: 600;
}

.item-banner.style21 .group-pinap .btn-pinmap-1 {
	top: 92px;
	left: 520px;
}

.item-banner.style21 .group-pinap .btn-pinmap-2 {
	bottom: 20px;
	left: 313px;
}

.popup-pinmap.right.style1 {
	top: -83px;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.popup-pinmap.right.style1:before {
	top: 90px;
}

.popup-pinmap.left.style1 {
	top: auto;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	bottom: -5px;
}

.popup-pinmap.left.style1:before {
	top: auto;
	bottom: 10px;
}

.pinmap-popup-main.style1 {
	min-width: 231px;
}

/*banner home 09*/
.item-banner.style12 .inner {
	background-image: url(../image/banner-home-10.jpg);
}

.item-banner.style12.type2 .inner {
	background-image: url(../image/banner-home-11.jpg);
}

.item-banner.style12 .banner-content {
	padding-top: 49px;
	padding-right: 160px;
	padding-bottom: 53px;
	padding-left: 23px;
	margin-bottom: 30px;
}

.item-banner.style12 .title {
	font-size: 26px;
	line-height: 32px;
	margin-bottom: 5px;
}

.item-banner.style12 .description {
	margin-bottom: 20px;
	max-width: 190px;
}

.item-banner.style12 .button {
	height: 39px;
}

.item-banner.style13 .banner-content {
	padding-top: 48px;
	padding-right: 160px;
	padding-bottom: 76px;
	padding-left: 35px;
	margin-bottom: 30px;
	text-align: center;
}

.item-banner.style13 .sub-title {
	font-size: 15px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
}

.item-banner.style13 .icon {
	font-size: 48px;
	color: #f7f7f7;
	margin-bottom: 15px;
	display: block;
}

.item-banner.style13 .title {
	border-bottom: 1px solid;
	display: inline-block;
	margin-bottom: 7px;
	letter-spacing: 0;
}

.item-banner.style14 .inner {
	background-image: url(../image/banner-home-12.jpg);
	background-size: cover;
}

.item-banner.style14 .banner-content {
	padding-top: 43px;
	padding-right: 30px;
	padding-bottom: 44px;
	padding-left: 30px;
	margin-bottom: 30px;
	text-align: center;
}

.item-banner.style14 .title {
	font-size: 37px;
	line-height: 1.2;
	margin-bottom: 21px;
}

.item-banner.style14 .code {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	color: #888888;
	margin-bottom: 0;
}

.item-banner.style14 .code .nummer-code {
	font-size: 18px;
	color: #F08200;
	position: relative;
}

.item-banner.style15 .inner {
	background-image: url(../image/banner-home-13.jpg);
	overflow: hidden;
	background-position: 25% center;
}

.item-banner.style15 .banner-content {
	padding-right: 30px;
	padding-left: 450px;
	padding-top: 46px;
	padding-bottom: 54px;
	float: right;
}

.item-banner.style15 .title {
	font-size: 28px;
	font-weight: 500;
	line-height: 32px;
}

.item-banner.style15 .description {
	margin-bottom: 20px;
}

.item-banner.style15 .banner-price {
	font-size: 23px;
	font-weight: 600;
	line-height: 28px;
	color: #ffffff;
	text-decoration: underline;
}

.item-banner.style16 .inner {
	background-image: url(../image/banner-home-14.jpg);
}

.item-banner.style16 .banner-content {
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 36px;
	padding-left: 23px;
	margin-bottom: 30px;
}

.item-banner.style16 .title {
	font-size: 28px;
	font-weight: 500;
	line-height: 32px;
}

.item-banner.style16 .description {
	margin-bottom: 20px;
}

.item-banner.style16 .button {
	height: 40px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.item-banner.style17 .inner {
	background-image: url(../image/banner-home-15.jpg);
}

.item-banner.style17 .banner-content {
	padding-top: 48px;
	padding-bottom: 50px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}

.item-banner.style17 .title {
	font-size: 34px;
	line-height: 32px;
	margin-bottom: 10px;
}

.item-banner.style17 .description {
	margin-bottom: 15px;
}

.item-banner.style17 .banner-price {
	font-size: 16px;
	color: #888;
	line-height: 28px;
	letter-spacing: -0.05em;
	margin-bottom: 22px;
}

.item-banner.style17 .number-price {
	font-size: 30px;
	color: #F08200;
	font-weight: 600;
	position: relative;
}

/*banner home 10*/
.item-banner.style10 .inner {
	background-image: url(../image/banner-home-8.jpg);
}

.item-banner.style10 .banner-content {
	padding-top: 73px;
	padding-right: 200px;
	padding-bottom: 77px;
	padding-left: 50px;
	margin-bottom: 30px;
}

.item-banner.style10 .dungar-subtitle {
	line-height: 24px;
}

.item-banner.style10 .title {
	font-size: 34px;
	line-height: 40px;
	max-width: 200px;
	margin-bottom: 19px;
}

.item-banner.style10 .description {
	margin-bottom: 0;
}

.item-banner.style11 .inner {
	background-image: url(../image/banner-home-9.jpg);
}

.item-banner.style11 .banner-content {
	padding-top: 65px;
	padding-right: 330px;
	padding-bottom: 58px;
	padding-left: 50px;
	margin-bottom: 30px;
}

.item-banner.style11 .title {
	font-size: 26px;
	line-height: 32px;
	margin-bottom: 5px;
}

.item-banner.style11 .description {
	margin-bottom: 25px;
	max-width: 200px;
}

/*----------------------*/
/*       FOOTER         */
/* -------------------- */


/* -------------------- */
/*   RESPONSIVE      */
/* -------------------- */
@media (max-width: 1199px) {
	.item-banner.style1 .inner .title {
		font-size: 30px;
	}

	.item-banner.style2 .title {
		font-size: 28px;
	}

	.item-banner .hot-price .price-number {
		font-size: 26px;
	}

	.product-item.style-list .product-name {
		font-size: 18px;
	}

	.dungar-product.layout1 .head .title {
		font-size: 24px;
	}

	.dungar-newsletter.default .title {
		font-size: 26px;
	}

	.dungar-blog-item .blog-title {
		font-size: 16px;
	}

	.item-banner.style15 .title,
	.item-banner.style16 .title {
		font-size: 26px;
	}

	.dungar-tabs.default.rows-space-40 {
		margin-bottom: 35px;
	}

	.item-banner.style17 .title,
	.item-banner.style4 .title,
	.item-banner.style5 .title,
	.item-banner.style7 .title,
	.item-banner.style8 .title,
	.item-banner.style17 .title,
	.item-banner.style4 .title,
	.item-banner.style5 .title,
	.item-banner.style7 .title,
	.item-banner.style8 .title {
		font-size: 24px;
	}

	.dungar-newsletter.style3 .title {
		font-size: 24px;
	}

	.dungar-newsletter.style3 {
		padding: 75px 0 65px;
	}

	.team-member .border-custom {
		margin-top: 55px;
	}

	.item-banner.style12 .banner-content {
		margin-bottom: 18px;
	}

	.dungar-newsletter.style3::before,
	.item-banner .inner::before,
	.slider-item .slider-inner::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #fff;
		opacity: 0.5;
		display: none;
	}

	.header-banner.banner-image .banner-wrap .banner-header,
	.dungar-newsletter>*,
	.item-banner .banner-content {
		position: relative;
	}

	.banner-wrapp.rows-space-65,
	.dungar-product.produc-featured .rows-space-65 {
		margin-bottom: 55px;
	}

	.home-slider-banner {
		margin-bottom: 33px;
	}

	.item-banner.style9 .banner-content {
		padding-right: 15px;
	}

	.dungar-newsletter.default .subtitle {
		margin-bottom: 20px;
	}

	.slider-item.style4 .title-big,
	.slider-item.style5 .title-big,
	.slider-item.style6 .title-big {
		font-size: 34px;
	}

	.sevice-box-content .sevice-title,
	.header-banner .title {
		font-size: 28px;
		font-weight: 600;
	}

	.comments-area {
		margin-bottom: 50px;
	}

	.pagination {
		margin-top: 35px;
	}

	.pagination.grid {
		margin-top: 10px;
	}

	.post-item .post-title {
		font-size: 24px;
	}

	.dungar-product.produc-featured.rows-space-65 {
		margin-bottom: 55px;
	}

	.item-banner.style9 .title {
		font-size: 28px;
	}

	.dungar-tabs.default.rows-space-30 {
		margin-bottom: 20px;
	}

	.item-banner.style21 .title {
		font-size: 36px;
	}

	.slick-dots {
		margin-top: 30px;
	}



	.banner-pinmap-wrapp.rows-space-70 {
		margin-bottom: 55px;
	}

	.home-slider.fullwidth.rows-space-60 {
		margin-bottom: 45px;
	}

	.banner-video-wrapp.rows-space-40,
	.dungar-product.produc-featured.rows-space-40 {
		margin-bottom: 25px;
	}

	.dungar-product.layout1 {
		padding: 55px 0 20px;
		background: #f3f3f3;
	}

	.banner-wrapp.rows-space-30 {
		margin-bottom: 25px;
	}

	.slider-item .title-big {
		font-size: 30px;
	}

	.banner-wrapp.rows-space-35 {
		margin-bottom: 20px;
	}

	.banner-wrapp.rows-space-60 {
		margin-bottom: 55px;
	}

	.dungar-tabs.default.rows-space-40 {
		margin-bottom: 35px;
	}

	.item-banner.style6 .banner-content {
		padding-bottom: 120px;
		padding-top: 120px;
	}

	.item-banner.style6 .title {
		font-size: 36px;
	}

	.product-in-stock-wrapp.rows-space-40 {
		margin-bottom: 20px;
	}

	.custommenu-title-blog {
		font-size: 26px;
		margin-bottom: 40px;
	}

	.main-content {
		padding-bottom: 55px;
	}

	.banner-wrapp.rows-space-70 {
		margin-bottom: 50px;
	}

	.instagram-wrapp .custommenu-title-blog {
		margin-top: 50px;
	}

	.dungar-tabs .tab-head {
		margin-bottom: 35px;
	}

	.footer .container-wapper {
		padding-top: 55px;
	}

	.home-slider.style1 {
		padding-top: 0;
	}

	.form-message {
		padding: 45px;
	}

	.blog-slider.style-1 .blog-item {
		margin: 0;
	}

	.footer .border-custom span {
		margin-top: 20px;
	}

	.slider-product .slick-slider>.slick-arrow:first-child,
	.dungar-blog .slick-slider>.slick-arrow:first-child {
		left: 0;
	}

	.slider-product .slick-slider>.slick-arrow,
	.dungar-blog .slick-slider>.slick-arrow {
		right: 0;
	}

	/*header style1*/

	.block-search .dungar-submenu {
		left: -100%;
		right: auto;
	}

	.submenu.menu-page {
		padding: 30px 20px;
	}

	.mega-menu .dungar-custommenu {
		margin-bottom: 30px;
	}

	/*footer*/
	/*contact page*/
	.dungar-contact-info .socials {
		padding-top: 15px;
	}

	/*product list*/
	.product-item.style-list .product-info-left {
		width: auto;
		padding: 0 10px;
	}

	.product-item.style-list .product-info-right {
		border: 0;
		text-align: left;
		padding: 0 0 0 10px;
		width: auto;
	}

	.full-width .product-item.style-list .product-info-right {
		width: auto;
	}

	.product-item.style-list .product-thumb {
		border: none;
		padding-right: 10px;
	}

	.slider-lookbook.nav-center>.slick-arrow {
		opacity: 0;
		visibility: hidden;
	}

	/*in lookbook*/
	.slider-lookbook:hover>.slick-arrow {
		opacity: 1;
		visibility: visible;
	}

	.slick-slider.slider-lookbook.nav-center>.slick-arrow {
		right: 0;
	}

	.slick-slider.slider-lookbook.nav-center>.slick-arrow:first-child {
		left: 0;
	}

	/*menu mobile*/

	/*checkout page*/
	.checkout-wrapp .row-col-2 {
		padding-left: 15px;
	}

	/*shop page*/
	.full-width .details-thumd {
		padding-left: 0;
	}

	/*==========home 01=========*/
	.product-item.style2 .product-inner {
		display: block;
	}

	.slider-item.style1 .slider-inner .slider-infor,
	.slider-item.style3 .slider-inner .slider-infor,
	.slider-item.style2 .slider-inner .slider-infor {
		padding-left: 200px;
	}

	.item-banner.style3 .banner-content {
		padding-left: 320px;
	}

	/*==========home 02=========*/

	/*slider*/
	.slider-item.style4 .slider-inner .slider-infor,
	.slider-item.style5 .slider-inner .slider-infor,
	.slider-item.style6 .slider-inner .slider-infor {
		padding-left: 200px;
	}

	/*banner home 02*/
	.item-banner.style4 .banner-content,
	.item-banner.style5 .banner-content {
		padding-right: 130px;
	}


	.slider-item.style22 .slider-inner .slider-infor,
	.slider-item.style23 .slider-inner .slider-infor,
	.slider-item.style24 .slider-inner .slider-infor {
		padding-left: 420px;
	}



}

@media (max-width: 1024px) {

	/*header*/
	.main-menu .submenu .submenu {
		left: 60%;
		top: 50%;
	}
}

@media (max-width: 1199px) and (min-width: 768px) {
	.col-lg-4.banner-wrapp .banner {
		width: calc(50% - 10px);
		float: left;
	}

	.col-lg-4.banner-wrapp .banner:last-child {
		float: right;
	}
}

@media (max-width: 991px) {

	.item-banner.style11 .banner-content,
	.item-banner.style10 .banner-content {
		padding-left: 15px;
		padding-right: 15px;
	}

	.item-banner.style7 .banner-content {
		padding-right: 130px;
	}

	.item-banner.style8 .banner-content {
		padding-right: 136px;
	}

	/*popup*/
	.kt-popup-newsletter .image-newsletter {
		display: none !important;
	}

	.kt-popup-newsletter.style-1 {
		width: 100%;
	}

	.kt-popup-newsletter .popup-content {
		text-align: center;
	}

	/*single blog*/
	.sidebar .wrapper-sidebar {
		margin-top: 40px;
	}

	/*login*/
	.customer_login .login-item {
		margin-bottom: 30px;
	}

	/*shop page*/
	.woof_Widget {
		margin-top: 25px;
		padding: 20px;
	}

	/*footer*/
	.coppyright,
	.footer-end .dungar-payment,
	.footer-end .demos {
		text-align: center;
		padding: 5px 0;
	}

	.footer .widget-box .text-content-elememnt {
		padding-right: 0;
	}

	/*in lookbook*/
	.sevice-item .sevice-thumb {
		text-align: center;
		margin-bottom: 30px;
	}

	.sevice-item .col-sm-6~.col-sm-6>.sevice-thumb {
		margin-bottom: 0;
	}

	.sevice-box-content {
		position: static;
		transform: none;
		padding: 0;
	}

	.sevice-item.style-1.has-item-sevice .sevice-box-content {
		padding-bottom: 40px;
		padding-top: 0;
	}

	/*checkout page*/
	.checkout-wrapp .row-col {
		width: 100%;
		float: none;
		margin-bottom: 20px;
		padding: 0;
	}

	.checkout-form {
		padding: 30px 20px 10px;
	}

	.your-order .title-form {
		margin-bottom: 25px;
	}

	.checkout-wrapp .button {
		margin-bottom: 30px;
	}

	/*GridProducts page*/
	.shop-grid-content.full-width .shop-top-control .select-item {
		width: auto;
	}


}

@media (max-width: 767px) {
	.slider-item .slider-infor .button {
		font-size: 16px;
	}

	.testimonial-item .image {
		width: 100px;
		height: 100px;
	}

	.testimonial-item .info {
		padding-right: 30px;
	}

	.dungar-countdown .box-count {
		min-width: 40px;
	}

	.box-footer:nth-child(2) {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.product-item.style-list .product-name {
		font-size: 16px;
	}

	.title-form {
		font-size: 16px;
	}

	.item-banner.style15 .title,
	.item-banner.style16 .title {
		font-size: 22px;
	}

	.banner-video-wrapp.rows-space-40 {
		margin-bottom: 15px;
	}

	.dungar-product.produc-featured.rows-space-40 {
		margin-bottom: 20px;
	}

	.item-banner.style1 .title br {
		display: block;
	}

	.item-banner.style21 .title br {
		display: block;
	}



	.instagram-wrapp .custommenu-title-blog {
		margin-top: 45px;
	}

	.item-banner.style11 .title {
		font-size: 24px;
		font-weight: 600;
	}

	.dungar-product.produc-featured.rows-space-65 {
		margin-bottom: 45px;
	}

	.slider-item .title-big {
		font-size: 24px;
	}

	.item-banner .title {
		font-weight: 500;
	}

	.slider-item .price .number-price,
	.item-banner.style17 .number-price {
		font-size: 20px;
	}

	.item-banner .dungar-subtitle {
		font-size: 13px;
	}

	.item-banner.style17 .title,
	.item-banner.style4 .title,
	.item-banner.style5 .title,
	.item-banner.style7 .title,
	.item-banner.style8 .title,
	.item-banner.style17 .title,
	.item-banner.style4 .title,
	.item-banner.style5 .title,
	.item-banner.style7 .title,
	.item-banner.style8 .title {
		font-size: 20px;
	}

	.dungar-tabs .tab-link::before {
		display: none;
	}

	.item-banner.style6 .banner-content {
		padding-bottom: 75px;
		padding-top: 75px;
	}

	.shop-top-control {
		padding-bottom: 10px;
	}

	.dungar-newsletter.style3 .title {
		font-size: 20px;
	}

	.dungar-iconbox .content .title {
		font-size: 14px;
	}

	.dungar-newsletter.style3 {
		overflow: hidden;
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.footer .dungar-socials li a {
		min-width: 60px;
		font-size: 22px;
	}

	.slider-item.style4 .slider-inner .slider-infor,
	.slider-item.style5 .slider-inner .slider-infor,
	.slider-item.style6 .slider-inner .slider-infor,
	.slider-item.style1 .slider-inner .slider-infor,
	.slider-item.style3 .slider-inner .slider-infor,
	.slider-item.style2 .slider-inner .slider-infor,
	.slider-item.style7 .slider-inner .slider-infor,
	.slider-item.style8 .slider-inner .slider-infor,
	.slider-item.style9 .slider-inner .slider-infor,
	.slider-item.style13 .slider-inner .slider-infor,
	.slider-item.style14 .slider-inner .slider-infor,
	.slider-item.style15 .slider-inner .slider-infor,
	.slider-item.style19 .slider-inner .slider-infor,
	.slider-item.style20 .slider-inner .slider-infor,
	.slider-item.style21 .slider-inner .slider-infor,
	.slider-item.style25 .slider-inner .slider-infor,
	.slider-item.style26 .slider-inner .slider-infor,
	.slider-item.style27 .slider-inner .slider-infor {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.item-banner.style1 .inner .title {
		font-size: 26px;
	}

	.item-banner.style2 .title {
		font-size: 24px;
	}

	.dungar-newsletter.style1 .newsletter-form-wrap .input-text {
		font-size: 13px;
	}

	.dungar-newsletter.style1 .newsletter-form-wrap .input-text {
		height: 44px;
		padding: 0 15px;
		line-height: 44px;
	}

	.dungar-newsletter.style1 .newsletter-form-wrap .submit-newsletter {
		height: 44px;
		line-height: 44px;
	}

	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	textarea,
	select {
		padding: 7px 10px;
	}

	.button,
	button,
	input[type="submit"] {
		font-size: 12px;
	}

	.item-banner.style10 .title {
		font-size: 28px;
		line-height: 1.2;
	}

	.banner-wrapp.rows-space-65 {
		margin-bottom: 40px;
	}

	.home-slider-banner {
		margin-bottom: 25px;
	}

	.banner-wrapp.rows-space-70 {
		margin-bottom: 43px;
	}

	.details-infor .product-title {
		font-size: 22px;
	}

	.details-infor .price {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.sevice-item.style-1 {
		padding-bottom: 40px;
		margin-bottom: 40px;
	}

	.content-inlookbook .pagination {
		margin-bottom: 40px;
	}

	.wapper-slider-lookbook {
		padding: 40px 0;
	}

	.slider-lookbook-item .lookbook-inner {
		padding: 15px;
	}

	.sevice-box-content .sevice-title,
	.header-banner .title {
		font-size: 22px;
	}

	.pagination {
		margin-top: 30px;
	}

	.comments-area {
		margin-bottom: 30px;
	}

	.comments-area .comment .children {
		padding-left: 30px;
		padding-top: 30px;
	}

	.comment-form .comment-reply-content {
		padding: 0 15px;
	}

	.comment-form {
		padding-top: 0;
		margin-bottom: 30px;
	}

	blockquote,
	q {
		margin-bottom: 25px;
		margin-top: 0;
	}

	.post-item .post-title {
		font-size: 22px;
	}

	.blog-articles>.custom_blog_title,
	.comments-area>.custom_blog_title {
		font-size: 16px;
	}

	.widget .widgettitle {
		font-size: 14px;
	}

	.widget {
		margin-bottom: 30px;
	}

	.newsletter-widget {
		padding: 20px 15px;
	}

	.form-message .title {
		margin-bottom: 15px;
		font-size: 14px;
	}

	.dungar-newsletter.style3 {
		overflow: hidden;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.dungar-tabs.default.rows-space-30 {
		margin-bottom: 10px;
	}

	.banner-wrapp.rows-space-60,
	.dungar-product.produc-featured.rows-space-60 {
		margin-bottom: 35px;
	}

	.item-banner.style9 .title {
		font-size: 22px;
	}

	.item-banner.style21 .banner-content {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.item-banner.style21 .title {
		font-size: 26px;
	}

	.dungar-product.layout1 .head .title {
		font-size: 22px;
	}

	.dungar-product.layout1 {
		padding: 40px 0 20px;
	}

	.banner-pinmap-wrapp.rows-space-70 {
		margin-bottom: 40px;
	}

	.home-slider.fullwidth.rows-space-60 {
		margin-bottom: 35px;
	}

	.item-banner.style16 .title,
	.item-banner.style12 .title {
		font-size: 26px;
	}

	.item-banner.style14 .title {
		font-size: 30px;
	}

	.product-in-stock-wrapp.rows-space-40 {
		margin-bottom: 10px;
	}

	.instagram-wrapp .custommenu-title-blog i {
		font-size: 50px;
	}

	.home-slider .slick-slider.nav-center>.slick-arrow {
		display: none !important;
	}

	.dungar-newsletter.default .title,
	.product-grid-title,
	.custommenu-title-blog {
		font-size: 20px;
	}

	.product-grid-title,
	.custommenu-title-blog {
		margin-bottom: 30px;
	}

	.dungar-tabs .tab-head {
		margin-bottom: 30px;
	}

	.dungar-tabs.default.rows-space-40 {
		margin-bottom: 25px;
	}

	.banner-wrapp.rows-space-60 {
		margin-bottom: 47px;
	}

	.logo img {
		max-width: 140px;
	}

	.slick-dots {
		margin-top: 25px;
	}

	.dungar-tabs .tab-link li a {
		margin: 0 15px;
	}

	.item-banner.style6 .title {
		font-size: 24px;
	}

	.product-grid-title {
		padding-top: 35px;
	}

	.tab-details-product {
		margin-top: 40px;
	}

	.cart-form .shop_table tbody tr.cart_item td.product-remove {
		position: static;
		transform: none;
		padding: 20px 0 10px;
	}

	.cart-form .shop_table,
	.cart-form .shop_table tbody,
	.cart-form .shop_table tr,
	.cart-form .shop_table td {
		display: block !important;
		text-align: center !important;
		width: 100% !important;
	}

	.cart-form .shop_table .product-price {
		padding-bottom: 20px;
	}

	.cart-form .shop_table tbody>tr>td.actions {
		padding: 20px;
	}

	.shop_table .actions>.order-total {
		float: none;
	}

	.cart-form .shop_table .product-quantity .quantity {
		margin: 0 auto;
	}

	.breadcrumb {
		padding: 25px 0 20px;
	}

	.custom_blog_title {
		margin-bottom: 30px;
		font-size: 18px;
	}

	.blog-articles>.main-info-post {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.error-404 {
		padding: 35px 0 0;
	}

	.footer {
		margin-bottom: 56px;
	}

	.footer .footer-end {
		padding: 20px 0;
	}

	.footer .container-wapper {
		padding-top: 40px;
	}

	.footer .border-custom span {
		margin-top: 20px;
	}

	.col-xs-12:last-child .item-banner.style16 .banner-content {
		margin-bottom: 0;
	}

	/*single blog*/
	.blog-item .post-format {
		float: none;
		width: auto;
	}

	.blog-list .blog-item .post-format {
		max-width: 100%;
	}

	.blog-item .post-info {
		width: 100%;
		padding: 0;
		overflow: visible;
	}

	.blog-item .post-info::before {
		display: none;
	}

	.blog-slider.style-1 .blog-item {
		margin: 0;
		padding: 15px;
	}

	.blog-list .blog-item {
		padding: 20px;
	}

	/*short code*/
	/*pagination*/
	.pagination .page-numbers {
		margin-bottom: 10px;
	}

	/*404 page*/
	.error-404 {
		display: block;
	}

	.error-404 .images,
	.error-404 .text-404 {
		display: block;
		width: 100%;
		text-align: center;
		padding-left: 0;
	}

	.error-404 .images {
		margin-bottom: 30px;
	}

	.error-404 .search-form .search-field {
		margin-right: 0
	}

	.text-404 .page-title {
		margin-top: 0;
	}

	/*about page*/
	.dungar-iconbox.layout1 {
		text-align: center;
		margin-top: 50px;
	}

	.dungar-iconbox.layout1 .icon-item {
		display: inline-block;
	}

	/*shop page*/
	.shop-top-control .select-form,
	.shop-top-control .grid-view-mode,
	.shop-top-control {
		display: inline-block;
		text-align: center;
		vertical-align: top;
	}

	.shop-top-control .select-form,
	.grid-view-mode {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.shop-top-control .grid-view-mode {
		width: auto;
	}

	.full-width .details-thumd {
		padding: 0;
	}

	.full-width .details-thumd .owl-nav .owl-prev {
		left: 0;
	}

	.full-width .details-thumd .owl-nav .owl-next {
		right: 0;
	}

	.item-banner.style1 .banner-content,
	.item-banner.style2 .banner-content {
		padding-left: 30px;
	}

	/*product item*/
	.product-item .loop-form-add-to-cart {
		display: none;
	}

	/*product list*/
	.product-item.style-list .product-thumb,
	.product-item.style-list .product-info-left,
	.product-item.style-list .product-info-right {
		display: block;
		padding: 0;
		border: none;
		text-align: center;
		margin: 0 auto
	}

	.product-item.style-list .yith-wcwl-add-to-wishlist {
		width: auto;
		float: none;
	}

	.slider-lookbook-item .lookboox-thumb {
		float: none;
		text-align: center;
		margin: 0 auto;
	}

	.slider-lookbook-item .lookboox-infore {
		padding: 15px 0 0;
	}

	.slider-lookbook-item .name-lookbook {
		margin-bottom: 20px;
	}

	/*details page*/
	.details-thumd {
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}

	.details-infor {
		width: 100%;
		padding: 0;
		border: 0;
		float: none;
	}

	.tab-details-product .tab-link li {
		display: block;
		text-align: center;
		padding: 0;
		margin-bottom: 10px;
	}

	/*backtotop*/
	.backtotop.show {
		display: none !important;
	}

	/*====================home 01==============*/
	.product-item.style2 .product-thumb,
	.product-item.style2 .product-info {
		display: block;
		text-align: center;
		padding: 0;
		width: 100%
	}

	.product-item.style2 .product-thumb .thumb-inner img,
	.product-item.style2 .group-buttons {
		margin: 0 auto;
	}

	.dungar-tabs .tab-link li {
		padding: 10px 0;
	}

	.slider-item.style1 .slider-inner .slider-infor,
	.slider-item.style3 .slider-inner .slider-infor,
	.slider-item.style2 .slider-inner .slider-infor,
	.slider-item.style4 .slider-inner .slider-infor,
	.slider-item.style5 .slider-inner .slider-infor,
	.slider-item.style6 .slider-inner .slider-infor,
	.slider-item.style7 .slider-inner .slider-infor,
	.slider-item.style8 .slider-inner .slider-infor,
	.slider-item.style9 .slider-inner .slider-infor,
	.slider-item.style10 .slider-inner .slider-infor,
	.slider-item.style11 .slider-inner .slider-infor,
	.slider-item.style12 .slider-inner .slider-infor,
	.slider-item.style13 .slider-inner .slider-infor,
	.slider-item.style14 .slider-inner .slider-infor,
	.slider-item.style15 .slider-inner .slider-infor,
	.slider-item.style19 .slider-inner .slider-infor,
	.slider-item.style20 .slider-inner .slider-infor,
	.slider-item.style21 .slider-inner .slider-infor,
	.slider-item.style22 .slider-inner .slider-infor,
	.slider-item.style23 .slider-inner .slider-infor,
	.slider-item.style24 .slider-inner .slider-infor,
	.slider-item.style25 .slider-inner .slider-infor,
	.slider-item.style26 .slider-inner .slider-infor,
	.slider-item.style27 .slider-inner .slider-infor {
		padding-right: 30px;
		padding-left: 30px;
	}

	.item-banner.style3 .banner-content {
		padding-left: 30px;
	}
}

@media (max-width: 480px) {

	.dungar-newsletter.style3 .title,
	.dungar-newsletter.default .title,
	.product-grid-title,
	.custommenu-title-blog {
		font-size: 18px;
	}

	.slider-item .title-big {
		max-width: 100%;
	}

	.dungar-blog-item.style2 .post-thumb {
		float: none;
		width: auto;
	}

	.dungar-blog-item.style2 .blog-title {
		margin-bottom: 30px;
	}

	.dungar-blog-item.style2 .blog-info {
		width: 100%;
		padding: 0;
		overflow: visible;
	}

	.coppyright {
		font-size: 13px;
	}

	.product-item .product-inner {
		text-align: center;
	}

	.product-list-owl .product-item .thumb-inner img {
		margin: 0 auto;
	}

	/*footer*/
	.dungar-newsletter.style1 .newsletter-form-wrap .submit-newsletter {
		padding-left: 10px;
		padding-right: 10px;
	}

	/*single blog*/
	.view-share .author-view,
	.view-share .share {
		display: block;
		float: none;
	}

	.comment-form .form-submit .controll {
		float: none;
		text-align: center;
	}

	/*short code*/
	.pagination.style1 {
		text-align: center;
	}

	/*login*/
	.customer_login .login,
	.customer_login .register {
		padding: 20px 15px 10px;
	}

	.customer_login .title-login {
		padding: 15px;
	}

	/*contact page*/
	.form-message,
	.form-contact-information {
		padding: 20px 15px
	}

	.dungar-contact-info .socials {
		padding-top: 0;
	}

	.dungar-contact-info .item {
		margin-bottom: 20px;
	}

	/*shop page*/
	.shop-top-control .select-form,
	.shop-top-control .grid-view-mode,
	.shop-top-control {
		display: block;
		width: 100%;
		border: none;
	}

	.shop-top-control {
		padding-top: 10px;
		margin-bottom: 30px;
	}

	.shop-top-control .grid-view-mode {
		margin-bottom: 0;
	}

	/*lookbook*/
	.sevice-box-content {
		padding-left: 15px;
		padding-right: 15px;
	}

	/*checkout page*/
	.shipping-address .form-row.form-row-first,
	.shipping-address .form-row.form-row-last {
		width: 100%;
	}

	.shipping-address .form-row.form-row-last {
		float: none;
	}

	.checkout-wrapp .forn-row-col {
		width: 100%;
		padding: 0;
	}

	.payment-method .form-row-card-number {
		max-width: 100%;
	}

	.list-product-order .product-thumb {
		float: none;
		width: auto;
		margin-bottom: 20px;
		margin-right: 0;
	}

	/*shop page*/
	/*===============home 01===============*/
	.dungar-blog-item .post-thumb img {
		width: 100%;
	}

	.slider-item .button {
		margin-bottom: 20px;
	}

	.header-block-text-wrapp {
		background: #111111;
	}

	.header-top-message {
		font-size: 11px;
		padding-top: 5px;
		padding-bottom: 5px;
		line-height: 16px;
	}

	.header-block-text {
		font-size: 11px;
		padding-top: 5px;
		padding-bottom: 5px;
		line-height: 16px;
	}

	.header-top-message .icon {
		font-size: 15px;
	}

	.header-block-text .icon {
		font-size: 15px;
	}



	.slider-item.style4 .slider-inner .slider-infor,
	.slider-item.style5 .slider-inner .slider-infor,
	.slider-item.style6 .slider-inner .slider-infor,
	.slider-item.style1 .slider-inner .slider-infor,
	.slider-item.style3 .slider-inner .slider-infor,
	.slider-item.style2 .slider-inner .slider-infor,
	.slider-item.style7 .slider-inner .slider-infor,
	.slider-item.style8 .slider-inner .slider-infor,
	.slider-item.style9 .slider-inner .slider-infor,
	.slider-item.style13 .slider-inner .slider-infor,
	.slider-item.style14 .slider-inner .slider-infor,
	.slider-item.style15 .slider-inner .slider-infor,
	.slider-item.style19 .slider-inner .slider-infor,
	.slider-item.style20 .slider-inner .slider-infor,
	.slider-item.style21 .slider-inner .slider-infor,
	.slider-item.style25 .slider-inner .slider-infor,
	.slider-item.style26 .slider-inner .slider-infor,
	.slider-item.style27 .slider-inner .slider-infor {
		padding-right: 15px;
		padding-left: 15px;
		padding-top: 55px;
		padding-bottom: 55px;
	}


}

.button,
button,
input[type="submit"],
.block-minicart .shopcart-icon .count,
.load-more a:hover,
.dungar-newsletter.style1 .newsletter-form-wrap .submit-newsletter:hover,
.customer_login input[type="submit"],
.sevice-box-content .sevice-button:hover,
.footer-device-mobile-item.device-cart .count-icon,
.widget_filter_size li.active,
.product-item.style-list .single_variation_wrap>.button:hover,
.shoppingcart-content .control-cart .button:hover,
.checkout-wrapp .button:hover,
.checkout-wrapp .group-button-payment .btn-credit-card,
.payment-method-wrapp .button-control .btn-pay-now,
.end-checkout .button,
.btn-zoom.open_qv:hover,
.attribute_size .list-size a.active,
.attribute_size .list-size a:hover,
.tab-details-product .tab-link li a::after,
.product-item.style2 .group-buttons .button:hover,
.product-item.style-2 .group-buttons .added_to_cart:hover,
.kt-popup-newsletter.style-2 .mfp-close,
.shopcart-description .actions .button-viewcart:hover,
.kt-popup-quickview .mfp-close,
.dungar-newsletter.style2 .newsletter-form-wrap .submit-newsletter:hover,
.product-item.style-6 .loop-form-add-to-cart .button,
.pinmap-buttom,
.header-nav-wapper .vertical-wapper,
.list-category .category-item:hover {
	background-color: var(--color-yellow);

}

.product-item .button:hover,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus,
button:focus,
select:focus,
.sevice-box-content .sevice-button:hover,
.widget_filter_size li.active,
.widget_filter_size li:hover,
.shoppingcart-content .control-cart .button:hover,
.checkout-wrapp .button:hover,
.checkout-wrapp .group-button-payment .btn-credit-card,
.payment-method-wrapp .button-control .btn-pay-now,
.end-checkout .button,
.btn-zoom.open_qv:hover,
.attribute_size .list-size a.active,
.attribute_size .list-size a:hover,
.shopcart-description .actions .button-viewcart:hover,
.product-item.style-6 .loop-form-add-to-cart .button {

	border-color: #fff !important;

}

a:hover,
a:focus,
a:active,
.product-item.style-2 ul li a:hover,
.quantity .btn-number:hover,
.header-user-form-tabs .tab-link li.active,
.review .view:hover,
.review .s-comments:hover,
.product-item.style-list .product-info-left .attributes-display li a:hover,
.cart-form .product-remove:hover a:before,
.cart-form .shop_table .product-name .attributes-select:hover,
.cart-form .coupon .button:hover,
.slick-slider.slider-lookbook.nav-center>.slick-arrow:hover,
.slider-lookbook-item .view-the-look:hover,
.list-product-order .attributes-select:hover,
.header-language .dungar-submenu>li>a:hover,
.sidebar input[type="checkbox"]:checked+label::before,
.main-menu .submenu>li:hover>a,
.main-menu .submenu>li.active>a,
.block-minicart .no-product .text span,
.header-account .login .lost_password,
.details-thumd .owl-nav div:hover,
.details-infor .availability a,
.details-infor .group-button .yith-wcwl-add-to-wishlist div a:hover::before,
.details-infor .group-button .size-chart-wrapp .btn-size-chart a:hover::before,
.tab-details-product .tab-link li.active a,
.review_form .comment-form-review .stars a.active,
.review_form .comment-form-review .stars a:hover,
.related .slick-slider.nav-center>.slick-arrow:hover,
.up-sells .slick-slider.nav-center>.slick-arrow:hover,
.slider-item .button:hover,
.slick-slider.nav-center>.slick-arrow:hover {
	color: var(--color-yellow);

}

.details-thumd .thumbnails_carousel .owl-item .active img {
	border-color: #F08200;
}

@media (min-width: 1367px) {
	.home-slider.fullwidth.rows-space-60 {
		margin-bottom: 80px;
	}

	.banner-wrapp.rows-space-35 {
		margin-bottom: 55px;
	}

	.dungar-tabs.default.rows-space-40 {
		margin-bottom: 60px;
	}

	.banner-wrapp.rows-space-60 {
		margin-bottom: 80px;
	}

	.banner-wrapp.rows-space-30 {
		margin-bottom: 50px;
	}

	.main-content {
		padding-bottom: 85px;
	}

	.instagram-wrapp .custommenu-title-blog {
		margin-top: 70px;
	}

	.home-slider-banner {
		margin-bottom: 58px;
	}

	.dungar-product.produc-featured.rows-space-65 {
		margin-bottom: 82px;
	}

	.banner-wrapp.rows-space-65 {
		margin-bottom: 85px;
	}



	.home-slider.fullwidth.rows-space-60 {
		margin-bottom: 80px;
	}

	.dungar-product.produc-featured.rows-space-40 {
		margin-bottom: 60px;
	}

	.banner-pinmap-wrapp.rows-space-70 {
		margin-bottom: 90px;
	}

	.dungar-product.layout1 {
		padding: 90px 0 52px;
	}
}

.product-item .product-inner img {
	width: 100%;
}

.indexsv {
	background-color: #fff;
	border-radius: 10px;
	padding: 20px 0 0 0px;
	height: 250px;
}

.process-wrap .icon {
	text-align: center;
}

.process-wrap .icon i {
	font-size: 32px;
	color: #0a7c5a;
}

/* 产品分类容器 */
.pdes {
	font-size: 16px;
}

.pdes strong {
	color: #0a0a0a;
}

.p-01 {
	color: var(--color-blue)
}

.p-02 {
	color: var(--primary-color);
}

.p-03 {
	color: var(--color-yellow);
}

.product-categories {}

/* 单个产品卡片样式 */
.product-categories .product-card {
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transition: transform 0.3s ease;
}

.product-categories .product-card:hover {
	/* transform: translateY(-5px); */
}

/* 产品图片容器 */
.product-categories .product-img {
	width: 100%;
	height: 230px;
	overflow: hidden;
}

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

.product-categories .product-card:hover .product-img img {
	transform: scale(1.05);
	/* 悬浮图片轻微放大 */
}

/* 产品内容区域 */
.product-categories .product-content {
	padding: 10px 20px 20px;
	height: 320px;
}

/* 产品标题 */
.product-categories .product-title {
	font-size: 22px;
	font-weight: 500;
	color: #2c3e50;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

/* 产品简要描述 */
.product-categories .product-brief {
	font-size: 15px;
	color: #666;
	margin-bottom: 20px;
	line-height: 1.7;
}

/* 应用场景样式 */
.product-categories .product-scene {}

.product-categories .product-scene h4 {
	font-weight: 600;
	color: var(--color-yellow);
	margin-bottom: 10px;
	font-size: 15px;
}

.product-categories .product-scene ul {
	margin-left: -20px;
	color: #777;
}

.product-categories .product-scene li {
	margin-bottom: 8px;

}


/* 容器定制 */
.scenario-container {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 24px;
}

/* 标题样式 */
.section-title {
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 2rem;
	color: #1a202c;
	letter-spacing: 0.2px;
}

.tag-item {
	padding: 4px;
	background-color: #f3f3f3;
	border-radius: 4px;
	white-space: nowrap;
	text-transform: capitalize;
}



@media (max-width: 768px) {
	.section-title {
		font-size: 1.5rem;
		margin-bottom: 1.5rem;
	}

	/* 移动端：单个col-lg-6内转为1列 */
	.inner-4col>div {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.scenario-tag {
		padding: 12px 16px;
		flex-direction: row;
		/* 移动端改回水平排列，更易用 */
		text-align: left;
	}
}

/* 图片容器：限制高度，隐藏溢出，添加过渡动画更流畅 */
.product-categories .img-container {
	height: 145px;
	/* 默认显示的高度（只显示部分） */
	overflow: hidden;
	/* 隐藏超出容器的部分 */
	transition: height 0.5s ease;

}

/* 鼠标悬停时，容器高度改为图片实际高度（显示全部） */
.product-categories .img-container:hover {
	height: 270px;
	/* 图片完整高度（需和实际图片高度匹配） */
}

/* 图片自适应容器宽度 */
.product-categories .img-container img {
	width: 100%;
	height: auto;
	/* 保持图片比例 */
}


.testimonial-area {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.ts-bg {
	background: var(--theme-color);
}

.ts-bg::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: url(../image/06.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	opacity: .1;
	z-index: -1;
}

.testimonial-area .site-heading h2 {
	color: var(--color-white);
}

.testimonial-item {
	position: relative;
	background: var(--color-white);
	padding: 20px 30px;
	border-radius: 30px;
	margin-bottom: 20px;
}

.index-sl-bg {
	background-color: var(--color-bg);
	padding: 30px 0;
}

.index-sl img {
	border-radius: 10px;
	height: 245px;
	overflow: hidden;
}

.index-sl-1 i {
	font-size: 36px;
	color: #0a7c5a;
	padding-top: 20px;
}

/* 服务卡片样式 */
.service-card {
	background: #fff;
	border-radius: 12px;
	padding: 2rem;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.05);
	height: 100%;
	transition: all 0.3s ease;
}

.service-card:hover {
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
	transform: translateY(-1px);
}

/* 图标样式 */
.service-icon01 {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: rgba(22, 93, 255, 0.1);
	color: #0A7C5A;
	font-size: 22px;
	margin-bottom: 1.5rem;
}

/* 标题颜色 */
.text-dark-custom {
	color: #1D2129 !important;
}

/* 主色调 */
.text-primary-custom {
	color: #0A7C5A !important;
}

:root {
	--primary-color: #0a7c5a;
	/* 深海蓝 - 欧美企业常用主色 */
	--secondary-color: #F5F7FA;
	--text-dark: #1A202C;
	--text-gray: #718096;
	--shadow-light: 0 4px 20px rgba(0, 0, 0, 0.1);
	--shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.15);

	--primary: #1E293B;
	/* 深冷灰 - 欧美科技风主色 */
	--secondary: #F8FAFC;
	--accent: #3B82F6;
	/* 浅蓝强调色 */
	--text-gray: #64748B;
	--shadow-light: 0 2px 15px rgba(0, 0, 0, 0.1);
	--shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15);

	/* 算力分级颜色 */
	--low-power: #64748B;
	/* 低算力 - 灰色 */
	--mid-power: #3B82F6;
	/* 中算力 - 蓝色 */
	--high-power: #F08200;
	/* 高算力 - 绿色 */
	--ultra-power: #EF4444;
	/* 超高算力 - 红色 */
}

/* 荣誉卡片通用样式 */
.honor-card {
	background: rgba(217, 72, 0, 0.8);
	border-radius: 15px;
	padding: 25px 15px;
	border: none;
	box-shadow: var(--shadow-light);
	transition: all 0.4s ease;
	height: 100%;
	position: relative;
	overflow: hidden;
	height: 300px;
}

.honor-card:hover {
	transform: translateY(-1px);
	box-shadow: var(--shadow-hover);
}

/* 卡片顶部装饰条 */
.honor-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: var(--primary-color);
}

/* 数字统计样式 */
.honor-number {
	font-size: clamp(2rem, 5vw, 3rem);
	font-weight: 800;
	color: var(--color-white);
	line-height: 1;
	margin-bottom: 1rem;
}

.honor-category {
	color: var(--color-white);
	font-weight: 600;
	font-size: 1.25rem;
	margin-bottom: 1.25rem;
	text-transform: capitalize;
}

.honor-desc {
	font-size: 0.95rem;
	color: var(--color-white);
}

.honr-b1 {
	bottom: 30px;
	position: absolute;
	color: var(--color-white);
}

.customer {
	background-color: var(--color-bg);
}

/* 客户logo展示区 */
.client-logos {
	padding: 3rem 2rem;
	border-radius: 16px;
	box-shadow: var(--shadow-base);
	/* margin-top: 5rem; */
}

.logo-item {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
	opacity: 0.9;
	transition: opacity 0.3s ease;
}

.logo-item:hover {
	opacity: 1;
}

.logo-item img {
	max-height: 50px;
	max-width: 100%;
	/* filter: grayscale(100%); */
	/* 灰度logo - 欧美风经典设计 */
	transition: filter 0.3s ease;
}

.logo-item:hover img {
	filter: grayscale(0);
}

/* 响应式调整 */
@media (max-width: 768px) {
	.case-img-wrapper {
		height: 180px;
	}

	.client-logos {
		padding: 2rem 1rem;
	}

	.logo-item {
		height: 60px;
		margin-bottom: 1rem;
	}
}

/* product list */
/* 左侧分类导航 */
.sidebar {
	background: #fff;
	border-radius: 12px;
	box-shadow: var(--shadow-light);
	padding: 1rem 1rem 1rem;
	height: fit-content;
	position: sticky;
	top: 2rem;
}

.sidebar-title {
	color: var(--primary);
	font-weight: 600;
	font-size: 1.2rem;
	margin-bottom: 1.5rem;
	padding-bottom: 0.8rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.category-item {
	display: block;
	padding: 0.8rem 1rem;
	color: var(--text-gray);
	text-decoration: none;
	border-radius: 8px;
	margin-bottom: 0.5rem;
	transition: all 0.3s ease;
}

.category-item.active {
	background-color: var(--primary);
	color: #fff;
}

.category-item:hover:not(.active) {
	background-color: rgba(30, 41, 59, 0.05);
	color: var(--primary);
}

.category-item i {
	margin-right: 10px;
	font-size: 0.9rem;
}

/* 产品卡片核心样式 */
.prohigh {
	margin-left: 15px;
	padding-bottom: 15px;
}

/* 左右箭头共同样式 */
.swiper-button-prev,
.swiper-button-next {
	color: #0faca5 !important;
	width: 40px !important;
	height: 40px !important;
	line-height: 40px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 50%;
}

.swiper-button-prev::after {
	font-family: "FontAwesome" !important;
	content: '\f104';
	font-size: 28px;

}

.swiper-button-next::after {
	content: "\f054" !important;
	font-family: "FontAwesome" !important;
	font-size: 28px;
}

/* 鼠标悬浮效果 */
.swiper-button-prev:hover,
.swiper-button-next:hover {
	background: #cbcbcb;
	color: #000;
}

/* 单独调整左箭头位置 */
.swiper-button-prev {
	left: 1px;
	/* 距离左边距离 */
}

/* 单独调整右箭头位置 */
.swiper-button-next {
	right: 1px;
	/* 距离右边距离 */
}

.shop-grid-content .product-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: var(--shadow-light);
	transition: all 0.4s ease;
	height: 100%;
	/* border: 1px solid #aaa; */
	position: relative;

}

.shop-grid-content .product-card:hover {
	/* transform: translateY(-6px); */
	box-shadow: var(--shadow-hover);
}

/* 产品图片容器 */
.shop-grid-content .product-img-wrapper {
	height: 200px;
	overflow: hidden;
	background-color: #F1F5F9;
	/* 图片占位浅灰 */
}

.shop-grid-content .product-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.shop-grid-content .product-card:hover .product-img {
	transform: scale(1.01);
}

/* 产品栏目标签（左上角） */
.shop-grid-content .power-level {
	padding: 0.3rem 0.8rem;
	font-size: 0.75rem;
	font-weight: 500;
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.shop-grid-content .power-level.low {
	background: var(--low-power);
	color: #fff;
}

.shop-grid-content .power-level.mid {
	background: var(--mid-power);
	color: #fff;
}

.shop-grid-content .power-level.high {
	background: var(--high-power);
	color: #fff;
}

.shop-grid-content .power-level.ultra {
	background: var(--ultra-power);
	color: #fff;
}

/* 产品内容区域 */
.shop-grid-content .product-content {
	padding: 1.5rem;
}

.shop-grid-content .product-title {
	color: var(--primary);
	font-weight: 600;
	font-size: 1.25rem;
	margin-bottom: 0.8rem;
	line-height: 1.3;
}

/* 算力参数样式（突出展示） */
.shop-grid-content .product-spec {
	display: inline-flex;
	align-items: center;
	padding: 0.3rem 0.8rem;
	border-radius: 4px;
	font-weight: 600;
	font-size: 0.9rem;
	margin-bottom: 1rem;
}

.shop-grid-content .product-spec.low {
	background: rgba(100, 116, 139, 0.1);
	color: var(--low-power);
}

.shop-grid-content .product-spec.mid {
	background: rgba(59, 130, 246, 0.1);
	color: var(--mid-power);
}

.shop-grid-content .product-spec.high {
	background: rgba(16, 185, 129, 0.1);
	color: var(--high-power);
}

.shop-grid-content .product-spec.ultra {
	background: rgba(239, 68, 68, 0.1);
	color: var(--ultra-power);
}

.shop-grid-content .product-spec i {
	margin-right: 6px;
	font-size: 0.8rem;
}

.shop-grid-content .product-desc {
	font-size: 0.9rem;
	color: var(--text-gray);
	margin-bottom: 1.2rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* 最多显示2行 */
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.shop-grid-content .product-link {
	color: var(--primary);
	font-weight: 500;
	text-decoration: none;
	font-size: 0.9rem;
	display: inline-flex;
	align-items: center;
	transition: color 0.3s ease;
}

.shop-grid-content .product-link:hover {
	color: var(--accent);
}

.shop-grid-content .product-link i {
	margin-left: 6px;
	font-size: 0.8rem;
	transition: transform 0.3s ease;
}

.shop-grid-content .product-card:hover .product-link i {
	transform: translateX(4px);
}



/* 分页（欧美极简风格） */
.pagination .page-link {
	color: var(--primary);
	border: none;
	border-radius: 8px;
	margin: 0 4px;
}

.pagination .page-item.active .page-link {
	background-color: var(--primary);
	color: #fff;
}

.pagination .page-link:hover:not(.active) {
	background-color: rgba(30, 41, 59, 0.05);
}

/* 响应式调整 */
@media (max-width: 992px) {
	.product-img-wrapper {
		height: 180px;
	}

	.sidebar {
		margin-bottom: 2rem;
		position: static;
	}
}

@media (max-width: 768px) {
	.product-img-wrapper {
		height: 160px;
	}

	.page-header {
		padding: 2rem 0 1rem;
	}
}

@media (max-width: 576px) {
	.product-content {
		padding: 1.2rem;
	}

	.sidebar {
		padding: 1.5rem 1rem;
	}
}


/* 容器 - 精准的宽屏控制 */
.container1 {
	width: 70%;
	max-width: 1200px;
	margin: 0 auto;
}

/* 标题区域 - 专业级排版层级 */
.page-header {
	text-align: center;
	margin-bottom: 90px;
	padding: 0 20px;
	border-bottom: 1px solid #e2e8f0;
	padding-bottom: 40px;
}

.page-header h1 {
	font-size: 48px;
	font-weight: 700;
	letter-spacing: -1px;
	color: #0f172a;
	margin-bottom: 16px;
	line-height: 1.1;
}

.page-header .subtitle {
	font-size: 19px;
	color: #475569;
	max-width: 850px;
	margin: 0 auto;
	font-weight: 400;
}

/* 解决方案网格 - 专业级模块化布局 */
.solutions-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
	gap: 50px;
}

/* 解决方案卡片 - 企业级专业质感 */
.solution-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s ease;
	position: relative;
}

/* 专业级标签（右上角）- 区分解决方案等级/认证 */
.card-badge {
	position: absolute;
	top: 24px;
	right: 24px;
	background: #0284c7;
	color: white;
	font-size: 12px;
	font-weight: 600;
	padding: 6px 12px;
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.solution-card:hover {
	transform: translateY(0);
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
	border-color: #cbd5e1;
}

/* 卡片图片区域 - 专业级视觉呈现 */
.card-image {
	width: 100%;
	height: 300px;
	overflow: hidden;
}

.card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
	filter: brightness(0.95) contrast(1.05);
	/* 专业级图片调校 */
}

.solution-card:hover .card-image img {
	transform: scale(1.03);
}

/* 卡片内容区域 - 结构化信息排版 */
.card-content {
	padding: 40px;
}

/* 分类+行业标签 */
.card-meta {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}

.card-category {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	color: #0284c7;
	letter-spacing: 1px;
}

.card-industry {
	font-size: 12px;
	color: #64748b;
	background: #f1f5f9;
	padding: 4px 10px;
	border-radius: 100px;
}

.card-title {
	font-size: 28px;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 24px;
	line-height: 1.25;
}

/* 核心优势 - 数据化呈现 */
.card-benefits {
	display: flex;
	gap: 24px;
	margin-bottom: 28px;
	flex-wrap: wrap;
}

.benefit-item {
	flex: 1;
	min-width: 120px;
}

.benefit-value {
	font-size: 32px;
	font-weight: 700;
	color: #0284c7;
	line-height: 1;
	margin-bottom: 4px;
}

.benefit-label {
	font-size: 13px;
	color: #64748b;
	text-transform: capitalize;
}

.card-description {
	font-size: 16px;
	color: #334155;
	margin-bottom: 32px;
	font-weight: 400;
	line-height: 1.7;
}

/* 产品列表 - 专业级结构化 */
.product-list {
	list-style: none;
	border-top: 1px solid #f1f5f9;
	padding-top: 24px;
}

.product-list li {
	font-size: 15px;
	padding: 10px 0;
	display: flex;
	align-items: flex-start;
	color: #1e293b;
}

.product-list li::before {
	content: "✓";
	color: #10b981;
	font-size: 18px;
	margin-right: 12px;
	line-height: 1.2;
}

/* 响应式适配 - 保持专业级布局 */
@media (max-width: 1200px) {
	.solutions-grid {
		grid-template-columns: 1fr;
	}

	.card-image {
		height: 280px;
	}
}

@media (max-width: 768px) {
	.page-header h1 {
		font-size: 36px;
	}

	.card-content {
		padding: 30px 25px;
	}

	.card-title {
		font-size: 24px;
	}

	.card-image {
		height: 220px;
	}

	.benefit-value {
		font-size: 28px;
	}
}

.solution-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
	height: 100%;
}

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

.solution-card .content-area {
	padding: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* 垂直居中核心 */
	height: 100%;
}

.solution-card .category {
	font-size: 0.85rem;
	font-weight: 600;
	color: #0284c7;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.solution-card .title {
	font-size: 1.8rem;
	font-weight: 700;
	margin: 0.8rem 0 1.2rem;
	color: #0f172a;
}

.solution-card .title img {
	width: 80px;
	padding-right: 15px;
}

.solution-card .desc {
	color: #475569;
	line-height: 1.7;
	margin-bottom: 1.5rem;
}

.solution-card .list-unstyled li {
	display: flex;
	align-items: center;
	margin-bottom: 0.4rem;
	color: #334155;
}

.solution-card .list-unstyled li::before {
	content: "✓";
	color: #10b981;
	font-weight: bold;
	margin-right: 10px;
}

.solution-card .list-unstyled li h5 {
	font-size: 14px;
}

.logo-card {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
	margin-bottom: 5px;
	/* 极淡阴影，增加层次 */
	transition: transform 0.2s ease;
	/* hover微动效，提升质感 */
}

.logo-card img {
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
	max-width: 100%;
}

/* 响应式适配 */
@media (min-width: 1440px) {
	.tag-item {
		margin: 0 5px 5px 0;
	}

	.footer-social li a i {
		margin-right: 8px;
	}

	.footer-contact .icon {
		margin-right: 10px;
	}
}

.search-top {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}

.search-top h2 {
	font-size: 18px;
	margin-bottom: 8px;
	color: #222;
}

.search-top p {
	color: #666;
}

.hot {
	color: red;
	font-weight: bold;
}

.result-card {
	border: 1px solid #eee;
	background-color: var(--color-white);
	border-radius: 8px;
	padding: 12px;
	margin-bottom: 16px;
	transition: box-shadow 0.2s;
}

.result-card:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.result-img {
	width: 120px;
	height: 90px;
	object-fit: cover;
	border-radius: 4px;
}