.breadcrumbList.nobg-breadcrumb{
}

.product-preview-images{
	width:80px;
	margin-right:16px;
}

.product-preview-images .product-preview-image{
	width:100%;
	/*	height:calc((100% - 48px) / 4);*/
	/*	margin-bottom:16px;*/
	border-radius:6px;
	position:relative;
	cursor:pointer;

	background-size: cover;
	background-position: center;
}
.product-preview-images .product-preview-image.active::after{
	display:block;
	content:" ";
	height:4px;
	width:100%;
	position:absolute;bottom:0;
	background: linear-gradient(231.8deg, #9CCF8F -26.04%, #3DB58F 34.34%, #28BCED 94.72%);
}

.product-preview-images .product-preview-image:last-child{margin-bottom:0}

#product-big-preview-image{background-size:cover;background-repeat:no-repeat;
	background-position:center;
	width:360px;
	height:360px;
	border-radius:12px;
}

.product-title-container{margin-bottom:16px}
h2.product-title{
	font-family: 'Roboto-r';
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	letter-spacing: 0.8px;
	color: #000000;
	margin-bottom: 0;

	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all;
	white-space:nowrap;
}

.product-title-container .page-comment-link{
	display:block;
	text-decoration: none;
	font-family: "Roboto-r";
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #505050;
}
.product-title-container .page-comment-link text{margin-left:10px}

.sku-num{
	font-family: 'Roboto-r';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.8px;
	color: #505050;
}

.sku-num + .brief-description{
	font-family: 'Roboto-r';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.8px;
	color: #040404;
	padding-bottom: 32px;
	margin-bottom: 32px;
	border-bottom: 1px solid #E9E9E9;
}

.require-sample-btn{}
.require-sample-btn button{
	width:240px;
	height:50px;
	border-radius:8px;
	font-size:18px;
	letter-spacing:.8px;
}

.product-information{background-color:white;padding:16px 0 76px;margin-top:60px}
.product-information .product-information-tabs{
	max-width:1120px;
	margin:0 auto 60px;
	border-bottom:1px solid #E9E9E9
}
.product-information .product-information-tabs .tab{
	width:240px;
	height: 56px;
	font-family: 'Roboto-r';
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: 0.8px;
	font-variant: small-caps;
	color: #040404;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content:center;
}
.product-information .product-information-tabs .tab.show::after{
	height:4px;
	background: linear-gradient(231.8deg, #9CCF8F -26.04%, #3DB58F 34.34%, #28BCED 94.72%);
	border-radius: 999px;
	display: block;
	content: " ";
	position: absolute;
	bottom:0;
	width:180px;
	margin:0 auto;
	left:0;right:0;
}

/* .content{margin-bottom:60px} */
.recommend-links{margin-top:60px}
.recommend-links h3{font-size:24px;font-weight:500;color:#000000;font-variant:small-caps;margin-bottom:24px}

.recommend-links .recommend-link{width:calc(33.3% - 47.5px);height:193.75px}
.recommend-links .recommend-link:nth-child(1){margin-right:47.5px}
.recommend-links .recommend-link:nth-child(2){margin-right:23.75px;margin-left:23.75px}
.recommend-links .recommend-link:nth-child(3){margin-left:47.5px}

.recommend-links .recommend-link div{background-size:cover;background-position:center;border-radius:12px}


.tab-page{display:none}
.tab-page.show{display:block}

.tab-page#tab-specification{}
.tab-page#tab-specification table{
	background: #FFFFFF;
	border: 1px solid #E9E9E9;
	border-radius: 16px;

	border-collapse: separate;
	border-spacing: 0;
}

.tab-page#tab-specification table tr:first-child td{border-radius:16px 0 0 0}
.tab-page#tab-specification table tr:last-child td{border-bottom:0;border-radius:0 0 0 16px}
.tab-page#tab-specification table tr td{vertical-align:middle;
	font-family: 'Roboto-r';
	font-style: normal;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.8px;
	color: #505050;
	padding: 24px;
}
.tab-page#tab-specification table tr td:nth-of-type(1){
	background-color:rgba(233, 248, 243, 0.3);
	font-weight: 500;
	color: #040404;
	width: 270px;
}
.tab-page#tab-specification table tr td:nth-of-type(2){
	font-weight: 400;
	width:calc(100% - 270px);
}

.comments-container{}
.comments-container h4{margin-top:60px;margin-bottom:24px;}
.comments-container h4 span{
	font-family: 'Roboto-r';
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 0.8px;
	font-variant: small-caps;
	color: #000000;
}
.comments-container h4 span:nth-child(1){}
.comments-container h4 span:nth-child(2){}

.comments{background-color:white;border-radius:16px}
.comment{
	padding:24px;
	border-bottom: 1px solid #D3D3D3;
}
.comments .comment:last-child{border-bottom:0}
.comment-owner{
	display:flex;align-items:center;justify-content:space-between;
	margin-bottom:22px;
}
.comment-owner .side-menu{
	cursor:pointer;
	position:absolute;right:0;
	display:none;
	top:100%;
	background-color:#FFFFFF;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	width: 120px;
}
.comment-reply .reply-body .reply-content .side-menu{
	cursor:pointer;
	position:absolute;right:0;
	display:none;
	top:26px;
	background-color:#FFFFFF;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	width: 120px;
}
.comment-owner .side-menu ul,.comment-reply .reply-body .reply-content .side-menu ul{padding-left:0}
.comment-owner .side-menu ul li,.comment-reply .reply-body .reply-content .side-menu ul li{
	cursor:pointer;
	list-style:none;
	padding:10px;

	font-family: 'Roboto-r';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color: #000000;
}
.comment-owner .side-menu ul li:hover,.comment-reply .reply-body .reply-content .side-menu ul li:hover{background-color:rgb(231,239,243)}

.comment-owner .owner-avatar{
	width:20px;height:20px;border-radius:50%;
	background-color:#3DB58F;
	display:flex;align-items:center;justify-content:center;
	margin-right:8px;
}
.comment-owner .owner-avatar i{color:white;font-size:.8em}
.comment-owner .owner-name{width:calc(100% - 198px)}
.comment-owner .owner-name span{
	font-family: 'Roboto-r';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}
.comment-owner .owner-name span:nth-child(1){color: #040404}
.comment-owner .owner-name span:nth-child(2){color: #505050}
.comment-owner .time{width:150px;margin-right:24px;font-size:14px;}
.comment-owner .func-points{width:24px;cursor:pointer}

.comment .comment-body{padding-left:28px}
.comment .comment-body p{margin-bottom:13px}
.comment-body textarea{height:80px;color:#252525;font-size:16px;margin-bottom:16px}

.comment-body .comment-btn-group{
	text-align: right;
}
.comment-body button.btn-cancel{
	font-size:14px;letter-spacing:.8px;margin-right:16px;
}
.comment-body button.btn-primary{border-radius:6px !important;font-size:14px}
.comment .comment-bottom-function{padding:0 0 0 28px;margin-top: 16px;}
.comment .comment-bottom-function .more-comments{
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.8px;
	color: #505050;
	cursor: pointer;
}
.comment .comment-bottom-function .more-comments span{font-weight:400}
.comment .comment-bottom-function button{
	background-color:transparent;
	color:#3DB58F;
	font-family: 'Roboto-r';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0.8px;
	text-transform: capitalize;
}
.comment .comment-bottom-function button:hover{color:#209D76}
.comment .comment-bottom-function button:focus,
.comment .comment-bottom-function button:active{
	box-shadow:none;
}

.comment-reply-container{margin-top:20px;display:flex;opacity:0;}
.comment-reply-container .reply-owner{
	width:20px;height:20px;border-radius:50%;
	background-color:#3DB58F;
	display:flex;align-items:center;justify-content:center;
	margin-right:8px;
}
.comment-reply-container .reply-owner i{color:white;font-size:.8em}
.comment-reply-container .reply-input-container{
	width:calc(100% - 28px);
}
.comment-reply-container .reply-input-container textarea{padding:16px 24px;height:75px;background:#F7F7F7;border-radius:12px;border:0;font-size:14px;color:#7C7C7C}
.comment-reply-container .reply-input-container textarea + button{
	letter-spacing:.8px;
	font-size:15px;
	margin-top:8px;
	float:right;
}

.comment .more-comments[aria-expanded=false] i.fa-minus{display:none}
.comment .more-comments[aria-expanded=false] i.fa-plus{display:var(--fa-display,inline-block)}
.comment .more-comments[aria-expanded=true] i.fa-plus{display:none}
.comment .more-comments[aria-expanded=true] i.fa-minus{display:var(--fa-display,inline-block)}

.more-comments-container{padding-left:28px;
	background-color:#FBFBFB;margin-top:24px;border-top:1px solid #E9E9E9
}
.more-comments-container .comment-reply{width:100%;}

.comment-reply{padding:16px 28px 16px 0}
.comment-reply .reply-author-avatar{width:32px;height:32px;border-radius: 50%;background-size:cover;background-position:center;margin-right:12px}
.comment-reply .reply-body{width:calc(100% - 44px); position: relative;}
.comment-reply .reply-body .reply-content{font-style:normal;font-weight:400;}
.comment-reply .reply-body .reply-content .func-points{cursor: pointer;}
.reply-content .reply-author-name{font-size: 14px;color: #000000;width:60px;margin-right:12px;}
.reply-content span{float:left}
.reply-content span:nth-child(3){
	font-family: "Roboto-r";
	font-size: 16px;
	letter-spacing: 0.8px;
	color: #252525;
	width:calc(100% - 96px);
}
.reply-timestamp{}
.reply-timestamp .reply-serial-num-time{font-size:14px;color:#7C7C7C}
.reply-timestamp button.reply-comment-btn{
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #252525;
	background-color: transparent;
	border: 0;
}

.more-comments-container .following-reply-container{flex-wrap:wrap;padding:16px 20px}
.more-comments-container .following-reply-container .reply-author-avatar{
	width:32px;height:32px;background-size:cover;background-position:center;
	margin-right:12px;
}
.more-comments-container .following-reply-container input{width:calc(100% - 44px);border-radius:8px;
	font-size: 16px;
	color: #252525;
	padding: 16.5px 14px;
}
.more-comments-container .following-reply-container input:focus,
.more-comments-container .following-reply-container input:focus-visible{box-shadow:none}

.new-comment-container{padding:28px 24px;background-color:white;margin-top:32px;border-radius:12px}
.new-comment-container textarea{height:80px;border:none;resize:none}
.new-comment-container textarea:focus,
.new-comment-container textarea:active{box-shadow:none;border:0}

.new-comment-container #new-comment-counts{
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.8px;
	text-transform: capitalize;
	color: #7C7C7C;
	width: calc(100% - 120px);
}

.new-comment-container button.btn-primary{width:120px;border-radius:6px}

.recommend-products-container{
	background-color:white;
	margin-top:60px;
	margin-bottom: -48px;
	padding-bottom: 60px;
}
.recommend-products-container .recommend-products-header{padding-top:60px;margin-bottom:24px}

.recommend-products-container .recommend-products-header h5{
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 23.44px;
	letter-spacing: .8px;
	color: #000000;
    font-variant: small-caps;
}

.back-link{margin-top:60px;
	font-size: 20px;
	text-transform: uppercase;
	color: #3DB58F;
}
.back-link a:hover{border-color:#209D76}
.back-link a:hover,
.back-link a:hover i{color:#209D76}
.back-link a{text-decoration:none;font-weight:400;
	color:#3DB58F;
	padding-bottom:8px;
	border-bottom:1px solid #3db58f;
}
.back-link i{color:#3DB58F;margin-right:16px}

h5{width:calc(100% - 150px)}
h5 + .recommend-products-swiper-toggler{width:150px}
h5 + .recommend-products-swiper-toggler .switcher-btn{
	width:56px;height:56px;border-radius:50%;border:1px solid #E9E9E9;
	cursor:pointer;
}
h5 + .recommend-products-swiper-toggler.switcher-btn:hover{
	background-color:#E9F8F3;
}

h5 + .recommend-products-swiper-toggler .switcher-btn i{font-size:1.3rem}
h5 + .recommend-products-swiper-toggler .switcher-btn:nth-child(1){margin-right:13px}
h5 + .recommend-products-swiper-toggler .switcher-btn:nth-child(2){margin-left:13px}

.recommend-products-body .product-link{
	text-decoration:none;
	padding: 16px 32px;
	background: #FFFFFF;
	border: 1px solid #D3D3D3;
	border-radius: 16px;
}
.recommend-products-body .product-link .recommend-product-preview-image{
	position:relative;
	width:100%;
	height:200px;
	margin-bottom:12px;
}
.recommend-products-body .product-link .recommend-product-preview-image img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	-o-object-fit:cover;
}

.product-link .sku-num{
	font-family: 'Roboto-r';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.8px;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;
	color: #505050;
}
.product-link .product-name{
	font-family: 'Roboto-r';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0.8px;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;
	text-transform: uppercase;
	color: #040404;
}

.recommend-banner{
	background-color:#fff;
	background-size:cover;
	background-position:center;
	height:242px;
	border-radius:20px;
	margin-top:60px;
}

@media screen and (max-width:991px) {
	.product-title-container{margin-top:24px;margin-bottom:16px}
	.content{margin-bottom:0}
	.product-information .product-information-tabs{margin:0 auto 40px;}
	.comments-container h4{margin-top:40px;margin-bottom:24px;}
	#product-big-preview-image{
		width:calc(100% - 96px);
	}
	.recommend-links{margin-top: 40px;}
	.recommend-links .recommend-link{width: 100% !important; height:193.75px !important;}
	.recommend-links .recommend-link:nth-child(1){margin-right:0}
	.recommend-links .recommend-link:nth-child(3){margin-left:0}
	.recommend-products-body .product-link .recommend-product-preview-image{
		height: 150px;
	}
	.recommend-products-container .recommend-products-header{
		padding-top: 40px;
	}
	.recommend-products-container{
		padding-bottom: 68px;
	}
}

@media screen and (max-width:767px) {
	.tab-page#tab-specification table tr td{padding:12px}

	.comment-owner{flex-wrap:wrap;margin-bottom:12px;justify-content: start;}
	.comment-owner .time{order:4;width:100%;margin-top:4px}
	.comment-owner .func-points{width:36px}
	.comment-owner .owner-name{width:calc(100% - 64px)}

	.comment .comment-body{padding-left:0}
	.comment-reply-container{flex-wrap:wrap}
	.comment-reply-container .reply-input-container{width:100%;margin-top:16px}
	.comment-owner .side-menu{top:24px}
	.new-comment-container button.btn-primary{height:40px}
	.tab-page#tab-specification table tr td:nth-of-type(1){width:200px}
	.tab-page#tab-specification table tr td:nth-of-type(2){width:calc(100% - 200px)}
	
	.recommend-links .recommend-link{width: 100% !important;}
	.recommend-links .recommend-link:nth-child(1){margin-right:0}
	.recommend-links .recommend-link:nth-child(2){margin-right:0;margin-left:0}
	.recommend-links .recommend-link:nth-child(3){margin-left:0}
}

@media screen and (max-width:500px) {
	.comment{padding:20px 16px}
	.comment .comment-bottom-function{padding:0 0 0 12px}
	.more-comments-container{padding-left:12px}
}