.slproduct .slick-track{
    margin-left: 0;
}
/* popupFactory  */
.popupFactory {
    padding: 0;
    margin: 50px 0;
    overflow: unset;
}
.popupFactory .thumb img{
     width: 100%;
     max-height: calc(100vh - 240px);
}
.popupFactory .decs{
     padding: 20px ;
}
.popupFactory .scrollFace{
     max-height: calc(100vh - 100px);
     overflow: hidden;
     overflow-y: auto;
}
 
.popupFactory .scrollFace::-webkit-scrollbar {
     width: 6px;
     background-color: #F5F5F5;
}
.popupFactory .scrollFace::-webkit-scrollbar-thumb {
     background-color: #000000;
}
.popupFactory .decs h3{
     font-size: 24px;
     line-height: 36px;
     font-weight: 600;
     text-transform: uppercase;
     margin-bottom: 15px;
}



.dtproducttt{
	padding: 25px;
	border-radius: 20px;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
	margin-bottom: 30px;
}
.dtproducttt .coll{
	width: 320px;
}
.dtproducttt .colr{
	width: calc(100% - 320px);
	padding-left: 40px;
}
.dtproducttt .thumblog a{}
.showDescPro{
    margin-bottom: 30px;
}
.showDescPro .titlepro{
	margin-bottom: 20px;
}
.showDescPro .titlepro h2{
	font-size: 28px;
	line-height: 40px;
	text-transform: uppercase;
	color: #3d3d3d;
}
.showDescPro .product_des{
    font-size: 15px;
    line-height: 23px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-bottom: 10px;
}

.showDescPro .showmore{

}
.showDescPro .showmore a{
    display: none;
}
.showDescPro .showmore a{
    color: #00a0e0;
    font-size: 15px;
    line-height: 23px;
}
.showDescPro .showmore a span{
    display: inline-block;
    padding-right: 25px;
    position: relative;
}
.showDescPro .showmore a span::before{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-family: "Font Awesome 5 Pro";
font-weight: 900;
}

/*  */
.productTools{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #f5f5f5;
	margin-bottom: 20px;
	padding: 5px 5px 5px 20px;
}
.productTools .txt{
	font-size: 14px;
	line-height: 22px;
	color:#666666;
	white-space: nowrap;
	margin-right: 15px;
}
.productTools .sort{
	position: relative;
	display: inline-block;
}
.productTools .sort .icon{
	color:#666666;
	background-color: #fff;
	width: 140px;
	padding: 5px 10px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	margin-left: 10px;
}
.productTools .sort .icon:before{
	content: "\f107";
	font-family: "Font Awesome 5 Pro";
font-weight: 900;
	position: absolute;
	right:10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.productTools .sort.active .icon:before{
	content: "\f106";
}
.productTools .sort .popup{
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 5px;
	width: 160px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	border:solid 1px #cccccc;
	display: none;
	z-index: 5;
	background: #ffffff;
}
.productTools .sort.active .popup{
	display: block;
}
.productTools .sort .popup ul li a {
    display: block;
    font-size: 13px;
    line-height: 21px;
    color: #666666;
    padding: 5px 10px;
}
.productTools .sort .popup ul li:hover a{
	background: #0058a0;
	color:#ffffff;
}
/*============================================================*/
.vnt-filter{
	margin-bottom: 30px;
	position: relative;
}
.vnt-filter .vnt-title-filter{
	font-size: 18px;
	line-height: 26px;
	text-transform: uppercase;
	font-weight: 600;
	padding-left: 30px;
	background: url(../images/product/i-filter.svg) no-repeat top 3px left;
	background-size: 20px;
	color: #1475bc;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px rgba(0,0,0,0.15);
}
.wrapBoxFilter{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px rgba(0,0,0,0.15);
}
.boxFilter{
	margin-bottom: 10px;
}
.boxFilter .title{
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	cursor: pointer;
}
.boxFilter .title:before{
	content: "\f068";
	font-family: "Font Awesome 5 Pro";
font-weight: 900;
	position: absolute;
	right:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: normal;
}
.boxFilter .content{
	display: block;
	margin-top: 15px;
}
.boxFilter.active .content{
	display: none;
}
.boxFilter.active .title:before{
	content: "\f067";
}
.myCheckbox{
    padding-left: 25px;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}
.myCheckbox input{
    display: none;
}
.myCheckbox:before{
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 3px;
    border:solid 1px #999999;
    border-radius: 100%;
}
.myCheckbox.active:before{
    border-color: #999999;
}
.myCheckbox:after{
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    left: 4px;
    top: 7px;
    background: #b8b8b8;
    display: none;
    border-radius: 100%;
}
.myCheckbox.active:after{
	display: block;
}
/*================*/
.listCheckbox.multi .myCheckbox:before,
.listCheckbox.multi .myCheckbox:after{
	border-radius: 3px;
}
/*===========================*/
.boxFilter .designRange.ui-slider{
	background: #d7d7d7;
	height: 5px;
	border-radius: 5px;
	border: none;
	margin-bottom: 7px;
}
.boxFilter .designRange.ui-slider .ui-widget-header{
	background: #1475bc;
}
.boxFilter .designRange.ui-slider .ui-slider-handle {
    border-radius: 100%;
    background: #1475bc;
    border: solid 1px #1475bc;
    top: -6px;
}
.boxFilter #valuePriceFilter{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #999999;
}
/*=========================================================*/
/*=====================================================*/
.vnt-product{
	margin-bottom: 30px;
}
.vnt-product .grid{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-start;
	border-top:solid 1px rgba(0,0,0,0.1);
	border-left:solid 1px rgba(0,0,0,0.1);
	flex-wrap: wrap;
}
.vnt-product .grid .col{
	width: 25%;
	border-bottom:solid 1px rgba(0,0,0,0.1);
	border-right:solid 1px rgba(0,0,0,0.1);
}
.product{
	background-color: #fff;
	position: relative;
	padding: 20px 10px;
	min-height: 280px;
}
.product .img{
	max-width: 80%;
	margin: 0 auto;
	margin-bottom: 10px;
}
.product .img a{
	display: block;
	padding-top: 100%;
	overflow: hidden;
	position: relative;
}
.product .img a img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.product:hover .img a img{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.product .tend{
	margin-bottom: 5px;
}
.product .tend a{
	display: block;
	font-size: 15px;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	font-weight: normal;
}
.product:hover .tend a{
	color:#1475bc;
}
.product .price{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	min-height: 24px;
}
.product .ribbon{
	position: absolute;
	top: 5px;
	left: 5px;
}
.product .ribbon .rib{
	display: inline-block;
	color: #fff;
	padding: 0 5px;
	-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg)
    }
}
@-webkit-keyframes quick-alo-circle-img-anim {
0% {
	-webkit-transform: rotate(0deg) scale(1) skew(1deg)
}
10% {
	-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
	-webkit-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
	-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
	-webkit-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
	-webkit-transform: rotate(0deg) scale(1) skew(1deg)
}
100% {
	-webkit-transform: rotate(0deg) scale(1) skew(1deg)
}
}
@-o-keyframes quick-alo-circle-img-anim {
0% {
	-o-transform: rotate(0deg) scale(1) skew(1deg)
}
10% {
	-o-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
	-o-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
	-o-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
	-o-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
	-o-transform: rotate(0deg) scale(1) skew(1deg)
}
100% {
	-o-transform: rotate(0deg) scale(1) skew(1deg)
}
}
@keyframes quick-alo-circle-img-anim {
0% {
	transform: rotate(0deg) scale(1) skew(1deg)
}
10% {
	transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
	transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
	transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
	transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
	transform: rotate(0deg) scale(1) skew(1deg)
}
100% {
	transform: rotate(0deg) scale(1) skew(1deg)
}
}
.product .price .red{
	font-size: 15px;
	line-height: 22px;
	color:#f47721;
	margin-right: 10px;
	font-weight: bold;
}
.product .price .nor{
	color:#bbbbbb;
	text-decoration: line-through;
	font-size: 12px;
	line-height: 20px;
}
.product .rib-per{
	width: 25px;
	height: 45px;
	background: url(../images/product/rib-per.svg) no-repeat center;
	background-size: contain;
	position: absolute;
	z-index: 1;
	top: 10px;
	right: 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color:#ffffff;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
}
/*===========================*/
.toolsFilter{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.toolsFilter .clearAll{
	margin-right: 10px;
	color:#0655ca;
	cursor: pointer;
}
.toolsFilter .clearAll span{
	padding-left: 20px;
	position: relative;
}
.toolsFilter .clearAll span:before{
	content: "\f01e";
	font-family: "Font Awesome 5 Pro";
font-weight: 900;
	position: absolute;
	left:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color:#666666;
}
.toolsFilter button{
	width: 70px;
	height: 30px;
	border:none;
	background: #e5af50;
	color:#ffffff;
	font-size: 15px;
	line-height: 23px;
	font-weight: 600;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-transform: uppercase;
	border-radius: 5px;
}
.toolsFilter button:hover{
	background: #1475bc;
}
/*===========================================================*/
.productWrap{
    margin-bottom: 50px;
}
.productThumbnail{
	position: relative;
}
.productThumbnail::before{
	content: '\f00e';
	position: absolute;
	right: 10px;
	bottom: 30px;
	font-size: 20px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	color: #9e9e9e;
	z-index: 1;
	pointer-events: none;
	cursor: pointer;
}
.productWrap  .productThumbnail .slick-arrow{
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	border: none;
	background-color: #a6a6a6 ;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	z-index: 11;
	color: transparent;
}
.productWrap .productThumbnail .slick-prev::before{
	content: "\f104";
}
.productWrap .productThumbnail .slick-next::before{
	content: "\f105";
}
.productWrap  .productThumbnail .slick-arrow::before{
	position: absolute;
	top: 50%;
	left: 50%;
	font-family: "Font Awesome 5 Pro";
font-weight: 900;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 16px;
}

.productWrap .productThumbnail .slick-prev{
	left: 10px;
}
.productWrap .productThumbnail .slick-next{
	right: 10px;
}
div#thumbnail-for{

	margin-bottom: 20px;
}
div#thumbnail-for .img {
    padding-top: 80%;
    background: #ffffff;
    overflow: hidden;
    position: relative;
}
div#thumbnail-for img{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 75%;
    max-height: 75%;
}
div#thumbnail-nav{
	max-width: 260px;
	margin: 0 auto;
	padding: 0 20px;
}
div#thumbnail-nav .slick-track{
	margin: 0;
}
div#thumbnail-nav .slick-list{
    margin:0 -8px;
}
div#thumbnail-nav .item{
    padding:0 8px;
}
div#thumbnail-nav .item{
    cursor: pointer;
    padding-top: 100%;
    position: relative;
    overflow: hidden;

}
div#thumbnail-nav .item img{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 60%;
    max-height: 60%;
}
div#thumbnail-nav .slick-slide.slick-current .item{
    position: relative;
    border: none;
}
div#thumbnail-nav .slick-slide .item:before{
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    border: solid 1px rgba(0,0,0,0.1);
    z-index: 2;
}
div#thumbnail-nav .slick-slide.slick-current .item:before{
    border-color: #00a0e0;
}
div#thumbnail-nav .slick-arrow{
    width:20px;
    height:40px;
    background: transparent;
    border:none;
    font-size: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    color: #666666;
    border-radius: 5px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
div#thumbnail-nav .slick-prev{
    left:15px;
}
div#thumbnail-nav .slick-next{
    right:15px;
}
div#thumbnail-nav .slick-arrow:before{
    font-family: "Font Awesome 5 Pro";
font-weight: 900;
    position: absolute;
    font-size: 50px;
    line-height: 60px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
div#thumbnail-nav .slick-prev:before{
    content: "\f104";
}
div#thumbnail-nav .slick-next:before{
    content: "\f105";
}
div#thumbnail-nav .slick-arrow:hover{
    color:#3db8e4;
}
/*===========================================================*/
.productTitle{
	margin-bottom: 30px;
	position: relative;
}
.productTitle::before{
	content: '';
	width: 50px;
	height: 3px;
	background-color: #0058a0;
	position: absolute;
	bottom: -10px;
	left: 0;
}
.productTitle h1{
	font-size: 25px;
	line-height: 33px;
	font-weight: normal;
	text-transform: uppercase;
	font-weight: 700;
}
.productCode {
	font-size: 15px;
	line-height: 23px;
	padding-right: 10px;
	margin-right: 10px;
	border-right: solid 1px rgba(0,0,0,0.1);
}
.productStt{
	font-size: 15px;
	line-height: 23px;
	
}
.productStt span{
	padding-left: 25px;
	position: relative;
}
.productStt span:before{
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
font-weight: 900;
	color:#0175b0;
	position: absolute;
	left:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.productRatting{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: solid 1px rgba(0,0,0,0.1);
}
.productRatting .txt{
	font-size: 15px;
	line-height: 23px;
	margin-right: 10px;
}
.productRatting .star{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 24px;
	color:#e5af50;
}
.productDes{
	margin-bottom: 15px;
}
.productDes .title_sm{
	font-weight: 700;
	margin-bottom: 20px;
}
.productDes ul li{
	padding-left: 15px;
	position: relative;
	margin-bottom: 5px;
}
.productDes ul li::before{
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #a6a6a6;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}
.productDes p{
	padding: 0;
}
.productAttr{
	color:#666666;
}
.productAttr ul li{
	margin-bottom: 10px;
	padding-left: 20px;
	position: relative;
}
.productAttr ul li:before{
	content: "\f111";
	font-family: "Font Awesome 5 Pro";
font-weight: 900;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 6px;
}
.productAttr ul li .at{
	float: left;
	width: 105px;
	margin-right: 30px;
}
.productAttr ul li .at:before{
	content: ":";
	float: right;
}
.productAttr ul li .as{
	overflow: hidden;
	color:#333333;
}
.productAttr ul li .as.color{
	color:#e5af50;
}
.productPL{
	padding: 10px;
	background: #f5f5f5;
	position: relative;
	margin-bottom: 15px;
}
.productPL:before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 100%;
	width: 30px;
	background: #f5f5f5;
}
.productQuantity{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.productQuantity .txt{
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	margin-right: 10px;
}
.productQuantity .quantity {
    position: relative;
    width: 95px;
}
.productQuantity .quantity input {
    width: 60px;
    height: 40px;
    text-align: center;
    border: solid 1px #eaeaea;
}
.productQuantity .quantity .group-button {
    width: 35px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    border: solid 1px #eaeaea;
    border-left: none;
}
.productQuantity .quantity .group-button button {
    background: #ffffff;
    border: none;
    width: 100%;
    height: 19px;
    font-size: 8px;
    line-height: 16px;
    color: #333333;
}
.productQuantity .quantity .group-button button.btn-up {
    border-bottom: solid 1px #eaeaea;
}
.productPrice{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.productPrice .txt{
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	margin-right: 10px;
}
.productPrice .red{
	font-size: 20px;
	line-height: 28px;
	color:#d10000;
	font-weight: 600;
	margin-right: 10px;
}
.productPrice .nor{
	font-size: 16px;
	line-height: 24px;
	color:#999999;
	text-decoration: line-through;
	margin-right: 10px;
}
.productPrice .vat{
	color: #666666;
}
.productCart{
	margin-bottom: 20px;
	margin-top: 25px;
}
.productCart .grid{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	margin: 0 -10px;
}
.productCart .grid .col{
	width: 50%;
	padding: 0 10px;
}
.productCart .btnCart {
    display: inline-block;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    background: #1475bc;
    border: none;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 25px;
    padding: 12px 30px;
    position: relative;
}
.productCart .btnCart span{
    display: inline-block;
    padding-left: 30px;
    position: relative;
}
.productCart .btnCart span:before{
	content: "\f0e0";
	font-family: "Font Awesome 5 Pro";
font-weight: 900;
	position: absolute;
	left: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
    font-size: 20px;
}
.productCart .btnCart:hover{
	background: #ffeb00;
    color: #333;
}
.productsocial ul{
	display: block;
}
.productsocial li{
	display: inline-block;
}
.productAttr {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.productAttr .txt{
	font-size: 16px;
	line-height: 24px;
	padding-left: 20px;
	position: relative;
}
.productAttr .txt:before{
	content: "\f095";
	font-family: "Font Awesome 5 Pro";
font-weight: 900;
	position: absolute;
	left:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.productAttr .hotline{
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	color:#0175b0;
}
.productShare {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.productShare .txt {
    margin-right: 10px;
}
.ds_date:before {
    font-family: "Font Awesome 5 Pro";
font-weight: 900;
    content: "\f133";
    padding-right: 5px;
}
.productShare ul:after {
    display: block;
    content: '';
    clear: both;
}
.productShare ul li {
    margin-left: 5px;
    font-size: 16px;
    line-height: 30px;
    float: left;
}
.productShare ul li a {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #eeeeee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
}
.productShare ul li a i {
    font-size: 14px;
    line-height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/*==============================================================*/
.boxprodetail{
	padding: 25px;
	border-radius: 20px;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}
.boxprodetail .coll{
	width: 45%;
}
.boxprodetail .colr{
	width: 55%;
}
.productContent {
	margin-bottom: 30px;
}
.productContent .wrapstytab{
    position: relative;
}
.productContent .tab-list-wrap{
	position: absolute;
    left: 15px;
    top: 0;
    display: none;
}
.productContent .tab-list ul{
}
.productContent .tab-list ul li{
	margin-bottom: 10px;
}
.productContent .tab-list ul li:hover a{
	background: #ffeb00;
    color: #333;
}
.productContent .tab-list ul li:last-child{
	border-right:none;
}
.productContent .tab-list ul li a{
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	padding: 10px;
	font-size: 15px;
    line-height: 24px;
	background: #f4f4f4;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
}
.productContent .tab-list ul li.active a{
	background: #ffeb00;
    color: #333;
}
.productContent .tab-list .mc-menu{
	color: #ffffff;
	text-transform: uppercase;
	padding: 9px 15px;
	background: #0058a0;
	position: relative;
	cursor: pointer;
	font-size: 16px;
	line-height: 24px;
	display: none;
}
.productContent .tab-list .mc-menu:before{
	content: "\f0d7";
	font-family: "Font Awesome 5 Pro";
font-weight: 900;
	position: absolute;
	right:15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*==========================================================*/
.boxProduct{
	margin-bottom: 50px;
}
.boxProduct .comment{
	margin-bottom: 0;
}
.boxProduct .title{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.boxProduct .title h3{
	display: inline-block;
	position: relative;
	font-size: 24px;
	line-height: 36px;
	font-weight: 700;
}
.the-content .listDesign p{
	padding-left: 20px;
	position: relative;
}
.the-content .listDesign p:before{
	content: "\f111";
	position: absolute;
	font-family: "Font Awesome 5 Pro";
font-weight: 900;
	top: 5px;
	left: 0;
	color:#c4161c;
	font-size: 6px;
}
/*==========================================================*/

.productOther .title{
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: solid 1px rgba(0,0,0,0.1);
}
.productOther .title h2{
	font-size: 26px;
	text-transform: uppercase;
	line-height: 32px;
	font-weight: 600;
	position: relative;
	display: inline-block;
}
.productOther .title h2:before{
	content: "";
	position: absolute;
	bottom: -16px;
	left: 0;
	width: 60px;
	height: 3px;
	background-color: #0058a0;
}

.slickOther{
}
.slickOther .col{
	padding: 0 5px;
}
.slickOther .slick-arrow{
	width:40px;
	height:40px;
	background: #FFFFFF;
	border:solid 1px #ebebeb;
	position: absolute;
	top: -80px;
	font-size: 0;
	z-index: 1;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.slickOther .slick-prev{
	right: 50px;
	background-color:#e5e5e5;
}
.slickOther .slick-next{
	right: 0px;
	background-color: #0058a0;
}
.slickOther .slick-arrow:before{
	font-family: "Font Awesome 5 Pro";
font-weight: 900;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 20px;
	line-height: 28px;
}
.slickOther .slick-prev:before{
	content: "\f104";
}
.slickOther .slick-next:before{
	content: "\f105";
	color: #fff;
}
.slickOther .slick-arrow:hover{
	color:#0eaaec;
}
.vnt-product-page{
	padding: 20px 0;
}
.vnt-product-page .mg-20-px{
	margin-bottom: 20px;
}
.vnt-product-page .boxHome .titleHome{
	background-color: #f5f5f5;
}
.vnt-product-page .boxHome .grid .col .product{
	border: 1px solid #eee;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.vnt-product-page .boxHome .grid .col .product:hover{
	box-shadow: 0 0 2px 0 #0058a0;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.vnt_aboot_bl .menuTab{
	display: none;
}
/*==========================================================================*/
.productTools{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #f5f5f5;
	margin-bottom: 20px;
	padding: 5px 5px 5px 20px;
}
.productTools .txt{
	font-size: 14px;
	line-height: 22px;
	color:#666666;
	white-space: nowrap;
	margin-right: 15px;
}
.productTools .sort{
	position: relative;
	display: inline-block;
}
.productTools .sort .icon{
	color:#666666;
	background-color: #fff;
	width: 140px;
	padding: 5px 10px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	margin-left: 10px;
}
.productTools .sort .icon:before{
	content: "\f107";
	font-family: "Font Awesome 5 Pro";
font-weight: 900;
	position: absolute;
	right:10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.productTools .sort .popup{
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 5px;
	width: 160px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	border:solid 1px #cccccc;
	display: none;
	z-index: 5;
	background: #ffffff;
}
.productTools .sort.active .popup{
	display: block;
}
.productTools .sort .popup ul li a {
    display: block;
    font-size: 13px;
    line-height: 21px;
    color: #666666;
    padding: 5px 10px;
}
.productTools .sort .popup ul li:hover a{
	background: #0058a0;
	color:#ffffff;
}
.productDf .productPrice{
	margin-top: 20px;
	margin-bottom: 30px;
}
.info_product_detail .titledtpro{
	margin-bottom: 15px;
}
.info_product_detail .titledtpro h2{
	font-size: 28px;
	line-height: 37px;
	text-transform: uppercase;
}
.info_product_detail .productDf{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.productDf .product_info{
	display: block;
	width: 50%;
	padding: 0 10px;
	margin-bottom: 10px;
}
.productDf .product_info span{
	width: 140px;
	display: inline-block;
	position: relative;
	font-weight: 600;
}
.productDf .product_info span::before{
	content: ":";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, -50%);
}
.productaldt .proinfoaldt > div{
	margin-bottom: 10px;
}
.productaldt .proinfoaldt .nameal{
	color: #00a0e0;
	font-size: 15px;
	line-height: 23px;
	font-weight: 600;
}
.productaldt .proinfoaldt .partneral li{
	margin-right: 20px;
	margin-bottom: 10px;
}
.productaldt .proinfoaldt .partneral li:last-child{
	margin-right: 0;
}
.productaldt .proinfoaldt .shareal li{
	margin-right: 25px;
	margin-bottom: 10px;
}
.productaldt .proinfoaldt .shareal li:last-child{
	margin-right: 0;
}
.productaldt .proinfoaldt .shareal li a{
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background-color: #eeeeee;
	position: relative;
	display: block;
	mix-blend-mode: darken;
}
.productaldt .proinfoaldt .shareal li a:hover{
	border-radius: 0%;
}
.productaldt .proinfoaldt .shareal li a img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 80%;
	max-height: 80%;
	mix-blend-mode: darken;
}
.productDf .product_info strong{
	color: #f47721;
	font-size: 16px;
}

.info_product_detail .productaldt .colaa{
	width: 50%;
}
.info_product_detail .productaldt .colbb {
	width: 50%;
}
.slickOther .col .product{
	border: 1px solid #ddd;
}
.info_mt_text{
	margin-bottom: 30px;
}
.product_tab_mobi .menuTab{
	display: none;
}
.info_product_video{ 
	max-width: 870px;
	margin: auto;
	margin-top: 50px;
}
.info_product_video iframe, .info_product_video img{
	width: 100%!important;

}

/* ------------------------ begin style popup -------------------------- */
.fancybox-content{
	max-width: 700px;
}
.color-red{
	color: red;
}
#vnt-popup{
	margin: -8px;
	overflow: hidden;
}
#vnt-popup .proPopup{
	margin-bottom: 20px;
}
#vnt-popup .proPopup .img {
    width: 90px;
    height: 90px;
    border: solid 1px #dddddd;
    float: left;
    margin-right: 15px;
    position: relative;
}
#vnt-popup .proPopup .img img{
	position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
}
#vnt-popup .proPopup .tend a{
	display: block;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
	font-weight: bold;
	text-decoration: initial;
	color: #0058a0;
}
#vnt-popup .proPopup .code{
	font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}
#vnt-popup .proPopup:after{
	content: "";
    display: block;
    clear: both;
}

#vnt-popup .wrap_popup .popup_title{
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
	background-color: #f47721;
	color: #fff;
}
#vnt-popup .wrap_popup .popup_content{
    padding: 25px 15px;

}
#vnt-popup .input-group{
	position: relative;
	display: flex;
	justify-content: space-between;
}
#vnt-popup button{
	width: 100%;
    border-radius: 0;
    text-transform: uppercase;
	background-color: #0058a0;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	color: #fff;
	display: inline-block;
	padding: 15px 30px;
	border: none;
	cursor: pointer;
}
#vnt-popup button:hover{
	background-color: #f47721;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#vnt-popup .wrap_popup  .maxw600 .info-prod{
    text-align: center;
    margin-bottom: 25px;
}
#vnt-popup .wrap_popup .form-group{
    margin-bottom: 15px;
}
#vnt-popup .wrap_popup .form-group label{
	margin-bottom: 5px;
	display: block;
}
#vnt-popup .wrap_popup .form-group .form-group{
    position: relative;
}
#vnt-popup .wrap_popup .form-group .form-group i{
    position: absolute;
    top: 12px;
    right: 10px;
}
#vnt-popup .wrap_popup input, #vnt-popup .wrap_popup textarea{
    width: 100%;
    background: #f5f5f5;
	height: 40px;
	padding: 0 15px;
    border: solid 1px rgba(0,0,0,0.15);
}
#vnt-popup .wrap_popup textarea{
    height: 80px;
}
#vnt-popup .wrap_popup .form-group  .row{
    margin: 0 -10px;
}
#vnt-popup .wrap_popup.form-group  .col-xs-6,#vnt-popup .wrap_popup .form-group  .col-sm-6, #vnt-popup .wrap_popup .form-group  .col-xs-3,  #vnt-wrapper .wrap_popup .form-group  .col-sm-3{
    padding: 0 10px;
}
#vnt-popup .wrap_popup .form-group .input-group input{
	margin-right: 10px;
}


/*  */
.vhshare .txt{
    margin-right: 10px;
}
.vhshare ul li{
    margin-right: 10px;
}
.vhshare ul li:last-child{
    margin-right: 0;
}
.vhshare ul li a{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-radius: 100%;
    background-color: #eeeeee;
    font-weight: bold;
    padding: 4px;
}
.vhshare ul li a:hover{
    border-radius: 0;
}
.vhshare ul li a i{
    font-weight: bold;
}
.wrapstytab{
    max-width: 1460px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

/*  */
.slorther.vhbtnslick .slick-arrow::before{
	color: #ddd;
}
/* ------------------------ end style popup -------------------------- */
/*============================RESPONSIVE====================================*/
/*==========================================================================*/
@media all and (max-width: 1200px){
	.info_product_detail .productaldt .colaa, .info_product_detail .productaldt .colbb{
		width: 100%;
	}
}
@media all and (max-width: 1025px){
	.vnt_aboot_bl .menuTab{
		display: block;
	}
}
@media all and (min-width: 1300px){
    .wrapstytab{
        padding: 0 130px;
    }
    .productContent .tab-list-wrap{
        display: block;
    }
}
@media all and (max-width: 991px){
	.product{
		padding: 15px 20px;
		min-height: auto;
	}
	.vnt-filter .vnt-title-filter {
		color: #ffffff;
		background: url(../images/product/i-filter-w.svg) no-repeat center left 10px #fd8934;
		background-size: 20px;
		padding: 9px 10px;
		padding-left: 40px;
		margin-bottom: 0;
	}
	.vnt-filter .vnt-content-filter{
		display: none;
		padding: 15px;
		background: #f5f5f5;
	}
	.vnt-filter.active .vnt-content-filter{
		display: block;
	}
	.boxFilter .content{
		display: none;
		margin-top: 10px;
	}
	.boxFilter.active .content{
		display: block;
	}
	.boxFilter .title:before{
		content: "\f067";
	}
	.boxFilter.active .title:before{
		content: "\f068";
	}
	.boxFilter .title{
		margin-bottom: 0;
	}
	.vnt-product .grid .col{
		width: 33.333333%;
	}
	.productTitle h1{
		font-size: 20px;
	}
	.productContent .tab-list .mc-menu{
		display: block;
	}
	.productContent .tab-list ul{
		display: none;
		background: #ffffff;
		border-top: none;
	}
	.productContent .tab-list ul li{
		margin: 0;
	}
	.productContent .tab-list ul li a{
		border:none;
		font-size: 14px;
		padding: 8px 14px;
		font-weight: normal;
		text-transform: initial;
	}
	.productContent .tab-list.active ul{
		display: block;
	}
	.productContent .tab-list ul li.active a{
		background:#ffffff;
		color: #1475bc;
	}
	.productContent .tab-list{
		padding: 10px;
	}
	/*  */
	.dtproducttt .coll{
		width: 250px;
	}
	.dtproducttt .colr{
		width: calc(100% - 250px);
		padding-left: 30px;
	}
	.boxprodetail .coll{
		width: 100%;
		margin-bottom: 20px;
	}
	.boxprodetail .colr{
		width: 100%;
	}
	.info_product_detail .productaldt .colaa, .info_product_detail .productaldt .colbb{
		width: 50%;
	}
}
@media all and (min-width: 768px){
	.info_product_video iframe{
		width: 100%;
		min-height: 500px;
	}
}
@media all and (max-width: 767px){
	.product_tab_mobi .menuTab{
		display: block;
	}
	.product{
		padding: 10px ;
		min-height: auto;
	}
	.vnt-product .grid .col{
		width: 50%;
	}
	.productAttr ul li .at {
		width: 80px;
		margin-right: 10px;
	}
	.productTools .txt{
		display: none;
	}
	.vnt-product-page{
		padding: 10px 0;
	}
	.slickOther .slick-prev{
		left: 42%;
		transform: translate(-42%, 0);
	}
	.slickOther .slick-next{
		left: 57%;
		transform: translate(-57%, 0);
	}
	.slickOther .slick-arrow{
		display: none;
		visibility: hidden;
	}
	.productOther .title h2{
		font-size: 20px;
	}
	/*  */
	.dtproducttt{
		padding: 15px;
	}
	.dtproducttt .coll{
		width: 100%;
	}
	.dtproducttt .colr{
		width: 100%;
		padding-left: 0;
	}
	.boxprodetail{
		padding: 20px 15px 40px 15px;
	}
	.info_product_detail .titledtpro h2{
		font-size: 22px;
		line-height: 32px;
	}
	.productDf .product_info{
		width: 100%;
	}
	.info_product_detail .productaldt .colaa, .info_product_detail .productaldt .colbb{
		width: 100%;
	}
}
@media all and (max-width: 480px){
	.product .price{
		display: block;
	}
	.productTools{
		display: block;
		text-align: right;
	}
	.productTools .sort{
		text-align: left;
	}
	.productCart .grid{
		display: block;
	}
	.productCart .grid .col{
		width: 100%;
		margin-bottom: 10px;
	}
}
@media all and (max-width: 360px){
	.vnt-product .grid .col{
		width: 100%;
	}
	
}
@media all and (max-width: 350px){
	.productOther .title h2{
		font-size: 16px;
	}
}