@charset "UTF-8";
body, html {
font-size: 18px; }
@media (max-width: 1200px) {
body, html {
font-size: 17px; } }
@media (max-width: 1024px) {
body, html {
font-size: 16px; } }
@media (max-width: 991px) {
body, html {
font-size: 15px; } }
@media (max-width: 767px) {
body, html {
font-size: 14px; } }
@media (max-width: 480px) {
body, html {
font-size: 13px; } }
@media (max-width: 360px) {
body, html {
font-size: 12px; } }
.cus_section-title {
margin-bottom: 30px; }
@media (max-width: 767px) {
.cus_section-title {
margin-bottom: 15px; } }
.cus_section-title h2 {
text-align: center;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 2rem; }
@media (max-width: 1200px) {
.cus_section-title h2 {
font-size: 1.7rem; } }
@media (max-width: 1024px) {
.cus_section-title h2 {
font-size: 1.6rem; } }
@media (max-width: 991px) {
.cus_section-title h2 {
font-size: 1.5rem; } }
@media (max-width: 767px) {
.cus_section-title h2 {
font-size: 1.4rem; } }
@media (max-width: 480px) {
.cus_section-title h2 {
font-size: 1.3rem; } }
@media (max-width: 360px) {
.cus_section-title h2 {
font-size: 1.2rem; } }
.cus_section-title p {
text-align: center;
color: #aaa;
margin-bottom: 0;
font-size: 1.5rem; }
@media (max-width: 1200px) {
.cus_section-title p {
font-size: 1.30rem; } }
@media (max-width: 1024px) {
.cus_section-title p {
font-size: 1.25rem; } }
@media (max-width: 991px) {
.cus_section-title p {
font-size: 1.20rem; } }
@media (max-width: 767px) {
.cus_section-title p {
font-size: 1.15rem; } }
@media (max-width: 480px) {
.cus_section-title p {
font-size: 1.10rem; } }
@media (max-width: 360px) {
.cus_section-title p {
font-size: 1.05rem; } }
.home-coupon {
padding: 30px 0;
padding-bottom: 0; }
@media (max-width: 767px) {
.home-coupon {
padding: 15px 0; } }
.home-coupon .home-coupon-wrap {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center;
margin-left: -10px;
margin-right: -10px; }
@media (max-width: 767px) {
.home-coupon .home-coupon-wrap {
margin-left: -5px;
margin-right: -5px; } }
@media (max-width: 1200px) {
.home-coupon .home-coupon-wrap {
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: 15px; } }
.home-coupon .home-coupon-wrap .home-coupon-item {
width: calc(100%/5);
padding-left: 10px;
padding-right: 10px; }
@media (max-width: 767px) {
.home-coupon .home-coupon-wrap .home-coupon-item {
padding-left: 5px;
padding-right: 5px; } }
@media (max-width: 1200px) {
.home-coupon .home-coupon-wrap .home-coupon-item {
min-width: 35%;
width: auto; } }
@media (max-width: 991px) {
.home-coupon .home-coupon-wrap .home-coupon-item {
min-width: 50%; } }
@media (max-width: 767px) {
.home-coupon .home-coupon-wrap .home-coupon-item {
min-width: 70%; } }
@media (max-width: 480px) {
.home-coupon .home-coupon-wrap .home-coupon-item {
min-width: 90%; } }
.home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 15px 10px;
box-shadow: 1.5px 1.5px 5px rgba(0, 0, 0, 0.25);
position: relative; }
.home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap:before {
content: "";
background: url(https://file.hstatic.net/1000129940/file/coupon_cbd1a12636394ed8aa601bef6_b3e2120232a74bb28bb2917dc1059731.png);
position: absolute;
left: 0;
top: -2.5px;
width: 65px;
height: 65px;
background-size: cover; }
.home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-left {
width: 35%; }
.home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-left span {
background: #008000;
display: inline-block;
padding: 15px; }
.home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right {
width: 65%;
padding-left: 10px; }
.home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right h3 {
font-size: 1.1rem;
font-weight: inherit;
text-transform: uppercase;
margin-bottom: 5px; }
.home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right p {
margin-bottom: 5px;
font-size: .85rem; }
.home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right button[data-type="coupon-copy"] {
background: #000;
border: 1px solid #000;
color: #fff;
border-radius: 6px;
line-height: 1.15rem;
padding: 1.5px 5px;
font-size: .9rem;
transition: all .4s;
outline: none;
box-shadow: none;
text-transform: uppercase;
font-weight: bold; }
.home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right button[data-type="coupon-copy"]:hover {
background: #008000;
border: 1px solid #008000; }
.home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right button[data-type="coupon-policy"] {
background: transparent;
border: none;
outline: none;
box-shadow: none;
float: right;
display: block;
font-size: .9rem; }
.home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right .home-coupon-item-right-info {
display: none; }
.home-fSale {
padding: 30px 0;
padding-top: 10px !important; }
@media (max-width: 767px) {
.home-fSale {
padding: 15px 0; } }
.home-fSale .home-fSale-wrap {
border-radius: 12px;
padding: 25px 25px 10px; }
@media (max-width: 767px) {
.home-fSale .home-fSale-wrap {
padding: 25px 20px 10px; } }
.home-fSale .home-fSale-wrap .home-fSale-head {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
margin-bottom: 30px;
position: relative; }
@media (max-width: 767px) {
.home-fSale .home-fSale-wrap .home-fSale-head {
margin-bottom: 15px; } }
.home-fSale .home-fSale-wrap .home-fSale-head.style1 h2 {
margin: 0; }
.home-fSale .home-fSale-wrap .home-fSale-head.style1 h2 img {
max-height: 200px; }
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-countdown {
position: absolute;
bottom: -10px;
left: 45%; }
@media (max-width: 991px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-countdown {
position: relative;
left: 0;
bottom: 0; } }
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-countdown label {
font-weight: 400;
color: #fff;
font-size: 1rem;
margin: 0;
margin-right: 10px;
text-transform: uppercase;
text-align: left;
width: 100%;
margin-bottom: 5px; }
@media (max-width: 1024px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-countdown label {
text-align: center; } }
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-countdown .countdownLoop {
display: flex;
flex-wrap: nowrap;
justify-content: end;
align-items: end; }
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-countdown .countdownLoop span {
display: inline-flex;
flex-direction: column;
justify-content: center;
align-content: center;
text-align: center;
align-items: center;
color: #999;
background: white;
border-radius: 12px;
width: 60px;
height: 66px;
text-align: center;
font-size: 0.85rem;
line-height: .8;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); }
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-countdown .countdownLoop span:not(:last-child) {
margin-right: 15px; }
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-countdown .countdownLoop span b {
font-size: 1.75rem;
font-weight: bold;
display: block;
color: #333; }
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-countdown .countdownLoop span strong {
margin-top: 10px; }
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-cta {
font-size: 1.5rem;
margin-left: 25px;
background: #008000;
border: 1px solid #008000;
color: #fff;
display: inline-block;
padding: 0px 25px;
border-radius: 999px;
min-width: 150px;
transition: all .5s;
text-align: center; }
@media (max-width: 1200px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-cta {
font-size: 1.30rem; } }
@media (max-width: 1024px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-cta {
font-size: 1.25rem; } }
@media (max-width: 991px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-cta {
font-size: 1.20rem; } }
@media (max-width: 767px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-cta {
font-size: 1.15rem; } }
@media (max-width: 480px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-cta {
font-size: 1.10rem; } }
@media (max-width: 360px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-cta {
font-size: 1.05rem; } }
@media (max-width: 991px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-cta {
margin-left: 0;
margin-top: 15px;
padding: 2.5px 25px; } }
.home-fSale .home-fSale-wrap .home-fSale-head.style1 .home-fSale-head-cta:hover {
color: #008000;
background: #fff; }
.home-fSale .home-fSale-wrap .home-fSale-head.style2 {
text-align: left;
justify-content: flex-start; }
@media (max-width: 991px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style2 {
justify-content: center; } }
.home-fSale .home-fSale-wrap .home-fSale-head.style2 h2 {
color: #FFF;
margin: 0;
font-size: 2rem; }
@media (max-width: 1200px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style2 h2 {
font-size: 1.7rem; } }
@media (max-width: 1024px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style2 h2 {
font-size: 1.6rem; } }
@media (max-width: 991px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style2 h2 {
font-size: 1.5rem; } }
@media (max-width: 767px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style2 h2 {
font-size: 1.4rem; } }
@media (max-width: 480px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style2 h2 {
font-size: 1.3rem; } }
@media (max-width: 360px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style2 h2 {
font-size: 1.2rem; } }
.home-fSale .home-fSale-wrap .home-fSale-head.style2 .home-fSale-head-countdown {
margin-left: 25px; }
@media (max-width: 991px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style2 .home-fSale-head-countdown {
width: 100%;
margin-left: 0;
margin-top: 15px; } }
.home-fSale .home-fSale-wrap .home-fSale-head.style2 .home-fSale-head-countdown label {
display: none; }
.home-fSale .home-fSale-wrap .home-fSale-head.style2 .home-fSale-head-countdown .countdownLoop {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center; }
@media (max-width: 991px) {
.home-fSale .home-fSale-wrap .home-fSale-head.style2 .home-fSale-head-countdown .countdownLoop {
justify-content: center; } }
.home-fSale .home-fSale-wrap .home-fSale-head.style2 .home-fSale-head-countdown .countdownLoop span {
display: inline-flex;
flex-direction: column;
justify-content: center;
align-content: center;
text-align: center;
align-items: center;
color: #999;
background: white;
border-radius: 5px;
width: 45px;
height: 45px;
text-align: center;
font-size: 0.85rem;
line-height: .55;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); }
.home-fSale .home-fSale-wrap .home-fSale-head.style2 .home-fSale-head-countdown .countdownLoop span:not(:last-child) {
margin-right: 15px; }
.home-fSale .home-fSale-wrap .home-fSale-head.style2 .home-fSale-head-countdown .countdownLoop span b {
font-size: 1.5rem;
font-weight: bold;
display: block;
color: #333; }
.home-fSale .home-fSale-wrap .home-fSale-head.style2 .home-fSale-head-countdown .countdownLoop span strong {
margin-top: 10px; }
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-data {
margin-left: -10px;
margin-right: -10px; }
@media (max-width: 767px) {
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-data {
margin-left: -5px;
margin-right: -5px; } }
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-data:not(.slick-initialized) {
display: flex;
flex-wrap: wrap; }
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-data:not(.slick-initialized) .pro-loop {
width: calc(100%/5); }
@media (max-width: 767px) {
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-data:not(.slick-initialized) .pro-loop {
width: calc(100%/1); } }
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-data .pro-loop .pro-loop-wrap {
background: #fff; }
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-data .pro-loop .pro-loop-wrap .pro-loop-sold {
display: block; }
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-data .pro-loop .pro-loop-wrap .pro-loop-bottom {
visibility: visible;
opacity: 1; }
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-data .pro-loop .pro-loop-wrap .pro-loop-bottom button {
width: 100%;
margin: 0;
transition: all .5s; }
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-data .pro-loop .pro-loop-wrap .pro-loop-bottom button:hover {
background: #008000; }
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-data .slick-dots {
display: none !important; }
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-cta {
text-align: center;
margin: 15px 0; }
@media (max-width: 991px) {
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-cta {
margin: 10px 0; } }
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-cta a {
font-size: 1.5rem;
background: #008000;
border: 1px solid #008000;
color: #fff;
display: inline-block;
padding: 5px 25px;
border-radius: 5px;
min-width: 250px;
transition: all .5s;
text-align: center; }
@media (max-width: 1200px) {
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-cta a {
font-size: 1.30rem; } }
@media (max-width: 1024px) {
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-cta a {
font-size: 1.25rem; } }
@media (max-width: 991px) {
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-cta a {
font-size: 1.20rem; } }
@media (max-width: 767px) {
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-cta a {
font-size: 1.15rem; } }
@media (max-width: 480px) {
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-cta a {
font-size: 1.10rem; } }
@media (max-width: 360px) {
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-cta a {
font-size: 1.05rem; } }
@media (max-width: 991px) {
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-cta a {
padding: 2.5px 25px; } }
.home-fSale .home-fSale-wrap .home-fSale-body .home-fSale-body-cta a:hover {
color: #008000;
background: #fff; }
@media (min-width: 991px) {
.home-fSale .home-fSale-wrap .home-fSale-body.style2 .slick-arrow {
opacity: 1;
visibility: visible;
transform: none;
background: #FFF;
border-radius: 999px;
padding: 0;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
top: -67.5px; }
.home-fSale .home-fSale-wrap .home-fSale-body.style2 .slick-arrow:before, .home-fSale .home-fSale-wrap .home-fSale-body.style2 .slick-arrow:after {
display: none; }
.home-fSale .home-fSale-wrap .home-fSale-body.style2 .slick-arrow.slick-prev {
left: initial;
right: 60px; } }
.home-fSale .slick-slider:hover .slick-arrow {
opacity: 1;
visibility: visible; }
.home-fSale .slick-slider .slick-track {
margin-left: initial; }
.home-fSale .slick-slider .slick-track div, .home-fSale .slick-slider .slick-track a, .home-fSale .slick-slider .slick-track a:focus, .home-fSale .slick-slider .slick-track div:focus, .home-fSale .slick-slider .slick-track article:focus, .home-fSale .slick-slider .slick-track article {
outline: 0 !important; }
.home-fSale .slick-slider .slick-arrow {
position: absolute;
top: 50%;
background-color: transparent;
transform: translateY(-50%);
border: none;
font-size: 20px;
z-index: 1;
padding: 0;
color: #000;
opacity: 0;
visibility: hidden;
transition: all .5s; }
@media (max-width: 991px) {
.home-fSale .slick-slider .slick-arrow {
opacity: 1;
visibility: visible; } }
.home-fSale .slick-slider .slick-arrow:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ccc;
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
z-index: -1; }
.home-fSale .slick-slider .slick-arrow:after {
content: '';
position: absolute;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
background: #fff;
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
z-index: -1; }
.home-fSale .slick-slider .slick-arrow i {
z-index: 2;
position: relative;
font-size: 1rem; }
.home-fSale .slick-slider .slick-arrow.slick-prev {
padding-right: 10px;
padding-left: 5px;
left: 15px; }
.home-fSale .slick-slider .slick-arrow.slick-prev:before {
transform: rotateY(180deg); }
.home-fSale .slick-slider .slick-arrow.slick-prev:after {
transform: rotateY(180deg); }
@media (max-width: 767px) {
.home-fSale .slick-slider .slick-arrow.slick-prev {
left: 5px; } }
.home-fSale .slick-slider .slick-arrow.slick-next {
right: 15px;
padding-right: 5px;
padding-left: 10px; }
@media (max-width: 767px) {
.home-fSale .slick-slider .slick-arrow.slick-next {
right: 5px; } }
.home-bannerPro {
padding: 30px 0; }
@media (max-width: 767px) {
.home-bannerPro {
padding: 15px 0; } }
.home-bannerPro .home-bannerPro-wrap {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: start;
margin-left: -10px;
margin-right: -10px; }
@media (max-width: 767px) {
.home-bannerPro .home-bannerPro-wrap {
margin-left: -5px;
margin-right: -5px; } }
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-left {
width: 50%;
padding-left: 10px;
padding-right: 10px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
@media (max-width: 767px) {
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-left {
padding-left: 5px;
padding-right: 5px; } }
@media (max-width: 767px) {
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-left {
width: 100%; } }
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-left a {
display: block; }
@media (max-width: 767px) {
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-left a {
padding: 0 !important; } }
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-right {
width: 50%;
padding-left: 10px;
padding-right: 10px;
text-align: center; }
@media (max-width: 767px) {
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-right {
padding-left: 5px;
padding-right: 5px; } }
@media (max-width: 767px) {
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-right {
width: 100%;
margin-top: 15px; } }
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-right .home-bannerPro-right-product {
text-align: left; }
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-right > a {
font-size: 1.5rem;
background: #008000;
border: 1px solid #008000;
color: #fff;
display: inline-block;
padding: 5px 25px;
border-radius: 999px;
min-width: 200px;
transition: all .5s; }
@media (max-width: 1200px) {
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-right > a {
font-size: 1.30rem; } }
@media (max-width: 1024px) {
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-right > a {
font-size: 1.25rem; } }
@media (max-width: 991px) {
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-right > a {
font-size: 1.20rem; } }
@media (max-width: 767px) {
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-right > a {
font-size: 1.15rem; } }
@media (max-width: 480px) {
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-right > a {
font-size: 1.10rem; } }
@media (max-width: 360px) {
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-right > a {
font-size: 1.05rem; } }
@media (max-width: 480px) {
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-right > a {
padding: 2.5px 25px; } }
@media (max-width: 360px) {
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-right > a {
padding: 0px 25px; } }
.home-bannerPro .home-bannerPro-wrap .home-bannerPro-right > a:hover {
color: #008000;
background: #fff; }
.home-blog {
padding: 30px 0; }
@media (max-width: 767px) {
.home-blog {
padding: 15px 0; } }
.home-blog .home-blog-wrap {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: start;
margin-left: -10px;
margin-right: -10px;
background: #F4F4F4; }
@media (max-width: 767px) {
.home-blog .home-blog-wrap {
margin-left: -5px;
margin-right: -5px; } }
.home-blog .home-blog-wrap .home-blog-left {
width: 30%; }
@media (max-width: 767px) {
.home-blog .home-blog-wrap .home-blog-left {
width: 100%; } }
.home-blog .home-blog-wrap .home-blog-right {
width: 70%;
padding-left: 10px;
padding-right: 10px;
text-align: center; }
@media (max-width: 767px) {
.home-blog .home-blog-wrap .home-blog-right {
padding-left: 5px;
padding-right: 5px; } }
@media (max-width: 767px) {
.home-blog .home-blog-wrap .home-blog-right {
width: 100%;
margin-top: 15px; } }
.home-blog .home-blog-wrap .home-blog-right .slick-arrow.slick-prev {
left: 5px; }
@media (max-width: 767px) {
.home-blog .home-blog-wrap .home-blog-right .slick-arrow.slick-prev {
left: 0; } }
.home-blog .home-blog-wrap .home-blog-right .slick-arrow.slick-next {
right: 5px; }
@media (max-width: 767px) {
.home-blog .home-blog-wrap .home-blog-right .slick-arrow.slick-next {
right: 0; } }
.home-blog .home-blog-wrap .home-blog-right .home-blog-right-articles {
text-align: left;
margin: 25px 15px 15px;
background: #fff;
padding: 25px 15px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
.home-blog .home-blog-wrap .home-blog-right .home-blog-right-articles .article-item {
margin-bottom: 0; }
.home-blog .home-blog-wrap .home-blog-right > a {
font-size: 1.5rem;
display: inline-block;
transition: all .5s;
text-transform: uppercase;
margin-bottom: 15px;
position: relative; }
@media (max-width: 1200px) {
.home-blog .home-blog-wrap .home-blog-right > a {
font-size: 1.30rem; } }
@media (max-width: 1024px) {
.home-blog .home-blog-wrap .home-blog-right > a {
font-size: 1.25rem; } }
@media (max-width: 991px) {
.home-blog .home-blog-wrap .home-blog-right > a {
font-size: 1.20rem; } }
@media (max-width: 767px) {
.home-blog .home-blog-wrap .home-blog-right > a {
font-size: 1.15rem; } }
@media (max-width: 480px) {
.home-blog .home-blog-wrap .home-blog-right > a {
font-size: 1.10rem; } }
@media (max-width: 360px) {
.home-blog .home-blog-wrap .home-blog-right > a {
font-size: 1.05rem; } }
.home-blog .home-blog-wrap .home-blog-right > a:hover {
color: #008000; }
.home-blog .home-blog-wrap .home-blog-right > a:hover:before {
transform: scaleX(1); }
.home-blog .home-blog-wrap .home-blog-right > a:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #008000;
transform: scaleX(0);
transform-origin: left;
transition: all .5s; }
.pro-loop {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px; }
@media (max-width: 767px) {
.pro-loop {
padding-left: 5px;
padding-right: 5px; } }
.pro-loop .pro-loop-wrap {
text-align: center;
border-radius: 6px;
background: #fff;
padding-bottom: 5px; }
.pro-loop .pro-loop-wrap:hover {
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); }
.pro-loop .pro-loop-wrap:hover .pro-loop-image .pro-loop-image-item {
display: block; }
.pro-loop .pro-loop-wrap:hover .pro-loop-image .pro-loop-image-item picture:nth-of-type(1) {
opacity: 0;
visibility: hidden; }
.pro-loop .pro-loop-wrap:hover .pro-loop-image .pro-loop-image-item picture:nth-of-type(2) {
opacity: 1;
visibility: visible; }
.pro-loop .pro-loop-wrap:hover .pro-loop-bottom {
opacity: 1;
visibility: visible; }
.pro-loop .pro-loop-wrap .pro-loop-image {
position: relative; }
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-sale {
position: absolute;
top: 5px;
left: 5px;
z-index: 9;
background: #FF0000;
padding: 2px 10px;
border-radius: 3px; }
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-sale span {
text-transform: uppercase;
font-size: 0.8rem;
font-weight: 500;
color: #fff; }
.pro-loop .pro-loop-wrap .pro-loop-image .product_gift_label {
position: absolute;
top: 40px;
left: 5px;
z-index: 2; }
.pro-loop .pro-loop-wrap .pro-loop-image .product_gift_label.hidden {
display: none; }
.pro-loop .pro-loop-wrap .pro-loop-image .product_gift_label img {
max-height: 25px; }
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-image-item {
position: relative;
padding-bottom: 100%;
display: block;
overflow: hidden;
border-radius: 6px 6px 0 0; }
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-image-item picture {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.5s; }
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-image-item picture:nth-of-type(2) {
opacity: 0;
visibility: hidden; }
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-action {
position: absolute;
top: 5px;
right: 5px;
z-index: 2; }
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-action button {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
border-radius: 10px;
color: #333;
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
line-height: 35px;
text-align: center;
text-transform: uppercase;
font-size: 12px;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 1.25rem;
border-radius: 50%; }
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-action button:hover {
color: #FF0000; }
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-action button:hover span {
opacity: 1;
visibility: visible; }
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-action button span {
line-height: 20px;
top: 35px; }
@media (max-width: 768px) {
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-action button span {
display: none; } }
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-action button span:after {
top: -6px;
bottom: initial;
border-top: none;
border-bottom: 6px solid #008000; }
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-images {
position: absolute;
bottom: 0;
left: 0;
height: 60px;
width: 100%;
transition: all .4s ease; }
@media (max-width: 767px) {
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-images {
display: none; } }
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-images ul {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center; }
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-images ul li {
padding: 5px; }
.pro-loop .pro-loop-wrap .pro-loop-image .pro-loop-images ul li a {
display: block;
box-shadow: 0 0 1.5px rgba(0, 0, 0, 0.15); }
.pro-loop .pro-loop-wrap .pro-loop-vendor {
color: #AAA;
margin: 5px 10px;
font-size: 11px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center; }
.pro-loop .pro-loop-wrap .pro-loop-name {
margin: 5px 10px;
height: 20px;
font-size: 16px;
font-weight: 500;
line-height: 20px;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box; }
.pro-loop .pro-loop-wrap .pro-loop-name a {
font-size: 14px;
color: #222;
font-weight: normal; }
.pro-loop .pro-loop-wrap .pro-loop-price {
color: #222;
margin: 0 10px;
line-height: 1;
font-size: 17px;
font-weight: normal;
text-align: left;
height: 37px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
.pro-loop .pro-loop-wrap .pro-loop-price span {
color: #FF0000;
font-weight: bold; }
.pro-loop .pro-loop-wrap .pro-loop-price del {
color: #AAA;
margin-left: 10px;
font-size: .8rem; }
.pro-loop .pro-loop-wrap .pro-loop-sold {
margin: 0 10px 10px;
display: none; }
.pro-loop .pro-loop-wrap .pro-loop-sold label {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center;
margin: 0; }
.pro-loop .pro-loop-wrap .pro-loop-sold label.fSale_chayhang span {
font-weight: bold;
text-transform: uppercase; }
.pro-loop .pro-loop-wrap .pro-loop-sold label img {
max-width: 35px;
margin-right: 10px; }
.pro-loop .pro-loop-wrap .pro-loop-sold label span {
font-weight: 400;
color: #FF0000; }
.pro-loop .pro-loop-wrap .pro-loop-sold .pro-loop-sold-wrap {
background: #ffaaaf;
width: 100%;
height: 10px;
border-radius: 999px;
position: relative;
overflow: hidden; }
.pro-loop .pro-loop-wrap .pro-loop-sold .pro-loop-sold-wrap span {
display: block;
position: absolute;
top: 0;
left: 0;
height: 10px;
width: var(--percent);
background: linear-gradient(to right, #ff9966, #ff5e62);
border-radius: 999px;
transition: all 1s; }
.pro-loop .pro-loop-wrap .pro-loop-bottom {
opacity: 0;
visibility: hidden;
margin: 10px;
display: wrap;
flex-wrap: center;
justify-content: center;
align-items: center; }
@media (max-width: 767px) {
.pro-loop .pro-loop-wrap .pro-loop-bottom {
display: none; } }
.pro-loop .pro-loop-wrap .pro-loop-bottom button {
width: 47%;
margin: 0 1.5%;
color: #333;
background: #008000;
padding: 5px 10px;
border-radius: 4px;
font-size: 16px; }
.pro-loop .pro-loop-wrap .pro-loop-bottom button:last-child {
background: #FF0000;
color: #fff; }
.pro-loop .pro-loop-wrap .product-loop-action {
margin: 5px 10px;
text-align: left; }
.home-vendor {
padding: 30px 0; }
@media (max-width: 767px) {
.home-vendor {
padding: 15px 0; } }
.home-vendor .cus_section-title {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center; }
@media (min-width: 767px) {
.home-vendor .cus_section-title {
margin-bottom: 0; } }
.home-vendor .cus_section-title h2 {
font-weight: initial;
text-transform: initial;
text-align: left;
margin-bottom: 0; }
.home-vendor .cus_section-title a {
font-size: 1.3rem; }
@media (max-width: 1200px) {
.home-vendor .cus_section-title a {
font-size: 1.25rem; } }
@media (max-width: 1024px) {
.home-vendor .cus_section-title a {
font-size: 1.20rem; } }
@media (max-width: 991px) {
.home-vendor .cus_section-title a {
font-size: 1.15rem; } }
@media (max-width: 767px) {
.home-vendor .cus_section-title a {
font-size: 1.10rem; } }
@media (max-width: 480px) {
.home-vendor .cus_section-title a {
font-size: 1.05rem; } }
@media (max-width: 360px) {
.home-vendor .cus_section-title a {
font-size: 1.00rem; } }
.home-vendor .home-vendor-wrap {
margin-left: -10px;
margin-right: -10px;
display: grid;
grid-template-columns: repeat(auto-fill, calc(100%/8)); }
@media (max-width: 767px) {
.home-vendor .home-vendor-wrap {
margin-left: -5px;
margin-right: -5px; } }
@media (max-width: 767px) {
.home-vendor .home-vendor-wrap {
overflow-x: auto;
flex-wrap: nowrap;
grid-template-columns: repeat(8, calc(100%/3)); } }
.home-vendor .home-vendor-wrap a {
padding-left: 10px;
padding-right: 10px;
text-align: center;
margin-top: 30px; }
@media (max-width: 767px) {
.home-vendor .home-vendor-wrap a {
padding-left: 5px;
padding-right: 5px; } }
@media (max-width: 767px) {
.home-vendor .home-vendor-wrap a {
min-width: 30%;
margin-top: 15px;
padding-bottom: 5px; } }
@media (max-width: 480px) {
.home-vendor .home-vendor-wrap a {
min-width: 40%;
margin-top: 5px; } }
.home-groupPro, .home-groupPro2, .home-groupPro3, .home-groupPro4 {
padding: 30px 0; }
@media (max-width: 767px) {
.home-groupPro, .home-groupPro2, .home-groupPro3, .home-groupPro4 {
padding: 15px 0; } }
.home-groupPro .home-groupPro-product, .home-groupPro2 .home-groupPro-product, .home-groupPro3 .home-groupPro-product, .home-groupPro4 .home-groupPro-product {
text-align: center; }
.home-groupPro .home-groupPro-product .home-groupPro-product-wrap, .home-groupPro2 .home-groupPro-product .home-groupPro-product-wrap, .home-groupPro3 .home-groupPro-product .home-groupPro-product-wrap, .home-groupPro4 .home-groupPro-product .home-groupPro-product-wrap {
text-align: left; }
.home-groupPro .home-groupPro-product .home-groupPro-product-wrap .slick-slide > div, .home-groupPro2 .home-groupPro-product .home-groupPro-product-wrap .slick-slide > div, .home-groupPro3 .home-groupPro-product .home-groupPro-product-wrap .slick-slide > div, .home-groupPro4 .home-groupPro-product .home-groupPro-product-wrap .slick-slide > div {
display: flex; }
.home-groupPro .home-groupPro-product > a, .home-groupPro2 .home-groupPro-product > a, .home-groupPro3 .home-groupPro-product > a, .home-groupPro4 .home-groupPro-product > a {
font-size: 1.5rem;
background: #008000;
border: 1px solid #008000;
color: #fff;
display: inline-block;
padding: 5px 25px;
border-radius: 999px;
min-width: 200px;
transition: all .5s; }
@media (max-width: 1200px) {
.home-groupPro .home-groupPro-product > a, .home-groupPro2 .home-groupPro-product > a, .home-groupPro3 .home-groupPro-product > a, .home-groupPro4 .home-groupPro-product > a {
font-size: 1.30rem; } }
@media (max-width: 1024px) {
.home-groupPro .home-groupPro-product > a, .home-groupPro2 .home-groupPro-product > a, .home-groupPro3 .home-groupPro-product > a, .home-groupPro4 .home-groupPro-product > a {
font-size: 1.25rem; } }
@media (max-width: 991px) {
.home-groupPro .home-groupPro-product > a, .home-groupPro2 .home-groupPro-product > a, .home-groupPro3 .home-groupPro-product > a, .home-groupPro4 .home-groupPro-product > a {
font-size: 1.20rem; } }
@media (max-width: 767px) {
.home-groupPro .home-groupPro-product > a, .home-groupPro2 .home-groupPro-product > a, .home-groupPro3 .home-groupPro-product > a, .home-groupPro4 .home-groupPro-product > a {
font-size: 1.15rem; } }
@media (max-width: 480px) {
.home-groupPro .home-groupPro-product > a, .home-groupPro2 .home-groupPro-product > a, .home-groupPro3 .home-groupPro-product > a, .home-groupPro4 .home-groupPro-product > a {
font-size: 1.10rem; } }
@media (max-width: 360px) {
.home-groupPro .home-groupPro-product > a, .home-groupPro2 .home-groupPro-product > a, .home-groupPro3 .home-groupPro-product > a, .home-groupPro4 .home-groupPro-product > a {
font-size: 1.05rem; } }
@media (max-width: 767px) {
.home-groupPro .home-groupPro-product > a, .home-groupPro2 .home-groupPro-product > a, .home-groupPro3 .home-groupPro-product > a, .home-groupPro4 .home-groupPro-product > a {
min-width: 150px; } }
@media (max-width: 480px) {
.home-groupPro .home-groupPro-product > a, .home-groupPro2 .home-groupPro-product > a, .home-groupPro3 .home-groupPro-product > a, .home-groupPro4 .home-groupPro-product > a {
padding: 2.5px 25px; } }
@media (max-width: 360px) {
.home-groupPro .home-groupPro-product > a, .home-groupPro2 .home-groupPro-product > a, .home-groupPro3 .home-groupPro-product > a, .home-groupPro4 .home-groupPro-product > a {
padding: 0px 25px; } }
.home-groupPro .home-groupPro-product > a:hover, .home-groupPro2 .home-groupPro-product > a:hover, .home-groupPro3 .home-groupPro-product > a:hover, .home-groupPro4 .home-groupPro-product > a:hover {
color: #008000;
background: #fff; }
.home-groupTab {
padding: 30px 0; }
@media (max-width: 767px) {
.home-groupTab {
padding: 15px 0; } }
.home-groupTab .home-groupTab-head ul {
background: #F4F4F4;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 30px;
margin-left: -10px;
margin-right: -10px; }
@media (max-width: 767px) {
.home-groupTab .home-groupTab-head ul {
margin-left: -5px;
margin-right: -5px; } }
@media (max-width: 1200px) {
.home-groupTab .home-groupTab-head ul {
flex-wrap: nowrap;
overflow-x: auto;
justify-content: flex-start;
padding: 15px; } }
.home-groupTab .home-groupTab-head ul li {
width: calc(100%/5);
padding-left: 10px;
padding-right: 10px; }
@media (max-width: 767px) {
.home-groupTab .home-groupTab-head ul li {
padding-left: 5px;
padding-right: 5px; } }
@media (max-width: 1200px) {
.home-groupTab .home-groupTab-head ul li {
min-width: fit-content;
width: auto;
padding: 0 .5rem; } }
.home-groupTab .home-groupTab-head ul li.active a {
background: #008000;
border: 1px solid #008000;
color: #FFF; }
.home-groupTab .home-groupTab-head ul li a {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center;
background: #fff;
border: 1px solid transparent;
padding: 10px;
font-size: 1.35rem;
font-weight: 500;
transition: all .5s; }
@media (max-width: 1200px) {
.home-groupTab .home-groupTab-head ul li a {
padding: 9px 10px;
font-size: 1.30rem; } }
@media (max-width: 1024px) {
.home-groupTab .home-groupTab-head ul li a {
padding: 8px 10px;
font-size: 1.25rem; } }
@media (max-width: 991px) {
.home-groupTab .home-groupTab-head ul li a {
padding: 7px 10px;
font-size: 1.20rem; } }
@media (max-width: 767px) {
.home-groupTab .home-groupTab-head ul li a {
padding: 6px 10px;
font-size: 1.15rem; } }
@media (max-width: 480px) {
.home-groupTab .home-groupTab-head ul li a {
padding: 5px 10px;
font-size: 1.10rem; } }
.home-groupTab .home-groupTab-head ul li a:hover {
background: #008000;
border: 1px solid #008000;
color: #FFF; }
.home-groupTab .home-groupTab-head ul li a img {
max-height: 30px;
margin-right: 10px; }
.home-groupTab .home-groupTab-body {
margin-top: 30px;
text-align: center; }
@media (max-width: 767px) {
.home-groupTab .home-groupTab-body {
margin-top: 15px; } }
.home-groupTab .home-groupTab-body .home-groupTab-body-product {
text-align: left;
margin-left: -10px;
margin-right: -10px; }
@media (max-width: 767px) {
.home-groupTab .home-groupTab-body .home-groupTab-body-product {
margin-left: -5px;
margin-right: -5px; } }
.home-groupTab .home-groupTab-body .slick-slide > div {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start; }
.home-groupTab .home-groupTab-body > a {
font-size: 1.5rem;
background: #008000;
border: 1px solid #008000;
color: #fff;
display: inline-block;
padding: 5px 25px;
border-radius: 999px;
min-width: 200px;
transition: all .5s; }
@media (max-width: 1200px) {
.home-groupTab .home-groupTab-body > a {
font-size: 1.30rem; } }
@media (max-width: 1024px) {
.home-groupTab .home-groupTab-body > a {
font-size: 1.25rem; } }
@media (max-width: 991px) {
.home-groupTab .home-groupTab-body > a {
font-size: 1.20rem; } }
@media (max-width: 767px) {
.home-groupTab .home-groupTab-body > a {
font-size: 1.15rem; } }
@media (max-width: 480px) {
.home-groupTab .home-groupTab-body > a {
font-size: 1.10rem; } }
@media (max-width: 360px) {
.home-groupTab .home-groupTab-body > a {
font-size: 1.05rem; } }
@media (max-width: 760px) {
.home-groupTab .home-groupTab-body > a {
min-width: 150px; } }
@media (max-width: 480px) {
.home-groupTab .home-groupTab-body > a {
padding: 2.5px 25px; } }
@media (max-width: 360px) {
.home-groupTab .home-groupTab-body > a {
padding: 0px 25px; } }
.home-groupTab .home-groupTab-body > a:hover {
color: #008000;
background: #fff; }
.home-bigBanner {
padding: 30px 0; }
@media (max-width: 767px) {
.home-bigBanner {
padding: 15px 0; } }
.home-bigBanner a {
display: block;
overflow: hidden; }
.home-bigBanner a:hover img {
transform: scale(1.1); }
.home-bigBanner a img {
width: 100%;
transition: all .5s; }
.home-category {
padding: 30px 0; }
@media (max-width: 767px) {
.home-category {
padding: 15px 0; } }
@media (min-width: 767px) {
.home-category .cus_section-title {
margin-bottom: 0; } }
.home-category .cus_section-title h2 {
font-weight: initial;
text-transform: initial;
text-align: left;
margin-bottom: 0; }
.home-category .home-category-wrap {
margin-left: -10px;
margin-right: -10px;
display: grid;
grid-template-columns: repeat(auto-fill, calc(100%/8)); }
@media (max-width: 767px) {
.home-category .home-category-wrap {
margin-left: -5px;
margin-right: -5px; } }
@media (max-width: 767px) {
.home-category .home-category-wrap {
overflow-x: auto;
flex-wrap: nowrap;
grid-template-columns: repeat(8, calc(100%/3)); } }
.home-category .home-category-wrap a {
padding-left: 10px;
padding-right: 10px;
text-align: center;
margin-top: 30px; }
@media (max-width: 767px) {
.home-category .home-category-wrap a {
padding-left: 5px;
padding-right: 5px; } }
@media (max-width: 767px) {
.home-category .home-category-wrap a {
margin-top: 15px;
padding-bottom: 5px; } }
@media (max-width: 480px) {
.home-category .home-category-wrap a {
margin-top: 5px; } }
.home-category .home-category-wrap a:hover img {
transform: scale(1.1); }
.home-category .home-category-wrap a:hover span {
color: #008000; }
.home-category .home-category-wrap a img {
max-height: 60px;
transition: all .5s; }
.home-category .home-category-wrap a span {
display: block;
font-size: 1.2rem;
margin-top: 10px;
transition: all .5s; }
@media (max-width: 480px) {
.home-category .home-category-wrap a span {
font-size: 1.1rem; } }
@media (max-width: 480px) {
.home-category .home-category-wrap a span {
font-size: 1.0rem; } }
#modal-coupon .modal-content {
padding: 10px 0; }
#modal-coupon .modal-content > a {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer; }
#modal-coupon .modal-content .coupon-title {
text-align: center;
font-weight: bold;
color: #FF0000;
font-size: 1.5rem;
margin-bottom: 10px; }
#modal-coupon .modal-content .coupon-label {
background: #f3f3f3;
padding: 10px; }
#modal-coupon .modal-content .coupon-label span {
margin-left: 10px;
font-weight: bold; }
#modal-coupon .modal-content .coupon-content {
padding: 10px; }
#modal-coupon .modal-content .coupon-action {
padding: 0 10px;
display: flex;
flex-wrap: space-between;
justify-content: center;
align-items: center; }
#modal-coupon .modal-content .coupon-action button[data-type="coupon-copy"] {
background: #008000;
border: 1px solid #008000;
border-radius: 4px;
color: #fff; }
.cusFooter .fPolicy {
padding: 30px 0; }
@media (max-width: 767px) {
.cusFooter .fPolicy {
padding: 15px 0; } }
.cusFooter .fPolicy .fPolicy-wrap .fPolicy-wrap-item {
flex-wrap: wrap;
justify-content: center;
text-align: center; }
@media (max-width: 480px) {
.cusFooter .fPolicy .fPolicy-wrap .fPolicy-wrap-item {
min-width: 60%; } }
.cusFooter .fPolicy .fPolicy-wrap .fPolicy-wrap-item img {
border: 2px solid #008000;
padding: 7.5px;
width: 60px;
height: 60px;
max-height: 60px;
margin-bottom: 15px;
border-radius: 999px; }
.cusFooter .fPolicy .fPolicy-wrap .fPolicy-wrap-item > div {
width: 100%; }
.cusFooter .newletters {
padding: 30px 0; }
@media (max-width: 767px) {
.cusFooter .newletters {
padding: 15px 0; } }
.cusFooter .newletters .newletters-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
.cusFooter .newletters .newletters-wrap h2 {
font-size: 2rem;
margin-bottom: 0; }
@media (max-width: 1200px) {
.cusFooter .newletters .newletters-wrap h2 {
font-size: 1.7rem; } }
@media (max-width: 1024px) {
.cusFooter .newletters .newletters-wrap h2 {
font-size: 1.6rem; } }
@media (max-width: 991px) {
.cusFooter .newletters .newletters-wrap h2 {
font-size: 1.5rem; } }
@media (max-width: 767px) {
.cusFooter .newletters .newletters-wrap h2 {
font-size: 1.4rem; } }
@media (max-width: 480px) {
.cusFooter .newletters .newletters-wrap h2 {
font-size: 1.3rem; } }
@media (max-width: 360px) {
.cusFooter .newletters .newletters-wrap h2 {
font-size: 1.2rem; } }
@media (max-width: 767px) {
.cusFooter .newletters .newletters-wrap h2 {
margin-bottom: 15px; } }
.cusFooter .newletters .newletters-wrap form {
margin: 0;
margin-left: 30px; }
@media (max-width: 767px) {
.cusFooter .newletters .newletters-wrap form {
margin-left: 0; } }
.cusFooter .newletters .newletters-wrap form input {
border-radius: 999px;
min-width: 300px; }
.cusFooter .newletters .newletters-wrap form button {
border-radius: 999px;
background: #000; }
.cusFooter .cusFooter-wrap {
padding: 30px 0;
padding-bottom: 0;
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: start; }
@media (max-width: 767px) {
.cusFooter .cusFooter-wrap {
padding: 15px 0; } }
.cusFooter .cusFooter-wrap h4 {
font-weight: bold;
font-size: 1.5rem;
margin-bottom: 15px; }
.cusFooter .cusFooter-wrap .cusFooter-left {
width: 75%;
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: start;
margin-left: -10px;
margin-right: -10px; }
@media (max-width: 767px) {
.cusFooter .cusFooter-wrap .cusFooter-left {
margin-left: -5px;
margin-right: -5px; } }
@media (max-width: 767px) {
.cusFooter .cusFooter-wrap .cusFooter-left {
width: 100%; } }
.cusFooter .cusFooter-wrap .cusFooter-left .cusFooter-left-item {
margin-bottom: 30px;
padding-left: 10px;
padding-right: 10px; }
@media (max-width: 767px) {
.cusFooter .cusFooter-wrap .cusFooter-left .cusFooter-left-item {
padding-left: 5px;
padding-right: 5px; } }
.cusFooter .cusFooter-wrap .cusFooter-left .cusFooter-left-item.one {
width: calc(100%/3); }
.cusFooter .cusFooter-wrap .cusFooter-left .cusFooter-left-item.two {
width: calc(100%/3); }
.cusFooter .cusFooter-wrap .cusFooter-left .cusFooter-left-item.three {
width: calc(100%/3); }
.cusFooter .cusFooter-wrap .cusFooter-left .cusFooter-left-item.four {
width: calc(100%/2); }
.cusFooter .cusFooter-wrap .cusFooter-left .cusFooter-left-item.four > a {
margin-bottom: 10px;
display: block; }
.cusFooter .cusFooter-wrap .cusFooter-left .cusFooter-left-item.five {
width: calc(100%/2); }
.cusFooter .cusFooter-wrap .cusFooter-left .cusFooter-left-item img {
max-width: 200px; }
@media (max-width: 480px) {
.cusFooter .cusFooter-wrap .cusFooter-left .cusFooter-left-item img {
max-width: 180px; } }
@media (max-width: 360px) {
.cusFooter .cusFooter-wrap .cusFooter-left .cusFooter-left-item img {
max-width: 160px; } }
@media (max-width: 767px) {
.cusFooter .cusFooter-wrap .cusFooter-left .cusFooter-left-item {
width: 100% !important;
margin-bottom: 15px; } }
.cusFooter .cusFooter-wrap .cusFooter-right {
width: 25%; }
@media (max-width: 767px) {
.cusFooter .cusFooter-wrap .cusFooter-right {
width: 100%; } }
.cusFooter .cusFooter-wrap .cusFooter-right .cusFooter-right-item {
margin-bottom: 15px; }
.cusFooter .cusFooter-wrap .cusFooter-right .cusFooter-right-item.social li {
margin-right: 20px;
margin-bottom: 20px; }
.cusFooter .cusFooter-wrap .cusFooter-right .cusFooter-right-item.social li a {
display: block; }
.cusFooter .cusFooter-wrap .cusFooter-right .cusFooter-right-item.social li a img {
max-height: 20px; }
.cusFooter .cusFooter-wrap .cusFooter-right .cusFooter-right-item ul {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: start; }
.cusFooter .cusFooter-wrap .cusFooter-right .cusFooter-right-item ul li {
margin-right: 10px;
margin-bottom: 10px; }
.cusFooter .cusFooter-wrap .cusFooter-right .cusFooter-right-item ul li a {
display: block; }
.cusFooter .cusFooter-wrap .cusFooter-right .cusFooter-right-item ul li a img {
max-height: 35px; }
.article-item {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px; }
@media (max-width: 767px) {
.article-item {
padding-left: 5px;
padding-right: 5px; } }
.article-item:hover .article-item-left a img {
transform: scale(1.1); }
.article-item .article-item-left a {
display: block;
margin-bottom: 10px;
overflow: hidden; }
.article-item .article-item-left a img {
transition: all .5s; }
.article-item h3 {
font-size: 1.15rem;
font-weight: bold;
height: 56px;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box; }
.article-item h3:hover a {
color: #008000; }
.article-item time {
opacity: .75;
font-size: 14px;
font-weight: 500; }
.small .article-item {
display: flex;
flex-wrap: wrap; }
.small .article-item .article-item-left {
width: 30%; }
.small .article-item .article-item-left a {
margin: 0; }
.small .article-item .article-item-right {
width: 70%;
padding-left: 25px; }
.proLoop {
margin-bottom: 25px;
padding-left: 10px;
padding-right: 10px; }
@media (max-width: 767px) {
.proLoop {
padding-left: 5px;
padding-right: 5px; } }
@media (min-width: 992px) {
.proLoop:hover .proWrap .productImg .productImgLink picture:nth-of-type(2) {
opacity: 1;
visibility: visible; }
.proLoop:hover .proWrap .productImg .productImgLink picture:nth-of-type(1) {
opacity: 0;
visibility: hidden; } }
.proLoop .proWrap .productImg {
position: relative;
overflow: hidden; }
.proLoop .proWrap .productImg > button {
position: absolute;
top: 5px;
right: 5px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
border-radius: 10px;
color: #333;
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
line-height: 35px;
text-align: center;
text-transform: uppercase;
font-size: 12px;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 1.25rem;
border-radius: 50%; }
.proLoop .proWrap .productImg > button:hover {
color: #FF0000; }
.proLoop .proWrap .productImg .productOut, .proLoop .proWrap .productImg .productLabelTags {
position: absolute;
top: 10px;
left: 10px;
background: #008000;
padding: 2px 7.5px;
font-size: 12px;
color: white;
border-radius: 4px;
z-index: 5; }
.proLoop .proWrap .productImg .productSale {
position: absolute;
top: 10px;
left: 10px;
background: #FF0000;
text-align: center;
width: 40px;
height: 20px;
font-size: 14px;
color: white;
z-index: 5;
line-height: 20px; }
.proLoop .proWrap .productImg .productLabelTags {
left: 10px;
right: initial; }
.proLoop .proWrap .productImg .productOut {
background: #999; }
.proLoop .proWrap .productImg .productImgLink {
display: flex;
justify-content: center;
padding-bottom: 100%;
position: relative;
overflow: hidden; }
.proLoop .proWrap .productImg .productImgLink picture {
position: absolute;
inset: 1px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.5s; }
.proLoop .proWrap .productImg .productImgLink picture:nth-of-type(2) {
opacity: 0;
visibility: hidden; }
.proLoop .proWrap .productInfo {
/*.productAction{
text-align: center;
button{
background: #fff;
border: 1px solid #333;
border-radius: 999px;
padding: 2.5px 25px;
transition: all .5s;
color: #333;
@media(max-width: 767px){ padding: 0 25px; }
&:hover{
background: $mainColor;
color: #FFF;
border: 1px solid $mainColor;
}
}
}*/ }
@media (max-width: 767px) {
.proLoop .proWrap .productInfo {
background: none;
padding: 10px; } }
@media (max-width: 767px) {
.proLoop .proWrap .productInfo {
padding: 5px; } }
.proLoop .proWrap .productInfo .productName {
margin: 10px 0 5px;
font-size: 16px;
font-weight: 500; }
@media (max-width: 1200px) {
.proLoop .proWrap .productInfo .productName {
font-size: 14px; } }
.proLoop .proWrap .productInfo .productName:hover a {
color: #008000; }
.proLoop .proWrap .productInfo .productName a {
transition: all .5s;
color: #333;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
transition: all 0.25s;
line-height: 1.4;
height: calc(1em* 1.4* 2); }
.proLoop .proWrap .productInfo .productPrice {
color: #008000;
font-weight: bold;
font-size: 15px;
margin: 5px 0;
white-space: nowrap;
display: flex;
justify-content: space-between;
align-items: center; }
@media (max-width: 480px) {
.proLoop .proWrap .productInfo .productPrice {
font-size: 13px; } }
@media (max-width: 360px) {
.proLoop .proWrap .productInfo .productPrice {
white-space: initial;
font-size: 12px; } }
.proLoop .proWrap .productInfo .productPrice del {
font-weight: 300;
color: #aaa;
/*display: none;*/
font-size: 13px; }
@media (max-width: 480px) {
.proLoop .proWrap .productInfo .productPrice del {
font-size: 12px; } }
@media (max-width: 360px) {
.proLoop .proWrap .productInfo .productPrice del {
font-size: 9px; } }
.proLoop .proWrap .productInfo .productPrice p {
margin: 0; }
.proLoop .proWrap .productInfo .productReview {
display: flex;
align-items: center;
margin: 5px 0;
justify-content: space-between; }
@media (max-width: 480px) {
.proLoop .proWrap .productInfo .productReview {
font-size: .8rem; } }
@media (max-width: 360px) {
.proLoop .proWrap .productInfo .productReview {
font-size: .7rem; } }
@media (max-width: 480px) {
.proLoop .proWrap .productInfo .productReview .starbap-prev-badge span {
display: inline-block;
margin-left: 5px; } }
@media (max-width: 480px) {
.proLoop .proWrap .productInfo .productReview .starbap-prev-badge span {
margin-left: 2.5px; } }
.proLoop .proWrap .productInfo .productReview > div:last-child img {
width: 20px;
height: 20px; }
.proLoop .proWrap .productInfo .productReview .starbap-prev-badgetext {
margin-left: 5px; }
.proLoop .proWrap .productInfo .productReview .starbap-prev-badgetext:before {
content: '('; }
.proLoop .proWrap .productInfo .productReview .starbap-prev-badgetext:after {
content: ')'; }
@media (max-width: 480px) {
.proLoop .proWrap .productInfo .productReview .starbap-prev-badgetext {
margin: 0; } }
.product-loop-action {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
margin-top: 10px;
min-height: 41px; }
@media (max-width: 1024px) {
.product-loop-action {
flex-direction: column;
align-items: flex-start;
gap: 5px; } }
@media (max-width: 1024px) {
.product-loop-action > div {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center; } }
.product-loop-action > div del {
font-style: normal;
font-weight: bold;
font-size: .85rem;
line-height: 14px;
display: block;
height: 15px;
color: #000; }
@media (max-width: 1024px) {
.product-loop-action > div del {
order: 2; } }
.product-loop-action > div span {
font-weight: bold;
font-size: 1.40rem;
line-height: 21px;
color: #F30;
display: block;
margin-top: 5px; }
@media (max-width: 1450px) {
.product-loop-action > div span {
font-size: 1.35rem; } }
@media (max-width: 1200px) {
.product-loop-action > div span {
font-size: 1.30rem; } }
@media (max-width: 1024px) {
.product-loop-action > div span {
font-size: 1.25rem;
margin-top: 0;
order: 1; } }
@media (max-width: 991px) {
.product-loop-action > div span {
font-size: 1.20rem; } }
@media (max-width: 767px) {
.product-loop-action > div span {
font-size: 1.15rem; } }
@media (max-width: 480px) {
.product-loop-action > div span {
font-size: 1.10rem; } }
@media (max-width: 360px) {
.product-loop-action > div span {
font-size: 1.05rem; } }
.product-loop-action > div span desk {
display: none; }
.pWishlist {
padding: 25px 0; }
.pWishlist h1 {
font-size: 2rem;
text-align: center;
margin-bottom: 25px; }
@media (max-width: 1200px) {
.pWishlist h1 {
font-size: 1.7rem; } }
@media (max-width: 1024px) {
.pWishlist h1 {
font-size: 1.6rem; } }
@media (max-width: 991px) {
.pWishlist h1 {
font-size: 1.5rem; } }
@media (max-width: 767px) {
.pWishlist h1 {
font-size: 1.4rem; } }
@media (max-width: 480px) {
.pWishlist h1 {
font-size: 1.3rem; } }
@media (max-width: 360px) {
.pWishlist h1 {
font-size: 1.2rem; } }
.pWishlist .pWishlist-main {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: start;
margin-left: -10px;
margin-right: -10px; }
@media (max-width: 767px) {
.pWishlist .pWishlist-main {
margin-left: -5px;
margin-right: -5px; } }
.pWishlist .pWishlist-main .proLoop {
width: calc(100%/5); }
@media (max-width: 767px) {
.pWishlist .pWishlist-main .proLoop {
width: calc(100%/2); } }
.pWishlist .pWishlist-main .proLoop .proWrap {
border: none; }
.setWishlist.active {
border: 1px solid #FF0000 !important;
background: #FF0000 !important; }
.setWishlist.active i {
color: #fff; }
.starbap-prev-badge[data-number-of-reviews="0"][data-average-rating="0"] .starbap-star.starbap--off > i.fa.fa-star:before {
content: "\f005" !important; }
.starbap-prev-badge[data-number-of-reviews="0"][data-average-rating="0"] .starbap-prev-badgetext {
display: none !important; }
.popOne {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999; }
.popOne .popOne-overplay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: rgba(0, 0, 0, 0.5); }
.popOne .popOne-wrap {
position: absolute;
top: 50%;
left: 50%;
z-index: 11;
transform: translate(-50%, -50%);
background-image: url(https://file.hstatic.net/1000129940/file/asset_5_6x_b14c6404356041e49a552849b8616f06.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 100% 100%;
height: 560px;
width: 500px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
@media (max-width: 767px) {
.popOne .popOne-wrap {
width: 375px;
height: 420px; } }
.popOne .popOne-wrap .popOne-content {
padding: 110px 50px 0 185px; }
@media (max-width: 767px) {
.popOne .popOne-wrap .popOne-content {
padding: 60px 30px 0 135px; } }
.popOne .popOne-wrap .popOne-content h2 {
text-align: center;
font-size: 1.5rem;
color: #fff;
text-transform: uppercase; }
@media (max-width: 767px) {
.popOne .popOne-wrap .popOne-content h2 {
font-size: 1.25rem; } }
.popOne .popOne-wrap .popOne-content form {
margin-top: 50px;
text-align: center; }
@media (max-width: 767px) {
.popOne .popOne-wrap .popOne-content form {
margin-top: 25px; } }
.popOne .popOne-wrap .popOne-content form input, .popOne .popOne-wrap .popOne-content form textarea {
height: 35px;
margin-bottom: 10px;
width: 100%;
border: 1px solid #dbdbdb;
padding: 5px 15px;
border-radius: 10px; }
@media (max-width: 767px) {
.popOne .popOne-wrap .popOne-content form input, .popOne .popOne-wrap .popOne-content form textarea {
height: 25px;
padding: 2.5px 10px;
margin-bottom: 5px; } }
.popOne .popOne-wrap .popOne-content form textarea {
min-height: 75px; }
@media (max-width: 767px) {
.popOne .popOne-wrap .popOne-content form textarea {
min-height: 25px; } }
.popOne .popOne-wrap .popOne-content form p {
text-align: left;
margin-bottom: 20px;
font-size: 1rem; }
.popOne .popOne-wrap .popOne-content form button {
background-image: url(https://file.hstatic.net/1000129940/file/asset_1_6x_9ae6e95126d640179986152cbaefb5a2.png);
background-size: 100% 100%;
background-position: 100% 100%;
background-repeat: no-repeat;
border: none;
width: 125px;
height: 30px;
color: #fff; }
.popTwo {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999; }
.popTwo .popTwo-overplay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: rgba(0, 0, 0, 0.5); }
.popTwo .popTwo-wrap {
position: absolute;
top: 50%;
left: 50%;
z-index: 11;
transform: translate(-50%, -50%);
background-image: url(https://file.hstatic.net/1000129940/file/asset_111_6x_6fb87dc6a03d4abe9acf24aa2016b48a.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 100% 100%;
height: 550px;
width: 600px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
@media (min-width: 767px) {
.popTwo .popTwo-wrap {
transform: translate(-50%, -50%) scale(1.25); } }
@media (max-width: 767px) {
.popTwo .popTwo-wrap {
transform: translate(-50%, -50%) scale(0.75); } }
.popTwo .popTwo-wrap .popTwo-content {
max-width: 70%;
margin: 0 auto; }
.popTwo .popTwo-wrap .popTwo-content h2 {
text-align: center;
font-size: 1.5rem;
color: #fff;
text-transform: uppercase;
position: absolute;
top: 37.5px;
left: 25px;
right: 0;
text-align: center;
font-size: 2rem;
font-weight: bold; }
.popTwo .popTwo-wrap .popTwo-content .popTwo-product {
text-align: center;
margin-top: 80px;
position: relative; }
.popTwo .popTwo-wrap .popTwo-content .popTwo-product img {
max-height: 120px; }
.popTwo .popTwo-wrap .popTwo-content .popTwo-product h3 {
font-size: 1.5rem;
margin: 10px 0;
height: 40px;
line-height: 20px;
font-weight: 500;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box; }
.popTwo .popTwo-wrap .popTwo-content .popTwo-product .popTwo-product-flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
.popTwo .popTwo-wrap .popTwo-content .popTwo-product .popTwo-product-flex .popTwo-product-countdown {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-right: 25px; }
.popTwo .popTwo-wrap .popTwo-content .popTwo-product .popTwo-product-flex .popTwo-product-countdown label {
margin-right: 15px; }
.popTwo .popTwo-wrap .popTwo-content .popTwo-product .popTwo-product-flex .popTwo-product-countdown .countdownLoop {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
.popTwo .popTwo-wrap .popTwo-content .popTwo-product .popTwo-product-flex .popTwo-product-countdown .countdownLoop span {
margin-right: 15px; }
.popTwo .popTwo-wrap .popTwo-content .popTwo-product .popTwo-product-flex .popTwo-product-countdown .countdownLoop span b {
display: block;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
border: 1px solid #ccc;
margin-bottom: 5px; }
.popTwo .popTwo-wrap .popTwo-content .popTwo-product .popTwo-product-flex .popTwo-product-countdown .countdownLoop span strong {
text-transform: uppercase; }
.popTwo .popTwo-wrap .popTwo-content .popTwo-product .popTwo-product-flex .popTwo-product-price {
text-align: left; }
.popTwo .popTwo-wrap .popTwo-content .popTwo-product .popTwo-product-flex .popTwo-product-price label {
text-transform: uppercase;
display: block;
margin-bottom: 0; }
.popTwo .popTwo-wrap .popTwo-content .popTwo-product .popTwo-product-flex .popTwo-product-price p {
margin: 0;
font-size: 2rem;
color: #017237;
line-height: 25px; }
.popTwo .popTwo-wrap .popTwo-content .popTwo-product .popTwo-product-flex .popTwo-product-price del {
color: #aaa;
margin-left: 5px; }
.popTwo .popTwo-wrap .popTwo-content form {
max-width: 50%;
margin: 35px auto 0;
text-align: center; }
.popTwo .popTwo-wrap .popTwo-content form input, .popTwo .popTwo-wrap .popTwo-content form textarea {
height: 35px;
margin-bottom: 10px;
width: 100%;
border: 1px solid #dbdbdb;
padding: 5px 15px;
border-radius: 10px; }
.popTwo .popTwo-wrap .popTwo-content form button {
background: transparent;
border: none;
width: 175px;
height: 30px;
color: #fff;
margin-top: 20px;
margin-right: 12.5px;
font-size: 1.15rem;
font-weight: bold;
text-align: center; }
.popThree {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999; }
.popThree .popThree-overplay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: rgba(0, 0, 0, 0.5); }
.popThree .popThree-wrap {
position: absolute;
top: 50%;
left: 50%;
z-index: 11;
transform: translate(-50%, -50%);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
@media (max-width: 767px) {
.popThree .popThree-wrap {
max-width: 95%;
width: 95%; } }
.popThree .popThree-wrap a {
display: block; }
.popFour {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999; }
.popFour .popFour-overplay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: rgba(0, 0, 0, 0.5); }
.popFour .popFour-wrap {
position: absolute;
top: 50%;
left: 50%;
z-index: 11;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 20px;
overflow: hidden;
max-width: 480px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch; }
@media (max-width: 767px) {
.popFour .popFour-wrap {
max-width: 95%;
width: 95%; } }
.popFour .popFour-wrap .popFour-left {
width: 50%;
padding: 25px 0 0px 25px; }
@media (max-width: 767px) {
.popFour .popFour-wrap .popFour-left {
width: 100%;
margin-bottom: 15px;
padding: 25px; } }
@media (max-width: 360px) {
.popFour .popFour-wrap .popFour-left {
padding: 0 20px; } }
.popFour .popFour-wrap .popFour-left h2 {
background-image: url(https://file.hstatic.net/1000129940/file/1_6x_c8e0ed85329c4a72afc3c0c4977934e3.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 100% 100%;
color: #fff;
text-align: left;
padding: 5px 0 0 25px;
text-transform: uppercase;
margin-left: -25px;
margin-bottom: 20px; }
@media (max-width: 480px) {
.popFour .popFour-wrap .popFour-left h2 {
font-size: 1.5rem; } }
.popFour .popFour-wrap .popFour-left form {
text-align: center; }
.popFour .popFour-wrap .popFour-left form#popFour-sheet {
display: none; }
@media (max-width: 767px) {
.popFour .popFour-wrap .popFour-left form {
margin-top: 25px; } }
.popFour .popFour-wrap .popFour-left form input, .popFour .popFour-wrap .popFour-left form textarea, .popFour .popFour-wrap .popFour-left form select {
height: 35px;
margin-bottom: 10px;
width: 100%;
border: 1px solid #dbdbdb;
padding: 5px 15px;
border-radius: 10px 0 0 10px; }
@media (max-width: 767px) {
.popFour .popFour-wrap .popFour-left form input, .popFour .popFour-wrap .popFour-left form textarea, .popFour .popFour-wrap .popFour-left form select {
margin-bottom: 10px; } }
.popFour .popFour-wrap .popFour-left form textarea {
margin-bottom: 5px; }
.popFour .popFour-wrap .popFour-left form p {
text-align: left;
margin-bottom: 20px;
font-size: 1rem; }
.popFour .popFour-wrap .popFour-left form button {
background-image: url(https://file.hstatic.net/1000129940/file/asset_1_6x_9ae6e95126d640179986152cbaefb5a2.png);
background-size: 100% 100%;
background-position: 100% 100%;
background-repeat: no-repeat;
border: none;
background-color: transparent;
width: 125px;
height: 30px;
color: #fff;
margin-bottom: 10px; }
@media (max-width: 767px) {
.popFour .popFour-wrap .popFour-left form button {
margin-top: 10px; } }
.popFour .popFour-wrap .popFour-right {
width: 50%;
padding-left: 15px; }
@media (max-width: 767px) {
.popFour .popFour-wrap .popFour-right {
display: none; } }
.popFour .popFour-wrap .popFour-right a {
display: block;
height: 100%; }
.popFour .popFour-wrap .popFour-right a img {
width: 100%;
height: 100%;
object-fit: cover; }
.popFive {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999; }
.popFive .popFive-overplay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: rgba(0, 0, 0, 0.5); }
.popFive .popFive-wrap {
position: absolute;
top: 50%;
left: 50%;
z-index: 11;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 30px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: start; }
@media (max-width: 767px) {
.popFive .popFive-wrap {
max-width: 95%;
width: 95%;
border-radius: 30px 0 0 30px; } }
.popFive .popFive-wrap .popFive-left {
width: 50%;
padding: 25px 0 0px 25px; }
@media (max-width: 767px) {
.popFive .popFive-wrap .popFive-left {
width: 100%;
margin-bottom: 15px;
padding: 25px; } }
.popFive .popFive-wrap .popFive-left h2 {
background-image: url(https://file.hstatic.net/1000129940/file/1_6x_c8e0ed85329c4a72afc3c0c4977934e3.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 100% 100%;
color: #fff;
text-align: left;
padding: 5px 0 0 25px;
text-transform: uppercase;
margin-left: -25px;
margin-bottom: 20px; }
.popFive .popFive-wrap .popFive-left h3 {
color: #45c30b;
font-weight: bold;
font-size: 1.25rem;
text-transform: uppercase; }
.popFive .popFive-wrap .popFive-left form {
text-align: center; }
@media (max-width: 767px) {
.popFive .popFive-wrap .popFive-left form {
margin-top: 25px; } }
.popFive .popFive-wrap .popFive-left form input, .popFive .popFive-wrap .popFive-left form textarea, .popFive .popFive-wrap .popFive-left form select {
height: 35px;
margin-bottom: 10px;
width: 100%;
border: 1px solid #dbdbdb;
padding: 5px 15px;
border-radius: 10px; }
.popFive .popFive-wrap .popFive-left form textarea {
margin-bottom: 5px; }
.popFive .popFive-wrap .popFive-left form p {
text-align: left;
margin-bottom: 20px;
font-size: 1rem; }
.popFive .popFive-wrap .popFive-left form button {
background-image: url(https://file.hstatic.net/1000129940/file/asset_1_6x_9ae6e95126d640179986152cbaefb5a2.png);
background-size: 100% 100%;
background-position: 100% 100%;
background-repeat: no-repeat;
border: none;
background-color: transparent;
width: 125px;
height: 30px;
color: #fff; }
@media (max-width: 767px) {
.popFive .popFive-wrap .popFive-left form button {
margin-top: 10px; } }
.popFive .popFive-wrap .popFive-right {
width: 50%;
padding-left: 15px; }
@media (max-width: 767px) {
.popFive .popFive-wrap .popFive-right {
display: none; } }
.popFive .popFive-wrap .popFive-right a {
display: block; }
.popFive .popFive-wrap .popFive-right a img {
width: 100%;
height: 100%;
object-fit: cover; }
.popSix {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999; }
.popSix .popSix-overplay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: rgba(0, 0, 0, 0.5); }
.popSix .popSix-wrap {
position: absolute;
top: 50%;
left: 50%;
z-index: 11;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 20px;
overflow: hidden;
max-width: 480px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch; }
@media (max-width: 767px) {
.popSix .popSix-wrap {
max-width: 95%;
width: 95%; } }
.popSix .popSix-wrap .popSix-left {
width: 50%;
padding: 25px 0 0px 25px; }
@media (max-width: 767px) {
.popSix .popSix-wrap .popSix-left {
width: 100%;
margin-bottom: 15px;
padding: 25px; } }
@media (max-width: 360px) {
.popSix .popSix-wrap .popSix-left {
padding: 0 20px; } }
.popSix .popSix-wrap .popSix-left h2 {
background-image: url(https://file.hstatic.net/1000129940/file/1_6x_c8e0ed85329c4a72afc3c0c4977934e3.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 100% 100%;
color: #fff;
text-align: left;
padding: 5px 0 0 25px;
text-transform: uppercase;
margin-left: -25px;
margin-bottom: 20px; }
@media (max-width: 480px) {
.popSix .popSix-wrap .popSix-left h2 {
font-size: 1.5rem; } }
.popSix .popSix-wrap .popSix-left form {
text-align: center; }
@media (max-width: 767px) {
.popSix .popSix-wrap .popSix-left form {
margin-top: 25px; } }
.popSix .popSix-wrap .popSix-left form#popSix-sheet {
display: none; }
.popSix .popSix-wrap .popSix-left form input, .popSix .popSix-wrap .popSix-left form textarea, .popSix .popSix-wrap .popSix-left form select {
height: 35px;
margin-bottom: 10px;
width: 100%;
border: 1px solid #dbdbdb;
padding: 5px 15px;
border-radius: 10px 0 0 10px; }
@media (max-width: 767px) {
.popSix .popSix-wrap .popSix-left form input, .popSix .popSix-wrap .popSix-left form textarea, .popSix .popSix-wrap .popSix-left form select {
margin-bottom: 10px; } }
.popSix .popSix-wrap .popSix-left form textarea {
margin-bottom: 5px; }
.popSix .popSix-wrap .popSix-left form p {
text-align: left;
margin-bottom: 20px;
font-size: 1rem; }
.popSix .popSix-wrap .popSix-left form button {
background-image: url(https://file.hstatic.net/1000129940/file/asset_1_6x_9ae6e95126d640179986152cbaefb5a2.png);
background-size: 100% 100%;
background-position: 100% 100%;
background-repeat: no-repeat;
border: none;
background-color: transparent;
width: 125px;
height: 30px;
color: #fff;
margin-bottom: 10px; }
@media (max-width: 767px) {
.popSix .popSix-wrap .popSix-left form button {
margin-top: 10px; } }
.popSix .popSix-wrap .popSix-right {
width: 50%;
padding-left: 15px; }
@media (max-width: 767px) {
.popSix .popSix-wrap .popSix-right {
display: none; } }
.popSix .popSix-wrap .popSix-right a {
height: 100%;
display: block; }
.popSix .popSix-wrap .popSix-right a img {
width: 100%;
height: 100%;
object-fit: cover; }
.popCus {
visibility: hidden;
opacity: 0;
transition: all .5s; }
.popCus.active {
visibility: visible;
opacity: 1;
transition: all .5s; }
input.dangerouss, select.dangerouss, textarea.dangerouss {
outline: red !important;
border: 1px solid red !important; }
.swal-overlay {
z-index: 10000000 !important; }
.cusFrame-1 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1; }
.cusFrame-1 img {
border-radius: 6px 6px 0 0; }
.footer .fPolicy {
padding: 30px 0; }
@media (max-width: 767px) {
.footer .fPolicy {
padding: 15px 0; } }
.footer .fPolicy .fPolicy-wrap .fPolicy-wrap-item {
flex-wrap: wrap;
justify-content: center;
text-align: center; }
@media (max-width: 480px) {
.footer .fPolicy .fPolicy-wrap .fPolicy-wrap-item {
min-width: 60%; } }
.footer .fPolicy .fPolicy-wrap .fPolicy-wrap-item img {
border: 2px solid #008000;
padding: 7.5px;
width: 60px;
height: 60px;
max-height: 60px;
margin-bottom: 15px;
border-radius: 999px; }
.footer .fPolicy .fPolicy-wrap .fPolicy-wrap-item > div {
width: 100%; }
.footer .newletters {
padding: 30px 0; }
@media (max-width: 767px) {
.footer .newletters {
padding: 15px 0; } }
.footer .newletters .newletters-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
.footer .newletters .newletters-wrap h2 {
margin-bottom: 0;
font-size: 1.5rem; }
@media (max-width: 1200px) {
.footer .newletters .newletters-wrap h2 {
font-size: 1.30rem; } }
@media (max-width: 1024px) {
.footer .newletters .newletters-wrap h2 {
font-size: 1.25rem; } }
@media (max-width: 991px) {
.footer .newletters .newletters-wrap h2 {
font-size: 1.20rem; } }
@media (max-width: 767px) {
.footer .newletters .newletters-wrap h2 {
font-size: 1.15rem; } }
@media (max-width: 480px) {
.footer .newletters .newletters-wrap h2 {
font-size: 1.10rem; } }
@media (max-width: 360px) {
.footer .newletters .newletters-wrap h2 {
font-size: 1.05rem; } }
@media (max-width: 767px) {
.footer .newletters .newletters-wrap h2 {
margin-bottom: 15px; } }
.footer .newletters .newletters-wrap form {
margin: 0;
margin-left: 30px; }
@media (max-width: 767px) {
.footer .newletters .newletters-wrap form {
margin-left: 0; } }
.footer .newletters .newletters-wrap form input {
border-radius: 999px;
min-width: 300px; }
.footer .newletters .newletters-wrap form button {
border-radius: 999px;
background: #000; }
.footer .footer-wrap {
background: #000;
padding: 15px 0; }
.footer .footer-wrap .footer-top {
display: flex;
flex-wrap: wrap; }
.footer .footer-wrap .footer-top .footer-top-item {
width: calc(100%/5);
padding: 0 10px; }
@media (max-width: 1024px) {
.footer .footer-wrap .footer-top .footer-top-item {
width: 50%;
margin-bottom: 10px;
padding: 0; } }
@media (max-width: 767px) {
.footer .footer-wrap .footer-top .footer-top-item {
width: 100%;
margin-bottom: 10px;
padding: 0; } }
.footer .footer-wrap .footer-top .footer-top-item:first-child ul:last-child {
display: flex; }
.footer .footer-wrap .footer-top .footer-top-item:first-child ul:last-child li {
margin-right: 15px; }
.footer .footer-wrap .footer-top .footer-top-item h4 {
color: #008000;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 20px;
font-size: 1.3rem; }
@media (max-width: 1200px) {
.footer .footer-wrap .footer-top .footer-top-item h4 {
font-size: 1.25rem; } }
@media (max-width: 1024px) {
.footer .footer-wrap .footer-top .footer-top-item h4 {
font-size: 1.20rem; } }
@media (max-width: 991px) {
.footer .footer-wrap .footer-top .footer-top-item h4 {
font-size: 1.15rem; } }
@media (max-width: 767px) {
.footer .footer-wrap .footer-top .footer-top-item h4 {
font-size: 1.10rem;
margin-bottom: 10px; } }
@media (max-width: 480px) {
.footer .footer-wrap .footer-top .footer-top-item h4 {
font-size: 1.05rem; } }
@media (max-width: 360px) {
.footer .footer-wrap .footer-top .footer-top-item h4 {
font-size: 1.00rem; } }
.footer .footer-wrap .footer-top .footer-top-item ul li {
padding: 5px 0; }
.footer .footer-wrap .footer-top .footer-top-item ul li a {
color: #fff;
font-size: 13px; }
.footer .footer-wrap .footer-top .footer-top-item > a {
display: inline-block; }
.footer .footer-wrap .footer-top .footer-top-item > a.dmca-badge {
margin-left: 10px; }
.footer .footer-wrap .footer-top .footer-top-item > a img {
max-width: 115px; }
.footer .footer-wrap .footer-bot {
display: flex;
flex-wrap: wrap;
align-items: center;
border-top: 1px solid #ccc;
margin-top: 15px;
padding-top: 15px; }
.footer .footer-wrap .footer-bot .footer-bot-item:nth-child(1) {
width: 20%;
padding: 0 10px; }
@media (max-width: 767px) {
.footer .footer-wrap .footer-bot .footer-bot-item:nth-child(1) {
width: 100%;
margin-bottom: 10px; } }
.footer .footer-wrap .footer-bot .footer-bot-item:nth-child(2) {
width: 30%;
padding: 0 10px; }
@media (max-width: 1200px) {
.footer .footer-wrap .footer-bot .footer-bot-item:nth-child(2) {
width: 100%;
margin-bottom: 10px; } }
.footer .footer-wrap .footer-bot .footer-bot-item:nth-child(2) div {
padding: 5px 0;
color: #fff; }
.footer .footer-wrap .footer-bot .footer-bot-item:nth-child(3) {
width: 40%;
padding: 0 10px; }
@media (max-width: 1200px) {
.footer .footer-wrap .footer-bot .footer-bot-item:nth-child(3) {
width: 100%; } }
.footer .footer-wrap .footer-bot .footer-bot-item:nth-child(3) div {
padding: 5px 0;
letter-spacing: 0.3px;
color: #fff; }
.footer .footer-wrap .footer-bot .footer-bot-item:nth-child(3) div:first-child {
display: flex;
justify-content: space-between; }
.popCus-content {
position: relative; }
.popCus-content button[data-type="popCus-close"] {
position: absolute;
top: 10px;
right: 0;
z-index: 9999999999;
cursor: pointer;
background: transparent;
border: none;
box-shadow: none;
outline: none;
color: #FFF;
font-size: 17px; }
.popCus-content.popOne-wrap button[data-type="popCus-close"] {
top: 30px;
right: -20px; }
.popCus-content.popTwo-content button[data-type="popCus-close"] {
top: 35px; }
.popCus-content.popFour-wrap button[data-type="popCus-close"], .popCus-content.popSix-wrap button[data-type="popCus-close"] {
top: 0px;
right: 10px;
color: #000; }
.superContent-collection {
margin-left: -10px;
margin-right: -10px; }
@media (max-width: 767px) {
.superContent-collection {
margin-left: -5px;
margin-right: -5px; } }
.superContent-collection .proLoop .proWrap {
border: none; }
.superContent-product {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-items: start;
border: 1px solid #DBDBDB;
margin: 25px 0;
padding: 20px 0;
transition: all .5s;
border-radius: 6px;
overflow: hidden; }
.superContent-product:hover {
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); }
.superContent-product .superContent-product-left {
width: 40%;
padding: 0 15px; }
@media (max-width: 767px) {
.superContent-product .superContent-product-left {
width: 100%; } }
.superContent-product .superContent-product-right {
width: 60%;
padding: 0 15px; }
@media (max-width: 767px) {
.superContent-product .superContent-product-right {
width: 100%; } }
.superContent-product .superContent-product-right .superContent-product-right-price {
color: #F30;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 15px; }
.superContent-product .superContent-product-right .superContent-product-right-price del {
color: #aaa;
font-size: 15px;
margin-right: 10px; }
.superContent-product .superContent-product-right .superContent-product-right-price p {
font-weight: bold;
font-size: 17px;
margin-bottom: 0; }
.superContent-product .superContent-product-right .superContent-product-right-des {
font-size: 13px; }
.superContent-product .superContent-product-right .superContent-product-right-more {
font-size: 1.25rem;
margin-left: 25px;
background: #45c30b;
border: 1px solid #45c30b;
color: #fff;
display: inline-block;
padding: 0px 25px;
border-radius: 999px;
min-width: 150px;
transition: all .5s;
text-align: center;
float: right; }
.fade {
transition: all .5s; }
#quickviewModal .modal-dialog .pProductQW .pProduct-top {
padding: 0 !important; }
@media (max-width: 767px) {
#quickviewModal .modal-dialog .pProductQW .pProduct-top .pProduct-top-left {
display: grid;
grid-template-columns: 30% 1fr;
gap: 10px; }
#quickviewModal .modal-dialog .pProductQW .pProduct-top .pProduct-top-left > * {
min-width: 0; } }
@media (max-width: 767px) {
#quickviewModal .modal-dialog .pProductQW .pProduct-top .pProduct-top-left .pProduct-top-left-featured {
padding: 0 !important; } }
@media (max-width: 991px) {
#quickviewModal .modal-dialog .pProductQW .pProduct-top .pProduct-top-left .pProduct-top-left-featured .slick-arrow {
display: none !important; } }
@media (max-width: 991px) {
#quickviewModal .modal-dialog .pProductQW .pProduct-top .pProduct-top-left .pProduct-top-left-featured img {
max-height: 125px;
object-fit: cover; } }
#quickviewModal .modal-dialog .pProductQW .pProduct-top .pProduct-top-left .mobile {
display: none; }
@media (max-width: 767px) {
#quickviewModal .modal-dialog .pProductQW .pProduct-top .pProduct-top-left .mobile {
display: block; } }
@media (max-width: 767px) {
#quickviewModal .modal-dialog .pProductQW .pProduct-top .pProduct-top-left .mobile .pProduct-title {
padding-right: 10px; } }
@media (max-width: 767px) {
#quickviewModal .modal-dialog .pProductQW .pProduct-top .pProduct-top-left .mobile .pProduct-top-center-info {
margin-bottom: 0; } }
@media (max-width: 767px) {
#quickviewModal .modal-dialog .pProductQW .pProduct-top .pProduct-top-left .mobile .pProduct-top-center-info li {
width: 100% !important;
padding-left: 0 !important; } }
@media (max-width: 767px) {
#quickviewModal .modal-dialog .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center {
margin-bottom: 0; } }
#quickviewModal .modal-dialog .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity input {
width: 45px !important;
border-radius: 0 !important; }
@media (max-width: 360px) {
#quickviewModal .modal-dialog .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button {
display: none !important; } }
#quickviewModal .modal-dialog .pProductQW .pProduct-top .pProduct-top-left-2 .desktop {
display: block; }
@media (max-width: 767px) {
#quickviewModal .modal-dialog .pProductQW .pProduct-top .pProduct-top-left-2 .desktop {
display: none; } }
@media (max-width: 767px) {
#quickviewModal .modal-dialog .closeModal {
top: 5px !important;
right: 5px !important; } }
.pProduct-top-left-share {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: 25px 0;
gap: 15px; }
@media (max-width: 480px) {
.pProduct-top-left-share {
margin: 20px 0; } }
@media (max-width: 360px) {
.pProduct-top-left-share {
margin: 15px 0; } }
.pProduct-top-left-share a {
display: block; }
.pProduct-top-left-share a img {
max-height: 30px;
border-radius: 5px; }
.pProduct .pProduct-title, .pProductQW .pProduct-title {
margin-bottom: 10px; }
@media (max-width: 991px) {
.pProduct .pProduct-title, .pProductQW .pProduct-title {
margin-bottom: 5px; } }
.pProduct .pProduct-title h1, .pProductQW .pProduct-title h1 {
font-weight: bold;
margin: 0;
font-size: 1.55rem; }
@media (max-width: 1200px) {
.pProduct .pProduct-title h1, .pProductQW .pProduct-title h1 {
font-size: 1.35rem; } }
@media (max-width: 1024px) {
.pProduct .pProduct-title h1, .pProductQW .pProduct-title h1 {
font-size: 1.30rem; } }
@media (max-width: 991px) {
.pProduct .pProduct-title h1, .pProductQW .pProduct-title h1 {
font-size: 1.25rem; } }
@media (max-width: 767px) {
.pProduct .pProduct-title h1, .pProductQW .pProduct-title h1 {
font-size: 1.20rem; } }
@media (max-width: 480px) {
.pProduct .pProduct-title h1, .pProductQW .pProduct-title h1 {
font-size: 1.15rem; } }
@media (max-width: 360px) {
.pProduct .pProduct-title h1, .pProductQW .pProduct-title h1 {
font-size: 1.10rem; } }
.pProduct .pProduct-top, .pProductQW .pProduct-top {
padding: 30px 0;
display: grid;
grid-template-columns: 30% 1fr;
gap: 25px; }
@media (max-width: 767px) {
.pProduct .pProduct-top, .pProductQW .pProduct-top {
padding: 15px 0; } }
@media (max-width: 767px) {
.pProduct .pProduct-top, .pProductQW .pProduct-top {
grid-template-columns: 1fr; } }
.pProduct .pProduct-top.hasSidebar, .pProductQW .pProduct-top.hasSidebar {
grid-template-columns: 45% 1fr; }
@media (max-width: 991px) {
.pProduct .pProduct-top.hasSidebar, .pProductQW .pProduct-top.hasSidebar {
grid-template-columns: 42.5% 1fr; } }
@media (max-width: 767px) {
.pProduct .pProduct-top.hasSidebar, .pProductQW .pProduct-top.hasSidebar {
grid-template-columns: 1fr; } }
.pProduct .pProduct-top > *, .pProductQW .pProduct-top > * {
min-width: 0; }
.pProduct .pProduct-top .pProduct-top-left .pProduct-top-left-featured, .pProductQW .pProduct-top .pProduct-top-left .pProduct-top-left-featured {
position: relative;
text-align: center; }
@media (max-width: 767px) {
.pProduct .pProduct-top .pProduct-top-left .pProduct-top-left-featured, .pProductQW .pProduct-top .pProduct-top-left .pProduct-top-left-featured {
padding: 0%;
text-align: center; } }
.pProduct .pProduct-top .pProduct-top-left .pProduct-top-left-featured > a, .pProductQW .pProduct-top .pProduct-top-left .pProduct-top-left-featured > a {
aspect-ratio: 1;
display: grid;
place-items: center; }
@media (max-width: 767px) {
.pProduct .pProduct-top .pProduct-top-left .pProduct-top-left-featured > a, .pProductQW .pProduct-top .pProduct-top-left .pProduct-top-left-featured > a {
max-width: 450px;
width: 100%;
margin: 0 auto; } }
.pProduct .pProduct-top .pProduct-top-left .pProduct-top-left-featured > a iframe, .pProductQW .pProduct-top .pProduct-top-left .pProduct-top-left-featured > a iframe {
width: 100%; }
.pProduct .pProduct-top .pProduct-top-left .pProduct-top-left-featured .cusFrame-1 img, .pProductQW .pProduct-top .pProduct-top-left .pProduct-top-left-featured .cusFrame-1 img {
width: 100%;
height: 100%; }
.pProduct .pProduct-top .pProduct-top-left .pProduct-top-left-thumb, .pProductQW .pProduct-top .pProduct-top-left .pProduct-top-left-thumb {
margin: 0 -5px; }
.pProduct .pProduct-top .pProduct-top-left .pProduct-top-left-thumb a, .pProductQW .pProduct-top .pProduct-top-left .pProduct-top-left-thumb a {
padding: 5px; }
.pProduct .pProduct-top .pProduct-top-center-info, .pProductQW .pProduct-top .pProduct-top-center-info {
width: 100%;
height: min-content;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 10px; }
@media (max-width: 1200px) {
.pProduct .pProduct-top .pProduct-top-center-info.marginMob, .pProductQW .pProduct-top .pProduct-top-center-info.marginMob {
margin-bottom: 0; } }
.pProduct .pProduct-top .pProduct-top-center-info li, .pProductQW .pProduct-top .pProduct-top-center-info li {
width: initial;
padding-right: 15px;
white-space: nowrap;
margin-right: 15px;
text-align: center;
font-weight: 500;
line-height: 15px; }
.pProduct .pProduct-top .pProduct-top-center-info li:last-child, .pProductQW .pProduct-top .pProduct-top-center-info li:last-child {
border: none;
display: flex;
align-items: center; }
@media (max-width: 1200px) {
.pProduct .pProduct-top .pProduct-top-center-info li, .pProductQW .pProduct-top .pProduct-top-center-info li {
width: 50% !important;
text-align: left;
margin-right: 0;
padding-right: 0;
margin: 5px 0;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box; } }
.pProduct .pProduct-top .pProduct-top-center-info li:first-child, .pProductQW .pProduct-top .pProduct-top-center-info li:first-child {
text-align: left; }
@media (max-width: 767px) {
.pProduct .pProduct-top .pProduct-top-center-info li.sku, .pProductQW .pProduct-top .pProduct-top-center-info li.sku {
border-right: none !important;
padding-left: 10px !important; } }
.pProduct .pProduct-top .pProduct-top-center-info li.sku span, .pProductQW .pProduct-top .pProduct-top-center-info li.sku span {
font-weight: bold; }
.pProduct .pProduct-top .pProduct-top-center-info li.vendor span a, .pProductQW .pProduct-top .pProduct-top-center-info li.vendor span a {
color: #008000;
font-weight: bold; }
@media (min-width: 767px) {
.pProduct .pProduct-top .pProduct-top-center-info li.barcode, .pProductQW .pProduct-top .pProduct-top-center-info li.barcode {
border-right: none !important; } }
.pProduct .pProduct-top .pProduct-top-center-info li.barcode span, .pProductQW .pProduct-top .pProduct-top-center-info li.barcode span {
margin-left: 5px; }
@media (max-width: 767px) {
.pProduct .pProduct-top .pProduct-top-center-info li.review, .pProductQW .pProduct-top .pProduct-top-center-info li.review {
border-right: none !important;
padding-left: 10px !important; } }
@media (max-width: 480px) {
.pProduct .pProduct-top .pProduct-top-center-info li.review .starbaprv-widget, .pProductQW .pProduct-top .pProduct-top-center-info li.review .starbaprv-widget {
font-size: .95rem; } }
@media (max-width: 360px) {
.pProduct .pProduct-top .pProduct-top-center-info li.review .starbaprv-widget, .pProductQW .pProduct-top .pProduct-top-center-info li.review .starbaprv-widget {
font-size: .85rem; } }
.pProduct .pProduct-top .pProduct-top-center-info li.review .starbaprv-widget .starbap-prev-badgetext, .pProductQW .pProduct-top .pProduct-top-center-info li.review .starbaprv-widget .starbap-prev-badgetext {
margin-left: 5px;
font-weight: bold; }
@media (max-width: 767px) {
.pProduct .pProduct-top .pProduct-top-center-info li.guarantee, .pProductQW .pProduct-top .pProduct-top-center-info li.guarantee {
border-right: none !important;
padding-left: 10px !important; } }
.pProduct .pProduct-top .pProduct-top-center-info li.guarantee a, .pProduct .pProduct-top .pProduct-top-center-info li.guarantee span, .pProductQW .pProduct-top .pProduct-top-center-info li.guarantee a, .pProductQW .pProduct-top .pProduct-top-center-info li.guarantee span {
color: #008000;
font-weight: bold;
margin-left: 5px; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center {
width: 70%;
padding-right: 25px; }
@media (max-width: 991px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center {
width: 100%;
margin-bottom: 15px;
padding: 0; } }
@media (max-width: 480px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center {
margin-bottom: 10px; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price {
margin: 0 0 10px; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-price-compare, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-price-compare {
font-weight: 500;
margin-bottom: 5px;
background: #F0F0F0;
padding: 5px 10px; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-price-compare del, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-price-compare del {
font-size: 20px;
margin-right: 10px;
font-weight: bold; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-price-current, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-price-current {
font-weight: 500;
padding: 5px 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-price-current > span, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-price-current > span {
color: #333; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-price-current > span:first-child, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-price-current > span:first-child {
color: #F30;
font-weight: bolder;
font-size: 25px;
line-height: 25px;
margin-right: 10px; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-flash, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-flash {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-left: auto; }
@media (max-width: 480px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-flash, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-flash {
margin-top: 5px; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-flash .countdownLoop span, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-flash .countdownLoop span {
background: #008000;
padding: 5px;
margin-right: 2.5px;
border-radius: 5px;
color: #fff;
font-weight: bolder; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-flash .countdownLoop span:first-child, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-flash .countdownLoop span:first-child {
margin-left: 5px; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-flash .countdownLoop span strong, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-price .pProduct-top-center-flash .countdownLoop span strong {
margin-top: 8px;
display: none; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity {
margin: 10px 0;
display: flex;
flex-wrap: wrap;
align-items: center; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity label, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity label {
margin: 0; }
@media (max-width: 480px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity label, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity label {
width: 100%;
margin-bottom: 5px; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity > div, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity > div {
display: flex;
padding: 0 10px; }
@media (max-width: 767px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity > div, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity > div {
padding-left: 0; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity > div button, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity > div button {
border: 1px solid #e8e8e8;
background: transparent;
width: 30px;
height: 30px;
font-weight: bold; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity > div button[data-type="minus"], .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity > div button[data-type="minus"] {
border-right: none;
border-radius: 5px 0 0 5px; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity > div button[data-type="plus"], .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity > div button[data-type="plus"] {
border-left: none;
border-radius: 0 5px 5px 0; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity > div input, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity > div input {
background: transparent;
border: 1px solid #e8e8e8;
border-left: none;
border-right: none;
height: 30px;
width: 50px;
text-align: center; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity > button[data-type="add-to-cart"], .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity > button[data-type="add-to-cart"] {
height: 30px;
line-height: 30px;
white-space: nowrap;
display: flex;
align-items: center;
border: 1px solid #e8e8e8;
background: transparent;
border-radius: 5px; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity > button[data-type="add-to-cart"] img, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-quantity > button[data-type="add-to-cart"] img {
max-width: 15px;
margin-right: 10px; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 8px;
position: relative;
margin: 10px 0; }
@media (max-width: 480px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action {
margin: 10px -5; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action.overTime button[data-type="price-contact"], .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action.overTime button[data-type="price-contact"] {
width: calc(100% - 160px); }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action.overTime button[data-type="check-out"], .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action.overTime button[data-type="check-out"] {
width: calc(100% - 160px); }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action.overTime button[data-type="installment"], .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action.overTime button[data-type="installment"] {
display: none; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button {
padding: 8px 16px;
text-align: center;
font-weight: bold;
width: 100%;
border-radius: 5px;
min-height: 36px; }
@media (max-width: 991px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button {
padding: 4px 8px; } }
@media (max-width: 480px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button {
border-radius: 0px; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button span, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button span {
display: block;
text-transform: uppercase; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button[data-type="check-out"], .pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button[data-type="price-contact"], .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button[data-type="check-out"], .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button[data-type="price-contact"] {
background: #e00;
border: 1px solid #e00;
color: #fff;
width: 30%; }
@media (max-width: 480px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button[data-type="check-out"], .pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button[data-type="price-contact"], .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button[data-type="check-out"], .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button[data-type="price-contact"] {
width: 100%; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button[data-type="installment"], .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button[data-type="installment"] {
background: linear-gradient(to right, #008000, #00a341);
border: 1px solid #F0F0F0;
color: #FFF;
width: calc(70% - 170px);
text-transform: uppercase;
font-weight: bold; }
@media (max-width: 480px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button[data-type="installment"], .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button[data-type="installment"] {
width: calc(100% - 160px); } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button[data-type="contact"], .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button[data-type="contact"] {
background: linear-gradient(-180deg, #00b2ff, #006aff);
border: 1px solid #F0F0F0;
color: #FFF;
width: 150px;
text-transform: uppercase;
font-weight: bold; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button[data-type="contact"] i, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action button[data-type="contact"] i {
margin-right: 10px; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action > a, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action > a {
position: absolute;
top: 10px;
right: 0; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action > a:first-of-type, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action > a:first-of-type {
right: 50px; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action > a img, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action > a img {
max-height: 34px; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
margin: 10px 0;
max-width: 90%; }
@media (max-width: 767px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut {
max-width: 100%; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main {
text-align: start;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main > *, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main > * {
min-width: 0; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main h2, .pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main h3, .pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main p, .pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main .forms-group-name, .pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main .forms-group-note, .pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main .forms-group-capcha, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main h2, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main h3, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main p, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main .forms-group-name, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main .forms-group-note, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main .forms-group-capcha {
grid-column: span 2; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main h2, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main h2 {
text-align: center;
font-size: 1.5rem;
background: transparent;
color: #333;
font-weight: bold;
text-transform: uppercase;
padding: 0;
margin-left: 0; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main h3, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main h3 {
display: none !important; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main p, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main p {
text-align: center; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main .forms-group-capcha input, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-action-soldOut form.forms-main .forms-group-capcha input {
max-width: 225px; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-note, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-note {
text-align: center; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-note a, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-note a {
color: #008000; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-payment, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-payment {
margin-top: 15px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-payment label, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-payment label {
margin: 0;
text-transform: uppercase; }
@media (max-width: 480px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-payment label, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-payment label {
width: 100%; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-payment a, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-payment a {
display: block;
padding-right: 5px; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-ps, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-ps {
background: #F0F0F0;
padding: 5px;
margin: 0 auto;
max-width: 80%;
text-align: center;
font-size: 10px; }
@media (max-width: 767px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-ps, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-ps {
max-width: 100%; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article {
border: 1px dashed #CCC;
padding: 5px 10px;
margin: 10px auto 0;
max-width: 80%;
font-size: 10px;
display: flex;
align-items: center; }
@media (max-width: 991px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article {
max-width: 100%; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article:hover p, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article:hover p {
color: #008000; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article img, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article img {
width: 40px; }
@media (max-width: 480px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article img, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article img {
width: 30px; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article p, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article p {
padding-left: 20px;
margin: 0;
width: calc(100% - 40px); }
@media (max-width: 480px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article p, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article p {
width: calc(100% - 30px); } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article p strong, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article p strong {
font-size: 16px;
font-weight: 500;
display: block; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article p span, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article p span {
padding-left: 10%; }
@media (max-width: 480px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article p span, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-center .pProduct-top-center-article p span {
padding: 0; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right {
width: 30%; }
@media (max-width: 991px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right {
width: 100%; } }
@media (max-width: 991px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 20px; }
@media (max-width: 991px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li {
width: 50%;
justify-content: center;
padding: 5px;
margin-top: 20px; } }
@media (max-width: 767px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li {
margin-bottom: 15px;
margin-top: 15px; } }
@media (max-width: 480px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li {
margin-bottom: 10px;
margin-top: 10px; } }
@media (max-width: 360px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li {
margin-bottom: 5px;
margin-top: 5px; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li > span, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li > span {
width: 35px; }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p {
width: calc(100% - 35px);
padding-left: 10px;
margin: 0; }
@media (max-width: 991px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p {
width: 100%;
text-align: center;
padding: 0;
margin-top: 10px; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p strong, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p strong {
display: block;
font-size: 17px;
font-weight: 500; }
@media (max-width: 991px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p strong, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p strong {
font-size: 15px; } }
@media (max-width: 767px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p strong, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p strong {
font-size: 14px; } }
@media (max-width: 480px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p strong, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p strong {
font-size: 13px; } }
@media (max-width: 360px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p strong, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p strong {
font-size: 12px; } }
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p span, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p span {
display: block;
font-size: 15px; }
@media (max-width: 991px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p span, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p span {
font-size: 13px; } }
@media (max-width: 767px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p span, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p span {
font-size: 12px; } }
@media (max-width: 480px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p span, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p span {
font-size: 11px; } }
@media (max-width: 360px) {
.pProduct .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p span, .pProductQW .pProduct-top .pProduct-top-left-2 .pProduct-top-right .pProduct-top-right-vendor ul li p span {
font-size: 10px; } }
.pProduct .pProduct-top .pProduct-top-left-2 .home-coupon, .pProductQW .pProduct-top .pProduct-top-left-2 .home-coupon {
padding: 0;
margin-bottom: 10px; }
.pProduct .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap, .pProductQW .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap {
margin: 0;
padding: 0;
flex-wrap: wrap;
overflow: hidden; }
.pProduct .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .slick-prev, .pProductQW .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .slick-prev {
left: -5px !important; }
.pProduct .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .slick-next, .pProductQW .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .slick-next {
right: -5px !important; }
.pProduct .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item, .pProductQW .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item {
min-width: auto !important;
margin-bottom: 0;
width: calc(100%/3);
padding: 0;
padding-right: 10px; }
.pProduct .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap, .pProductQW .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap {
padding: 5px;
background: #F1F1F1;
border: 1px solid #CCC;
border-radius: 3px; }
.pProduct .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap:before, .pProductQW .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap:before {
display: none; }
.pProduct .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-left, .pProductQW .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-left {
width: 25%; }
.pProduct .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-left span, .pProductQW .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-left span {
background: #CCC;
padding: 10px;
border-radius: 3px; }
.pProduct .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right, .pProductQW .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right {
width: 75%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between; }
.pProduct .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right h3, .pProductQW .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right h3 {
font-size: 0.9rem; }
.pProduct .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right p, .pProductQW .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right p {
font-size: 0.7rem;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box; }
.pProduct .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right button, .pProductQW .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right button {
font-size: .7rem;
line-height: .7rem; }
.pProduct .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right button[data-type="coupon-copy"], .pProductQW .pProduct-top .pProduct-top-left-2 .home-coupon .home-coupon-wrap .home-coupon-item .home-coupon-item-wrap .home-coupon-item-right button[data-type="coupon-copy"] {
background: #008000;
color: #fff;
border-color: #008000;
border-radius: 0; }
.pProduct .sProduct-seen, .pProductQW .sProduct-seen {
padding: 30px 0; }
@media (max-width: 767px) {
.pProduct .sProduct-seen, .pProductQW .sProduct-seen {
padding: 15px 0; } }
.pProduct .sProduct-seen h3, .pProductQW .sProduct-seen h3 {
font-size: 1.5rem;
margin-bottom: 30px;
font-weight: normal;
text-transform: uppercase; }
@media (max-width: 1200px) {
.pProduct .sProduct-seen h3, .pProductQW .sProduct-seen h3 {
font-size: 1.30rem; } }
@media (max-width: 1024px) {
.pProduct .sProduct-seen h3, .pProductQW .sProduct-seen h3 {
font-size: 1.25rem; } }
@media (max-width: 991px) {
.pProduct .sProduct-seen h3, .pProductQW .sProduct-seen h3 {
font-size: 1.20rem; } }
@media (max-width: 767px) {
.pProduct .sProduct-seen h3, .pProductQW .sProduct-seen h3 {
font-size: 1.15rem; } }
@media (max-width: 480px) {
.pProduct .sProduct-seen h3, .pProductQW .sProduct-seen h3 {
font-size: 1.10rem; } }
@media (max-width: 360px) {
.pProduct .sProduct-seen h3, .pProductQW .sProduct-seen h3 {
font-size: 1.05rem; } }
@media (max-width: 767px) {
.pProduct .sProduct-seen h3, .pProductQW .sProduct-seen h3 {
margin-bottom: 15px; } }
.pProduct .sProduct-seen .sProduct-seen-main, .pProductQW .sProduct-seen .sProduct-seen-main {
margin-left: -10px;
margin-right: -10px; }
@media (max-width: 767px) {
.pProduct .sProduct-seen .sProduct-seen-main, .pProductQW .sProduct-seen .sProduct-seen-main {
margin-left: -5px;
margin-right: -5px; } }
.pProduct .sProduct-seen .proWrap, .pProductQW .sProduct-seen .proWrap {
border: none; }
.pProduct .product__recommend_auto, .pProductQW .product__recommend_auto {
padding: 30px 0; }
@media (max-width: 767px) {
.pProduct .product__recommend_auto, .pProductQW .product__recommend_auto {
padding: 15px 0; } }
.pProduct .product__recommend_auto h3, .pProductQW .product__recommend_auto h3 {
font-size: 1.5rem;
margin-bottom: 30px;
font-weight: normal;
text-transform: uppercase; }
@media (max-width: 1200px) {
.pProduct .product__recommend_auto h3, .pProductQW .product__recommend_auto h3 {
font-size: 1.30rem; } }
@media (max-width: 1024px) {
.pProduct .product__recommend_auto h3, .pProductQW .product__recommend_auto h3 {
font-size: 1.25rem; } }
@media (max-width: 991px) {
.pProduct .product__recommend_auto h3, .pProductQW .product__recommend_auto h3 {
font-size: 1.20rem; } }
@media (max-width: 767px) {
.pProduct .product__recommend_auto h3, .pProductQW .product__recommend_auto h3 {
font-size: 1.15rem; } }
@media (max-width: 480px) {
.pProduct .product__recommend_auto h3, .pProductQW .product__recommend_auto h3 {
font-size: 1.10rem; } }
@media (max-width: 360px) {
.pProduct .product__recommend_auto h3, .pProductQW .product__recommend_auto h3 {
font-size: 1.05rem; } }
@media (max-width: 767px) {
.pProduct .product__recommend_auto h3, .pProductQW .product__recommend_auto h3 {
margin-bottom: 15px; } }
.pProduct .product__recommend_auto .product__recommend_auto_main, .pProductQW .product__recommend_auto .product__recommend_auto_main {
margin-left: -10px;
margin-right: -10px; }
@media (max-width: 767px) {
.pProduct .product__recommend_auto .product__recommend_auto_main, .pProductQW .product__recommend_auto .product__recommend_auto_main {
margin-left: -5px;
margin-right: -5px; } }
.pProduct .product__recommend_auto .proWrap, .pProductQW .product__recommend_auto .proWrap {
border: none; }
.pProduct .pProduct-bot, .pProductQW .pProduct-bot {
padding: 30px 0;
display: flex;
flex-wrap: wrap; }
@media (max-width: 767px) {
.pProduct .pProduct-bot, .pProductQW .pProduct-bot {
padding: 15px 0; } }
.pProduct .pProduct-bot .pProduct-bot-left, .pProductQW .pProduct-bot .pProduct-bot-left {
width: 65%; }
@media (max-width: 991px) {
.pProduct .pProduct-bot .pProduct-bot-left, .pProductQW .pProduct-bot .pProduct-bot-left {
width: 100%;
order: 2;
margin-top: 10px; } }
.pProduct .pProduct-bot .pProduct-bot-left > ul, .pProductQW .pProduct-bot .pProduct-bot-left > ul {
margin-bottom: 20px;
display: flex;
justify-content: flex-start; }
@media (max-width: 991px) {
.pProduct .pProduct-bot .pProduct-bot-left > ul, .pProductQW .pProduct-bot .pProduct-bot-left > ul {
justify-content: flex-start;
overflow-x: auto; } }
.pProduct .pProduct-bot .pProduct-bot-left > ul li, .pProductQW .pProduct-bot .pProduct-bot-left > ul li {
background: #ccc;
text-align: center;
padding: 5px 10px;
width: 24%;
font-weight: bold;
cursor: pointer;
opacity: 0.75;
margin-right: 15px;
text-transform: uppercase; }
.pProduct .pProduct-bot .pProduct-bot-left > ul li.active, .pProductQW .pProduct-bot .pProduct-bot-left > ul li.active {
opacity: 1;
background: #5aad33;
color: #FFF; }
@media (max-width: 991px) {
.pProduct .pProduct-bot .pProduct-bot-left > ul li, .pProductQW .pProduct-bot .pProduct-bot-left > ul li {
min-width: 70%;
margin-right: 10px; } }
.pProduct .pProduct-bot .pProduct-bot-left > div[data-type], .pProductQW .pProduct-bot .pProduct-bot-left > div[data-type] {
padding: 20px;
background: transparent;
border: 1px solid #CCC; }
@media (max-width: 767px) {
.pProduct .pProduct-bot .pProduct-bot-left > div[data-type], .pProductQW .pProduct-bot .pProduct-bot-left > div[data-type] {
padding: 10px; } }
.pProduct .pProduct-bot .pProduct-bot-left > div[data-type]:not([data-type="tab0"], [data-type="tab0"]), .pProductQW .pProduct-bot .pProduct-bot-left > div[data-type]:not([data-type="tab0"], [data-type="tab0"]) {
display: none; }
.pProduct .pProduct-bot .pProduct-bot-left > div[data-type] > div.active, .pProductQW .pProduct-bot .pProduct-bot-left > div[data-type] > div.active {
max-height: 100% !important; }
.pProduct .pProduct-bot .pProduct-bot-left > div[data-type] > a.readmore, .pProductQW .pProduct-bot .pProduct-bot-left > div[data-type] > a.readmore {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin: 15px;
color: #007bff; }
.pProduct .pProduct-bot .pProduct-bot-left > div[data-type] > a.readmore:hover, .pProductQW .pProduct-bot .pProduct-bot-left > div[data-type] > a.readmore:hover {
color: #008000; }
.pProduct .pProduct-bot .pProduct-bot-left > div[data-type] > a.readmore:hover:after, .pProductQW .pProduct-bot .pProduct-bot-left > div[data-type] > a.readmore:hover:after {
background: #008000; }
.pProduct .pProduct-bot .pProduct-bot-left > div[data-type] > a.readmore:after, .pProductQW .pProduct-bot .pProduct-bot-left > div[data-type] > a.readmore:after {
content: '';
clip-path: polygon(0 0, 100% 0%, 50% 100%);
background: #007bff;
width: 10px;
height: 5px;
display: block;
margin-left: 5px; }
@media (max-width: 767px) {
.pProduct .pProduct-bot .pProduct-bot-left .starbap-form__name-fieldset, .pProduct .pProduct-bot .pProduct-bot-left .starbap-form__email-fieldset, .pProduct .pProduct-bot .pProduct-bot-left .starbap-form__phone-fieldset, .pProductQW .pProduct-bot .pProduct-bot-left .starbap-form__name-fieldset, .pProductQW .pProduct-bot .pProduct-bot-left .starbap-form__email-fieldset, .pProductQW .pProduct-bot .pProduct-bot-left .starbap-form__phone-fieldset {
width: 100%; } }
@media (max-width: 480px) {
.pProduct .pProduct-bot .pProduct-bot-left .starbap-rev-widg, .pProductQW .pProduct-bot .pProduct-bot-left .starbap-rev-widg {
padding: 10px;
margin-top: 10px; }
.pProduct .pProduct-bot .pProduct-bot-left .starbap-rev-widg .starbap-rev-widg__header, .pProductQW .pProduct-bot .pProduct-bot-left .starbap-rev-widg .starbap-rev-widg__header {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.pProduct .pProduct-bot .pProduct-bot-left .starbap-rev-widg .starbap-rev-widg__header .starbap-rev-widg__summary, .pProductQW .pProduct-bot .pProduct-bot-left .starbap-rev-widg .starbap-rev-widg__header .starbap-rev-widg__summary {
width: 100%; }
.pProduct .pProduct-bot .pProduct-bot-left .starbap-rev-widg .starbap-rev-widg__header > a, .pProductQW .pProduct-bot .pProduct-bot-left .starbap-rev-widg .starbap-rev-widg__header > a {
margin: 10px 5px; }
.pProduct .pProduct-bot .pProduct-bot-left .starbap-rev-widg .starbap-rev-widg__header .starbap-histogram, .pProductQW .pProduct-bot .pProduct-bot-left .starbap-rev-widg .starbap-rev-widg__header .starbap-histogram {
border: none; } }
.pProduct .pProduct-bot .pProduct-bot-right, .pProductQW .pProduct-bot .pProduct-bot-right {
width: 35%;
padding-left: 25px;
position: sticky;
top: 65px;
height: min-content; }
@media (max-width: 991px) {
.pProduct .pProduct-bot .pProduct-bot-right, .pProductQW .pProduct-bot .pProduct-bot-right {
width: 100%;
height: auto;
position: relative;
top: initial;
padding-left: 0; } }
@media (max-width: 767px) {
.pProduct .pProduct-bot .pProduct-bot-right, .pProductQW .pProduct-bot .pProduct-bot-right {
display: none; } }
.pProduct .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap, .pProductQW .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap {
padding: 10px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }
.pProduct .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap:has(img[loading="lazy"], img[loading="lazy"]), .pProductQW .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap:has(img[loading="lazy"], img[loading="lazy"]) {
text-align: center; }
.pProduct .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-head, .pProductQW .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-head {
margin-bottom: 15px;
font-size: 1.5rem; }
@media (max-width: 1200px) {
.pProduct .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-head, .pProductQW .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-head {
font-size: 1.30rem; } }
@media (max-width: 1024px) {
.pProduct .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-head, .pProductQW .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-head {
font-size: 1.25rem; } }
@media (max-width: 991px) {
.pProduct .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-head, .pProductQW .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-head {
font-size: 1.20rem; } }
@media (max-width: 767px) {
.pProduct .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-head, .pProductQW .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-head {
font-size: 1.15rem; } }
@media (max-width: 480px) {
.pProduct .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-head, .pProductQW .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-head {
font-size: 1.10rem; } }
@media (max-width: 360px) {
.pProduct .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-head, .pProductQW .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-head {
font-size: 1.05rem; } }
.pProduct .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-data table, .pProductQW .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-data table {
border: none !important; }
.pProduct .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-data table tr, .pProductQW .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-data table tr {
border: none !important;
border-bottom: 1px solid #F4F4F4 !important; }
.pProduct .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-data table td, .pProductQW .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-data table td {
border: none !important; }
.pProduct .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-data table p, .pProductQW .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-data table p {
margin: 0; }
.pProduct .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-data .readMore-tab, .pProductQW .pProduct-bot .pProduct-bot-right .pProduct-bot-right-wrap .pProduct-bot-right-data .readMore-tab {
font-size: 1.15rem;
padding: 2px 10px;
background: linear-gradient(to right, #45c30b, #00a341);
border: 1px solid #45c30b;
color: #fff;
display: block;
text-align: center;
width: 100%;
transition: all .5s;
cursor: pointer;
margin-top: 25px; }
.pProduct .slick-slider:hover .slick-arrow, .pProductQW .slick-slider:hover .slick-arrow {
opacity: 1;
visibility: visible; }
.pProduct .slick-slider .slick-track, .pProductQW .slick-slider .slick-track {
margin-left: initial; }
.pProduct .slick-slider .slick-track div, .pProduct .slick-slider .slick-track a, .pProduct .slick-slider .slick-track a:focus, .pProduct .slick-slider .slick-track div:focus, .pProduct .slick-slider .slick-track article:focus, .pProduct .slick-slider .slick-track article, .pProductQW .slick-slider .slick-track div, .pProductQW .slick-slider .slick-track a, .pProductQW .slick-slider .slick-track a:focus, .pProductQW .slick-slider .slick-track div:focus, .pProductQW .slick-slider .slick-track article:focus, .pProductQW .slick-slider .slick-track article {
outline: 0 !important; }
.pProduct .slick-slider .slick-arrow, .pProductQW .slick-slider .slick-arrow {
position: absolute;
top: 50%;
background-color: transparent;
transform: translateY(-50%);
border: none;
font-size: 18px;
z-index: 1;
padding: 0;
color: #000;
opacity: 0;
visibility: hidden;
transition: all .5s; }
@media (max-width: 991px) {
.pProduct .slick-slider .slick-arrow, .pProductQW .slick-slider .slick-arrow {
opacity: 1;
visibility: visible; } }
.pProduct .slick-slider .slick-arrow:before, .pProductQW .slick-slider .slick-arrow:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ccc;
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
z-index: -1; }
.pProduct .slick-slider .slick-arrow:after, .pProductQW .slick-slider .slick-arrow:after {
content: '';
position: absolute;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
background: #fff;
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
z-index: -1; }
.pProduct .slick-slider .slick-arrow i, .pProductQW .slick-slider .slick-arrow i {
z-index: 2;
position: relative;
font-size: 1rem; }
.pProduct .slick-slider .slick-arrow.slick-prev, .pProductQW .slick-slider .slick-arrow.slick-prev {
padding-right: 10px;
padding-left: 5px;
left: 5px; }
.pProduct .slick-slider .slick-arrow.slick-prev:before, .pProductQW .slick-slider .slick-arrow.slick-prev:before {
transform: rotateY(180deg); }
.pProduct .slick-slider .slick-arrow.slick-prev:after, .pProductQW .slick-slider .slick-arrow.slick-prev:after {
transform: rotateY(180deg); }
.pProduct .slick-slider .slick-arrow.slick-next, .pProductQW .slick-slider .slick-arrow.slick-next {
right: 5px;
padding-right: 5px;
padding-left: 10px; }
.articleSidebar .articleSidebar-menu-cta {
position: fixed;
top: 25%;
left: 0;
transform: translateY(-50%);
z-index: 10;
padding: 7.5px;
border-radius: 0 5px 5px 0;
background: rgba(243, 243, 243, 0.95);
border: 1px solid rgba(51, 51, 51, 0.95);
opacity: 0;
visibility: hidden;
transform: translateX(-100%);
transition: all .5s; }
.articleSidebar .articleSidebar-menu-cta.active {
opacity: 1;
visibility: visible;
transform: none; }
.articleSidebar .articleSidebar-menu-cta img {
max-height: 20px; }
.articleSidebar .articleSidebar-menu-content {
position: fixed;
border-radius: 5px;
bottom: 0;
left: 0%;
z-index: 10;
padding: 10px;
border-radius: 5px;
background: rgba(243, 243, 243, 0.95);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
height: 69vh;
overflow-y: auto;
width: 320px;
opacity: 0;
visibility: hidden;
transform: translateX(-100%);
transition: all .5s; }
.articleSidebar .articleSidebar-menu-content.active {
opacity: 1;
visibility: visible;
transform: none; }
.articleSidebar .articleSidebar-menu-content .list-catalog {
margin: 15px 0; }
@media (max-width: 767px) {
.zalo-chat-widget {
bottom: 100px !important;
right: 15px !important;
left: initial !important; } }
.product__recommend {
margin: 20px 0;
padding: 20px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }
@media (max-width: 1024px) {
.product__recommend {
padding: 10px;
margin: 0; } }
.product__recommend_title {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 10px; }
@media (max-width: 991px) {
.product__recommend_title {
font-size: 19px; } }
@media (max-width: 767px) {
.product__recommend_title {
font-size: 18px; } }
@media (max-width: 480px) {
.product__recommend_title {
font-size: 17px; } }
.product__recommend_note {
margin-bottom: 20px;
color: #F30;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start; }
.product__recommend_note span {
margin-left: 5px; }
.product__recommend_note span strong {
font-weight: bolder;
font-size: 20px; }
.product__recommend__logo {
margin-bottom: 20px; }
.product__recommend__logo img {
max-height: 75px; }
.product__recommend_data {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start; }
.product__recommend_data_left {
width: 80%; }
@media (max-width: 1024px) {
.product__recommend_data_left {
width: 100%; } }
.product__recommend_data_left_wrap {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
margin: 0 -10px; }
.product__recommend_data_left_wrap .proLoop {
width: 16%;
position: relative;
margin: 0; }
@media (max-width: 1024px) {
.product__recommend_data_left_wrap .proLoop {
width: 50%; } }
.product__recommend_data_left_wrap .proLoop .proWrap {
border: none; }
.product__recommend_data_left_wrap .proLoop .productAction, .product__recommend_data_left_wrap .proLoop .starbap-prev-badgetext {
display: none; }
.product__recommend_data_left_wrap .proLoop:first-child input {
pointer-events: none;
opacity: .4; }
.product__recommend_data_left_wrap .product_loop_recommend_plus {
width: 4%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: -5%;
font-size: 25px;
font-weight: bolder; }
@media (max-width: 1024px) {
.product__recommend_data_left_wrap .product_loop_recommend_plus {
display: none; } }
.product__recommend_data_right {
width: 20%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
padding-left: 25px;
gap: 10px; }
@media (max-width: 1024px) {
.product__recommend_data_right {
width: 100%;
padding-left: 0; } }
@media (max-width: 480px) {
.product__recommend_data_right {
gap: 7.5px; } }
@media (max-width: 360px) {
.product__recommend_data_right {
gap: 5px; } }
.product__recommend_data_right label {
width: 100%;
text-align: left;
font-weight: normal;
font-size: 20px; }
@media (max-width: 480px) {
.product__recommend_data_right label {
margin: 0; } }
.product__recommend_data_right ul {
width: 100%;
margin: 0;
padding: 0;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #dbdbdb;
list-style: inherit; }
@media (max-width: 480px) {
.product__recommend_data_right ul {
margin-bottom: 5px;
padding-bottom: 12.5px; } }
@media (max-width: 360px) {
.product__recommend_data_right ul {
margin-bottom: 2.5px;
padding-bottom: 7.5px; } }
.product__recommend_data_right ul li {
margin-left: 20px;
list-style: inherit; }
.product__recommend_data_right strong {
width: 100%;
font-weight: 500; }
.product__recommend_data_right strong b {
color: #F30;
font-weight: bolder;
font-size: 25px;
display: block; }
.product__recommend_data_right del {
color: #aaa; }
.product__recommend_data_right span {
color: #F30; }
.product__recommend_data_right button {
width: 100%;
border: none;
background: none;
outline: 0;
box-shadow: none;
margin-bottom: 10px;
padding: 10px 20px;
font-weight: bold;
border-radius: 6px;
background: #008000;
border: 1px solid #008000;
color: #FFF; }
.product__recommend_data_right button span {
color: #FFF; }
.pProduct-top-center-swatch {
margin-bottom: 0px; }
.pProduct-top-center-swatch .product-sw-line, .pProduct-top-center-swatch .product-sw-lineQW {
margin-top: 10px; }
.pProduct-top-center-swatch .product-sw-line:not(:first-child, :first-child), .pProduct-top-center-swatch .product-sw-lineQW:not(:first-child, :first-child) {
margin-top: 0px; }
.pProduct-top-center-swatch .product-sw-line .product-sw-title, .pProduct-top-center-swatch .product-sw-line .product-sw-titleQW, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-title, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-titleQW {
font-weight: bold;
padding-bottom: 10px;
margin-right: 20px; }
.pProduct-top-center-swatch .product-sw-line .product-sw-select, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW {
display: flex;
flex-wrap: wrap; }
.pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-item, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-itemQW, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-item, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-itemQW, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-item, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-itemQW, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-item, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW {
margin-right: 15px;
margin-bottom: 10px;
overflow: hidden; }
.pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-item img, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-itemQW img, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-item img, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-itemQW img, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-item img, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-itemQW img, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-item img, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW img {
height: 30px;
margin-right: 10px; }
.pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-item .product-sw-select-item-span, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-item .product-sw-select-item-spanQW, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-itemQW .product-sw-select-item-span, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-itemQW .product-sw-select-item-spanQW, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-item .product-sw-select-item-span, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-item .product-sw-select-item-spanQW, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-itemQW .product-sw-select-item-span, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-itemQW .product-sw-select-item-spanQW, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-item .product-sw-select-item-span, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-item .product-sw-select-item-spanQW, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-itemQW .product-sw-select-item-span, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-itemQW .product-sw-select-item-spanQW, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-item .product-sw-select-item-span, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-item .product-sw-select-item-spanQW, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW .product-sw-select-item-span, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW .product-sw-select-item-spanQW {
display: flex;
color: #666;
border: 1px solid #e1e1e1;
height: 35px;
min-width: 40px;
margin: 0;
justify-content: center;
align-items: center;
padding: 2.5px 5px;
cursor: pointer;
font-size: 14px;
background-image: none !important;
border-radius: 5px; }
.pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-item .product-sw-select-item-span span, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-item .product-sw-select-item-spanQW span, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-itemQW .product-sw-select-item-span span, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-itemQW .product-sw-select-item-spanQW span, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-item .product-sw-select-item-span span, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-item .product-sw-select-item-spanQW span, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-itemQW .product-sw-select-item-span span, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-itemQW .product-sw-select-item-spanQW span, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-item .product-sw-select-item-span span, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-item .product-sw-select-item-spanQW span, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-itemQW .product-sw-select-item-span span, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-itemQW .product-sw-select-item-spanQW span, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-item .product-sw-select-item-span span, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-item .product-sw-select-item-spanQW span, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW .product-sw-select-item-span span, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW .product-sw-select-item-spanQW span {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
.pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-item input:not(.disabled, .disabled, .disabled, .disabled, .disabled, .disabled, .disabled, .disabled):checked + label, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-itemQW input:not(.disabled, .disabled, .disabled, .disabled, .disabled, .disabled, .disabled, .disabled):checked + label, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-item input:not(.disabled, .disabled, .disabled, .disabled, .disabled, .disabled, .disabled, .disabled):checked + label, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-itemQW input:not(.disabled, .disabled, .disabled, .disabled, .disabled, .disabled, .disabled, .disabled):checked + label, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-item input:not(.disabled, .disabled, .disabled, .disabled, .disabled, .disabled, .disabled, .disabled):checked + label, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-itemQW input:not(.disabled, .disabled, .disabled, .disabled, .disabled, .disabled, .disabled, .disabled):checked + label, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-item input:not(.disabled, .disabled, .disabled, .disabled, .disabled, .disabled, .disabled, .disabled):checked + label, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW input:not(.disabled, .disabled, .disabled, .disabled, .disabled, .disabled, .disabled, .disabled):checked + label {
background: #008000;
border-color: #008000;
font-weight: 700;
color: #FFF; }
.pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-item:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-itemQW:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-item:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-itemQW:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-item:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-itemQW:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-item:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label {
position: relative;
opacity: 0.5;
overflow: hidden; }
.pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-item:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label:after, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-itemQW:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label:after, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-item:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label:after, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-itemQW:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label:after, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-item:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label:after, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-itemQW:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label:after, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-item:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label:after, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #333;
transform: rotate(30deg) translateY(-50%);
top: 50%;
opacity: 0.75; }
.pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-item:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label:before, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-itemQW:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label:before, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-item:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label:before, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-itemQW:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label:before, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-item:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label:before, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-itemQW:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label:before, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-item:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label:before, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW:not(.sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color, .sw-color) input.soldOut + label:before {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #333;
transform: rotate(-30deg) translateY(-50%);
top: 50%;
opacity: 0.75; }
.pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-itemQW.sw-color, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-item.sw-color, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-itemQW.sw-color, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-item.sw-color, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-itemQW.sw-color, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-item.sw-color, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW.sw-color {
position: relative; }
.pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color input.soldOut + label, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-itemQW.sw-color input.soldOut + label, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-item.sw-color input.soldOut + label, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-itemQW.sw-color input.soldOut + label, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-item.sw-color input.soldOut + label, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-itemQW.sw-color input.soldOut + label, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-item.sw-color input.soldOut + label, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW.sw-color input.soldOut + label {
opacity: 0.5;
pointer-events: none;
overflow: hidden; }
.pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color input.soldOut + label span, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-itemQW.sw-color input.soldOut + label span, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-item.sw-color input.soldOut + label span, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-itemQW.sw-color input.soldOut + label span, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-item.sw-color input.soldOut + label span, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-itemQW.sw-color input.soldOut + label span, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-item.sw-color input.soldOut + label span, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW.sw-color input.soldOut + label span {
position: relative; }
.pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color input.soldOut + label span:after, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-itemQW.sw-color input.soldOut + label span:after, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-item.sw-color input.soldOut + label span:after, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-itemQW.sw-color input.soldOut + label span:after, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-item.sw-color input.soldOut + label span:after, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-itemQW.sw-color input.soldOut + label span:after, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-item.sw-color input.soldOut + label span:after, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW.sw-color input.soldOut + label span:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #333;
transform: rotate(30deg) translateY(-50%);
top: 50%; }
.pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color input.soldOut + label span:before, .pProduct-top-center-swatch .product-sw-line .product-sw-select .product-sw-select-itemQW.sw-color input.soldOut + label span:before, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-item.sw-color input.soldOut + label span:before, .pProduct-top-center-swatch .product-sw-line .product-sw-selectQW .product-sw-select-itemQW.sw-color input.soldOut + label span:before, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-item.sw-color input.soldOut + label span:before, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-select .product-sw-select-itemQW.sw-color input.soldOut + label span:before, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-item.sw-color input.soldOut + label span:before, .pProduct-top-center-swatch .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW.sw-color input.soldOut + label span:before {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #333;
transform: rotate(-30deg) translateY(-50%);
top: 50%; }
#startbap_product_reviews {
margin-top: 15px; }
.f1-bot-social {
position: fixed;
bottom: 15px;
left: 0;
z-index: 999; }
.f1-bot-social a {
display: block;
padding: 10px;
background: #008000;
margin: 10px;
border-radius: 999px; }
.f1-bot-social a img {
max-height: 20px; }
.back-to-top {
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
cursor: pointer;
visibility: hidden;
opacity: 0; }
@media (max-width: 767px) {
.back-to-top {
display: none; } }
.zalo-chat-widget {
right: 0 !important;
left: initial !important; }
@media (max-width: 767px) {
.f1-bot-social-mobile {
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: center;
box-shadow: 0 7px 36px rgba(16, 42, 67, 0.15);
background: #FFF;
z-index: 9999;
height: 65px; }
.f1-bot-social-mobile a {
display: block;
width: calc(100%/4);
padding: 10px 0 5px;
text-align: center; }
.f1-bot-social-mobile a img {
max-height: 25px; } }
@media (max-width: 767px) and (max-width: 360px) {
.f1-bot-social-mobile a img {
max-height: 20px; } }
@media (max-width: 767px) {
.f1-bot-social-mobile a span {
display: block;
margin-top: 5px; } }
@media (max-width: 767px) and (max-width: 360px) {
.f1-bot-social-mobile a span {
font-size: 11px; } }
@media (max-width: 767px) {
#cs-live-chat, .zalo-chat-widget {
display: none !important; }
#cs-live-chat.active, .zalo-chat-widget.active {
display: block !important; }
#cs-live-chat {
bottom: 70px !important;
right: -6px !important;
margin: 0 !important;
transform: scale(0.75); }
.zalo-chat-widget {
bottom: 140px !important;
right: 0 !important; } }
.pCart .pCart-wrap {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 20px; }
.pCart .pCart-wrap .pCart-wrap-left {
width: 70%;
position: sticky;
top: 15px;
height: min-content; }
@media (max-width: 991px) {
.pCart .pCart-wrap .pCart-wrap-left {
width: 100%;
position: relative;
top: initial;
height: initial; } }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main {
border: 1px solid #E7E7E7;
padding-bottom: 15px;
background: #FFF; }
@media (max-width: 991px) {
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main {
border: none;
background: none; } }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main > h2 {
margin: 0;
padding: 10px 15px;
border-bottom: 1px solid #E7E7E7;
font-size: 20px;
color: #008000;
font-weight: bold; }
@media (max-width: 767px) {
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main > h2 {
padding: 10px 0; } }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main > p {
padding: 15px;
font-size: 16px;
font-weight: 400;
margin-bottom: 0; }
@media (max-width: 767px) {
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main > p {
padding: 15px 0; } }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main > p span {
font-weight: bold; }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items {
margin: 0 15px;
max-width: 100%;
padding: 8px 10px;
border-radius: 8px;
border: 2px solid #E7E7E7; }
@media (max-width: 767px) {
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items {
margin: 0;
padding: 5px; } }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item {
position: relative;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 15px 10px; }
@media (max-width: 767px) {
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item {
padding: 15px 5px; } }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-image {
-ms-flex: 0 0 80px;
flex: 0 0 80px;
max-width: 80px;
padding: 0;
position: relative;
display: block; }
@media (max-width: 480px) {
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-image {
-ms-flex: 0 0 60px;
flex: 0 0 60px;
max-width: 60px; } }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-image a {
display: block; }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-image a img {
border: 1px solid #ededed; }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-image button {
background: none;
border: none;
outline: 0;
box-shadow: 0;
padding: 0;
position: absolute;
top: -7px;
left: -10px;
display: block;
background: #008000;
color: #fff;
font-size: 8px;
font-weight: 400;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
border-radius: 50%; }
@media (max-width: 767px) {
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-image button {
left: -5px; } }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-image button svg {
width: 10px;
height: 10px; }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-image button svg * {
fill: #FFF; }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-info {
flex: 1 1 auto;
max-width: 1 1 auto;
padding-left: 18px;
padding-right: 18px;
display: table-cell;
vertical-align: top; }
@media (max-width: 991px) {
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-info {
padding: 0 10px; } }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-info h3 {
font-size: 15px;
margin: 0px 0 2px;
font-weight: 500; }
@media (max-width: 991px) {
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-info h3 {
font-size: 13px; } }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-info h3 a {
white-space: initial;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box; }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-info p {
font-size: 12px;
color: #777;
font-weight: 500;
margin: 0; }
@media (max-width: 991px) {
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-info p {
font-size: 11px; } }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-info strong {
margin-top: 5px;
line-height: 1;
display: block;
color: #F30; }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-action {
text-align: right; }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-action strong {
color: #F30;
margin-bottom: 10px;
display: block; }
@media (max-width: 767px) {
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-action .dFlexs {
display: flex; } }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-action button {
float: left;
font-weight: 500;
font-size: 18px;
padding: 0;
height: 28px;
width: 28px;
text-align: center;
background: #ffffff;
color: #333;
border: 1px solid #f3f4f4;
border-radius: 4px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none; }
@media (max-width: 480px) {
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-action button {
width: 20px;
height: 20px;
line-height: 20px; } }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-action input {
float: left;
font-weight: 500;
font-size: 15px;
width: 36px;
height: 28px;
padding: 0;
background-color: #fff;
text-align: center;
outline: none;
border: 1px solid #f3f4f4;
margin: 0 3px;
border-radius: 4px;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
opacity: 1; }
@media (max-width: 480px) {
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-items .pCart-item .pCart-item-action input {
width: 30px;
height: 20px;
line-height: 20px;
font-size: 13px; } }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-note {
margin: 25px 15px 0; }
@media (max-width: 767px) {
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-note {
margin: 25px 0 0; } }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-note label {
display: block;
margin: 0px 0 10px;
font-weight: 600;
font-size: 14px; }
.pCart .pCart-wrap .pCart-wrap-left .pCart-wrap-left-main .pCart-wrap-left-note textarea {
padding: 10px 15px;
width: 100% !important;
height: 80px;
min-height: 80px;
max-width: 100%;
resize: auto;
border: 2px solid #008000;
outline: #008000;
border-radius: 4px;
box-shadow: none; }
.pCart .pCart-wrap .pCart-wrap-right {
width: 30%;
padding-left: 30px;
position: sticky;
top: 70px;
height: min-content; }
@media (max-width: 991px) {
.pCart .pCart-wrap .pCart-wrap-right {
width: 100%;
padding-left: 0;
position: relative;
top: initial;
height: initial; } }
.pCart .pCart-wrap .pCart-wrap-right .pCart-wrap-right-banner {
margin-top: 30px;
display: block; }
.pCart .pCart-wrap .pCart-wrap-right-main {
border: 1px solid #E7E7E7;
padding-bottom: 15px;
background: #FFF; }
@media (max-width: 767px) {
.pCart .pCart-wrap .pCart-wrap-right-main {
width: 100%;
border: none;
background: none;
margin-top: 15px; } }
.pCart .pCart-wrap .pCart-wrap-right-main > h2 {
margin: 0;
padding: 10px 15px;
border-bottom: 1px solid #E7E7E7;
font-size: 20px;
color: #008000;
font-weight: bold; }
@media (max-width: 991px) {
.pCart .pCart-wrap .pCart-wrap-right-main > h2 {
padding: 10px 0; } }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-total {
margin: 0 15px;
border-bottom: 1px solid #E7E7E7;
padding: 10px 0;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between; }
@media (max-width: 991px) {
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-total {
margin: 0; } }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-total > span {
font-size: 15px;
font-weight: bold; }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-total > div {
text-align: right;
font-size: 24px;
font-weight: 600;
color: #F30; }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-total > div span {
font-weight: 300;
font-size: 14px;
display: block; }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-more {
margin: 15px; }
@media (max-width: 991px) {
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-more {
margin: 15px 0; } }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-more li {
position: relative;
font-size: 14px;
margin-bottom: 4px;
padding-left: 15px;
font-weight: 400;
text-align: left; }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-more li:before {
content: "";
width: 4px;
height: 4px;
background: #999999;
left: 0;
opacity: 1;
position: absolute;
top: 8px;
border-radius: 50%; }
.pCart .pCart-wrap .pCart-wrap-right-main a[href="/checkout"] {
margin: 15px;
display: block;
width: calc(100% - 30px);
color: #000;
padding: 10px;
text-align: center;
text-transform: uppercase;
border: 2px solid #5DAC3C;
transition: all .5s;
font-weight: bold;
background: #008000;
color: #FFF;
font-size: 15px;
border-radius: 4px; }
@media (max-width: 991px) {
.pCart .pCart-wrap .pCart-wrap-right-main a[href="/checkout"] {
width: 100%;
margin: 0;
position: fixed;
bottom: 0;
left: 0;
border-radius: 0;
padding: 7.5px 10px;
z-index: 9; } }
.pCart .pCart-wrap .pCart-wrap-right-main a[href="/checkout"]:hover {
background: #FFF;
color: #008000; }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-info {
margin: 0 15px; }
@media (max-width: 991px) {
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-info {
margin: 0; } }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-info h3 {
padding: 0 0 15px;
font-size: 16px;
margin: 0;
border-bottom: 1px solid #E7E7E7; }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-info ul {
padding: 15px 0 0; }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-info ul li {
display: flex;
align-items: center;
padding: 10px 0; }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-info ul li img {
max-height: 15px;
margin-right: 10px; }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-info .invoice-block {
padding: 10px 0 0; }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-info .invoice-block .invoice-block-head {
display: flex;
align-items: center; }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-info .invoice-block .invoice-block-head label {
font-weight: normal;
cursor: pointer;
margin: 0; }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-info .invoice-block .invoice-block-body {
padding: 5px 0px;
padding-bottom: 10px;
display: none; }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-info .invoice-block .invoice-block-body .form-group {
margin-bottom: 7px; }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-info .invoice-block .invoice-block-body input.form-control::-webkit-outer-spin-button, .pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-info .invoice-block .invoice-block-body input.form-control::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-info .invoice-block .invoice-block-body .form-control {
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0px;
margin-bottom: 3px;
height: 30px;
font-size: 14px; }
.pCart .pCart-wrap .pCart-wrap-right-main .pCart-wrap-right-info .invoice-block .invoice-block-body label {
font-weight: normal;
margin-bottom: 1px;
font-size: 13px;
margin-top: 3px; }
.pCart .pCart-wrap .pCart-suggest {
border: 1px solid #E7E7E7;
margin-top: 30px;
background: #FFF; }
@media (max-width: 991px) {
.pCart .pCart-wrap .pCart-suggest {
border: none;
background: none;
margin-top: 0; } }
.pCart .pCart-wrap .pCart-suggest > h2 {
margin: 0;
padding: 10px 15px;
border-bottom: 1px solid #E7E7E7;
font-size: 20px;
color: #008000;
font-weight: bold; }
@media (max-width: 991px) {
.pCart .pCart-wrap .pCart-suggest > h2 {
padding: 10px 0; } }
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items {
padding: 15px;
margin-left: -10px;
margin-right: -10px; }
@media (max-width: 767px) {
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items {
margin-left: -5px;
margin-right: -5px; } }
@media (max-width: 991px) {
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items {
padding: 15px 0; } }
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider:hover .slick-arrow {
opacity: 1;
visibility: visible; }
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-track {
margin-left: initial; }
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-track div, .pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-track a, .pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-track a:focus, .pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-track div:focus, .pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-track article:focus, .pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-track article {
outline: 0 !important; }
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-arrow {
position: absolute;
top: 50%;
background-color: transparent;
transform: translateY(-50%);
border: none;
font-size: 20px;
z-index: 1;
padding: 0;
color: #000;
opacity: 0;
visibility: hidden;
transition: all .5s; }
@media (max-width: 991px) {
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-arrow {
opacity: 1;
visibility: visible; } }
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-arrow:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ccc;
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
z-index: -1; }
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-arrow:after {
content: '';
position: absolute;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
background: #fff;
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
z-index: -1; }
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-arrow i {
z-index: 2;
position: relative;
font-size: 1rem; }
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-arrow.slick-prev {
padding-right: 10px;
padding-left: 5px;
left: 15px; }
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-arrow.slick-prev:before {
transform: rotateY(180deg); }
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-arrow.slick-prev:after {
transform: rotateY(180deg); }
@media (max-width: 767px) {
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-arrow.slick-prev {
left: 5px; } }
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-arrow.slick-next {
right: 15px;
padding-right: 5px;
padding-left: 10px; }
@media (max-width: 767px) {
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items.slick-slider .slick-arrow.slick-next {
right: 5px; } }
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items .proLoop {
margin: 0; }
.pCart .pCart-wrap .pCart-suggest .pCart-suggest-items .proLoop .proWrap {
border: none; }
.zonephone {
margin: 15px; }
@media (max-width: 991px) {
.zonephone {
margin: 15px 0; } }
.zonephone .containerx {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: red; }
.zonephone .containerx input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
.zonephone .containerx input:checked ~ .checkmark {
background-color: #008000;
border: 2px solid #008000; }
.zonephone .containerx input:checked ~ .checkmark:after {
display: block; }
.zonephone .containerx:hover input ~ .checkmark {
background-color: #ccc; }
.zonephone .containerx .checkmark:after {
left: 5px;
top: 3px;
width: 5px;
height: 10px;
content: "\2714\fe0e";
font-size: 12px;
color: #fff; }
.zonephone .checkmark {
position: absolute;
top: 0;
left: 5px;
height: 23px;
width: 23px;
border-radius: 100%;
border: 2px solid #008000; }
.zonephone .checkmark:after {
content: "";
position: absolute;
display: none; }
.shareArticle .pProduct-top-left-share {
display: inline-flex;
margin-right: 20px;
gap: 10px; }
@media (max-width: 767px) {
.shareArticle .pProduct-top-left-share {
margin-right: 0;
gap: 10px;
width: 100%; } }
.shareArticle .pProduct-top-left-share a img {
max-height: 21.5px; }
.icon-chat-fixed {
position: fixed;
bottom: 30px;
right: 0;
z-index: 1;
display: block; }
@media (max-width: 767px) {
.icon-chat-fixed {
bottom: 130px;
display: none; }
.icon-chat-fixed.active {
display: block; } }
.icon-chat-fixed img {
max-width: 50px; }
.icon-chat-fixed.mess-fixed {
bottom: 90px; }
@media (max-width: 767px) {
.icon-chat-fixed.mess-fixed {
bottom: 180px; } }
.pProduct-top-right-itemZero, .pProduct-top-right-itemOne, .pProduct-top-right-itemTwo {
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 0.5rem;
margin-bottom: 1rem;
padding: 1rem;
text-align: right; }
.pProduct-top-right-itemZero .titleItem, .pProduct-top-right-itemOne .titleItem, .pProduct-top-right-itemTwo .titleItem {
color: #5aad33;
font-size: 12pt;
font-weight: 700;
margin-bottom: 0.5rem;
text-transform: uppercase;
text-align: left; }
.pProduct-top-right-itemZero .contentItem, .pProduct-top-right-itemOne .contentItem, .pProduct-top-right-itemTwo .contentItem {
text-align: left;
font-size: 11pt; }
@media (max-width: 767px) {
.pProduct-top-right-itemZero .contentItem, .pProduct-top-right-itemOne .contentItem, .pProduct-top-right-itemTwo .contentItem {
max-height: 25px;
overflow: hidden; } }
.pProduct-top-right-itemZero .contentItem.active, .pProduct-top-right-itemOne .contentItem.active, .pProduct-top-right-itemTwo .contentItem.active {
max-height: inherit; }
.pProduct-top-right-itemZero .contentItem > div, .pProduct-top-right-itemOne .contentItem > div, .pProduct-top-right-itemTwo .contentItem > div {
display: flex;
align-items: center;
margin-bottom: 0.35rem; }
.pProduct-top-right-itemZero .contentItem > div:hover, .pProduct-top-right-itemOne .contentItem > div:hover, .pProduct-top-right-itemTwo .contentItem > div:hover {
color: #5aad33; }
.pProduct-top-right-itemZero .contentItem > div:before, .pProduct-top-right-itemOne .contentItem > div:before, .pProduct-top-right-itemTwo .contentItem > div:before {
content: '\eb2b' !important;
font-family: 'LineIcons';
margin-right: 0.5rem;
font-size: 10px;
font-weight: bold; }
.pProduct-top-right-itemZero .pProduct-top-right-itemMore-btn, .pProduct-top-right-itemOne .pProduct-top-right-itemMore-btn, .pProduct-top-right-itemTwo .pProduct-top-right-itemMore-btn {
display: none;
border-radius: 0.125rem;
box-shadow: none;
box-shadow: none !important;
font-size: .85rem;
font-weight: bold;
height: 1.85rem;
margin: 0.5rem 0 0;
text-transform: uppercase; }
.pProduct-top-right-itemZero .pProduct-top-right-itemMore-btn i, .pProduct-top-right-itemOne .pProduct-top-right-itemMore-btn i, .pProduct-top-right-itemTwo .pProduct-top-right-itemMore-btn i {
font-size: 10px;
margin-left: 10px;
font-weight: bold; }
.pProduct-top-right-itemZero ul {
list-style: inherit;
margin-left: 20px; }
.pProduct-top-right-itemZero ul li {
list-style: inherit; }
.pProduct-top-center-short {
margin: 30px 0; }
@media (max-width: 991px) {
.pProduct-top-center-short {
margin: 20px 0; } }
@media (max-width: 480px) {
.pProduct-top-center-short {
margin: 10px 0;
text-align: right; } }
.pProduct-top-center-short .pProduct-top-center-short-data {
max-height: 145px;
overflow: hidden; }
@media (max-width: 480px) {
.pProduct-top-center-short .pProduct-top-center-short-data {
text-align: initial; } }
.pProduct-top-center-short .pProduct-top-center-short-data.active {
max-height: initial !important; }
.pProduct-top-center-short .pProduct-top-center-short-data ul {
list-style: none;
margin: 0;
padding: 0; }
.pProduct-top-center-short .pProduct-top-center-short-data ul li {
display: block;
margin-bottom: 0.5rem;
padding-left: 1.5rem;
position: relative;
width: 100%; }
.pProduct-top-center-short .pProduct-top-center-short-data ul li:before {
content: "";
background-image: url("https://file.hstatic.net/1000405253/file/check_ba7480f3971240c2b9fa438ee09956d1.png");
width: 14px;
height: 14px;
display: block;
top: 3.5px;
left: 0;
position: absolute;
background-size: contain;
background-repeat: no-repeat; }
.pProduct-top-center-short .pProduct-top-center-short-more {
background: var(--secondary);
border-radius: 0.125rem;
box-shadow: none;
box-shadow: none !important;
color: #fff !important;
font-size: .85rem;
font-weight: bold;
height: 1.85rem;
margin: 0.5rem 0 0;
text-transform: uppercase; }
.pProduct-top-center-short .pProduct-top-center-short-more i {
font-size: 10px;
margin-left: 10px;
font-weight: bold; }
#tuvanModal .modal-header, #tuvanModal2 .modal-header {
align-items: center;
background: #5aad33;
border: none;
border-radius: 0;
color: #fff;
display: flex;
min-height: 50px;
padding: 0 15px; }
#tuvanModal .modal-body .consult-form-close, #tuvanModal .modal-body .consult-form-submit, #tuvanModal2 .modal-body .consult-form-close, #tuvanModal2 .modal-body .consult-form-submit {
background: #5aad33;
border-radius: 2px;
box-shadow: none;
color: #ee0 !important;
display: inline-flex !important;
font-size: 14px;
font-weight: 500;
height: 36px;
line-height: 18px;
margin: 0;
padding: 8px 16px;
text-transform: uppercase; }
.visible-xs {
display: none !important; }
@media (max-width: 767px) {
.visible-xs {
display: block !important; } }
.pProduct-top-center-price-new {
padding: 10px 0;
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center;
column-gap: 15px;
margin: 10px 0; }
@media (max-width: 991px) {
.pProduct-top-center-price-new {
padding: 5px 0;
margin: 5px 0; } }
.pProduct-top-center-price-new label {
margin: 0; }
@media (max-width: 480px) {
.pProduct-top-center-price-new label {
font-size: 0.9rem; } }
@media (max-width: 360px) {
.pProduct-top-center-price-new label {
font-size: 0.8rem; } }
.pProduct-top-center-price-new .pProduct-top-center-price-current {
text-align: center; }
.pProduct-top-center-price-new .pProduct-top-center-price-current strong {
font-size: 2.1rem;
display: block;
color: #008000;
font-weight: bold; }
@media (max-width: 1024px) {
.pProduct-top-center-price-new .pProduct-top-center-price-current strong {
font-size: 2.0rem; } }
@media (max-width: 991px) {
.pProduct-top-center-price-new .pProduct-top-center-price-current strong {
font-size: 1.9rem; } }
@media (max-width: 767px) {
.pProduct-top-center-price-new .pProduct-top-center-price-current strong {
font-size: 1.8rem; } }
@media (max-width: 480px) {
.pProduct-top-center-price-new .pProduct-top-center-price-current strong {
font-size: 1.7rem; } }
@media (max-width: 360px) {
.pProduct-top-center-price-new .pProduct-top-center-price-current strong {
font-size: 1.6rem; } }
.pProduct-top-center-price-new .pProduct-top-center-price-current span {
color: #F30;
font-weight: bold; }
@media (max-width: 360px) {
.pProduct-top-center-price-new .pProduct-top-center-price-current span {
font-size: 0.9rem; } }
@media (max-width: 360px) {
.pProduct-top-center-price-new .pProduct-top-center-price-current span {
font-size: 0.8rem; } }
.pProduct-top-center-price-new .pProduct-top-center-price-compare {
color: #AbAbAb;
font-size: 1rem; }
.pProduct-top-center-price-new .pProduct-top-center-price-discount {
color: #F30;
font-size: 1.2rem;
font-weight: bold; }
.pProduct-top-center-price-new .pProduct-top-center-flash {
background-image: url("https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/4323ad4dc2b3c72d0474d51f20fb83e8.jpg");
padding: 5px 20px 5px 5px;
margin-top: 5px;
border-radius: 5px;
overflow: hidden; }
@media (max-width: 480px) {
.pProduct-top-center-price-new .pProduct-top-center-flash {
width: 100%;
text-align: center; } }
.pProduct-top-center-price-new .pProduct-top-center-flash span {
background: #000;
color: #FFF;
display: inline-block;
width: 25px;
text-align: center;
font-size: 1.15rem;
border-radius: 5px; }
@media (max-width: 480px) {
.pProduct-top-center-price-new .pProduct-top-center-flash span {
width: inherit;
background: transparent;
border-radius: 0; } }
.pProduct-top-center-price-new .pProduct-top-center-flash strong {
display: none; }
@media (max-width: 480px) {
.pProduct-top-center-price-new .pProduct-top-center-flash strong {
display: inline-block;
margin: 0 5px; } }
/* Hướng dẫn trả góp */
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg); }
100% {
-webkit-transform: perspective(400px) rotateX(0);
-ms-transform: perspective(400px) rotateX(0);
transform: perspective(400px) rotateX(0);
opacity: 1; } }
.hdtg .hdtg-wrap {
max-width: 1200px;
margin: 0 auto;
position: relative;
height: 100%; }
@media (max-width: 991px) {
.hdtg .hdtg-wrap {
max-width: 420px;
padding: 0 15px; } }
.hdtg h1 {
font-weight: bold;
line-height: 1.6;
color: #5aad33;
font-size: 56px;
padding-top: 50px;
max-width: 50%; }
@media (max-width: 991px) {
.hdtg h1 {
padding-top: 25px;
font-size: 36px;
line-height: 1.6;
max-width: 100%; } }
.hdtg h2 {
font-size: 32px;
font-weight: bold;
line-height: 1.6;
color: #5aad33;
margin-bottom: 12.5px; }
@media (max-width: 991px) {
.hdtg h2 {
font-size: 21px; } }
.hdtg h3 {
font-size: 32px;
font-weight: bold;
line-height: 1.6;
color: black; }
@media (max-width: 991px) {
.hdtg h3 {
font-size: 19px; } }
.hdtg h4 {
font-size: 28px;
font-weight: bold;
line-height: 1.6;
color: white;
background-color: #5aad33;
max-width: 700px;
padding: 10px 50px;
border-width: 1px;
border-top-left-radius: 28px;
border-top-right-radius: 28px;
border-color: black;
margin-bottom: 0; }
@media (max-width: 991px) {
.hdtg h4 {
font-size: 16px;
max-width: 100%;
padding: 5px 10px;
text-align: center; } }
.hdtg h5 {
font-weight: bold;
line-height: 1.6;
color: white;
text-align: center;
background: #5aad33;
display: block;
text-align: center;
border-radius: 10px;
height: 53px;
font-size: 23px;
line-height: 53px;
margin-top: -50px; }
@media (max-width: 991px) {
.hdtg h5 {
font-size: 15px;
height: 30px;
line-height: 30px;
margin-top: -30px; } }
.hdtg p {
font-size: 18px;
line-height: 1.4;
color: #414042; }
@media (max-width: 991px) {
.hdtg p {
font-size: 14px !important; } }
.hdtg .hdtg-head {
position: relative; }
.hdtg .hdtg-head:before {
content: "";
background-image: url("https://w.ladicdn.com/s1440x378/5bf3dc7edc60303c34e4991f/gvn-now-landing-20210708072657.png");
background-size: cover;
background-origin: content-box;
background-position: 50% 0%;
background-repeat: repeat;
background-attachment: scroll;
opacity: 0.79;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
overflow: hidden; }
.hdtg .hdtg-head .hdtg-head-content {
padding-bottom: 30px; }
.hdtg .hdtg-head .hdtg-head-content p {
max-width: 50%;
font-size: 16px;
line-height: 1.4;
color: #000; }
@media (max-width: 991px) {
.hdtg .hdtg-head .hdtg-head-content p {
font-size: 12px;
line-height: 1.6;
max-width: 100%; } }
.hdtg .hdtg-head .hdtg-head-content ul li {
display: inline-block;
max-width: 200px;
margin-right: 10px; }
@media (max-width: 991px) {
.hdtg .hdtg-head .hdtg-head-content ul li {
max-width: 150px; } }
.hdtg .hdtg-head .hdtg-head-content ul li img {
background: #5aad33;
border-radius: 15px; }
.hdtg .hdtg-head .hdtg-head-content .hdtg-head-content-cta {
background: #5aad33;
height: 140px;
border-radius: 16px;
margin-top: 25px;
overflow: hidden;
padding: 20px; }
@media (max-width: 991px) {
.hdtg .hdtg-head .hdtg-head-content .hdtg-head-content-cta {
margin-top: 225px;
text-align: center;
display: flex;
justify-content: center; } }
.hdtg .hdtg-head .hdtg-head-content .hdtg-head-content-cta > span {
position: relative;
display: flex;
width: 10px;
height: 10px;
background: yellow;
margin: 0 15px;
margin-left: 30px; }
@media (max-width: 991px) {
.hdtg .hdtg-head .hdtg-head-content .hdtg-head-content-cta > span {
display: none; } }
.hdtg .hdtg-head .hdtg-head-content .hdtg-head-content-cta > span:before {
left: -15px; }
.hdtg .hdtg-head .hdtg-head-content .hdtg-head-content-cta > span:after {
right: -15px; }
.hdtg .hdtg-head .hdtg-head-content .hdtg-head-content-cta > span:before, .hdtg .hdtg-head .hdtg-head-content .hdtg-head-content-cta > span:after {
content: '';
position: absolute;
top: 0;
display: block;
width: 10px;
height: 10px;
background: yellow; }
.hdtg .hdtg-head .hdtg-head-content .hdtg-head-content-cta button {
margin-top: 25px;
background: yellow;
border: 1px solid yellow;
padding: 5px 20px;
width: 245px;
border-radius: 999px;
font-size: 22px;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
font-weight: bold;
color: #0066e4;
animation-name: flipInX;
animation-delay: 0s;
animation-duration: 2s;
animation-iteration-count: infinite; }
@media (max-width: 991px) {
.hdtg .hdtg-head .hdtg-head-content .hdtg-head-content-cta button {
margin-top: 75px;
height: 30px;
padding: 0 15px;
width: 200px;
font-size: 18px; } }
.hdtg .hdtg-head .hdtg-head-content .hdtg-head-content-cta button > span {
background: #0066e4;
display: inline-flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
border-radius: 999px;
color: #FFF; }
@media (max-width: 991px) {
.hdtg .hdtg-head .hdtg-head-content .hdtg-head-content-cta button > span {
width: 20px;
height: 20px; } }
.hdtg .hdtg-head .hdtg-head-content .hdtg-head-content-cta button > span i {
margin-left: 2.5px;
margin-top: 2.5px;
font-size: 14px; }
@media (max-width: 991px) {
.hdtg .hdtg-head .hdtg-head-content .hdtg-head-content-cta button > span i {
font-size: 12px; } }
.hdtg .hdtg-head .hdtg-head-content > img {
position: absolute;
right: 0;
bottom: 0; }
@media (max-width: 991px) {
.hdtg .hdtg-head .hdtg-head-content > img {
bottom: 75px; } }
.hdtg .hdtg-method1 {
background-color: #f8f8f8;
padding: 50px 0;
margin-bottom: 50px; }
@media (max-width: 991px) {
.hdtg .hdtg-method1 {
padding: 25px 0;
margin-bottom: 25px; } }
.hdtg .hdtg-method1 .hdtg-method1-muca p {
font-size: 18px;
line-height: 1.4;
color: #414042; }
.hdtg .hdtg-method1 .hdtg-method1-mucb .step-box {
box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 3px 0px;
border-top-right-radius: 28px;
border-bottom-right-radius: 28px;
border-bottom-left-radius: 28px;
background-color: white;
padding: 25px 50px;
position: relative;
margin-bottom: 100px; }
@media (max-width: 991px) {
.hdtg .hdtg-method1 .hdtg-method1-mucb .step-box {
margin-bottom: 25px;
border-radius: 0 0 28px 28px !important;
padding: 10px; } }
.hdtg .hdtg-method1 .hdtg-method1-mucb .step-box > p {
max-width: 50%; }
@media (max-width: 991px) {
.hdtg .hdtg-method1 .hdtg-method1-mucb .step-box > p {
max-width: 100%; } }
.hdtg .hdtg-method1 .hdtg-method1-mucb .step-box img {
max-width: 250px;
position: absolute;
right: 75px;
top: -125px; }
@media (max-width: 991px) {
.hdtg .hdtg-method1 .hdtg-method1-mucb .step-box img {
display: none; } }
.hdtg .hdtg-method1 .hdtg-method1-mucb .step-ways {
margin-top: 75px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
gap: 25px;
margin-bottom: 12.5px; }
@media (max-width: 991px) {
.hdtg .hdtg-method1 .hdtg-method1-mucb .step-ways {
gap: 10px;
justify-content: flex-start;
margin-top: 25px; } }
.hdtg .hdtg-method1 .hdtg-method1-mucb .step-ways li:not(.step-note) {
width: calc((100%/3) - (50px/3));
border-width: 1px;
border-radius: 12px;
border-color: black;
background-color: #f0f0f0;
padding: 25px; }
@media (max-width: 991px) {
.hdtg .hdtg-method1 .hdtg-method1-mucb .step-ways li:not(.step-note) {
width: calc(50% - (20px/3));
margin-top: 15px;
padding: 15px; } }
.hdtg .hdtg-method1 .hdtg-method1-mucb .step-ways li:not(.step-note) p {
margin-top: 25px;
margin-bottom: 0; }
.hdtg .hdtg-method1 .hdtg-method1-mucb .step-ways li.step-note {
width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
gap: 25px; }
.hdtg .hdtg-method1 .hdtg-method1-mucb .step-ways li.step-note strong {
white-space: nowrap; }
@media (max-width: 991px) {
.hdtg .hdtg-method1 .hdtg-method1-mucb .step-ways li.step-note {
gap: 10px;
font-size: 12px;
margin-top: 15px; } }
.hdtg .hdtg-method1 .hdtg-method1-mucb ul.steps {
margin-top: 12.5px; }
.hdtg .hdtg-method1 .hdtg_method1_mucc {
border-width: 1px;
border-radius: 28px;
border-color: black;
box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 3px 0px;
background-color: white;
padding: 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start; }
@media (max-width: 991px) {
.hdtg .hdtg-method1 .hdtg_method1_mucc {
padding: 20px; } }
.hdtg .hdtg-method1 .hdtg_method1_mucc strong {
font-size: 18px;
font-weight: bold;
line-height: 1.6;
color: #414042;
margin-bottom: 10px;
display: block; }
@media (max-width: 991px) {
.hdtg .hdtg-method1 .hdtg_method1_mucc strong {
font-size: 14px;
margin-bottom: 5px; } }
.hdtg .hdtg-method1 .hdtg_method1_mucc p {
font-size: 18px;
line-height: 1.4;
color: #414042; }
@media (max-width: 991px) {
.hdtg .hdtg-method1 .hdtg_method1_mucc p {
font-size: 12px; } }
.hdtg .hdtg-method1 .hdtg_method1_mucc .hdtg_method1_mucc_left {
width: calc(50% - 50px);
max-width: 400px; }
@media (max-width: 991px) {
.hdtg .hdtg-method1 .hdtg_method1_mucc .hdtg_method1_mucc_left {
width: 100%;
max-width: 100%;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #a1a1a1; } }
.hdtg .hdtg-method1 .hdtg_method1_mucc .hdtg_method1_mucc_left a {
display: inline-block; }
.hdtg .hdtg-method1 .hdtg_method1_mucc .hdtg_method1_mucc_left a img {
max-width: 400px;
transition: all .5s;
cursor: pointer; }
@media (max-width: 991px) {
.hdtg .hdtg-method1 .hdtg_method1_mucc .hdtg_method1_mucc_left a img {
max-width: 200px; } }
.hdtg .hdtg-method1 .hdtg_method1_mucc .hdtg_method1_mucc_left a img:hover {
transform: scale(1.025); }
.hdtg .hdtg-method1 .hdtg_method1_mucc .hdtg_method1_mucc_right {
width: calc(50% + 50px);
border-left: 1px solid #a1a1a1;
padding-left: 50px; }
@media (max-width: 991px) {
.hdtg .hdtg-method1 .hdtg_method1_mucc .hdtg_method1_mucc_right {
width: 100%;
max-width: 100%;
padding: 0;
border: none; } }
.hdtg .hdtg-method1 .hdtg_method1_mucc .hdtg_method1_mucc_right p {
max-width: 400px; }
.hdtg .hdtg-method1 .hdtg_method1_mucc .hdtg_method1_mucc_right a {
display: inline-block; }
.hdtg .hdtg-method1 .hdtg_method1_mucc .hdtg_method1_mucc_right a img {
max-width: 150px;
transition: all .5s;
cursor: pointer; }
@media (max-width: 991px) {
.hdtg .hdtg-method1 .hdtg_method1_mucc .hdtg_method1_mucc_right a img {
max-width: 75px; } }
.hdtg .hdtg-method1 .hdtg_method1_mucc .hdtg_method1_mucc_right a img:hover {
transform: scale(1.025); }
.hdtg .hdtg-method2 {
margin-bottom: 50px; }
.hdtg .hdtg-method2 .hdtg-method2-wrapab {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start; }
.hdtg .hdtg-method2 .hdtg-method2-wrapab .hdtg-method2-wrapab-left {
width: 60%; }
@media (max-width: 991px) {
.hdtg .hdtg-method2 .hdtg-method2-wrapab .hdtg-method2-wrapab-left {
width: 100%; } }
.hdtg .hdtg-method2 .hdtg-method2-wrapab .hdtg-method2-wrapab-left p {
font-size: 18px;
line-height: 1.4;
color: #414042; }
.hdtg .hdtg-method2 .hdtg-method2-wrapab .hdtg-method2-wrapab-right {
width: 40%;
padding-left: 25px; }
@media (max-width: 991px) {
.hdtg .hdtg-method2 .hdtg-method2-wrapab .hdtg-method2-wrapab-right {
display: none !important; } }
.hdtg .hdtg-method2 .hdtg-method2-mucc {
margin-bottom: 50px; }
.hdtg .hdtg-method2 .hdtg-method2-mucc .hdtg-method2-mucc-box {
border-radius: 28px;
box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 3px 0px;
background-color: #f8f8f8;
padding: 25px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center; }
@media (max-width: 991px) {
.hdtg .hdtg-method2 .hdtg-method2-mucc .hdtg-method2-mucc-box {
padding: 20px; } }
.hdtg .hdtg-method2 .hdtg-method2-mucc .hdtg-method2-mucc-box img {
max-width: 240px; }
@media (max-width: 991px) {
.hdtg .hdtg-method2 .hdtg-method2-mucc .hdtg-method2-mucc-box img {
max-width: 120px !important; } }
.hdtg .hdtg-method2 .hdtg-method2-mucc .hdtg-method2-mucc-box strong {
display: block;
font-weight: bold;
line-height: 1.6;
color: #414042;
text-align: center;
font-size: 18px;
margin: 25px auto 12.5px;
max-width: 425px; }
@media (max-width: 991px) {
.hdtg .hdtg-method2 .hdtg-method2-mucc .hdtg-method2-mucc-box strong {
font-size: 14px;
margin-bottom: 10px; } }
.hdtg .hdtg-method2 .hdtg-method2-mucc .hdtg-method2-mucc-box p {
font-size: 18px;
line-height: 1.4;
color: #414042;
text-align: center;
max-width: 425px;
margin: 0 auto; }
@media (max-width: 991px) {
.hdtg .hdtg-method2 .hdtg-method2-mucc .hdtg-method2-mucc-box p {
font-size: 14px; } }
.hdtg .hdtg-method2 .hdtg-method2-mucc .hdtg-method2-mucc-box .hdtg-method2-mucc-box-left {
width: 50%;
padding: 0 25px; }
@media (max-width: 991px) {
.hdtg .hdtg-method2 .hdtg-method2-mucc .hdtg-method2-mucc-box .hdtg-method2-mucc-box-left {
padding: 0;
width: 100%;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #a1a1a1; } }
.hdtg .hdtg-method2 .hdtg-method2-mucc .hdtg-method2-mucc-box .hdtg-method2-mucc-box-right {
width: 50%;
padding: 0 25px;
border-left: 1px solid #a1a1a1; }
@media (max-width: 991px) {
.hdtg .hdtg-method2 .hdtg-method2-mucc .hdtg-method2-mucc-box .hdtg-method2-mucc-box-right {
padding: 0;
width: 100%;
border: none; } }
.hdtg .hdtg-method2 .hdtg-method2-mucd table, .hdtg .hdtg-method2 .hdtg-method2-mucd th, .hdtg .hdtg-method2 .hdtg-method2-mucd td {
box-shadow: rgba(0, 0, 0, 0.25) 0 0 0 1px;
border-collapse: collapse;
min-width: auto !important;
margin-left: auto;
margin-right: auto; }
.hdtg .hdtg-method2 .hdtg-method2-mucd table {
margin-top: 25px;
box-shadow: rgba(0, 0, 0, 0.5) 0 0 3px 1px;
border-radius: 20px;
overflow: hidden;
background-color: #f8f8f8; }
.hdtg .hdtg-method2 .hdtg-method2-mucd table .table15 {
width: 75px !important; }
.hdtg .hdtg-method2 .hdtg-method2-mucd table .table35 {
width: 325px !important; }
.hdtg .hdtg-method2 .hdtg-method2-mucd table .table125 {
width: 100px !important; }
@media (max-width: 991px) {
.hdtg .hdtg-method2 .hdtg-method2-mucd table .table125 {
width: 40px !important; } }
.hdtg .hdtg-method2 .hdtg-method2-mucd table th {
text-align: center;
padding: 15px;
font-size: 18px; }
@media (max-width: 991px) {
.hdtg .hdtg-method2 .hdtg-method2-mucd table th {
padding: 10px; } }
.hdtg .hdtg-method2 .hdtg-method2-mucd table td {
text-align: center;
padding: 15px;
font-size: 18px; }
@media (max-width: 991px) {
.hdtg .hdtg-method2 .hdtg-method2-mucd table td {
padding: 10px; } }
.hdtg .hdtg-method2 .hdtg-method2-mucd table td svg {
width: 25px;
height: 25px; }
.hdtg .hdtg-video {
margin-bottom: 50px; }
.hdtg .hdtg-video .hdtg-video-data {
text-align: center; }
@media (max-width: 991px) {
.hdtg .hdtg-video .hdtg-video-data iframe {
width: 100%; } }
.fb_iframe_widget.fb_invisible_flow.fbiframe_widget_fluid .fb_mpn_mobile_landing_page_slide_up {
bottom: 60px !important;
right: -35px !important;
transform: scale(0.775) !important; }
.pCart .bk-btn {
padding: 0 15px; }
#callcallnow {
margin-bottom: 15px; }
#callcallnow a {
display: block;
padding: 8px 16px;
text-align: center;
width: 100%;
border-radius: 5px;
color: #FFF;
font-weight: normal;
letter-spacing: 2px; }
#callcallnow a b {
color: #e8e810; }
@media (max-width: 767px) {
#callcallnow a {
font-size: 12px;
letter-spacing: normal;
padding: 8px !important; } }
.chatbox-final {
visibility: hidden; }
.chatbox-final.active {
visibility: visible; }
.sProduct .breadcrumb-wrap {
padding-left: 0;
padding-right: 0; }
.sProduct .breadcrumb-wrap .breadcrumb {
padding-left: 0;
padding-right: 0;
background: transparent;
display: flex;
flex-wrap: nowrap;
overflow: auto hidden;
white-space: nowrap; }
.sProduct .breadcrumb-wrap .breadcrumb .breadcrumb-item {
align-items: center; }
.sProduct .breadcrumb-wrap .breadcrumb .breadcrumb-item:not(:first-child):before {
content: '';
width: 1rem;
height: 1rem;
padding-right: 0;
margin-right: .5rem;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml;utf8,"); }