@font-face {
font-family: 'themify';
src: url(//phukienhafele.com.vn/template/assets/font/Themify/themify.woff2) format('woff2'),
url(//phukienhafele.com.vn/template/assets/font/Themify/themify.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
src: url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-Medium.woff2) format('woff2'),
url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Open Sans';
src: url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-Regular.woff2) format('woff2'),
url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Open Sans';
src: url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-MediumItalic.woff2) format('woff2'),
url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-MediumItalic.woff) format('woff');
font-weight: 500;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: 'Open Sans';
src: url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-SemiBoldItalic.woff2) format('woff2'),
url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-SemiBoldItalic.woff) format('woff');
font-weight: 600;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: 'Open Sans';
src: url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-SemiBold.woff2) format('woff2'),
url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Open Sans';
src: url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-Bold.woff2) format('woff2'),
url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Open Sans';
src: url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-BoldItalic.woff2) format('woff2'),
url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-BoldItalic.woff) format('woff');
font-weight: bold;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: 'Open Sans';
src: url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-ExtraBoldItalic.woff2) format('woff2'),
url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-ExtraBoldItalic.woff) format('woff');
font-weight: bold;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: 'Open Sans';
src: url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-Italic.woff2) format('woff2'),
url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-Italic.woff) format('woff');
font-weight: normal;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: 'Open Sans';
src: url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-ExtraBold.woff2) format('woff2'),
url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-ExtraBold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Open Sans';
src: url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-LightItalic.woff2) format('woff2'),
url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-LightItalic.woff) format('woff');
font-weight: 300;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: 'Open Sans';
src: url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-Light.woff2) format('woff2'),
url(//phukienhafele.com.vn/template/assets/font/OpenSans/OpenSans-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: fallback;
}
:root {
--height: 18.8rem;
--rewidth: calc((100vw - 120rem) / 2);
--recont: calc(100vw - (100vw - 120rem) / 2);
--logo: 25.6rem;
--logo-h: 13.6rem;
--clip: polygon(100% 0, 100% 1%, 50% 100%, 0 1%, 0 0);
--hex: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
--hexs: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
@media (max-width: 1200px) {
:root {
--height: 10rem;
}
}
@media (max-width: 600px) {
:root {
--height: 6rem;
}
}
@media (max-width: 1230px) {
:root {
--rewidth: 1.5rem;
}
}
@media (max-width: 1240px) {
:root {
--recont: calc(100%);
}
}
@media (max-width: 1390px) {
:root {
--logo: 24rem;
--logo-h: 8rem;
}
}
@media (max-width: 1360px) {
:root {
--logo: 15rem;
--logo-h: 8rem;
}
}
.rows {
display: flex;
flex-wrap: wrap;
margin: 0 -1.2rem;
}
.aligh-item-center {
align-items: center;
}
.justify-content {
justify-content: center;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.d-flex {
display: flex;
}
.mg-auto {
margin: auto;
}
.txt {
color: #1a1a1a;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 2.4rem;
margin-bottom: 0.5rem;
}
.d-none {
display: none;
}
.col-1 {
width: 8.3333333333%;
padding: 0 1.2rem;
}
.col-2 {
width: 16.6666666667%;
padding: 0 1.2rem;
}
.col-3 {
width: 25%;
padding: 0 1.2rem;
}
.col-4 {
width: 33.3333333333%;
padding: 0 1.2rem;
}
.col-5 {
width: 41.6666666667%;
padding: 0 1.2rem;
}
.col-6 {
width: 50%;
padding: 0 1.2rem;
}
.col-7 {
width: 58.3333333333%;
padding: 0 1.2rem;
}
.col-8 {
width: 66.6666666667%;
padding: 0 1.2rem;
}
.col-9 {
width: 75%;
padding: 0 1.2rem;
}
.col-10 {
width: 83.3333333333%;
padding: 0 1.2rem;
}
.col-11 {
width: 91.6666666667%;
padding: 0 1.2rem;
}
.col-12 {
width: 100%;
padding: 0 1.2rem;
}
.text_left {
text-align: left;
}
.text_right {
text-align: right;
}
@media screen and (min-width: 1400px) {
.col-xxl-1 {
width: 8.3333333333%;
padding: 0 1.2rem;
}
.col-xxl-2 {
width: 16.6666666667%;
padding: 0 1.2rem;
}
.col-xxl-3 {
width: 25%;
padding: 0 1.2rem;
}
.col-xxl-4 {
width: 33.3333333333%;
padding: 0 1.2rem;
}
.col-xxl-5 {
width: 41.6666666667%;
padding: 0 1.2rem;
}
.col-xxl-6 {
width: 50%;
padding: 0 1.2rem;
}
.col-xxl-7 {
width: 58.3333333333%;
padding: 0 1.2rem;
}
.col-xxl-8 {
width: 66.6666666667%;
padding: 0 1.2rem;
}
.col-xxl-9 {
width: 75%;
padding: 0 1.2rem;
}
.col-xxl-10 {
width: 83.3333333333%;
padding: 0 1.2rem;
}
.col-xxl-11 {
width: 91.6666666667%;
padding: 0 1.2rem;
}
.col-xxl-12 {
width: 100%;
padding: 0 1.2rem;
}
}
@media screen and (min-width: 576px) {
.col-sm-1 {
width: 8.3333333333%;
padding: 0 1.2rem;
}
.col-sm-2 {
width: 16.6666666667%;
padding: 0 1.2rem;
}
.col-sm-3 {
width: 25%;
padding: 0 1.2rem;
}
.col-sm-4 {
width: 33.3333333333%;
padding: 0 1.2rem;
}
.col-sm-5 {
width: 41.6666666667%;
padding: 0 1.2rem;
}
.col-sm-6 {
width: 50%;
padding: 0 1.2rem;
}
.col-sm-7 {
width: 58.3333333333%;
padding: 0 1.2rem;
}
.col-sm-8 {
width: 66.6666666667%;
padding: 0 1.2rem;
}
.col-sm-9 {
width: 75%;
padding: 0 1.2rem;
}
.col-sm-10 {
width: 83.3333333333%;
padding: 0 1.2rem;
}
.col-sm-11 {
width: 91.6666666667%;
padding: 0 1.2rem;
}
.col-sm-12 {
width: 100%;
padding: 0 1.2rem;
}
}
@media screen and (min-width: 768px) {
.col-md-1 {
width: 8.3333333333%;
padding: 0 1.2rem;
}
.col-md-2 {
width: 16.6666666667%;
padding: 0 1.2rem;
}
.col-md-3 {
width: 25%;
padding: 0 1.2rem;
}
.col-md-4 {
width: 33.3333333333%;
padding: 0 1.2rem;
}
.col-md-5 {
width: 41.6666666667%;
padding: 0 1.2rem;
}
.col-md-6 {
width: 50%;
padding: 0 1.2rem;
}
.col-md-7 {
width: 58.3333333333%;
padding: 0 1.2rem;
}
.col-md-8 {
width: 66.6666666667%;
padding: 0 1.2rem;
}
.col-md-9 {
width: 75%;
padding: 0 1.2rem;
}
.col-md-10 {
width: 83.3333333333%;
padding: 0 1.2rem;
}
.col-md-11 {
width: 91.6666666667%;
padding: 0 1.2rem;
}
.col-md-12 {
width: 100%;
padding: 0 1.2rem;
}
}
@media screen and (min-width: 992px) {
.col-lg-1 {
width: 8.3333333333%;
padding: 0 1.2rem;
}
.col-lg-2 {
width: 16.6666666667%;
padding: 0 1.2rem;
}
.col-lg-3 {
width: 25%;
padding: 0 1.2rem;
}
.col-lg-4 {
width: 33.3333333333%;
padding: 0 1.2rem;
}
.col-lg-5 {
width: 41.6666666667%;
padding: 0 1.2rem;
}
.col-lg-6 {
width: 50%;
padding: 0 1.2rem;
}
.col-lg-7 {
width: 58.3333333333%;
padding: 0 1.2rem;
}
.col-lg-8 {
width: 66.6666666667%;
padding: 0 1.2rem;
}
.col-lg-9 {
width: 75%;
padding: 0 1.2rem;
}
.col-lg-10 {
width: 83.3333333333%;
padding: 0 1.2rem;
}
.col-lg-11 {
width: 91.6666666667%;
padding: 0 1.2rem;
}
.col-lg-12 {
width: 100%;
padding: 0 1.2rem;
}
}
@media screen and (min-width: 1200px) {
.col-xl-1 {
width: 8.3333333333%;
padding: 0 1.2rem;
}
.col-xl-2 {
width: 16.6666666667%;
padding: 0 1.2rem;
}
.col-xl-3 {
width: 25%;
padding: 0 1.2rem;
}
.col-xl-4 {
width: 33.3333333333%;
padding: 0 1.2rem;
}
.col-xl-5 {
width: 41.6666666667%;
padding: 0 1.2rem;
}
.col-xl-6 {
width: 50%;
padding: 0 1.2rem;
}
.col-xl-7 {
width: 58.3333333333%;
padding: 0 1.2rem;
}
.col-xl-8 {
width: 66.6666666667%;
padding: 0 1.2rem;
}
.col-xl-9 {
width: 75%;
padding: 0 1.2rem;
}
.col-xl-10 {
width: 83.3333333333%;
padding: 0 1.2rem;
}
.col-xl-11 {
width: 91.6666666667%;
padding: 0 1.2rem;
}
.col-xl-12 {
width: 100%;
padding: 0 1.2rem;
}
}
* {
box-sizing: border-box;
}
html {
font-size: 62.5%;
scroll-behavior: smooth;
}
@media screen and (min-width: 2000px) {
html {
font-size: 90%;
}
}
body {
font-family: "Open Sans";
font-size: 16px;
line-height: 1.55;
font-weight: normal;
font-weight: 400;
color: #4b4b4b;
overflow: hidden auto;
background: #ffffff;
}
@media screen and (min-width: 2000px) {
body {
font-size: 20px;
}
}
a {
text-decoration: none;
}
textarea,
input {
resize: none;
outline: none;
font-weight: 400;
font-family: "Open Sans";
font-size: 16px;
}
button,
select {
border: none;
outline: none;
background-color: transparent;
}
.main {
min-height: 40vh;
}
@media screen and (max-width: 1200px) {
.main {
min-height: 20vh;
}
}
.container {
width: 100%;
max-width: 123rem;
height: 100%;
margin: 0 auto;
padding: 0 15px;
}
.over {
overflow-x: auto;
scroll-snap-type: x mandatory;
}
.over::-webkit-scrollbar {
display: none;
}
.no-scroll {
touch-action: none;
-webkit-overflow-scrolling: none;
overflow: hidden;
overscroll-behavior: none;
}
.no-select {
user-select: none;
}
iframe {
vertical-align: middle;
}
.effectShine {
position: relative;
overflow: hidden;
}
.effectShine::before {
content: "";
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.wow {
animation-duration: 1s;
}
.load-item {
display: none;
}
.show-hide-toggle {
cursor: pointer;
}
.title-second {
font-size: 3.2rem;
font-weight: 700;
}
@media only screen and (max-width: 1200px) {
.title-second {
font-size: 2.7rem;
}
}
@media only screen and (max-width: 800px) {
.title-second {
font-size: 2.2rem;
}
}
.title-third {
font-size: 2.4rem;
font-weight: 700;
}
@media only screen and (max-width: 1200px) {
.title-third {
font-size: 2rem;
}
}
@media only screen and (max-width: 800px) {
.title-third {
font-size: 1.7rem;
}
}
.title-four {
font-size: 2rem;
font-weight: 700;
}
@media only screen and (max-width: 1200px) {
.title-four {
font-size: 1.8rem;
}
}
@media only screen and (max-width: 800px) {
.title-four {
font-size: 1.6rem;
}
}
.title-txt-red {
font-size: 1.6rem;
font-weight: 700;
color: #c20e34;
}
.py {
padding: 4rem 0;
}
.position-relative {
position: relative;
}
.radius-8 {
border-radius: 0.8rem;
}
.radius-12 {
border-radius: 1.2rem;
}
.text-white {
color: #ffffff;
}
.text-red {
color: #c20e34;
}
.text-dark {
color: #242424;
}
.text-dark-2 {
color: #4b4b4b;
}
.mb-12 {
margin-bottom: 1.2rem;
}
.text-cap {
text-transform: capitalize;
}
.text-up {
text-transform: uppercase;
}
.btn-hover {
position: relative;
overflow: hidden;
}
.btn-hover .product-btn-txt {
z-index: 1;
position: relative;
transition: all 0.4s;
font-weight: 600;
}
.btn-hover::after {
transition: all 0.4s;
position: absolute;
content: "";
width: 0;
height: 100%;
right: 0;
top: 0;
z-index: 0;
background: linear-gradient(136deg, #ff2323 0%, #e36c0a 100%);
}
.btn-hover:hover .product-btn-txt {
color: #ffffff;
}
.btn-hover:hover::after {
width: 100%;
right: unset;
left: 0;
}
.pagi-btn {
position: relative;
overflow: hidden;
}
.pagi-btn::after {
transition: all 0.4s;
position: absolute;
content: "";
width: 0;
height: 100%;
right: 0;
top: 0;
z-index: -1;
border-radius: 50%;
background: linear-gradient(136deg, #ff2323 0%, #e36c0a 100%);
}
.pagi-btn:hover {
color: #ffffff !important;
}
.pagi-btn:hover i {
color: #ffffff !important;
}
.pagi-btn:hover::after {
width: 100%;
right: unset;
left: 0;
}
.contact-info .contact-info-box {
display: flex;
column-gap: 1rem;
margin-bottom: 1.2rem;
}
.contact-info .contact-info-box .info-txt a {
-webkit-text-fill-color: #4b4b4b;
color: #4b4b4b;
font-size: 1.6rem;
}
@media screen and (max-width: 991px) {
.contact_page .contact-box .contact-content-row {
padding: 0 1.2rem;
}
}
.contact_page .contact-box .contact-col-left {
padding: 3.2rem 0;
}
.contact_page .contact-box .contact-col-left::after {
content: "";
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 90%;
background: #c20e34;
border-radius: 0.8rem 0 0 0.8rem;
z-index: -1;
}
.contact_page .contact-box .contact-col-left .contact-box-left {
background: #ffffff;
box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.2);
padding: 5rem 7.8rem;
}
@media screen and (max-width: 991px) {
.contact_page .contact-box .contact-col-left .contact-box-left {
padding: 4rem;
}
}
@media screen and (max-width: 767px) {
.contact_page .contact-box .contact-col-left .contact-box-left {
padding: 3rem;
}
}
.contact_page .contact-box .contact-col-left .contact-box-left .contact-head {
margin-bottom: 3.2rem;
}
.contact_page .contact-box .contact-col-left .contact-box-left .contact-info .contact-info-box {
display: flex;
column-gap: 1rem;
margin-bottom: 1.2rem;
}
.contact_page .contact-box .contact-col-left .contact-box-left .contact-info .contact-info-box .info-txt a {
-webkit-text-fill-color: #4b4b4b;
color: #4b4b4b;
font-size: 1.6rem;
}
.contact_page .contact-box .contact-col-left .contact-box-left .contact-follows {
margin-top: 3.2rem;
}
.contact_page .contact-box .contact-col-left .contact-box-left .contact-follows a {
padding-right: 1.2rem;
}
.contact_page .contact-box .contact-col-right {
background: #c20e34;
padding: 3.2rem 5.5rem;
border-radius: 0 0.8rem 0.8rem 0;
}
@media screen and (max-width: 991px) {
.contact_page .contact-box .contact-col-right {
padding: 3rem;
}
}
.contact_page .contact-box .contact-col-right .contact-form .form_lh {
margin-top: 4rem;
}
@media screen and (max-width: 991px) {
.contact_page .contact-box .contact-col-right .contact-form .form_lh {
margin-top: 2rem;
}
}
.contact_page .contact-box .contact-col-right .contact-form .form_lh .form-group .form-control {
background: transparent;
border: none;
padding: 1rem 0;
color: #fff;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.4745098039);
margin-bottom: 4rem;
}
.contact_page .contact-box .contact-col-right .contact-form .form_lh .form-group .form-control::placeholder {
color: #ffffff;
font-size: 1.6rem;
font-weight: 400;
}
@media screen and (max-width: 991px) {
.contact_page .contact-box .contact-col-right .contact-form .form_lh .form-group .form-control {
margin-bottom: 2rem;
}
}
.contact_page .contact-box .contact-col-right .contact-form .form_lh .form-group .btn-submit {
padding: 10px 24px;
background: #ffffff;
border-radius: 0.8rem;
color: #c20e34;
font-weight: bold;
border: none;
cursor: pointer;
}
.contact_page .contact-box .contact-col-right .contact-form .form_lh .form-group textarea {
height: 9rem;
}
.contact_page .contact-map {
filter: drop-shadow(-1px 4px 10px rgba(50, 50, 0, 0.3));
}
.contact_page .contact-map .iframe-map {
clip-path: polygon(100% 1%, 100% 86%, 50% 100%, 0 86%, 0 0);
}
@media screen and (max-width: 560px) {
.system-showroom .system-map {
margin-top: 2rem;
}
}
.system-showroom .system-map .system-map-row {
margin-top: 4rem;
}
.system-showroom .system-map .system-map-row .system-map-left {
background: #c20e34;
padding: 4.4rem 4.2rem;
}
@media screen and (max-width: 991px) {
.system-showroom .system-map .system-map-row .system-map-left {
padding: 2rem;
}
}
@media screen and (max-width: 767px) {
.system-showroom .system-map .system-map-row .system-map-left {
margin-bottom: 2rem;
}
}
.system-showroom .system-map .system-map-row .system-map-left .form-filter-showroom .form-label {
margin: 3rem 0;
display: block;
}
.system-showroom .system-map .system-map-row .system-map-left .form-filter-showroom .form-label .select2-selection__rendered {
color: #242424;
}
.system-showroom .system-map .system-map-row .system-map-left .form-filter-showroom .form-label .select2-selection__arrow::after {
color: #242424;
right: 0;
}
.system-showroom .system-map .system-map-row .system-map-left .contact-info .info-tt {
font-weight: 700;
font-size: 1.4rem;
}
.system-showroom .system-map .system-map-row .system-map-left .contact-info .info-icon {
filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(5%) hue-rotate(342deg) brightness(106%) contrast(100%);
}
.system-showroom .system-map .system-map-row .system-map-left .contact-info .info-txt a {
-webkit-text-fill-color: #ffffff;
color: #ffffff;
font-size: 1.4rem;
}
.system-showroom .system-map .system-map-row .system-map-ifram {
height: 100%;
}
@media screen and (max-width: 767px) {
.system-showroom .system-map .system-map-row .system-map-ifram {
min-height: 35rem;
}
}
.system-showroom .system-galle {
padding-bottom: 15rem;
}
@media screen and (max-width: 1200px) {
.system-showroom .system-galle {
padding-bottom: 5rem;
}
}
.system-showroom .system-galle .row-head {
margin-bottom: 2.4rem;
flex-wrap: nowrap;
justify-content: space-between;
display: flex;
}
.system-showroom .system-galle .row-head .btn-view-all {
-webkit-text-fill-color: #4b4b4b;
color: #4b4b4b;
transition: all 0.4s;
}
.system-showroom .system-galle .row-head .btn-view-all:hover {
color: #c20e34;
-webkit-text-fill-color: #c20e34;
}
.system-showroom .system-galle .system-video-slide .system-video-list {
position: relative;
}
.system-showroom .system-galle .system-video-slide .system-video-list .pagi-video .pagi-btn {
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.5);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
color: #C20E34;
width: 3.2rem;
height: 3.2rem;
border-radius: 50%;
position: absolute;
z-index: 1;
text-align: center;
line-height: 3.2rem;
cursor: pointer;
}
.system-showroom .system-galle .system-video-slide .system-video-list .pagi-video .pagi-prev {
left: 2.4rem;
}
.system-showroom .system-galle .system-video-slide .system-video-list .pagi-video .pagi-next {
right: 2.4rem;
}
.system-showroom .system-galle .system-video-slide .system-video-list .system-video-item {
position: relative;
}
.system-showroom .system-galle .system-video-slide .system-video-list .system-video-item .video-link:hover .play-video {
filter: brightness(0) saturate(100%) invert(20%) sepia(54%) saturate(4327%) hue-rotate(334deg) brightness(82%) contrast(102%);
}
.system-showroom .system-galle .system-video-slide .system-video-list .system-video-item .box-img {
position: relative;
padding-top: 56.25%;
}
@media screen and (max-width: 560px) {
.system-showroom .system-galle .system-video-slide .system-video-list .system-video-item .box-img {
padding-top: 100%;
}
}
.system-showroom .system-galle .system-video-slide .system-video-list .system-video-item .box-img .img-video {
border-radius: 0.8rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.system-showroom .system-galle .system-video-slide .system-video-list .system-video-item .box-txt {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 2.4rem 4rem;
}
.system-showroom .system-galle .system-video-slide .system-video-list .system-video-item .play-video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.4s;
}
@media screen and (max-width: 767px) {
.system-showroom .system-galle .system-img .row-head {
margin-top: 2rem;
}
}
.system-showroom .system-galle .system-img .system-img-slide .system-img-list {
height: 44.5rem;
}
@media screen and (max-width: 1100px) {
.system-showroom .system-galle .system-img .system-img-slide .system-img-list {
height: 40rem;
}
}
@media screen and (max-width: 800px) {
.system-showroom .system-galle .system-img .system-img-slide .system-img-list {
height: 28rem;
}
}
@media screen and (max-width: 767px) {
.system-showroom .system-galle .system-img .system-img-slide .system-img-list {
height: auto;
}
}
.system-showroom .system-galle .system-img .system-img-slide .system-img-list .system-img-item {
height: auto !important;
}
.system-showroom .system-galle .system-img .system-img-slide .system-img-list .system-img-item .img-link {
position: relative;
display: block;
padding-top: 75.0649350649%;
cursor: pointer;
}
.system-showroom .system-galle .system-img .system-img-slide .system-img-list .system-img-item .img-link .box-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.8rem;
}
.system-showroom .system-galle .system-img .system-img-slide .system-img-list .system-img-item.swiper-slide-next .box-img {
filter: opacity(0.5);
}
.taxonamyPro {
background: #f5f5f5;
}
.taxonamyPro .btn-viewmore {
color: #4b4b4b;
font-weight: bold;
cursor: pointer;
padding: 2rem 0;
font-size: 1.4rem;
}
.taxonamyPro .btn-viewmore i {
color: #c20e34;
}
.taxonamyPro .hide {
display: none;
}
.taxonamyPro .form-group {
padding: 0.4rem 0;
}
.taxonamyPro .form-group input:checked+.label-origin::after {
opacity: 1;
}
.taxonamyPro .label-origin {
cursor: pointer;
position: relative;
display: flex;
align-items: center;
gap: 0.8rem;
}
.taxonamyPro .label-origin::before {
content: "";
display: inline-block;
left: 0%;
width: 1.6rem;
height: 1.6rem;
border: 0.1rem solid #a6a6a6;
}
.taxonamyPro .label-origin::after {
content: "";
position: absolute;
width: 2rem;
height: 2rem;
background: url(//phukienhafele.com.vn/template/assets/images/check.svg) center no-repeat;
background-size: contain;
left: 0.1rem;
top: 0.2rem;
opacity: 0;
filter: brightness(0) saturate(100%) invert(15%) sepia(69%) saturate(4250%) hue-rotate(336deg) brightness(89%) contrast(103%);
transition: all 0.3s;
}
.taxonamyPro .product-cat {
padding-bottom: 9rem;
}
@media screen and (max-width: 991px) {
.taxonamyPro .product-cat {
padding-bottom: 4rem;
}
}
.taxonamyPro .product-cat .sidebar-product {
padding: 3rem 2.4rem;
background: #ffffff;
border-radius: 0.8rem;
}
@media screen and (max-width: 991px) {
.taxonamyPro .product-cat .sidebar-product {
margin-bottom: 2rem;
}
}
@media screen and (max-width: 991px) {
.taxonamyPro .product-cat .sidebar-product .form-filter-product {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 1.6rem;
}
}
@media screen and (max-width: 767px) {
.taxonamyPro .product-cat .sidebar-product .form-filter-product {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (max-width: 560px) {
.taxonamyPro .product-cat .sidebar-product .form-filter-product {
grid-template-columns: 1fr 1fr;
}
}
.taxonamyPro .product-cat .sidebar-product .form-filter-product .widget-brand .form-group input:checked+.img-brand {
border: 0.1rem solid #c20e34;
}
.taxonamyPro .product-cat .sidebar-product .form-filter-product .widget-color .form-group input:checked+.label-origin .color-attribute {
border: 2px solid #c20e34;
}
.taxonamyPro .product-cat .sidebar-product .form-filter-product .widget-color .label-origin {
display: flex;
align-items: center;
gap: 1.2rem;
}
.taxonamyPro .product-cat .sidebar-product .form-filter-product .widget-color .label-origin::before,
.taxonamyPro .product-cat .sidebar-product .form-filter-product .widget-color .label-origin::after {
content: none;
}
.taxonamyPro .product-cat .sidebar-product .form-filter-product .widget-color .label-origin .color-attribute {
width: 2rem;
height: 2rem;
border-radius: 50%;
display: inline-block;
}
.taxonamyPro .product-cat .sidebar-product .form-filter-product .widget-color .label-origin .color-attribute.color-black {
background: #242424;
}
.taxonamyPro .product-cat .sidebar-product .form-filter-product .widget-color .label-origin .color-attribute.color-gray {
background: #858585;
}
.taxonamyPro .product-cat .sidebar-product .form-filter-product .widget-color .label-origin .color-attribute.color-silver {
background: #d9d9d9;
}
.taxonamyPro .product-cat .sidebar-product .form-filter-product .title-sidebar {
font-size: 1.6rem;
font-weight: 700;
color: #c20e34;
margin-bottom: 1.6rem;
text-transform: uppercase;
}
.taxonamyPro .product-cat .sidebar-product .form-filter-product .hide {
display: none;
}
.taxonamyPro .product-cat .sidebar-product .form-filter-product .widget {
padding: 2rem 0;
border-bottom: 0.1rem solid #f5f5f5;
}
.taxonamyPro .product-cat .sidebar-product .form-filter-product .widget:last-child {
border-bottom: none;
}
.taxonamyPro .product-cat .sidebar-product .form-filter-product .widget-brand .form-box {
display: grid;
gap: 0.7rem;
grid-template-columns: 1fr 1fr;
}
.taxonamyPro .product-cat .sidebar-product .form-filter-product .widget-brand .form-box .form-group {
border: 1px solid #f5f5f5;
background: #ffffff;
border-radius: 0.4rem;
cursor: pointer;
}
.taxonamyPro .product-cat .sidebar-product .form-filter-product .widget-brand .form-box .form-group .form-label {
cursor: pointer;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.taxonamyPro .product-cat .sidebar-product .form-filter-product .widget-brand .form-box .form-group .form-label .img-brand {
object-fit: contain;
height: 5rem;
width: 100%;
padding: 0.8rem;
border-radius: 0.4rem;
}
.taxonamyPro .product-cat .product-archive .product-head {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 5rem;
}
.taxonamyPro .product-cat .product-archive .product-head .product-btn {
background: #ffffff;
border-radius: 0.8rem;
color: #4b4b4b;
padding: 1.2rem 3.2rem;
}
.taxonamyPro .product-cat .product-archive .product-archive-slide {
padding: 0;
}
.taxonamyPro .product-cat .product-archive .product-archive-slide .home-deal-bottom-hd {
margin-bottom: 0;
justify-content: space-between;
}
.taxonamyPro .product-cat .product-archive .product-archive-slide .home-deal-bottom-hd .deal-box {
background: #c20e34;
padding: 2rem 2rem 0.9rem 2rem;
width: 40%;
border-radius: 0.8rem 0.8rem 0 0;
}
@media screen and (max-width: 767px) {
.taxonamyPro .product-cat .product-archive .product-archive-slide .home-deal-bottom-hd .deal-box {
width: 60%;
}
}
@media screen and (max-width: 400px) {
.taxonamyPro .product-cat .product-archive .product-archive-slide .home-deal-bottom-hd .deal-box {
width: auto;
}
}
.taxonamyPro .product-cat .product-archive .product-archive-slide .home-deal-bottom-hd .deal-box::after {
content: "";
position: absolute;
left: calc(99% + 1px);
bottom: -1px;
background: #c20e34;
width: 35px;
height: 100%;
clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
@media screen and (max-width: 767px) {
.taxonamyPro .product-cat .product-archive .product-archive-slide .home-deal-bottom-hd .deal-box::after {
left: 99%;
}
}
@media screen and (max-width: 400px) {
.taxonamyPro .product-cat .product-archive .product-archive-slide .home-deal-bottom-hd .deal-box::after {
left: calc(99% - 2px);
}
}
.taxonamyPro .product-cat .product-archive .product-archive-slide .home-deal-bottom-hd .deal-box .deal-tt {
display: inline-block;
position: relative;
}
.taxonamyPro .product-cat .product-archive .product-archive-slide .home-deal-bottom-hd .deal-box .deal-tt::after {
content: "";
background-image: url(//phukienhafele.com.vn/template/assets/images/deal.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 3.2rem;
height: 3rem;
position: absolute;
left: 100%;
bottom: 55%;
z-index: 1;
}
.taxonamyPro .product-cat .product-archive .product-archive-slide .home-deal-bottom-hd .ctrl {
gap: 1rem;
}
.taxonamyPro .product-cat .product-archive .product-archive-slide .home-deal-bottom-hd .ctrl .btn_arr {
width: 3.2rem;
height: 3.2rem;
background: #ffffff;
color: #c20e34;
border: none;
}
.taxonamyPro .product-cat .product-archive .product-archive-slide .slide-bg-tax {
background: #c20e34;
padding: 2rem;
border-radius: 0 0.8rem 0.8rem 0.8rem;
margin-top: -1px;
}
.taxonamyPro .product-cat .product-archive .product-archive-slide .slide-tax {
padding: 2rem;
background: #ffffff;
}
.taxonamyPro .product-cat .product-archive .product-archive-list {
margin-top: 4rem;
padding: 4rem 2rem;
border-radius: 0.8rem;
background: #ffffff;
}
.taxonamyPro .product-cat .product-archive .product-archive-list .pagi-product {
margin: 5rem 0;
}
.taxonamyPro .product-cat .product-archive .product-archive-list .pagi-product .page-numbers>li>.btnPagiarr {
background: #ffffff;
}
.taxonamyPro .product-cat .product-archive .product-archive-list .pagi-product .page-numbers>li>.btnPagiarr i {
color: #4b4b4b;
}
.taxonamyPro .product-cat .product-archive .product-archive-list .pagi-product .page-numbers>li>.page-numbers {
border: none;
background: #ffffff;
border-radius: 0.4rem;
transition: all 0.4s;
}
.taxonamyPro .product-cat .product-archive .product-archive-list .pagi-product .page-numbers>li>.page-numbers:hover {
background: #c20e34;
}
.taxonamyPro .product-cat .product-archive .product-archive-list .pagi-product .page-numbers>li>.page-numbers:hover.btnPagiarr i {
color: #ffffff;
}
.taxonamyPro .product-cat .product-archive .product-archive-list .pagi-product .page-numbers>li>.page-numbers.current {
background: #c20e34;
}
.taxonamyPro .product-cat .product-archive .product-archive-list .description-tax .desc-tt {
font-size: 2rem;
font-weight: bold;
color: #242424;
}
@media only screen and (max-width: 1200px) {
.taxonamyPro .product-cat .product-archive .product-archive-list .description-tax .desc-tt {
font-size: 1.8rem;
}
}
@media only screen and (max-width: 800px) {
.taxonamyPro .product-cat .product-archive .product-archive-list .description-tax .desc-tt {
font-size: 1.6rem;
}
}
.taxonamyPro .product-cat .product-archive .product-archive-list .description-tax .desc-list-check {
margin: 2rem 0;
}
.taxonamyPro .product-cat .product-archive .product-archive-list .description-tax .desc-list-check li {
margin-bottom: 1rem;
}
.taxonamyPro .product-cat .product-archive .product-archive-list .description-tax .desc-list-check li img {
padding-right: 0.5rem;
} @media screen and (min-width:769px) {
.section-policy-ct .elementor-nav-menu {
display: flex !important;
flex-direction: column !important;
}
.section-policy-ct .elementor-element {}
.section-policy-ct .elementor-column.elementor-col-33 .elementor-widget-wrap.elementor-element-populated {
border-right: .2rem solid #EBEBEB;
}
.section-policy-ct .elementor-widget-wrap>.elementor-element {
padding-right: 2rem;
}
.section-policy-ct .elementor-nav-menu {
overflow-x: unset !important;
}
.section-policy-ct .elementor-container.elementor-column-gap-default {
margin-top: 4rem !important;
margin-bottom: 9rem !important;
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
border-radius: 1.6rem;
}
.section-policy-ct .menu-item {
margin-left: -2rem !important;
}
.section-policy-ct .elementor-column.elementor-col-33 {
padding: 5.6rem 0rem;
border-radius: 1.6rem 0rem 0rem 1.6rem;
}
.section-policy-ct .elementor-column.elementor-col-66 {
border-radius: 0rem 1.6rem 1.6rem 0rem;
padding: 5.6rem 0rem;
}
.section-policy-ct .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
background-color: unset !important;
}
.section-policy-ct .elementor-item {
border-radius: unset !important;
color: #4B4B4B;
border: none !important;
padding-left: 3.2rem !important;
}
.section-policy-ct .elementor-item:hover {
color: white !important;
}
.section-policy-ct .elementor-item.elementor-item-active {
color: white !important;
position: relative;
}
.section-policy-ct .menu-item.current-menu-item::before {
content: "";
position: absolute;
left: 0rem;
bottom: -0.6rem;
border-top: 0.7rem solid currentColor;
border-left: 1rem solid transparent;
filter: brightness(60%);
opacity: 1 !important;
}
.section-policy-ct .menu-item:hover::before {
opacity: 1;
transition: all 0.4s
}
.section-policy-ct .menu-item::before {
content: "";
position: absolute;
left: 0rem;
bottom: -0.6rem;
border-top: 0.7rem solid currentColor;
border-left: 1rem solid transparent;
filter: brightness(60%);
transition: all 0.4s;
opacity: 0;
}
.section-policy-ct .elementor-nav-menu li a {
border: none !important;
}
.section-policy-ct .elementor-heading-title,
.section-policy-ct .elementor-element p {
padding: 0 5.6rem;
}
}
@media only screen and (max-width: 1024px) {
.section-policy-ct .menu-item {
margin-left: 0rem !important;
}
}
@media only screen and (max-width: 767px) {
.section-policy-ct .elementor-column.elementor-col-33 {
border-radius: 1.6rem 1.6rem 0rem 0rem;
padding: 0rem !important;
}
.section-policy-ct .elementor-column.elementor-col-66 {
border-radius: 0rem 0rem 1.6rem 1.6rem;
padding: 2.6rem 0;
}
.section-policy-ct .elementor-heading-title,
.section-policy-ct .elementor-element p {
padding: 0 2.6rem;
}
}
@media only screen and (max-width: 599px) {
.section-policy-ct .elementor-heading-title,
.section-policy-ct .elementor-element p {
padding: 0 .6rem;
}
}
.page .elementor-nav-menu {
overflow-x: scroll;
}
.page .elementor-nav-menu li a {
text-wrap: nowrap;
}
::-webkit-scrollbar { }
.promotion-advertisement {
grid-gap: unset !important;
}
.promotion-introduce {
margin-left: 6.3rem;
}
@media only screen and (max-width: 1140px) {
.promotion-deal--birthday {
font-size: 2.6rem;
}
.promotion-deal--product__title {
font-size: 2.7rem;
}
}
@media only screen and (max-width: 1024px) {
.promotion-product-type {
grid-template-columns: repeat(2, 1fr);
}
.promotion-introduce {
margin-left: 4.3rem;
}
.promotion-deal {
padding: 4rem 0rem 0rem 0rem;
}
}
@media (max-width: 992px) {
.promotion-product-type {
grid-template-columns: repeat(1, 1fr);
margin-bottom: 4.7rem;
}
.promotion-advertisement {
margin-bottom: 4.7rem;
}
}
@media only screen and (max-width: 850px) {
.promotion-deal--birthday {
font-size: 2.1rem;
}
.promotion-deal--product__title {
font-size: 2.2rem;
}
.promotion-advertisement {
display: block;
}
.promotion-introduce {
margin-left: 0rem;
}
.promotion-infor {
border: 0rem;
}
}
@media (max-width: 599px) {
.promotion-product-type--infor {
width: 90%;
}
.promotion-product-type--title {
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
max-width: 10rem !important;
}
.promotion-deal {
margin-top: 0;
margin-bottom: 0;
}
.promotion-product-type--discount {
font-size: 5.7rem;
height: auto;
}
.promotion-deal--image {
margin-top: -8.4rem;
}
.promotion-product-type {
margin-bottom: 2.7rem !important;
}
.promotion-deal--image img {
max-width: 10rem;
}
.promotion-deal--title {
max-width: 10rem;
}
}
@media only screen and (max-width: 370px) {
.promotion-introduce {
margin-left: 0rem;
}
.promotion-product-type--discount {
font-size: 3.7rem;
height: auto;
}
.promotion-product-type--title {
max-width: 14.5rem;
}
}
.promotion-product-type--image img {
width: 100%;
height: 100%;
}
.promotion-product-type--infor {
width: unset;
}
.promotion-product-type--title {
max-width: 21rem;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
text-overflow: ellipsis;
}
.promotion-advertisement {
margin-top: 6.4rem;
margin-bottom: 9rem;
padding: 0 1.5rem;
}
.promotion-product-type {
padding: 0 1.5rem;
margin-bottom: 9rem;
}
.promotion-deal {
margin-top: 0rem;
margin-bottom: 0;
padding-top: 4rem;
} .footer-sp-it:not(:first-child) {
margin-top: 1.6rem;
}
.footer-sp-it .left {
flex-wrap: wrap;
}
.footer-sp-it .left br {
display: none;
}
.footer-sp-it .left .txt {
white-space: nowrap;
}
@media screen and (min-width:769px) {
.section-add-cart-item .elementor-element .elementor-widget-container .shopengine-swatches form {
padding-top: 1rem !important;
}
.section-add-cart-item .elementor-element .elementor-widget-container .shopengine-swatches form::before,
.section-add-cart-item .elementor-element .elementor-widget-container .shopengine-swatches form::after {
content: none !important;
}
.section-add-cart-item .elementor-element .elementor-widget-container .shopengine-swatches form .quantity-wrap.both {
width: calc(50% - 0.5rem) !important;
margin: 0 !important;
}
.section-add-cart-item .elementor-element .elementor-widget-container .shopengine-swatches form .quantity-wrap.both .minus {
border-color: #c20e34 !important;
}
.section-add-cart-item .elementor-element .elementor-widget-container .shopengine-swatches form .quantity-wrap.both .plus {
border-color: #c20e34 !important;
}
.section-add-cart-item .elementor-element .elementor-widget-container .shopengine-swatches form .quantity-wrap.both .quantity {
border-color: #c20e34 !important;
}
.section-add-cart-item .elementor-element .elementor-widget-container .shopengine-swatches form .quantity-wrap.both .quantity input {
width: 100% !important;
}
.section-add-cart-item .elementor-element .elementor-widget-container .shopengine-swatches form .single_add_to_cart_button.button {
width: calc(50% - 0.5rem) !important;
white-space: nowrap !important;
}
}
.slider-top--image {
aspect-ratio: 444/333;
}
.slider-top--image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.home-deal-slide-it .inner .info .down_btn {
width: fit-content;
}
.contact-info-box .info-icon {
margin-top: 0.5rem;
}
.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
background-color: transparent !important;
color: #C20E34 !important;
}
.select2-container--default .select2-results__option--selected {
background-color: transparent !important;
color: #C20E34 !important;
}
.single-product .shopengine-gallery-slider.my-custom-class .woocommerce-product-gallery__image {
width: var(--width-slide) !important;
}
.header-bot .header-lg .header-action-it .ic {
animation: Ring 1s linear infinite;
position: relative;
z-index: 2;
}
.header-bot .header-lg .header-action-it {
position: relative;
}
.header-bot .header-lg .header-action-it::after {
content: '';
height: 100%;
width: 100%;
border-radius: 100rem;
position: absolute;
background-color: #ff8585;
animation: grows 2s linear infinite;
}
.header-bot .header-lg .header-action-it::before {
content: '';
height: 100%;
width: 100%;
border-radius: 100rem;
position: absolute;
background-color: #ff8585;
animation: grows 2s linear infinite 1s;
}
@keyframes grows {
0% {
opacity: 1;
transform: scale(0.9);
}
100% {
opacity: 0;
transform: scale(1.4);
}
}
@keyframes Ring {
0% {
transform: rotate(0) scale(1) skew(1deg);
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
transform: rotate(0) scale(1) skew(1deg);
}
100% {
transform: rotate(0) scale(1) skew(1deg);
}
}
@media screen and (min-width:1201px) {
.header-cate-bd .cate-nav .menu-list>.menu-item:hover>.cate-nav-side {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
}
@media screen and (max-width:350px) {
.header-cate-hd .txt {
font-size: 1rem;
white-space: nowrap;
}
}
.header-cate-bd .cate-nav .menu-link .menu-text {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.promotion-deal--birthday {
font-size: 2.4rem;
}
.ninja-sticker .btn-close {
position: absolute;
top: 0;
left: 1.8rem;
color: red;
cursor: pointer;
}
@media screen and (max-width:768px) {
.ninja-sticker .btn-close {
position: absolute;
top: -1rem;
left: 1.8rem;
color: red;
}
}
.ninja-sticker.close {
display: none;
}
.single_variation_wrap .price {
flex-direction: row-reverse;
justify-content: left;
gap: 0.8rem;
}
.single_variation_wrap .price .info-prc-old {
font-weight: 400;
}
.single_variation_wrap .price .info-prc-new {
color: #C20E34;
font-size: 20px;
font-weight: 700;
} .shopengine-table__body-item--td .product-thumbnail img {
width: 90px !important;
}
.shopengine-table__body-item--td .variation dt,
.shopengine-table__body-item--td .variation dt,
.shopengine-table__body-item--td .variation dt {
width: 8rem;
font-size: 1rem;
}
.shopengine-table__body-item--td .variation dd,
.shopengine-table__body-item--td .variation dd,
.shopengine-table__body-item--td .variation dd {
width: calc(100% - 8.5rem);
font-size: 1rem;
}
.shopengine-table__body-item--td .variation p,
.shopengine-table__body-item--td .variation p,
.shopengine-table__body-item--td .variation p {
margin: 0 !important;
}
.home-deal-slide-it .price-variation {
flex-direction: row-reverse;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: left;
gap: 0.5rem;
}
.home-deal-slide-it .price-variation del {
font-size: 1.2rem;
}
.home-deal-slide-it .price-variation ins {
color: #C20E34;
font-weight: 700;
font-size: 1.6rem;
text-decoration: none;
}
.home-deal-slide-it .inner .info-prc-new bdi {
color: #C20E34;
font-size: 1.6rem !important;
font-weight: 700;
}
.shopengine-product-price .price-variation del {
font-size: 20px;
color: #C20E34;
font-weight: 700;
font-family: "Open Sans" !important;
}
.shopengine-product-price .price-variation del bdi {
text-decoration: none !important;
}
.shopengine-product-price .price-variation ins {} @media screen and (min-width:1201px) {
.header-cate-bd .cate-nav .menu-list>.menu-item:hover>.menu-list {
opacity: 1;
transform: translateY(0);
pointer-events: visible;
visibility: visible;
}
.header-cate-bd .cate-nav .menu-list>.menu-item:hover>.cate-nav-side {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
.header-cate-bd .cate-nav .menu-item:hover>.menu-link {
color: #C20E34 !important;
}
.header-cate:hover .header-cate-bd {
transform: translateY(0);
opacity: 1;
pointer-events: visible;
visibility: visible;
}
}
.section-add-cart-item .variations .value .reset_variations {
height: 4rem;
border-radius: 0.4rem;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem 2rem;
margin: 0;
width: fit-content;
border: 0.1rem solid #C20E34;
color: #C20E34;
margin: 0;
}
.section-add-cart-item .variations .value .reset_variations:hover {
background-color: #C20E34;
color: white;
}
.section-add-cart-item .variations .value select {
min-width: unset !important;
}
.section-add-cart-item .single_variation_wrap .added_to_cart {
border-radius: 0.4rem;
text-align: center;
border: 0.1rem solid #C20E34;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
}
.section-add-cart-item .single_variation_wrap .added_to_cart:hover {
background-color: #C20E34;
color: white;
}
.ez-toc-list li::after {
display: none;
}
.section-side-prod .elementor-post__title {
text-align: left !important;
}
.mona-custom-column-pd {
padding: 0;
margin-left: 1rem;
padding-left: 1rem;
width: calc(30% - 1rem);
border-left: 0.1rem solid gray;
}
.mona-custom-column-pd .elementor-widget-wrap.elementor-element-populated .product--sate-text {
margin: 0;
border: none;
border-bottom: 0.1rem solid gray;
} @media screen and (min-width:1201px) {
.custom-2-column>.elementor-container .elementor-column:nth-child(2) .elementor-widget-wrap {
padding-left: 1rem;
margin-left: 1rem;
border-left: 0.1rem solid rgba(0, 0, 0, 0.2);
height: 100%;
}
.custom-2-column>.elementor-container .elementor-column:nth-child(2) .elementor-widget-wrap>.elementor-element:first-child {
height: 50%;
border-bottom: 0.1rem solid rgba(0, 0, 0, 0.2);
}
.custom-2-column>.elementor-container .elementor-column:nth-child(2) .elementor-widget-wrap>.elementor-element .mona-box-sale-percent {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
}
.custom-2-column>.elementor-container .elementor-column:nth-child(2) .elementor-widget-wrap>.elementor-element .mona-box-pd-stock {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
}
}
@media screen and (max-width:1200px) {
.custom-2-column>.elementor-container .elementor-column:nth-child(2) .elementor-widget-wrap {
margin-top: 2.4rem;
}
}
@media screen and (max-width:768px) {
.custom-2-column>.elementor-container .elementor-column:nth-child(2) .elementor-widget-wrap {
margin-bottom: 2.4rem;
}
}
.custom-2-column>.elementor-container .elementor-column:nth-child(2) .elementor-widget-wrap>.elementor-element .mona-box-sale-percent .slp-label {
font-size: 1.8rem;
color: #C20E34;
text-align: center;
}
.custom-2-column>.elementor-container .elementor-column:nth-child(2) .elementor-widget-wrap>.elementor-element .mona-box-sale-percent .slp-ct {
font-size: 1.8rem;
color: #C20E34;
text-align: center;
font-weight: 700;
} .custom-2-column>.elementor-container .elementor-column:nth-child(2) .elementor-widget-wrap>.elementor-element .mona-box-pd-stock .pds-label {
font-size: 1.6rem;
color: black;
text-align: center;
}
.custom-2-column>.elementor-container .elementor-column:nth-child(2) .elementor-widget-wrap>.elementor-element .mona-box-pd-stock .pds-ct {
font-size: 1.8rem;
color: #C20E34;
text-align: center;
font-weight: 700;
} .mona-cs-sku {
margin-top: 2.4rem;
margin-bottom: 0 !important;
}
.mona-cs-sku .product_meta .sku_wrapper {
padding: 0.5rem !important;
padding-left: 0 !important;
font-weight: 700 !important;
}
.mona-cs-sku .product_meta .sku_wrapper .sku {
font-weight: 400 !important;
margin-left: calc(25% + 1rem);
}
.mona-cs-adit .woocommerce-product-attributes-item .woocommerce-product-attributes-item__label,
.mona-cs-adit .woocommerce-product-attributes-item .woocommerce-product-attributes-value {
padding: 0.5rem !important;
padding-left: 0 !important;
}
.mona-cs-adit .woocommerce-product-attributes-item .woocommerce-product-attributes-item__label {
color: #000000;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 17px !important;
white-space: nowrap;
}
.mona-cs-adit .woocommerce-product-attributes-item .woocommerce-product-attributes__value {
color: #000000 !important;
font-size: 17px !important;
line-height: 17px !important;
}
.custom-empty {
display: none !important;
}
.custom-2-column .shopengine-product-price .price {
display: flex;
align-items: unset !important;
justify-content: flex-end;
flex-direction: row-reverse;
flex-wrap: nowrap;
gap: 0.5rem;
}
.custom-2-column .shopengine-product-price .price .info-prc-old::after{
display: none;
}
.btn-2 {
background-color: #C20E34 !important;
border: 0.1rem solid white !important;
color:white !important;
margin: auto !important;
margin-top: 2.4rem !important;
}
.product_meta {
overflow-y: auto;
max-height: 3.4rem;
} .section-img-pd-dt .woocommerce-product-gallery  .flex-viewport {
border: 0.2rem solid #C20E34;
}
.section-img-pd-dt .woocommerce-product-gallery .shopengine-gallery-wrapper .flex-control-thumbs {
width: unset !important;
margin: 0 -0.7rem !important;
margin-top: 1.4rem !important;
}
.section-img-pd-dt .woocommerce-product-gallery .shopengine-gallery-wrapper .flex-control-thumbs li {
padding-left: 0.7rem !important;
padding-right: 0.7rem !important;
}
.section-img-pd-dt .woocommerce-product-gallery .shopengine-gallery-wrapper .flex-control-thumbs li img {
border: 0.2rem solid #C20E34 !important;
border-radius: 0 !important;
}
.section-img-pd-dt .elementor-widget-shopengine-single-product-images  {
border: none !important;
}
.custom-2-column>.elementor-container .elementor-column:nth-child(2) .elementor-widget-wrap>.elementor-element:first-child {
height: 100%;
border-bottom: none;
}
.section-product-infomations .section-add-cart-item .elementor-container.elementor-column-gap-default {
border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.custom-2-column>.elementor-container .elementor-column:nth-child(2) .elementor-widget-wrap>.elementor-element:first-child >.elementor-widget-container {
height: 100%;
}
.custom-2-column>.elementor-container .elementor-column:nth-child(2) .elementor-widget-wrap>.elementor-element:first-child >.elementor-widget-container >.elementor-shortcode {
height: 100%;
} .section-product-infomations .section-add-cart-item .elementor-widget-wrap.elementor-element-populated {
padding-bottom: 1rem !important;
} .section-add-cart-item .product--sate-text {
background: #c20e34 !important;
}
.section-add-cart-item .product--sate-text .discount-notes-single-product {
color: white !important;
}
.section-add-cart-item .product--sate-text span.discount-notes-single-product {
background: none !important;
-webkit-background-clip: unset !important;
-webkit-text-fill-color: unset !important;
animation: none !important;
}
.section-add-cart-item .woocommerce-product-details__short-description {
padding: 1rem;
border: 0.4rem dashed #dbdbdb;
}
.section-add-cart-item .woocommerce-product-details__short-description strong {
}
.section-add-cart-item .shopengine-product-price .price {
gap: 2rem !important;
align-items: end !important;
} 
.section-product-infomations .section-add-cart-item .elementor-widget-container .shopengine-product-price .price .info-prc-old bdi {
color: #C20E34 !important;
}
.section-product-infomations .section-add-cart-item .elementor-widget-container .shopengine-product-price .price .info-prc-new bdi {
font-size: 35px !important;
}
@media screen and (max-width:1200px) {
.section-product-infomations .section-add-cart-item .elementor-widget-container .shopengine-product-price .price .info-prc-new bdi {
font-size: 25px !important;
}
}
@media screen and (max-width:800px) {
.section-product-infomations .section-add-cart-item .elementor-widget-container .shopengine-product-price .price .info-prc-new bdi {
font-size: 20px !important;
}
}
@media screen and (max-width:800px) {}
@media screen and (max-width:768px) {
.custom-2-column>.elementor-container .elementor-column:nth-child(2) .elementor-widget-wrap {
margin: 0 !important;
}
.section-product-infomations .shopengine-widget .shopengine-product-excerpt .woocommerce-product-details__short-description {
margin: 1rem 0 !important;
}
} .section-news .elementor-pagination{
flex-wrap: wrap;
}
.taxonamyPro .label-origin:before {
flex-shrink: 0;
}
.taxonamyPro .label-origin {
align-items: unset;
}
.select2-container .select2-selection--single {
height: 4.4rem !important;
}
.wpt_table_body .select2-container--open .select2-dropdown {
top: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 4.4rem !important;
}  .distri-banner .swiper-slide {
clip-path: inset(0 100% 0 0);
transition: all 1s ease;
}
.distri-banner .swiper-slide.swiper-slide-active {
clip-path: inset(0 0 0 0);
}
.distri-banner-img {
padding-top: calc(540 / 1200 * 100%);
width: 100%;
position: relative;
overflow: hidden;
}
.distri-banner-img img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.distri .sh-des-play.cus-2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.distri-intro {
margin: 5rem 0;
}
.distri-intro .about-us-video {
border: .2rem solid #C20E34;
border-radius: 1rem;
}
.distri-commit .about-us-video--bg .img,
.distri-intro .about-us-video--bg .img {
width: 100%;
position: relative;
padding-top: calc(500/900 * 100%);
overflow: hidden;
}
.distri-commit .about-us-video.video .about-us-video--play,
.distri-intro .about-us-video.video .about-us-video--play {
display: none;
}
.distri-commit .about-us-video--bg .img video,
.distri-intro .about-us-video--bg .img video,
.distri-commit .about-us-video--bg .img iframe,
.distri-intro .about-us-video--bg .img iframe,
.distri-commit .about-us-video--bg .img img,
.distri-intro .about-us-video--bg .img img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.distri-commit .about-us-video--bg img,
.distri-intro .about-us-video--bg img {
display: block;
}
.distri-intro .txt {
text-align: center;
max-width: 100%;
width: 80%;
margin: 0 auto 2rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
} .distri-contact {
display: flex;
display: -webkit-flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
margin: 2rem 0;
}
.btn-fur {
font-family: "Open Sans";
position: relative;
font-size: 1.6rem;
color: #ffffff;
background-color: #C20E34;
font-weight: 600;
line-height: 120%;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
border-radius: 10rem;
cursor: pointer;
border: .1rem solid #C20E34;
overflow: hidden;
transition: all .3s ease;
}
.btn-fur.btn-pad-1 {
padding: 1rem 2rem;
}
.btn-fur .btn-txt,
.btn-fur {
z-index: 1;
}
.btn-fur::after {
position: absolute;
content: '';
right: 0;
top: 0;
bottom: 0;
width: 0;
background-color: white;
z-index: -1;
transition: all .3s ease;
}
.btn-fur:hover::after {
width: 100%;
left: 0;
}
.btn-fur:hover .btn-txt {
color: #C20E34;
}
.distri-social {
display: flex;
display: -webkit-flex;
align-items: flex-end;
flex-wrap: wrap;
gap: .6rem;
margin: 1rem 0;
}
.distri-social-list {
display: flex;
display: -webkit-flex;
gap: 1rem;
}
.distri-social-item {
border-radius: 100%;
overflow: hidden;
transition: all .3s ease;
}
.distri-social-item:hover {
transform: translateY(-.6rem);
}
.distri-social-txt {
font-weight: 600;
}
.distri-social-link {
display: flex;
display: -webkit-flex;
align-items: center;
width: 3rem;
height: 3rem;
transition: all .3s ease;
}
.distri-social-link img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.Pd .inner {
padding: 3rem 1rem;
}
.Pd .popup-wrapper {
position: static;
}
.Pd-item {
display: flex;
flex-direction: column;
gap: .4rem;
}
.Pd-item:not(:last-child) {
margin-bottom: 1rem;
}
.Pd .popup-main {
width: 60rem;
}
.Pd-item .select2-container--default .select2-selection--single {
border-color: #2d2d2d;
}
.frm-lb {
font-weight: 600;
position: relative;
}
.frm-lb.spec::after {
content: '*';
color: red;
}
.frm-input {
font-weight: 600;
font-family: "Open Sans";
font-size: 1.4rem;
width: 100%;
padding: 1rem;
border: .1rem solid #2d2d2d;
outline: none;
border-radius: .8rem;
}
.Pd .btn-third {
margin: 2rem auto 0;
}
.distri-commit{
position: relative;
padding-top: 3rem;
}
.distri-commit .title-slide{
color: white;
}
.distri-commit::before{
position: absolute;
content: '';
left: 0;
right: 0;
top: 0;
height: 50%;
background-color: #C20E34;
}
.distri-commit,
.distri-partner {
margin: 5rem 0;
}
.distritabSwiper {
margin-bottom: 1.5rem;
padding-bottom: 1rem;
width: 100%;
}
.swiper-scrollbar {
display: none;
height: 0.3rem;
width: 100% !important;
margin: 1rem 0.8rem 0;
overflow: hidden;
border-radius: 10rem;
background: #c6c6c6;
cursor: -webkit-grab;
cursor: grab;
}
.distritabSwiper .swiper-slide {
height: auto;
width: fit-content;
}
.distritabSwiper .swiper-slide .item {
display: flex;
display: -webkit-flex;
flex-direction: column;
gap: 1rem;
align-items: center;
}
.distritabSwiper .swiper-slide .txt {
font-size: 1.4rem;
font-weight: 500;
color: white;
padding: .5rem 1rem;
border-radius: 10rem;
background-color: #C20E34;
text-align: center;
width: fit-content;
}
.distritabSwiper .swiper-slide .icon {
--wh: 6rem;
width: var(--wh);
height: var(--wh);
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 100%;
}
.distritabSwiper .swiper-slide .icon img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.distritabSwiper .swiper-pagination {
width: 100% !important;
}
.distri-tab-content {
margin-bottom: 2rem;
}
.distri-tab-content .distri-tab-txt {
text-align: center;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
text-overflow: ellipsis;
}
.distriPartner {
margin-bottom: 3rem;
overflow: visible;
}
.distriPartner .swiper-wrapper {
transition-timing-function: linear !important;
}
.distriPartner .swiper-slide {
border: .1rem solid #ae9d9d;
display: flex;
align-items: center;
justify-content: center;
height: auto;
width: fit-content !important;
transition: all .3s ease;
}
.distriPartner .swiper-slide:hover {
border-color: #C20E34;
}
.distriPartner .swiper-slide .item {
height: 100%;
padding: 1rem 2rem;
width: 18rem;
display: flex;
align-items: center;
justify-content: center;
}
.distriPartner .swiper-slide .item img {
width: 100%;
object-fit: contain;
}
.distri-bener {
margin: 5rem 0; background-color: #eeeff0;
}
.distri-bener .title-slide {
width: 70rem;
max-width: 100%;
margin: 0 auto 2rem;
}
.distri-bener-item {
display: flex;
display: -webkit-flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
gap: 1rem;
padding: 1rem 1rem;
background-color: white;
height: 100%;
}
.distri-bener-it {
margin-bottom: 1.2rem;
}
.distri-bener-img {
position: relative;
overflow: hidden;
padding-top: calc(400 / 600 * 100%);
width: 100%;
}
.distri-bener-img img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.distri-bener-content {
flex: 1;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
gap: 1rem;
}
.distri-bener-content .inner {
display: flex;
display: -webkit-flex;
align-items: center;
flex-direction: column;
gap: 1rem;
}
.distri-bener-content .tt {
font-size: 2rem;
font-weight: bold;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
transition: all .3s ease;
}
.distri-bener-content .txt {
font-size: 1.4rem;
font-weight: normal;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
transition: all .3s ease;
}
.distri-bener-content .btn-fur {
margin-top: auto;
width: 100%;
border-radius: .8rem;
}
.dostri-bener-head {
margin-bottom: 3rem;
}
.distri-bener-bdy {
margin-bottom: 3rem;
}
.distri-bener-bdy .title-slide {
width: 60rem;
max-width: 100%;
margin: 0 auto 2rem;
}
.distri-bener-list {
justify-content: center;
}
.distri-bener-in {
display: flex;
display: -webkit-flex;
flex-direction: column;
align-items: center;
gap: 1rem;
}
.distri-bener-in .img {
width: 50%;
position: relative;
}
.distri-bener-in .img::before {
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
top: 0;
border-radius: 100%;
border: .3rem dashed #C20E34;
animation: rotate 10s linear infinite;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.distri-bener-in .img-in {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
border-radius: 100%;
padding-top: calc(600/ 600 * 100%);
}
.distri-bener-in .tt {
font-size: 1.6rem;
text-align: center;
font-weight: 700;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
}
.distri-bener-in .img-in img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: block;
width: 70%;
object-fit: contain;
height: 70%;
}
.distri-bener-bot .title-slide {
width: 60rem;
max-width: 100%;
margin: 0 auto 2rem;
}
.distri {
overflow: hidden;
}
.distri-pns {
margin-bottom: 5rem;
position: relative;
overflow: hidden;
}
.distri-pns::before{
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
height: 50%;
background-color: #C20E34;
}
.distri-pns .about-us-video--bg .img {
width: 100%;
position: relative;
padding-top: calc(500 / 900* 100%);
overflow: hidden;
}
.distri-pns .about-us-video--bg .img img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.bener-slider {
position: relative;
}
.cmentSwiper .swiper-slide {
height: auto;
}
.cmentSwiper .swiper-pagination {
display: none;
}
.cmentSwiper .item {
height: 100%;
display: flex;
display: -webkit-flex;
flex-direction: column;
gap: 1.2rem;
padding: 1rem 0;
}
.cmentSwiper .item:hover .img::after {
transform: rotate(225deg);
}
.cmentSwiper .content {
flex: 1;
flex-direction: column;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
gap: .6rem;
}
.Pd-frm{
margin-bottom: 2.4rem;
}
.cmentSwiper .img {
margin: auto;
width: 60%;
position: relative;
}
.cmentSwiper .img::before {
position: absolute;
content: '';
top: -.5rem;
left: -.5rem;
right: -.5rem;
bottom: -.5rem;
border-width: .5rem;
border-style: solid;
border-left-color: #C20E34;
border-top-color: #C20E34;
border-right-color: transparent;
border-bottom-color: transparent;
border-radius: 100%;
transform: rotate(45deg);
transition: all .3s ease;
}
.cmentSwiper .img::after {
position: absolute;
content: '';
top: -.5rem;
left: -.5rem;
right: -.5rem;
bottom: -.5rem;
border-width: .5rem;
border-style: solid;
border-left-color: #C20E34;
border-top-color: #C20E34;
border-right-color: transparent;
border-bottom-color: transparent;
border-radius: 100%;
transform: rotate(45deg);
transition: all .3s ease;
}
.button-next {
right: 0;
}
.button-prev {
left: 0;
}
.button-next,
.button-prev {
position: absolute;
--wh: 3.5rem;
width: var(--wh);
height: var(--wh);
top: 50%;
border-radius: 100%;
border: .1rem solid #C20E34;
background-color: white;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
cursor: pointer;
overflow: hidden;
z-index: 1;
color: #C20E34;
transition: all .3s ease;
}
.button-next.swiper-button-disabled,
.button-prev.swiper-button-disabled {
pointer-events: none;
opacity: .5;
}
.button-next::before,
.button-prev::before {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
width: 0;
background-color: #C20E34;
z-index: -1;
transition: all .3s ease;
}
.button-next:hover,
.button-prev:hover {
color: white;
}
.button-next:hover::before,
.button-prev:hover:before {
width: 100%;
left: 0;
}
.cmentSwiper .img-in {
padding-top: calc(100/100 * 100%);
width: 100%;
border-radius: 100%;
position: relative;
overflow: hidden;
}
.cmentSwiper .img img {
width: 100%;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
}
.cmentSwiper .content .tag {
font-size: 1.6rem;
font-weight: 700;
overflow: hidden;
text-align: center;
display: block;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
}
.cmentSwiper .content .tt {
font-size: 1.8rem;
text-align: center;
line-height: 120%;
font-weight: 700;
color: #C20E34;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
}
.cmentSwiper .content .txt {
font-size: 1.6rem;
text-align: center;
font-weight: 500;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
text-overflow: ellipsis;
}
.bener-slider .swiper-pagination-bullet{
margin: 0 .4rem !important;
}
.swiper-pagination-bullet:after{
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction{
right: 0;
bottom: -1rem !important;
}
@media screen and (max-width: 800px) {
.distri-bener-col {
width: 50%;
}
}
@media screen and (max-width: 600px) {
.distri-intro .txt {
width: 100%;
}
.Pd-frm{
margin-bottom: 1.2rem;
}
.distri-intro .title-slide {
margin-bottom: 1rem;
}
.distritabSwiper .swiper-slide .txt {
font-size: 1.2rem;
}
.distri-bener-it {
width: 50%;
}
.bener-slider .swiper-pagination {
display: flex;
}
.bener-slider .button-next,
.bener-slider .button-prev {
display: none;
}
.distri-pns {
margin-bottom: 3rem;
}
.distri-intro,
.distri-commit,
.distri-partner {
margin: 3rem 0;
}
.distri-bener-content .tt{
font-size: 1.6rem;
}
.cmentSwiper .content .txt{
font-size: 1.4rem;
}
}
@media screen and (max-width: 400px) {
.distri-bener-it,
.distri-bener-col {
width: 100%;
}
} .product-cat .side-open-wrap::after{
content: "Lọc";
display: inline-block;
color: white;
margin-left: 1rem;
font-weight: 600;
font-family: "Roboto", sans-serif;
}
.product-cat .side-open {
width: fit-content;z-index: 10;
}
.product-cat .side-open-wrap {
width: fit-content;
padding: 0 1rem;
}