@charset "utf-8";
.product-intro{padding-bottom: 40px}
.product-intro .row{align-items: center;}
.product-intro .product-img{width: 100%;font-size: 0;padding-left:0;}
.product-intro .product-img .thumbs-img{width: 100px;display: inline-block;}
.product-intro .product-img .thumbs-img .gallery-thumbs{height:100%;margin-top: 60px;height:630px;}
.product-intro .product-img .thumbs-img .gallery-thumbs .swiper-slide{height: 100px;background: #fff}
.product-intro .product-img .thumbs-img img{width: 100%;border:1px #eee solid;cursor: pointer;border-radius: 0.4rem;}
.product-intro .product-img .gallery-img{width:calc(100% - 100px);padding:60px 30px;display: inline-block;vertical-align: top;}
.product-intro .product-img .gallery-img .gallery-top{text-align: center;border: 1px #eee solid;border-radius: 1rem;overflow: hidden;box-shadow:0 0 22px 0 #00000008;background: #fff}
.product-intro .product-img .gallery-img .gallery-top img{width: 100%;object-fit:contain;aspect-ratio:4/3.5;}
.product-intro .product-img .gallery-thumbs .swiper-slide {opacity: 0.4;}
.product-intro .product-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.product-intro .product-img .gallery-thumbs .swiper-slide-thumb-active img{border-color: var(--base-color);}
.product-intro .product-title{padding: 0;}
.product-intro .product-title h1{font-size:35px;color:#000;text-transform: uppercase;line-height: 1.2;position: relative;}
.product-intro .product-title h1.small{color:var(--scheme-color);font-size: 40px;padding-bottom: 1%}
.product-intro .product-title h1.small:after{display: none}
.product-intro .product-title h2{font-size: 0;color:#666;margin-top: 10px}
.product-intro .product-title h2 i{color:var(--base-color);font-size: 18px;line-height: 30px;vertical-align: top;display: inline-block;width:30px}
.product-intro .product-title h2 span{font-size: 24px;line-height: 30px;display: inline-block;width: 90%}
.product-intro .product-title ul{display:block;padding-bottom: 40px;font-size: 0}
.product-intro .product-title ul li{display:inline-block;font-size:16px;line-height:24px;padding: 10px 25px;border:1px #ddd dotted;border-radius: 5px;margin-right: 10px}
.product-intro .product-title ul li:last-child{margin-right: 0}
.product-intro .product-title ul li i{font-size: 20px;display:inline-block;vertical-align: top;line-height:24px;margin-right: 6px}
.product-intro .product-title p{display:block;font-size: 15px;line-height: 1.2;margin-top: 20px}

.product-intro .parameters {display: block;padding-top: 20px;padding-bottom: 20px;position: relative;margin-top: 30px;margin-bottom: 30px}
.product-intro .parameters .parameter-table{padding: 2% 5%;overflow: hidden;}
.product-intro .parameters .parameter-table::after {content: '';width: 33%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;background:#ffeb3b25;border-radius: 1rem;}
.product-intro .parameters .parameter-table table {width: 100%;border-top: 2px solid #000;position:relative;z-index: 5;}
.product-intro .parameters .parameter-table table td {border: none;margin: 0;padding: 1rem 0;border-bottom: 1px solid #e5e5e5;padding-left: 10%;}
.product-intro .parameters .parameter-table table td:first-child {width: 28%;padding-left: 0;}

.product-intro .product-title .contact{display:block;}
.product-intro .product-title .contact h2{width: 80%;display:block;font-size: 20px;color: #333;margin-bottom: 20px}
.product-intro .product-title .contact a{display:inline-block;background:var(--base-color);color: #fff;padding:10px 25px;border-radius: 0.4rem;margin-right: 12px;font-size: 15px;text-transform:uppercase;cursor: pointer;margin-bottom: 5px;line-height: 25px}
.product-intro .product-title .contact a:last-child{margin-right: 0;background: var(--auxiliary-color)}
.product-intro .product-title .contact a i{display:inline-block;margin-right: 8px;font-size:25px;line-height: 25px;transition: all .3s;vertical-align: top}
.product-intro .product-title .contact a:first-child i{font-size:22px;}
.product-intro .product-title .contact a:hover i{margin-right: 12px}
.product-intro .product-title p a{text-decoration: underline;color:var(--auxiliary-color)}
.product-intro .product-title p a:hover{text-decoration: none}
.product-intro .swiper-button-prev{left: -6%;opacity: 1;}
.product-intro .swiper-button-next{opacity: 1;right: 3%}
.product-intro .swiper-button-prev:after,.product-intro .swiper-button-next:after{font-size: 30px;color: #888;}
.product-intro .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 50px;}
.product-intro .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px}
.product-intro .swiper-pagination-bullet,.product-intro .swiper-pagination-bullet-active{width: 30px;height:3px;background:rgba(0,0,0,0.1)}
.product-intro .swiper-pagination-bullet-active{background:var(--base-color)}

.product-detail .details{display:block;}
.product-detail .details .two.row{margin-left: -20px;margin-right: -20px}
.product-detail .details .row > div{padding: 0}
.product-detail .details .two.row > div{padding: 20px}
.product-detail .details .row{padding-top: 30px}
.product-detail .details .row .title h2{position:relative;padding-left: 20px;display: block;color: var(--base-color);text-transform:capitalize;font-size:24px;}
.product-detail .details .row .title h2:after{content: '';position: absolute;top: 50%;left: 0;width: 4px;height: 24px;background: var(--base-color);display: inline-block;transform:translateY(-50%);}
.product-detail .details .row table{width: 100%;margin-top: 30px;border-top: 2px solid #000;}
.product-detail .details .row table tr:first-child td{font-weight: 500;color: #111}
.product-detail .details .row table td{padding: 1.4rem 0;margin: 0;border-bottom: 1px solid #e5e5e5;font-size:16px;}
.product-detail .details .row .detail-img{margin-top: 30px;display: block;}
.product-detail .details .row .detail-img img{min-width: 60%;max-width: 100%}

@media (max-width:1699px){
    .product-intro .parameters {margin-top: 20px;margin-bottom:20px}
}
@media (max-width:1599px){
	.product-intro .parameters .parameter-table table td {padding:0.8rem 0;}
}
@media (max-width:1399px){
    .product-intro .parameters {margin-top: 15px}
    .product-intro .product-title p{font-size:14px;}
    .product-intro .parameters .parameter-table table td {padding:0.6rem 0;}
}
@media (max-width:1199px){
	.product-detail .details .row .title h2{font-size:20px;padding-left: 18px;}
	.product-detail .details .row .title h2:after{width: 3px;height: 20px}
	.product-intro .product-title p{font-size:13px;}
}
@media (max-width:991px){
	.product-intro .parameters .parameter-table table td{font-size:13px;}
	.product-intro .parameters .parameter-table table td:first-child{width: 35%}
    .product-intro .product-title p{margin-top: 0;margin-bottom: 0;}
	.product-intro .product-title p{font-size:12px;}
	.product-intro .product-title .contact a:first-child i{font-size:18px;}
	.product-intro .product-title .contact a{padding:8px 15px;font-size: 14px;line-height: 20px}
	.product-intro .product-title .contact a i{font-size:18px;line-height: 20px}
	.product-detail .details .row table td{padding: 1rem 0;font-size:13px;}
	.product-detail .details .row .title h2{font-size:18px;padding-left: 16px;}
	.product-detail .details .row .title h2:after{height: 18px}
}


@media (max-width:1699px){
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:550px;}
	.product-intro .product-title h1{font-size: 28px}
}
@media (max-width:1499px){
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:450px;}
}
@media (max-width:1399px){
	.product-intro .product-title h1{font-size: 20px}
	.product-intro .product-title ul li{font-size:15px;line-height:20px;padding: 8px 20px;}
	.product-intro .product-title ul li i{font-size: 18px;line-height:20px;}
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:400px;}
}

@media (max-width:1199px){
	.product-intro .product-title h1{font-size: 30px}
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:300px;}
}
@media (max-width:991px){
	.product-intro .product-title{padding-left: 0}
	.product-intro .product-title h1{font-size: 20px}
	.product-intro .product-title .contact{padding: 20px;padding-top:10px;padding-left: 0}
	.product-intro .product-title .contact h2{width: 80%;font-size: 16px;}
	.product-intro .product-img{padding-right: 0}
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:580px;}
	.product-intro .product-img .thumbs-img{width: 60px;}
	.product-intro .product-img .thumbs-img .gallery-thumbs{margin-top: 30px;}
	.product-intro .product-img .thumbs-img .gallery-thumbs .swiper-slide{height: 60px}
	.product-intro .product-img .gallery-img{width:calc(100% - 60px);padding:30px 10px;}
	.product-intro .swiper-button-prev{left:0}
	.product-intro .swiper-button-next{right:0}

	.product-detail .details{overflow-x:scroll;padding-bottom: 4%}
	.product-detail .details::-webkit-scrollbar {width: 100%;height: 10px;}
	.product-detail .details::-webkit-scrollbar-track,.product-detail .details::-webkit-scrollbar-thumb {border-radius: 5px;border: 2px solid transparent;}
	.product-detail .details::-webkit-scrollbar-track {box-shadow: 1px 1px 5px rgba(0,0,0, 0.3) inset;}
	.product-detail .details::-webkit-scrollbar-thumb {min-width: 10%;background-clip: content-box;box-shadow: 0 0 0 5px var(--base-color) inset;}
	.product-detail .details::-webkit-scrollbar-corner {background: transparent;}
	.product-detail .details table{width: 145%;}
}
@media (max-width:767px){
	.product-intro .product-img .thumbs-img{display:none;}
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:400px;}
	.product-intro .product-img .gallery-img{width:100%;padding:20px 0}
}
@media (max-width:576px){
	.product-intro .product-img .thumbs-img .gallery-thumbs{height:250px;}
}

.same-product .product-list{}
.same-product .product-list .other-prut{padding-top: 50px;padding-bottom: 50px}
.same-product .product-list dl{position: relative;padding:12px}
.same-product .product-list dl a{display: block;padding:30px 40px;background:#fff;box-shadow:0 0 15px 0 #00000005;border-radius: 1rem;overflow: hidden;}
.same-product .product-list dl a dt{display: block;overflow: hidden;padding: 20px}
.same-product .product-list dl a dt img{width: 100%;transition: all .3s}
.same-product .product-list dl a:hover dt img{transform: scale(1.08);}
.same-product .product-list dl a dd{display: block;padding-top:30px;border-top: 2px #f1f1f1 solid}
.same-product .product-list dl a dd h1{font-size: 20px;font-weight: 400}
.same-product .product-list dl a dd h1 sup{background:#0559a1;color: #fff;font-size: 14px;font-weight: 300;top: -4px;left: 10px;padding: 5px 10px;border-radius: 5px}
.same-product .product-list dl a dd p{display: block;margin-top: 20px;height:50px;line-height: 25px;overflow: hidden;color: #666;font-size: 14px}
.same-product .product-list dl a dd i{font-size: 35px;margin-top: 30px;display:inline-block;}
.same-product .product-list dl a:hover dd h1,.same-product .product-list dl a:hover dd i{color: #0559a1}
.same-product .swiper-pagination-bullet {width: 7px;height: 7px;border-radius: 5px;background:var(--base-color);transition:all .3s;}
.same-product .swiper-pagination-bullet-active{width: 40px;}

@media (max-width:1499px){
	.same-product .product-list{padding-left:3%}
}
@media (max-width:1199px){
	.same-product .product-list{padding-top: 70px;padding-bottom: 70px}
	.same-product .product-list dl a{padding:20px 40px}
}
@media (max-width:991px){
	.same-product .text-center{text-align: left}
}
@media (max-width:767px){
	.same-product .product-list{padding-top: 20px;padding-bottom: 0px;}
	.same-product .product-list .other-prut{padding-top: 20px;padding-bottom: 50px}
	.same-product .product-list dl a dt{padding: 0px}
	.same-product .product-list dl a dd{padding-top: 20px}
	.same-product .product-list dl a dd h1{font-size: 18px;}
	.same-product .product-list dl a dd p{font-size: 13px;height:auto;}
}