/*html{
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}*/
input[type="email"], textarea, select {
border-radius: 0 !important; }
button {
color: var(--shop-color-text); }
img {
max-width: 100%;
height: auto; }
.slick-slider .slick-track {
margin-left: initial;
padding-bottom: 1px; }
.slick-slider .slick-track div, .slick-slider .slick-track a, .slick-slider .slick-track a:focus, .slick-slider .slick-track div:focus, .slick-slider .slick-track article:focus, .slick-slider .slick-track article {
outline: 0 !important; }
.slick-slider .slick-track div img, .slick-slider .slick-track a img, .slick-slider .slick-track a:focus img, .slick-slider .slick-track div:focus img, .slick-slider .slick-track article:focus img, .slick-slider .slick-track article img {
padding: 0; }
.slick-slider .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: #0e6b38;
border: 1px solid #0e6b38;
outline: 0;
font-size: 0;
z-index: 1;
padding: 0;
color: #FFF;
width: 60px;
height: 60px;
border-radius: 100%;
transition: all .5s; }
@media (max-width: 480px) {
.slick-slider .slick-arrow {
display: none !important; } }
.slick-slider .slick-arrow:hover {
background: #FFF;
border-color: #0e6b38;
color: #333; }
.slick-slider .slick-arrow:hover:before {
border-color: #0e6b38; }
.slick-slider .slick-arrow:before {
content: "";
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
content: '';
height: 10px;
position: absolute;
top: 10px;
width: 10px;
z-index: 1;
left: 11px;
transform: rotate(-135deg); }
.slick-slider .slick-arrow.slick-disabled {
display: none; }
.slick-slider .slick-arrow.slick-prev {
left: 10px; }
@media (max-width: 768px) {
.slick-slider .slick-arrow.slick-prev {
left: 5px; } }
.slick-slider .slick-arrow.slick-next {
right: 10px; }
.slick-slider .slick-arrow.slick-next:before {
transform: rotate(45deg);
right: 11px;
left: unset; }
@media (max-width: 768px) {
.slick-slider .slick-arrow.slick-next {
right: 5px; } }
.slick-slider .slick-dots {
position: absolute;
bottom: 3.5%;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
z-index: 9; }
@media (max-width: 1024px) {
.slick-slider .slick-dots {
bottom: -10px; } }
.slick-slider .slick-dots li {
margin: 0 2.5px; }
.slick-slider .slick-dots li.slick-active button {
background: #0e6b38;
border: 1px solid #0e6b38;
width: 25px; }
.slick-slider .slick-dots li button {
outline: none;
box-shadow: none;
font-size: 0;
background: #FFF;
border: 1px solid rgba(0, 0, 0, 0.5);
width: 12.5px;
height: 12.5px;
transform: scale(0.75);
border-radius: 999px;
transition: all .5s; }
.overplay-all {
background: transparent;
border: none;
outline: none;
padding: 0;
box-shadow: none;
position: fixed;
inset: 0;
z-index: 99999999;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition: all .5s; }
body, html {
background: #f0f0f0;
margin: 0 auto;
font-size: 14.5px;
/*@media(max-width: 1200px){ font-size: 13.0px; }
@media(max-width: 1024px){ font-size: 12.5px; }
@media(max-width: 0991px){ font-size: 12.0px; }
@media(max-width: 0767px){ font-size: 11.5px; }
@media(max-width: 0480px){ font-size: 11.0px; }
@media(max-width: 0320px){ font-size: 10.5px; }*/ }
@media (max-width: 1520px) {
body, html {
font-size: 14.0px; } }
@media (max-width: 1400px) {
body, html {
font-size: 13.5px; } }
body .container-fluid, html .container-fluid {
max-width: 1366px;
margin: 0 auto; }
html.open-menudesk .overplay-all {
opacity: 1;
visibility: visible; }
html.open-menudesk .fheader {
z-index: 9999999999; }
html.open-menumob .overplay-all {
opacity: 1;
visibility: visible; }
html.open-menumob .fheader {
z-index: 9999999999; }
html.open-filter, html.open-filter body {
overflow: hidden; }
html.open-filter .overplay-all {
opacity: 1;
visibility: visible; }
html.open-filter .pcollection .pcollection-wrap .pcollection-sidebar .pcollection-sidebar-box .pcollection-sidebar-box-content {
opacity: 1;
visibility: visible;
transform: none; }
html.open-location .flocation {
z-index: 9999999999;
transform: none;
opacity: 1;
visibility: visible; }
html.open-location .fheader {
z-index: 9999999999; }
html.open-location .overplay-all {
opacity: 1;
visibility: visible; }
.product-item {
margin-bottom: 20px;
padding: 10%; }
@media (max-width: 768px) {
.product-item {
padding: 0; } }
.product-item .product-item-wrap {
background: #FFF;
transition: all .5s;
cursor: pointer;
position: relative; }
@media (min-width: 768px) {
.product-item .product-item-wrap {
max-width: 184.8px;
margin: 0 auto; } }
.product-item .product-item-wrap .product-item-image {
position: relative;
overflow: hidden;
padding: 10px; }
@media (max-width: 768px) {
.product-item .product-item-wrap .product-item-image {
padding: 7.5px 10px; } }
@media (max-width: 480px) {
.product-item .product-item-wrap .product-item-image {
padding: 5px 10px; } }
.product-item .product-item-wrap .product-item-image .product-item-link {
--aspect-ratio: 1/1;
position: relative;
display: block;
background: #FFF;
padding-bottom: clamp(100%, 100vh, calc(100% / (var(--aspect-ratio)))); }
.product-item .product-item-wrap .product-item-image .product-item-link img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: contain;
max-width: 100%;
max-height: 100%;
min-width: 1px;
min-height: 1px; }
.product-item .product-item-wrap .product-item-image .product-item-discount {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
background: #0e6b38;
padding: 2.5px 10px;
font-size: .85rem;
font-weight: bold;
color: #FFF !important;
border-radius: var(--border_radius); }
.product-item .product-item-wrap .product-item-action {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0 10px;
padding-bottom: 5px; }
.product-item .product-item-wrap .product-item-action > a, .product-item .product-item-wrap .product-item-action button {
background: transparent;
border: none;
outline: none;
padding: 0;
box-shadow: none;
border: 1px solid #0e6b38;
padding: 2.5px;
color: #0e6b38;
font-size: 1.05rem;
transition: all .5s; }
@media (max-width: 991px) {
.product-item .product-item-wrap .product-item-action > a, .product-item .product-item-wrap .product-item-action button {
font-size: .9rem; } }
@media (max-width: 768px) {
.product-item .product-item-wrap .product-item-action > a, .product-item .product-item-wrap .product-item-action button {
font-size: .85rem;
height: 26px;
display: grid;
place-items: center; } }
.product-item .product-item-wrap .product-item-action > a svg, .product-item .product-item-wrap .product-item-action button svg {
width: 20px;
height: 20px; }
.product-item .product-item-wrap .product-item-action > a:hover, .product-item .product-item-wrap .product-item-action button:hover {
background: #FFF !important;
border-color: #0e6b38 !important;
color: #0e6b38 !important; }
.product-item .product-item-wrap .product-item-action > a.shop-chooseColor-button, .product-item .product-item-wrap .product-item-action button.shop-chooseColor-button {
background: #0e6b38;
color: #FFF;
border-radius: 0 0 0 0;
grid-column: span 2;
text-align: center; }
.product-item .product-item-wrap .product-item-action > a.shop-chooseCall-button, .product-item .product-item-wrap .product-item-action button.shop-chooseCall-button {
background: #0e6b38;
color: #FFF;
border-radius: 0 0 0 0;
grid-column: span 2;
text-align: center; }
.product-item .product-item-wrap .product-item-action > a.shop-buyLoop-button, .product-item .product-item-wrap .product-item-action button.shop-buyLoop-button {
background: #0e6b38;
color: #FFF;
border-radius: 0 0 0 0; }
.product-item .product-item-wrap .product-item-action > a.shop-addLoop-button, .product-item .product-item-wrap .product-item-action button.shop-addLoop-button {
border-radius: 0 0 0 0;
background: rgba(14, 107, 56, 0.1); }
.product-item .product-item-wrap .product-item-detail {
padding: 10px; }
@media (max-width: 768px) {
.product-item .product-item-wrap .product-item-detail {
padding: 7.5px 10px; } }
@media (max-width: 480px) {
.product-item .product-item-wrap .product-item-detail {
padding: 5px 10px; } }
.product-item .product-item-wrap .product-item-detail .product-item-detail-info .product-item-detail-info-tag {
font-size: .75rem;
color: #AAA;
margin-left: 3px;
padding: 0px 5px;
border-radius: 0; }
.product-item .product-item-wrap .product-item-detail .product-item-detail-info .product-item-detail-info-tag:nth-of-type(1) {
background: #ebf0ff;
color: #1560f5; }
.product-item .product-item-wrap .product-item-detail .product-item-detail-info .product-item-detail-info-tag:nth-of-type(2) {
background: #ffebeb;
color: #f51517; }
@media (max-width: 360px) {
.product-item .product-item-wrap .product-item-detail .product-item-detail-info .product-item-detail-info-tag {
font-size: .7rem; } }
.product-item .product-item-wrap .product-item-detail .product-item-detail-name {
margin: 5px 0;
height: 20px;
font-size: 1.15rem;
font-weight: 500;
line-height: 20px;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box; }
.product-item .product-item-wrap .product-item-detail .product-item-detail-name a {
color: #23355c;
font-weight: bolder; }
.product-item .product-item-wrap .product-item-detail .product-item-detail-name a:hover {
color: #0e6b38; }
.product-item .product-item-wrap .product-item-detail .product-item-detail-price {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
min-height: 35px; }
.product-item .product-item-wrap .product-item-detail .product-item-detail-price span {
color: #fab500 !important;
display: inline-block;
font-size: 1.05rem;
font-weight: bolder;
margin-right: 10px; }
@media (max-width: 480px) {
.product-item .product-item-wrap .product-item-detail .product-item-detail-price span {
font-size: .85rem;
margin-right: 5px; } }
.product-item .product-item-wrap .product-item-detail .product-item-detail-price strike {
line-height: 1;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%; }
.product-item .product-item-wrap .product-item-detail .product-item-detail-price strike b {
font-weight: normal;
color: #ababab;
font-size: .85rem; }
@media (max-width: 480px) {
.product-item .product-item-wrap .product-item-detail .product-item-detail-price strike b {
font-size: .75rem; } }
.product-item.solution {
padding: 0;
position: relative;
overflow: hidden;
border-radius: 0;
margin: 0; }
.product-item.solution:hover h3 a {
color: #0e6b38; }
.product-item.solution:after {
display: none;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
-webkit-transition: .4s all ease-in-out;
transition: .4s all ease-in-out;
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
-webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
width: 100%;
height: 225px;
pointer-events: none;
content: ''; }
.product-item.solution .product-item-wrap {
max-width: 100% !important; }
.product-item.solution .product-item-wrap .product-item-image {
padding: 0 !important; }
.product-item.solution .product-item-wrap h3 {
position: relative;
padding: 15px 0 0;
text-align: left;
z-index: 11;
line-height: 1; }
.product-item.solution .product-item-wrap h3 a {
text-transform: uppercase;
transition: all .5s;
font-weight: bolder;
font-size: 1rem;
color: #23355c; }
.product-item.solution .product-item-wrap h3 a:hover {
color: #0e6b38; }
.product-item.calculate {
padding: 0; }
.product-item.calculate:hover .product-item-wrap h3 a {
color: #0e6b38; }
.product-item.calculate .product-item-wrap {
padding: 15px;
max-width: 100% !important; }
.product-item.calculate .product-item-wrap .product-item-image {
padding: 0 !important; }
.product-item.calculate .product-item-wrap .product-item-image a {
padding: 0 !important;
aspect-ratio: 4/3.5; }
.product-item.calculate .product-item-wrap .product-item-image a img {
position: relative;
transform: none !important;
top: inherit !important;
left: inherit !important;
height: 100% !important;
width: 100% !important;
object-fit: cover !important; }
.product-item.calculate .product-item-wrap h3 {
margin: 1.25rem 0 0.75rem; }
@media (max-width: 768px) {
.product-item.calculate .product-item-wrap h3 {
margin: 2.25rem 0 0.85rem; } }
@media (max-width: 480px) {
.product-item.calculate .product-item-wrap h3 {
margin: 2.0rem 0 0.85rem; } }
.product-item.calculate .product-item-wrap h3 a {
text-transform: uppercase;
transition: all .5s;
font-weight: bolder;
font-size: 1.15rem;
color: #23355c; }
@media (max-width: 480px) {
.product-item.calculate .product-item-wrap h3 a {
font-size: 1rem; } }
.product-item.calculate .product-item-wrap p {
font-size: .9rem;
margin-bottom: 0;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box; }
.fheader {
background: #FFF;
position: sticky;
top: 0;
height: min-content;
z-index: 999;
border-top: 5px solid #0e6b38;
box-shadow: 0 0 1px 1.5px rgba(0, 0, 0, 0.05); }
.fheader .fheader-wrap {
display: grid;
align-items: center;
grid-template-columns: 15% 5% 10% 1fr 5% 7.5% 5%;
padding: 5px 0;
gap: 15px;
position: relative; }
@media (max-width: 1200px) {
.fheader .fheader-wrap {
position: initial;
display: flex;
flex-wrap: wrap; } }
@media (max-width: 480px) {
.fheader .fheader-wrap {
padding: 7.5px 0; } }
@media (max-width: 360px) {
.fheader .fheader-wrap {
gap: 10px 5px; } }
@media (max-width: 1200px) {
.fheader .fheader-wrap .fheader-logo {
width: 20%;
text-align: left; } }
@media (max-width: 768px) {
.fheader .fheader-wrap .fheader-logo {
width: 25%;
text-align: left; } }
@media (max-width: 480px) {
.fheader .fheader-wrap .fheader-logo {
width: 100%;
text-align: left; } }
.fheader .fheader-wrap .fheader-logo img {
max-height: 35px;
margin: 0 auto; }
.fheader .fheader-wrap .fheader-menu {
text-align: center;
border-right: 1px solid #23355c; }
@media (max-width: 1200px) {
.fheader .fheader-wrap .fheader-menu {
border-right: none; } }
.fheader .fheader-wrap .fheader-menu button {
background: transparent;
border: none;
outline: none;
padding: 0;
box-shadow: none; }
.fheader .fheader-wrap .fheader-menu button img {
max-height: 35px; }
@media (max-width: 1200px) {
.fheader .fheader-wrap .fheader-menu button img {
max-height: 25px; } }
@media (max-width: 768px) {
.fheader .fheader-wrap .fheader-menu button img {
max-height: 20px; } }
@media (max-width: 360px) {
.fheader .fheader-wrap .fheader-menu button img {
max-height: 17.5px; } }
.fheader .fheader-wrap .fheader-location button {
background: transparent;
border: none;
outline: none;
padding: 0;
box-shadow: none;
font-size: .95rem;
line-height: 1.35;
color: #23355c;
text-align: left; }
@media (max-width: 1200px) {
.fheader .fheader-wrap .fheader-location button {
font-size: 0.9rem; } }
@media (max-width: 360px) {
.fheader .fheader-wrap .fheader-location button {
font-size: 0.85rem; } }
.fheader .fheader-wrap .fheader-location button:hover {
color: #0e6b38; }
@media (max-width: 1200px) {
.fheader .fheader-wrap .fheader-search {
width: 100%;
order: 7; } }
.fheader .fheader-wrap .fheader-search form {
max-width: 85%;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
position: relative; }
@media (max-width: 1200px) {
.fheader .fheader-wrap .fheader-search form {
max-width: 100%; } }
.fheader .fheader-wrap .fheader-search form input {
outline: #0e6b38;
border: none;
background: rgba(14, 107, 56, 0.1);
flex: 1;
height: 35px;
padding: 0 20px;
border-radius: 999px;
color: #23355c;
font-size: 1rem; }
.fheader .fheader-wrap .fheader-search form input::placeholder {
color: #23355c;
font-size: 1rem; }
.fheader .fheader-wrap .fheader-search form button {
background: transparent;
border: none;
outline: none;
padding: 0;
box-shadow: none;
position: absolute;
top: 0;
right: 0;
width: 35px;
height: 35px;
background: #0e6b38;
border-radius: 999px;
color: #FFF; }
.fheader .fheader-wrap .fheader-search form button svg {
width: 26px;
height: 26px;
fill: #FFF; }
.fheader .fheader-wrap .fheader-search form button svg * {
fill: #FFF; }
@media (max-width: 991px) {
.fheader .fheader-wrap .fheader-search form button svg {
width: 24px;
height: 24px; } }
.fheader .fheader-wrap .fheader-account {
text-align: center; }
@media (max-width: 1200px) {
.fheader .fheader-wrap .fheader-account {
margin-left: auto; } }
.fheader .fheader-wrap .fheader-account a {
background: transparent;
border: none;
outline: none;
padding: 0;
box-shadow: none; }
.fheader .fheader-wrap .fheader-account a img {
max-height: 1.5rem; }
@media (max-width: 1024px) {
.fheader .fheader-wrap .fheader-account a img {
max-height: 1.4rem; } }
@media (max-width: 768px) {
.fheader .fheader-wrap .fheader-account a img {
max-height: 1.3rem; } }
@media (max-width: 360px) {
.fheader .fheader-wrap .fheader-account a img {
max-height: 1.2rem; } }
.fheader .fheader-wrap .fheader-language {
text-align: center;
line-height: 1; }
.fheader .fheader-wrap .fheader-language button {
background: transparent;
border: none;
outline: none;
padding: 0;
box-shadow: none;
font-size: 1.25rem;
font-weight: 300;
line-height: 1; }
@media (max-width: 1200px) {
.fheader .fheader-wrap .fheader-language button {
font-size: 1.15rem; } }
@media (max-width: 768px) {
.fheader .fheader-wrap .fheader-language button {
font-size: 1.10rem; } }
@media (max-width: 360px) {
.fheader .fheader-wrap .fheader-language button {
font-size: 0.85rem; } }
.fheader .fheader-wrap .fheader-language button:hover {
color: #0e6b38; }
.fheader .fheader-wrap .fheader-cart {
text-align: center; }
.fheader .fheader-wrap .fheader-cart a {
background: transparent;
border: none;
outline: none;
padding: 0;
box-shadow: none; }
.fheader .fheader-wrap .fheader-cart a img {
max-height: 1.5rem; }
@media (max-width: 1024px) {
.fheader .fheader-wrap .fheader-cart a img {
max-height: 1.4rem; } }
@media (max-width: 768px) {
.fheader .fheader-wrap .fheader-cart a img {
max-height: 1.3rem; } }
@media (max-width: 360px) {
.fheader .fheader-wrap .fheader-cart a img {
max-height: 1.2rem; } }
.fheader .fheader-wrap .fheader-cart a span {
color: #0e6b38; }
section.section {
margin-bottom: 32px; }
@media (max-width: 767px) {
section.section {
margin-bottom: 16px; } }
.fhome-slider img {
width: 100%;
border-bottom: 7px solid #D8E6DF; }
@media (max-width: 768px) {
.fhome-slider img {
border-width: 3px; } }
.fhome-slider .fhome-slider-items:not(.slick-slider) {
display: grid;
grid-auto-flow: column;
overflow: hidden;
width: 100%; }
.fhome-slider .fhome-slider-items:not(.slick-slider) > * {
min-width: 0; }
@media (min-width: 1200px) {
.fhome-slider .fhome-slider-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 1); }
.fhome-slider .fhome-slider-items:not(.slick-slider) > *:nth-child(n+2), .fhome-slider .fhome-slider-items:not(.slick-slider) > *:nth-child(n+2) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 1200px) {
.fhome-slider .fhome-slider-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 1); }
.fhome-slider .fhome-slider-items:not(.slick-slider) > *:nth-child(n+2), .fhome-slider .fhome-slider-items:not(.slick-slider) > *:nth-child(n+2) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 1024px) {
.fhome-slider .fhome-slider-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 1); }
.fhome-slider .fhome-slider-items:not(.slick-slider) > *:nth-child(n+2), .fhome-slider .fhome-slider-items:not(.slick-slider) > *:nth-child(n+2) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 991px) {
.fhome-slider .fhome-slider-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 1); }
.fhome-slider .fhome-slider-items:not(.slick-slider) > *:nth-child(n+2), .fhome-slider .fhome-slider-items:not(.slick-slider) > *:nth-child(n+2) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 768px) {
.fhome-slider .fhome-slider-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 1); }
.fhome-slider .fhome-slider-items:not(.slick-slider) > *:nth-child(n+2), .fhome-slider .fhome-slider-items:not(.slick-slider) > *:nth-child(n+2) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 480px) {
.fhome-slider .fhome-slider-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 1); }
.fhome-slider .fhome-slider-items:not(.slick-slider) > *:nth-child(n+2), .fhome-slider .fhome-slider-items:not(.slick-slider) > *:nth-child(n+2) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 480px) {
.fhome-slider .fhome-slider-items.slick-slider .slick-dots {
bottom: 5%; } }
.fhome-slider .fhome-slider-items.slick-slider .slick-arrow {
display: none !important; }
.fhome-slider .fhome-slider-items.slick-slider .slick-arrow:before {
top: 20px;
width: 20px;
height: 20px;
left: 22.5px; }
@media (min-width: 991px) {
.fhome-slider .fhome-slider-items.slick-slider .slick-arrow.slick-prev {
left: 10%; } }
@media (min-width: 991px) {
.fhome-slider .fhome-slider-items.slick-slider .slick-arrow.slick-next {
right: 10%; } }
.fhome-slider .fhome-slider-items.slick-slider .slick-arrow.slick-next:before {
right: 22.5px; }
section.fhome-catalog {
margin-bottom: 15px; }
section.fhome-catalog h2 {
font-size: 1.6rem;
color: #23355c;
margin: 30px 0; }
@media (max-width: 1024px) {
section.fhome-catalog h2 {
font-size: 1.75rem;
margin: 22.5px 0; } }
@media (max-width: 768px) {
section.fhome-catalog h2 {
font-size: 1.50rem;
margin: 15px 0; } }
section.fhome-catalog .fhome-catalog-items {
display: flex;
flex-wrap: nowrap;
overflow: auto hidden;
gap: 5px; }
@media (max-width: 1024px) {
section.fhome-catalog .fhome-catalog-items {
padding-bottom: 15px; } }
section.fhome-catalog .fhome-catalog-items .fhome-catalog-item {
flex: 1;
background: #FFF;
padding: 5px 10px;
color: #0e6b38;
font-weight: bold;
font-size: 1.05rem;
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left;
min-width: 163px;
/*@include m1200{ min-width: 25vw; }
@include m0991{ min-width: 35vw; }
@include m0480{ min-width: 45vw; }*/ }
section.fhome-catalog .fhome-catalog-items .fhome-catalog-item:hover {
background: #0e6b38;
color: #FFF; }
/*.fhome-productone{
.fhome-productone-wrap{
background: #FFF;
padding: 12.5px 15px;
display: grid;
grid-template-columns: 150px 1fr;
gap: 45px;
@include m1024{ grid-template-columns: 1fr; gap: 15px; }
h2{
font-size: 1.75rem;
font-weight: normal;
min-width: 0;
border-right: 2px solid $color1;
display: flex;
align-items: center;
justify-content: center;
padding-right: 30px;
color: $color3;
@include m1350{ font-size: 1.65rem}
@include m1024{ font-size: 1.55rem; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #CCC; padding-right: 0; border-right: none; }
@include m0767{ font-size: 1.45rem; }
a{ color: $color3; }
}
.fhome-productone-items{
min-width: 0;
flex: 1;
padding-right: 15px;
.fhome-productone-item{
@include fixPadding;
.product-item{
padding-top: 0 !important;
padding-bottom: 0 !important;
.product-item-wrap{
@include m0767(min){
max-width: 184.8px; margin: 0 auto;
}
}
}
}
.slick-arrow{
width: 30px;
height: 30px;
line-height: 20px;
display: flex !important;
@include dFlex;
&.slick-prev{ left: -15px; }
&.slick-next{
right: 5px;
@include m0767{ right: -15px; }
}
}
.slick-dots{ display: none !important; }
}
}
}*/
.fhome-productone .fhome-productone-wrap {
background: #FFF;
display: grid;
grid-template-columns: 5.75% 1fr;
gap: 30px;
background: #FFF;
padding: 15px;
padding-right: 30px; }
@media (max-width: 1024px) {
.fhome-productone .fhome-productone-wrap {
grid-template-columns: 1fr;
gap: 15px;
padding-right: 0; } }
@media (max-width: 768px) {
.fhome-productone .fhome-productone-wrap {
padding-right: 15px; } }
.fhome-productone .fhome-productone-wrap h2 {
font-size: 1.25rem;
line-height: 2.75;
font-weight: normal;
min-width: 0;
display: flex;
align-items: center;
justify-content: flex-start;
padding-right: 10px;
order: 1;
text-align: left;
text-transform: uppercase;
border-right: 1px solid #000;
margin: 0; }
@media (max-width: 1024px) {
.fhome-productone .fhome-productone-wrap h2 {
border-right: none;
border-bottom: 1px solid #000;
font-size: 1.15rem;
line-height: 1.5;
order: inherit;
justify-content: center;
text-align: center;
font-size: 1.55rem;
padding: 10px; } }
.fhome-productone .fhome-productone-wrap h2 a {
color: #0e6b38;
font-weight: 500; }
@media (max-width: 1024px) {
.fhome-productone .fhome-productone-wrap h2 a br {
display: none; } }
.fhome-productone .fhome-productone-wrap .fhome-productone-items {
min-width: 0;
max-width: 90%;
margin: 0 auto;
order: 2; }
@media (max-width: 1024px) {
.fhome-productone .fhome-productone-wrap .fhome-productone-items {
max-width: 100%; } }
.fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) {
display: grid;
grid-auto-flow: column;
overflow: hidden;
width: 100%; }
.fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) > * {
min-width: 0; }
@media (min-width: 1200px) {
.fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 4); }
.fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) > *:nth-child(n+5), .fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) > *:nth-child(n+5) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 1200px) {
.fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 4); }
.fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) > *:nth-child(n+5), .fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) > *:nth-child(n+5) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 1024px) {
.fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 3); }
.fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) > *:nth-child(n+4), .fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) > *:nth-child(n+4) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 991px) {
.fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 2); }
.fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) > *:nth-child(n+3), .fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) > *:nth-child(n+3) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 768px) {
.fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 2); }
.fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) > *:nth-child(n+3), .fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) > *:nth-child(n+3) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 480px) {
.fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 2); }
.fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) > *:nth-child(n+3), .fhome-productone .fhome-productone-wrap .fhome-productone-items:not(.slick-slider) > *:nth-child(n+3) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
.fhome-productone .fhome-productone-wrap .fhome-productone-items.slick-slider .slick-arrow {
width: 30px;
height: 30px;
line-height: 20px;
display: flex !important;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
.fhome-productone .fhome-productone-wrap .fhome-productone-items.slick-slider .slick-arrow.slick-prev {
left: -35px; }
@media (max-width: 1024px) {
.fhome-productone .fhome-productone-wrap .fhome-productone-items.slick-slider .slick-arrow.slick-prev {
left: -30px; } }
.fhome-productone .fhome-productone-wrap .fhome-productone-items.slick-slider .slick-arrow.slick-next {
right: -35px; }
@media (max-width: 1024px) {
.fhome-productone .fhome-productone-wrap .fhome-productone-items.slick-slider .slick-arrow.slick-next {
right: -30px; } }
.fhome-productone .fhome-productone-wrap .fhome-productone-items.slick-slider .slick-dots {
display: none !important; }
@media (max-width: 768px) {
.fhome-productone .fhome-productone-wrap .fhome-productone-items .fhome-productone-item {
padding-left: 5px;
padding-right: 5px; } }
@media (min-width: 768px) {
.fhome-productone .fhome-productone-wrap .fhome-productone-items .fhome-productone-item {
padding-left: 10px;
padding-right: 10px; } }
.fhome-productone .fhome-productone-wrap .fhome-productone-items .fhome-productone-item .product-item {
margin: 0;
padding: 0; }
@media (min-width: 768px) {
.fhome-productone .fhome-productone-wrap .fhome-productone-items .fhome-productone-item .product-item .product-item-wrap {
max-width: 184.8px;
margin: 0 auto; } }
.fhome-boxbannerone {
display: flex;
flex-direction: column; }
@media (max-width: 991px) {
.fhome-boxbannerone {
flex: none !important;
width: 100%; } }
.fhome-boxbannerone h2 {
color: #23355c;
margin-bottom: 10px;
font-size: 1.6rem; }
.fhome-boxbannerone p {
font-size: .9rem;
margin: 10px 0 !important;
/*@include m0767{ margin: 20px 0 30px !important;}
@include m0480{ margin: 10px 0 15px !important;}*/ }
.fhome-boxbannerone img {
width: 100%;
/*aspect-ratio: 2 / 1;
height: 100%;
object-fit: cover;
object-position: top;
@include m1024{ object-fit: contain; }
@include m0767{ aspect-ratio: auto; }*/ }
.fhome-boxbannerone span {
display: block;
text-align: center;
padding: 4px 10px;
background: #0e6b38;
border: 1px solid #0e6b38;
color: #FFF;
font-size: 1.25rem;
transition: all .5s;
margin-top: auto; }
.fhome-boxbannerone span:hover {
background: #FFF;
color: #0e6b38; }
@media (max-width: 768px) {
.fhome-boxbannerone span {
padding: 5px 5px;
font-size: 1rem;
margin-top: 15px; } }
.fhome-boxbannertwo {
display: flex;
flex-direction: column; }
@media (max-width: 991px) {
.fhome-boxbannertwo {
flex: none !important;
width: 100%; } }
.fhome-boxbannertwo h2 {
color: #23355c;
margin-bottom: 10px;
font-size: 1.6rem; }
.fhome-boxbannertwo p {
font-size: .9rem;
margin: 10px 0 !important;
/*@include m0767{ margin: 20px 0 30px !important; }
@include m0480{ margin: 10px 0 15px !important; } */ }
.fhome-boxbannertwo img {
width: 100%;
/*aspect-ratio: 2 / 1;
height: 100%;
object-fit: cover;
object-position: top;
@include m1024{ object-fit: contain; }
@include m0767{ aspect-ratio: auto; }*/ }
.fhome-boxbannertwo span {
display: block;
text-align: center;
padding: 4px 10px;
background: #0e6b38;
border: 1px solid #0e6b38;
color: #FFF;
font-size: 1.25rem;
margin-top: auto;
transition: all .5s; }
.fhome-boxbannertwo span:hover {
background: #FFF;
color: #0e6b38; }
@media (max-width: 768px) {
.fhome-boxbannertwo span {
padding: 5px 5px;
font-size: 1rem;
margin-top: 15px; } }
@media (max-width: 991px) {
.fhome-seen {
flex: none !important;
width: 100%; } }
.fhome-seen .fhome-seen-items {
display: flex;
justify-content: center;
align-items: center; }
.fhome-seen .fhome-seen-items .product-item {
width: 52.5%;
margin: 0 auto;
transform: scale(1.025);
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 5%; }
@media (max-width: 1200px) {
.fhome-seen .fhome-seen-items .product-item {
width: 65%; } }
@media (max-width: 991px) {
.fhome-seen .fhome-seen-items .product-item {
width: 100%;
transform: scale(1); } }
.fhome-seen .fhome-seen-items .product-item:not(:fitst-child) {
display: none !important; }
.fhome-seen .fhome-seen-items .product-item .product-item-wrap {
max-width: 100% !important; }
@media (max-width: 768px) {
.fhome-seen .fhome-seen-items .product-item .product-item-wrap .product-item-image .product-item-link {
aspect-ratio: 1;
padding-bottom: inherit;
max-height: 184px;
margin: 0 auto; } }
.index-flex .index-flex-items {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
gap: 10px; }
.index-flex .index-flex-items .index-flex-item {
background: #FFF;
flex: 1;
padding: 15px;
transition: all .5s; }
.index-flex .index-flex-items .index-flex-item:hover {
box-shadow: 0 0 5px 0.5px rgba(0, 0, 0, 0.1); }
.index-flex .index-flex-items .index-flex-item:hover h2, .index-flex .index-flex-items .index-flex-item:hover h3, .index-flex .index-flex-items .index-flex-item:hover span {
color: #0e6b38; }
.index-flex .index-flex-items .index-flex-item h2 {
font-size: 1.5rem;
text-align: center;
transition: all .5s;
color: #23355c; }
.index-flex .index-flex-items .index-flex-item p {
margin-top: 15px; }
.index-flex .index-flex-items .index-flex-item ul li {
text-align: center; }
.fhome-producttwo {
margin-top: 35px; }
@media (max-width: 1024px) {
.fhome-producttwo {
margin-top: 16px; } }
.fhome-producttwo h2 {
color: #23355c;
margin-bottom: 35px;
font-size: 1.6rem; }
@media (max-width: 1024px) {
.fhome-producttwo h2 {
margin-bottom: 16px; } }
.fhome-producttwo .fhome-producttwo-wrap {
background: #FFF;
padding: 10px 45px; }
@media (max-width: 768px) {
.fhome-producttwo .fhome-producttwo-wrap {
padding: 15px; } }
@media (max-width: 768px) {
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items .fhome-producttwo-item {
padding-left: 5px;
padding-right: 5px; } }
@media (min-width: 768px) {
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items .fhome-producttwo-item {
padding-left: 10px;
padding-right: 10px; } }
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items .fhome-producttwo-item .product-item {
margin: 0; }
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) {
display: grid;
grid-auto-flow: column;
overflow: hidden;
width: 100%; }
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) > * {
min-width: 0; }
@media (min-width: 1200px) {
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 5); }
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) > *:nth-child(n+6), .fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) > *:nth-child(n+6) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 1200px) {
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 5); }
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) > *:nth-child(n+6), .fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) > *:nth-child(n+6) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 1024px) {
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 4); }
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) > *:nth-child(n+5), .fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) > *:nth-child(n+5) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 991px) {
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 3); }
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) > *:nth-child(n+4), .fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) > *:nth-child(n+4) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 768px) {
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 2); }
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) > *:nth-child(n+3), .fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) > *:nth-child(n+3) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 480px) {
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 2); }
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) > *:nth-child(n+3), .fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items:not(.slick-slider) > *:nth-child(n+3) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items.slick-slider .slick-arrow {
width: 30px;
height: 30px;
line-height: 20px;
display: flex !important;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items.slick-slider .slick-arrow.slick-prev {
left: -30px; }
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items.slick-slider .slick-arrow.slick-next {
right: -20px; }
@media (max-width: 768px) {
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items.slick-slider .slick-arrow.slick-next {
right: -30px; } }
.fhome-producttwo .fhome-producttwo-wrap .fhome-producttwo-items.slick-slider .slick-dots {
display: none !important; }
.fhome-solution h2 {
color: #23355c;
margin-bottom: 32px;
font-size: 1.6rem; }
@media (max-width: 1024px) {
.fhome-solution h2 {
font-size: 1.75rem;
margin-bottom: 16px; } }
@media (max-width: 768px) {
.fhome-solution h2 {
font-size: 1.5rem; } }
.fhome-solution .fhome-solution-items {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px; }
@media (max-width: 768px) {
.fhome-solution .fhome-solution-items {
grid-template-columns: 1fr 1fr; } }
.fhome-solution .fhome-solution-items .fhome-solution-item {
background: #FFF;
padding: 15px;
transition: all .5s; }
.fhome-solution .fhome-solution-items .fhome-solution-item .product-item {
margin: 0; }
.fhome-solution .fhome-solution-items .fhome-solution-item .product-item .product-item-wrap {
padding: 0; }
.fhome-solution .fhome-solution-items .fhome-solution-item:hover {
box-shadow: 0 0 5px 0.5px rgba(0, 0, 0, 0.1); }
.fhome-solution .fhome-solution-items .fhome-solution-item:hover h3 {
color: #0e6b38; }
.fhome-solution .fhome-solution-items .fhome-solution-item h3 {
color: #23355c;
font-weight: bolder;
font-size: 1.25rem;
margin: 25px 0 10px;
text-transform: uppercase;
transition: all 5s; }
.fhome-solution .fhome-solution-items .fhome-solution-item h3 a {
overflow: hidden;
-webkit-box-orient: vertical;
display: -webkit-box;
line-height: 1.4;
-webkit-line-clamp: 2;
height: calc(1em*1.4*2); }
@media (max-width: 768px) {
.fhome-solution .fhome-solution-items .fhome-solution-item h3 a {
font-size: 1rem;
-webkit-line-clamp: 3;
height: calc(1em*1.4*3); } }
.fhome-solution .fhome-solution-items .fhome-solution-item p {
margin-bottom: 10px; }
.fhome-solution .fhome-solution-more {
text-align: center;
margin: 30px 0; }
@media (max-width: 480px) {
.fhome-solution .fhome-solution-more {
margin: 15px 0; } }
.fhome-solution .fhome-solution-more a {
color: #23355c;
font-size: 1.5rem;
font-weight: bolder; }
@media (max-width: 1024px) {
.fhome-solution .fhome-solution-more a {
font-size: 1.25rem; } }
@media (max-width: 768px) {
.fhome-solution .fhome-solution-more a {
font-size: 1rem; } }
.fhome-solution .fhome-solution-more a:hover {
color: #0e6b38; }
section.fhome-icons {
margin-bottom: 32px; }
@media (max-width: 1024px) {
section.fhome-icons {
margin-bottom: 24px; } }
@media (max-width: 768px) {
section.fhome-icons {
margin-bottom: 16px; } }
section.fhome-icons h2 {
color: #23355c;
margin-bottom: 32px;
font-size: 1.6rem; }
@media (max-width: 1024px) {
section.fhome-icons h2 {
font-size: 1.75rem;
margin-bottom: 16px; } }
@media (max-width: 768px) {
section.fhome-icons h2 {
font-size: 1.5rem; } }
section.fhome-icons .fhome-icons-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
margin-bottom: 32px; }
section.fhome-icons .fhome-icons-items > * {
min-width: 0; }
@media (max-width: 1024px) {
section.fhome-icons .fhome-icons-items {
margin-bottom: 24px; } }
@media (max-width: 768px) {
section.fhome-icons .fhome-icons-items {
margin-bottom: 16px; } }
section.fhome-icons .fhome-icons-items .fhome-icons-item {
background: #FFF;
padding: 15px;
transition: all .5s;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center; }
@media (max-width: 768px) {
section.fhome-icons .fhome-icons-items .fhome-icons-item {
padding: 7.5px;
justify-content: center;
align-items: flex-end; } }
@media (max-width: 480px) {
section.fhome-icons .fhome-icons-items .fhome-icons-item {
padding: 5px; } }
@media (max-width: 360px) {
section.fhome-icons .fhome-icons-items .fhome-icons-item {
padding: 2.5px; } }
section.fhome-icons .fhome-icons-items .fhome-icons-item a {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center; }
@media (max-width: 768px) {
section.fhome-icons .fhome-icons-items .fhome-icons-item a {
flex-wrap: wrap; } }
section.fhome-icons .fhome-icons-items .fhome-icons-item a:hover span {
color: #0e6b38; }
section.fhome-icons .fhome-icons-items .fhome-icons-item a img {
max-height: 30px;
margin-right: 15px; }
@media (max-width: 768px) {
section.fhome-icons .fhome-icons-items .fhome-icons-item a img {
max-width: 50px;
margin: 0 auto 7.5px; } }
section.fhome-icons .fhome-icons-items .fhome-icons-item a span {
font-size: 1.3rem;
text-align: center;
font-weight: bolder;
color: #23355c;
transition: all .5s;
line-height: 1; }
@media (max-width: 768px) {
section.fhome-icons .fhome-icons-items .fhome-icons-item a span {
font-size: 1rem;
display: block;
width: 100%; } }
@media (max-width: 480px) {
section.fhome-icons .fhome-icons-items .fhome-icons-item a span {
font-size: .8rem; } }
@media (max-width: 360px) {
section.fhome-icons .fhome-icons-items .fhome-icons-item a span {
font-size: .7rem; } }
.fhome-productthree h2 {
color: #23355c;
margin-bottom: 32px;
font-size: 1.6rem; }
@media (max-width: 1024px) {
.fhome-productthree h2 {
font-size: 1.75rem;
margin-bottom: 16px; } }
@media (max-width: 768px) {
.fhome-productthree h2 {
font-size: 1.5rem; } }
.fhome-productthree .fhome-productthree-wrap {
background: #FFF;
padding: 10px 45px; }
@media (max-width: 768px) {
.fhome-productthree .fhome-productthree-wrap {
padding: 15px; } }
@media (max-width: 768px) {
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items .fhome-productthree-item {
padding-left: 5px;
padding-right: 5px; } }
@media (min-width: 768px) {
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items .fhome-productthree-item {
padding-left: 10px;
padding-right: 10px; } }
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items .fhome-productthree-item .product-item {
margin: 0; }
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) {
display: grid;
grid-auto-flow: column;
overflow: hidden;
width: 100%; }
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) > * {
min-width: 0; }
@media (min-width: 1200px) {
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 5); }
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) > *:nth-child(n+6), .fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) > *:nth-child(n+6) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 1200px) {
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 5); }
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) > *:nth-child(n+6), .fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) > *:nth-child(n+6) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 1024px) {
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 4); }
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) > *:nth-child(n+5), .fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) > *:nth-child(n+5) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 991px) {
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 3); }
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) > *:nth-child(n+4), .fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) > *:nth-child(n+4) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 768px) {
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 2); }
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) > *:nth-child(n+3), .fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) > *:nth-child(n+3) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
@media (max-width: 480px) {
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) {
grid-auto-columns: calc(100% / 2); }
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) > *:nth-child(n+3), .fhome-productthree .fhome-productthree-wrap .fhome-productthree-items:not(.slick-slider) > *:nth-child(n+3) * {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
content-visibility: hidden;
contain-intrinsic-size: 0 0; } }
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items.slick-slider .slick-arrow {
width: 30px;
height: 30px;
line-height: 20px;
display: flex !important;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items.slick-slider .slick-arrow.slick-prev {
left: -30px; }
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items.slick-slider .slick-arrow.slick-next {
right: -20px; }
@media (max-width: 768px) {
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items.slick-slider .slick-arrow.slick-next {
right: -30px; } }
.fhome-productthree .fhome-productthree-wrap .fhome-productthree-items.slick-slider .slick-dots {
display: none !important; }
@media (hover: hover) {
.fhome-boxiconone:hover a span, .fhome-boxicontwo:hover a span {
background: transparent;
color: #0e6b38; } }
@media (max-width: 991px) {
.fhome-boxiconone, .fhome-boxicontwo {
flex: none !important;
width: 100%; } }
.fhome-boxiconone a h2, .fhome-boxicontwo a h2 {
text-align: left !important;
font-size: 1.6rem;
color: #23355c; }
@media (max-width: 768px) {
.fhome-boxiconone a h2, .fhome-boxicontwo a h2 {
font-size: 1.25rem !important; } }
@media (max-width: 480px) {
.fhome-boxiconone a h2, .fhome-boxicontwo a h2 {
font-size: 1rem !important; } }
.fhome-boxiconone a span, .fhome-boxicontwo a span {
display: block;
text-align: center;
padding: 5px 10px;
background: #0e6b38;
border: 1px solid #0e6b38;
color: #FFF;
font-size: 1.25rem;
margin-top: 35px;
transition: all .5s; }
@media (max-width: 768px) {
.fhome-boxiconone a span, .fhome-boxicontwo a span {
padding: 5px 5px;
font-size: 1rem;
margin-top: 15px; } }
.fhome-boxiconone a img, .fhome-boxicontwo a img {
width: 100%; }
@media (min-width: 991px) {
.fhome-map {
padding-bottom: 50px; } }
@media (max-width: 991px) {
.fhome-map {
flex: none !important;
width: 100%; } }
.fhome-map:hover strong, .fhome-map:hover span {
color: #0e6b38 !important; }
.fhome-map h2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
color: #23355c;
font-size: 1.6rem; }
.fhome-map h2 strong {
font-size: 1.25rem; }
@media (max-width: 768px) {
.fhome-map h2 strong {
font-size: 1.25rem; } }
@media (max-width: 480px) {
.fhome-map h2 strong {
font-size: 1rem; } }
.fhome-map h2 span {
font-size: 16px;
font-weight: 300; }
.fhome-map p {
margin-bottom: 0;
font-size: 1rem;
text-align: left;
margin-top: 35px !important; }
.fhome-map p img {
width: 20px;
margin-top: 2.5px;
float: left; }
.fhome-map img {
width: 100%; }
.ffooter .ffooter-top {
background: #FFF;
padding: 30px; }
@media (max-width: 1200px) {
.ffooter .ffooter-top {
background: #FFF;
padding: 15px; } }
@media (min-width: 1200px) {
.ffooter .ffooter-top {
padding-left: 10px;
padding-right: 10px; } }
.ffooter .ffooter-top .ffooter-top-wrap {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
max-width: 59%;
gap: 30px;
margin: 0 auto; }
@media (max-width: 991px) {
.ffooter .ffooter-top .ffooter-top-wrap {
grid-template-areas: none;
grid-template-columns: 1fr;
max-width: 100%;
gap: 15px;
display: grid; }
.ffooter .ffooter-top .ffooter-top-wrap > * {
min-width: 0; } }
.ffooter .ffooter-top .ffooter-top-wrap .ffooter-newletter {
grid-area: ffooternewletter;
padding-right: 30px;
border-right: 1px solid #23355c;
border-radius: 0 !important; }
@media (max-width: 991px) {
.ffooter .ffooter-top .ffooter-top-wrap .ffooter-newletter {
grid-area: auto;
padding-right: 0;
padding-bottom: 15px;
border-right: none;
border-bottom: 1px solid #23355c; } }
.ffooter .ffooter-top .ffooter-top-wrap .ffooter-newletter form {
border-radius: 0 !important;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center; }
.ffooter .ffooter-top .ffooter-top-wrap .ffooter-newletter form h4 {
margin-bottom: 15px;
width: 100%; }
.ffooter .ffooter-top .ffooter-top-wrap .ffooter-newletter form p {
margin-bottom: 12.5px;
width: 100%;
font-size: .9rem; }
.ffooter .ffooter-top .ffooter-top-wrap .ffooter-newletter form input {
width: 90%;
padding: 0 15px;
height: 35px;
border: 1px solid rgba(14, 107, 56, 0.1);
background: rgba(14, 107, 56, 0.1);
font-size: 1rem;
color: #23355c;
border-radius: 0 !important; }
.ffooter .ffooter-top .ffooter-top-wrap .ffooter-newletter form input::placeholder {
font-size: 1rem;
color: #23355c; }
.ffooter .ffooter-top .ffooter-top-wrap .ffooter-newletter form button {
background: transparent;
border: none;
outline: none;
padding: 0;
box-shadow: none;
width: 10%;
height: 35px;
background: #0e6b38;
border: 1px solid #0e6b38; }
.ffooter .ffooter-top .ffooter-top-wrap .ffooter-newletter form button svg {
width: 15px;
height: 15px; }
.ffooter .ffooter-top .ffooter-top-wrap .ffooter-social {
grid-area: ffootersocial; }
@media (max-width: 991px) {
.ffooter .ffooter-top .ffooter-top-wrap .ffooter-social {
grid-area: auto; } }
.ffooter .ffooter-top .ffooter-top-wrap .ffooter-social h4 {
margin-bottom: 15px; }
.ffooter .ffooter-top .ffooter-top-wrap .ffooter-social p {
margin-bottom: 12.5px;
font-size: .9rem;
white-space: nowrap; }
@media (max-width: 480px) {
.ffooter .ffooter-top .ffooter-top-wrap .ffooter-social p {
white-space: initial; } }
.ffooter .ffooter-top .ffooter-top-wrap .ffooter-social .ffooter-social-items {
display: flex;
gap: 15px; }
.ffooter .ffooter-top .ffooter-top-wrap .ffooter-social .ffooter-social-items .ffooter-social-item img {
max-width: 35px; }
.ffooter .ffooter-mid {
margin: 25px auto;
padding: 0 10px 55px;
border-bottom: 1px solid #c6d0c3; }
@media (max-width: 991px) {
.ffooter .ffooter-mid {
padding: 0 0 30px; } }
.ffooter .ffooter-mid .ffooter-mid-items {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 30px; }
@media (max-width: 991px) {
.ffooter .ffooter-mid .ffooter-mid-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px; } }
@media (max-width: 768px) {
.ffooter .ffooter-mid .ffooter-mid-items {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px; } }
@media (max-width: 360px) {
.ffooter .ffooter-mid .ffooter-mid-items {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 15px; } }
.ffooter .ffooter-mid .ffooter-mid-items .ffooter-mid-item {
flex: 1; }
.ffooter .ffooter-mid .ffooter-mid-items .ffooter-mid-item h5 {
color: #23355c;
min-height: 25px; }
.ffooter .ffooter-mid .ffooter-mid-items .ffooter-mid-item ul li a {
display: block;
margin-bottom: 10px;
font-size: .9rem; }
.ffooter .ffooter-mid .ffooter-mid-items .ffooter-mid-item ul li a:hover {
color: #0e6b38; }
.ffooter .ffooter-bot {
display: grid;
grid-template-columns: 17.5% 1fr 38.5%;
gap: 30px;
margin: 0 auto 30px;
padding: 0 10px; }
@media (max-width: 991px) {
.ffooter .ffooter-bot {
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
grid-template-areas: ".... logo ...." "info info more"; } }
@media (max-width: 480px) {
.ffooter .ffooter-bot {
grid-template-columns: repeat(1, 1fr);
grid-template-areas: "logo" "info" "more"; } }
@media (max-width: 991px) {
.ffooter .ffooter-bot .ffooter-bot-logo {
grid-area: logo; } }
.ffooter .ffooter-bot .ffooter-bot-logo a {
display: block; }
@media (max-width: 991px) {
.ffooter .ffooter-bot .ffooter-bot-info {
grid-area: info; } }
.ffooter .ffooter-bot .ffooter-bot-info h5 {
padding-left: 15px;
margin-bottom: 0;
font-weight: bold;
color: #23355c;
position: relative;
line-height: 32.5px; }
.ffooter .ffooter-bot .ffooter-bot-info h5:before {
content: "";
position: absolute;
top: 3.5px;
bottom: 3.5px;
left: 0;
width: 5px;
display: inline-block;
background: #0e6b38; }
.ffooter .ffooter-bot .ffooter-bot-info .ffooter-bot-info-content {
line-height: 28.5px;
font-size: .9rem; }
.ffooter .ffooter-bot .ffooter-bot-info .ffooter-bot-info-content b {
font-size: 14px;
display: inline-block;
font-weight: bold;
color: #23355c;
min-width: 105px; }
@media (max-width: 991px) {
.ffooter .ffooter-bot .ffooter-bot-more {
grid-area: more; } }
.ffooter .ffooter-bot .ffooter-bot-more .ffooter-bot-more-content {
line-height: 30px;
font-size: .9rem; }
.ffooter .ffooter-bot .ffooter-bot-more .ffooter-bot-more-content b {
font-size: 14px;
display: inline-block;
font-weight: bold;
color: #23355c; }
.ffooter .ffooter-bot .ffooter-bot-more a {
display: inline-block;
margin: 5px 0; }
.ffooter .ffooter-bot .ffooter-bot-more a img {
max-height: 72.5px;
margin-left: -5px; }
.ffooter .ffooter-end {
background: #0e6b38; }
.ffooter .ffooter-end .ffooter-end-wrap {
padding: 15px 10px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center; }
@media (max-width: 991px) {
.ffooter .ffooter-end .ffooter-end-wrap {
padding: 15px 0; } }
.ffooter .ffooter-end .ffooter-end-wrap p {
margin: 0;
font-size: .9rem;
color: #FFF; }
.fmenu {
position: absolute;
top: calc(100%);
z-index: 1;
background: #FFF;
left: 0;
width: 285px;
text-align: left;
display: none;
box-shadow: 0 0 5px 0.5px rgba(0, 0, 0, 0.1); }
@media (max-width: 1024px) {
.fmenu {
width: 100vw; } }
.fmenu .fmenu-data .fmenu-level0 {
box-sizing: border-box;
position: relative; }
@media (max-width: 1200px) {
.fmenu .fmenu-data .fmenu-level0 {
max-height: 77.5vh;
overflow: hidden auto; } }
.fmenu .fmenu-data .fmenu-level0 > li {
transition: all .5s;
border-right: 5px solid #0e6b38; }
@media (max-width: 1200px) {
.fmenu .fmenu-data .fmenu-level0 > li {
position: relative; } }
.fmenu .fmenu-data .fmenu-level0 > li.hasChild.active > a span {
transform: rotate(90deg); }
.fmenu .fmenu-data .fmenu-level0 > li.hasChild.active .fmenu-level1 {
display: grid;
transform: none;
opacity: 1;
visibility: visible; }
@media (min-width: 1200px) {
.fmenu .fmenu-data .fmenu-level0 > li:hover {
background: #0e6b38; }
.fmenu .fmenu-data .fmenu-level0 > li:hover > a {
color: #FFF; }
.fmenu .fmenu-data .fmenu-level0 > li:hover .fmenu-level1 {
display: grid; } }
.fmenu .fmenu-data .fmenu-level0 > li a {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
font-size: 1rem;
color: #23355c;
font-weight: bold; }
@media (max-width: 1200px) {
.fmenu .fmenu-data .fmenu-level0 > li a {
display: inline-flex;
padding: 10px 0 10px 15px; } }
.fmenu .fmenu-data .fmenu-level0 > li a span {
transition: all .5s; }
@media (max-width: 1200px) {
.fmenu .fmenu-data .fmenu-level0 > li a span {
display: inline-block;
width: 40px;
text-align: center;
position: absolute;
right: 0; } }
.fmenu .fmenu-data .fmenu-level0 > li .fmenu-level1 {
display: none;
top: 0;
bottom: 0;
left: 100%;
width: calc(1344px - 285px);
background: #FFF;
position: absolute;
grid-template-columns: repeat(4, 1fr);
align-content: flex-start;
overflow: hidden auto;
box-shadow: 0 0 5px 0.5px rgba(0, 0, 0, 0.1); }
@media (max-width: 1200px) {
.fmenu .fmenu-data .fmenu-level0 > li .fmenu-level1 {
grid-template-columns: repeat(2, 1fr);
padding-left: 15px;
display: table-column;
position: relative;
top: inherit;
left: inherit;
bottom: inherit;
width: 100%;
box-shadow: none;
transform: scaleY(0);
transform-origin: top;
transition: all .5s;
opacity: 0;
visibility: hidden; } }
@media (max-width: 480px) {
.fmenu .fmenu-data .fmenu-level0 > li .fmenu-level1 {
grid-template-columns: repeat(1, 1fr); } }
.fmenu .fmenu-data .fmenu-level0 > li .fmenu-level1 > li > a {
font-weight: bold; }
.fmenu .fmenu-data .fmenu-level0 > li .fmenu-level1 > li > a:hover {
color: #0e6b38; }
.fmenu .fmenu-data .fmenu-level0 > li .fmenu-level1 > li .fmenu-level2 li a {
padding: 8px 15px;
font-weight: 300; }
.fmenu .fmenu-data .fmenu-level0 > li .fmenu-level1 > li .fmenu-level2 li a:hover {
color: #0e6b38; }
.flocation {
position: absolute;
top: calc(100%);
height: calc(100vh - 53px);
overflow: auto;
z-index: 1;
background: #FFF;
left: 0;
width: 375px;
text-align: left;
opacity: 0;
visibility: hidden;
transition: all .5s;
transform: translateX(-100%);
box-shadow: 0 0 5px 0.5px rgba(0, 0, 0, 0.1); }
.flocation::-webkit-scrollbar {
width: 0px; }
.flocation .flocation-data {
padding: 15px; }
.flocation .flocation-data h2.flocation-data-title {
color: #23355c;
font-size: 1.5rem;
margin-bottom: 15px; }
.flocation .flocation-data form.flocation-data-search {
position: relative;
margin-bottom: 15px; }
.flocation .flocation-data form.flocation-data-search input {
background: transparent;
border: none;
outline: none;
padding: 0;
box-shadow: none;
border: 1px solid rgba(14, 107, 56, 0.1);
background: rgba(14, 107, 56, 0.1);
width: 100%;
height: 35px;
padding: 0 15px;
color: #23355c; }
.flocation .flocation-data form.flocation-data-search input::placeholder {
color: #23355c; }
.flocation .flocation-data form.flocation-data-search button {
background: transparent;
border: none;
outline: none;
padding: 0;
box-shadow: none;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%); }
.flocation .flocation-data .flocation-data-items .flocation-data-item {
margin-bottom: 15px;
padding-bottom: 15px; }
.flocation .flocation-data .flocation-data-items .flocation-data-item:not(:last-child) {
border-bottom: 1px solid #23355c; }
.flocation .flocation-data .flocation-data-items .flocation-data-item strong {
color: #23355c;
font-size: 1rem;
display: block; }
.flocation .flocation-data .flocation-data-items .flocation-data-item span {
display: block; }
.flocation .flocation-data .flocation-data-items .flocation-data-item .flocation-data-item-viewmap {
display: block;
text-align: right; }
.flocation .flocation-data .flocation-data-items .flocation-data-item .flocation-data-item-viewmap:hover {
color: #0e6b38; }
.flocation .flocation-data .flocation-data-items .flocation-data-item .flocation-data-item-map {
margin-top: 10px; }
.flocation .flocation-data .flocation-data-items .flocation-data-item .flocation-data-item-map iframe {
width: 100%;
height: 100%;
aspect-ratio: 1; }
.pcolsolution .pcolsolution-banner {
border-bottom: 7px solid #D8E6DF; }
.pcolsolution .pcolsolution-banner img {
width: 100%; }
.pcolsolution .pcolsolution-wrap {
display: grid;
grid-template-columns: 20% 1fr;
margin-top: 15px;
gap: 15px; }
@media (max-width: 1024px) {
.pcolsolution .pcolsolution-wrap {
grid-template-columns: 25% 1fr; } }
@media (max-width: 991px) {
.pcolsolution .pcolsolution-wrap {
grid-template-columns: 30% 1fr; } }
@media (max-width: 768px) {
.pcolsolution .pcolsolution-wrap {
grid-template-columns: 1fr; } }
.pcolsolution .pcolsolution-wrap .pcolsolution-sidebar {
background: #FFF;
padding: 30px;
padding: 15px; }
@media (max-width: 1024px) {
.pcolsolution .pcolsolution-wrap .pcolsolution-sidebar {
padding: 15px; } }
@media (max-width: 768px) {
.pcolsolution .pcolsolution-wrap .pcolsolution-sidebar {
order: 2; } }
.pcolsolution .pcolsolution-wrap .pcolsolution-sidebar .pcolsolution-sidebar-items .pcolsolution-sidebar-item {
padding: 10px 0;
font-size: 1rem;
font-weight: normal;
cursor: pointer;
margin-bottom: 10px; }
@media (max-width: 1024px) {
.pcolsolution .pcolsolution-wrap .pcolsolution-sidebar .pcolsolution-sidebar-items .pcolsolution-sidebar-item {
margin-bottom: 0;
letter-spacing: .5px; } }
.pcolsolution .pcolsolution-wrap .pcolsolution-sidebar .pcolsolution-sidebar-items .pcolsolution-sidebar-item a {
color: #23355c; }
.pcolsolution .pcolsolution-wrap .pcolsolution-sidebar .pcolsolution-sidebar-items .pcolsolution-sidebar-item a:hover, .pcolsolution .pcolsolution-wrap .pcolsolution-sidebar .pcolsolution-sidebar-items .pcolsolution-sidebar-item a.active {
color: #0e6b38; }
.pcolsolution .pcolsolution-wrap .pcolsolution-main {
background: #FFF;
padding: 30px; }
@media (max-width: 1024px) {
.pcolsolution .pcolsolution-wrap .pcolsolution-main {
padding: 15px; } }
@media (max-width: 768px) {
.pcolsolution .pcolsolution-wrap .pcolsolution-main {
order: 1; } }
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-items {
display: flex;
flex-direction: column;
gap: 60px; }
@media (max-width: 1024px) {
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-items {
gap: 45px; } }
@media (max-width: 480px) {
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-items {
gap: 30px; } }
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-items .pcolsolution-main-item h2 {
font-weight: bolder;
padding-bottom: 15px;
margin-bottom: 60px;
border-bottom: 1px solid #CAC9C9; }
@media (max-width: 1024px) {
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-items .pcolsolution-main-item h2 {
margin-bottom: 30px;
font-size: 1.75rem; } }
@media (max-width: 480px) {
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-items .pcolsolution-main-item h2 {
margin-bottom: 15px;
font-size: 1.5rem; } }
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-items .pcolsolution-main-item h2 a {
color: #23355c; }
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-items .pcolsolution-main-item h2:hover a {
color: #0e6b38; }
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-items .pcolsolution-main-item .pcolsolution-main-item-product-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px; }
@media (max-width: 991px) {
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-items .pcolsolution-main-item .pcolsolution-main-item-product-items {
grid-template-columns: repeat(3, 1fr);
overflow: hidden;
gap: 15px; } }
@media (max-width: 768px) {
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-items .pcolsolution-main-item .pcolsolution-main-item-product-items {
grid-template-columns: repeat(2, 1fr);
overflow: hidden; } }
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-content {
font-size: 16px;
margin-top: 30px; }
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-content h2 {
font-weight: bolder;
padding-bottom: 15px;
margin-bottom: 30px;
border-bottom: 1px solid #CAC9C9;
color: #23355c;
transition: all .5s;
cursor: pointer; }
@media (max-width: 1024px) {
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-content h2 {
margin-bottom: 30px;
font-size: 1.75rem; } }
@media (max-width: 480px) {
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-content h2 {
margin-bottom: 15px;
font-size: 1.5rem; } }
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-content h2 a {
color: #23355c; }
.pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-content h2:hover, .pcolsolution .pcolsolution-wrap .pcolsolution-main .pcolsolution-main-content h2:hover a {
color: #0e6b38; }
.item-article .info-article .title-article {
text-transform: uppercase; }
.item-article .info-article .title-article h4 {
text-transform: uppercase; }
.item-article .info-article .title-article h4 a {
color: #23355c;
text-transform: uppercase; }
.item-article.loop .info-article .title-article {
text-transform: uppercase; }
.item-article.loop .info-article .title-article h4 {
text-transform: uppercase;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box; }
.item-article.loop .info-article .title-article h4 a {
color: #23355c;
text-transform: uppercase; }
.item-article.loop .info-article .view-article a {
color: #FFF;
background: #0e6b38; }
.item-article.sidebar {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
align-items: center; }
.item-article.sidebar:hover .info-article .title-article h4 a {
color: #0e6b38; }
.item-article.sidebar .media-article time {
display: none; }
.item-article.sidebar .info-article {
padding: 0; }
.item-article.sidebar .info-article .title-article h4 {
margin: 0; }
.item-article.sidebar .info-article .title-article h4 a {
height: auto;
display: block;
font-size: 1rem;
min-height: auto;
line-height: 1.75; }
@media (max-width: 480px) {
.item-article.sidebar .info-article .title-article h4 a {
font-size: .9rem; } }
.item-article.sidebar .info-article .short-article {
display: none; }
.item-article.sidebar .info-article .view-article {
display: none; }
.item-article.main {
background: #FFF;
padding: 30px;
padding: 15px; }
.item-article.main:hover .media-article a img {
transform: scale(1.05); }
.item-article.main:hover .info-article .title-article h4 a {
color: #0e6b38; }
.item-article.main .media-article a {
display: block;
overflow: hidden; }
.item-article.main .media-article a img {
transition: all .75s; }
.item-article.main .media-article time {
display: none; }
.item-article.main .info-article {
padding: 20px 0 15px; }
.item-article.main .info-article .title-article h4 {
margin: 0; }
.item-article.main .info-article .title-article h4 a {
height: auto;
display: block;
min-height: auto;
text-transform: uppercase;
font-size: 1.15rem;
line-height: 28px; }
@media (max-width: 480px) {
.item-article.main .info-article .title-article h4 a {
font-size: 1rem;
line-height: 26px; } }
.item-article.main .info-article .short-article {
display: none; }
.item-article.main .info-article .view-article {
display: none; }
.item-article.bigbox {
display: grid;
align-items: center;
grid-template-columns: repeat(2, 1fr);
gap: 30px; }
@media (max-width: 768px) {
.item-article.bigbox {
grid-template-columns: 1fr;
gap: 15px; } }
.item-article.bigbox .media-article {
min-width: 0;
order: 2; }
.item-article.bigbox .media-article img {
width: 100%; }
.item-article.bigbox .media-article time {
display: none; }
.item-article.bigbox .info-article {
padding: 30px; }
@media (max-width: 768px) {
.item-article.bigbox .info-article {
padding: 0; } }
.item-article.bigbox .info-article .title-article {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #CAC9C9; }
@media (max-width: 768px) {
.item-article.bigbox .info-article .title-article {
margin-bottom: 15px;
padding-bottom: 15px; } }
.item-article.bigbox .info-article .title-article h4 {
margin: 0; }
.item-article.bigbox .info-article .title-article h4:hover a {
color: #0e6b38; }
.item-article.bigbox .info-article .title-article h4 a {
color: #23355c;
text-transform: uppercase;
font-size: 2rem;
display: block;
min-height: inherit; }
@media (max-width: 1024px) {
.item-article.bigbox .info-article .title-article h4 a {
font-size: 1.9rem; } }
@media (max-width: 991px) {
.item-article.bigbox .info-article .title-article h4 a {
font-size: 1.8rem; } }
@media (max-width: 768px) {
.item-article.bigbox .info-article .title-article h4 a {
font-size: 1.7rem; } }
@media (max-width: 480px) {
.item-article.bigbox .info-article .title-article h4 a {
font-size: 1.6rem; } }
@media (max-width: 360px) {
.item-article.bigbox .info-article .title-article h4 a {
font-size: 1.5rem; } }
.item-article.bigbox .info-article .short-article {
display: block; }
.item-article.bigbox .info-article .view-article {
display: none; }
.item-article.signup {
display: grid;
grid-template-columns: 40% 1fr;
gap: 15px; }
@media (max-width: 991px) {
.item-article.signup {
grid-template-columns: 1fr; } }
.item-article.signup .media-article img {
height: 100%;
object-fit: cover; }
@media (max-width: 991px) {
.item-article.signup .media-article img {
width: 100%;
max-height: 200px; } }
.item-article.signup .media-article time {
display: none; }
.item-article.signup .info-article {
padding: 0; }
.item-article.signup .info-article .title-article h4 {
margin-bottom: 15px; }
.item-article.signup .info-article .title-article h4 a {
-webkit-line-clamp: 1;
min-height: auto; }
.item-article.signup .info-article .short-article {
-webkit-line-clamp: 5;
margin-bottom: 15px; }
.item-article.signup .info-article .view-signup {
margin-bottom: 15px; }
.item-article.signup .info-article .view-signup a {
display: inline-block;
background: #0e6b38;
padding: 5px 15px;
color: #FFF;
border: 1px solid #0e6b38;
transition: all .5s; }
.item-article.signup .info-article .view-signup a * {
color: #FFF; }
.item-article.signup .info-article .view-signup a:hover {
border-color: #0e6b38;
background: transparent;
color: #0e6b38; }
.item-article.signup .info-article .view-article a {
text-decoration: none;
color: #0e6b38; }
.item-article.signup .info-article .view-article a svg {
display: none; }
.item-article.normal .media-article time {
display: none; }
.item-article.normal .info-article {
padding: 0;
margin-top: 10px; }
.item-article.normal .info-article .title-article h4 {
margin-bottom: 10px; }
.item-article.normal .info-article .title-article h4 a {
-webkit-line-clamp: 1;
min-height: auto; }
.item-article.normal .info-article .short-article {
-webkit-line-clamp: 3; }
.item-article.normal .info-article .short-article ul, .item-article.normal .info-article .short-article ol {
margin-left: 20px;
list-style-type: initial; }
.item-article.normal .info-article .short-article ul li, .item-article.normal .info-article .short-article ol li {
list-style-type: initial; }
.item-article.normal .info-article .short-article h1, .item-article.normal .info-article .short-article h2, .item-article.normal .info-article .short-article h3, .item-article.normal .info-article .short-article h4, .item-article.normal .info-article .short-article h5, .item-article.normal .info-article .short-article h6 {
font-weight: inherit;
color: inherit;
line-height: 1; }
.item-article.normal .info-article .short-article h1, .item-article.normal .info-article .short-article h2, .item-article.normal .info-article .short-article h3, .item-article.normal .info-article .short-article h4, .item-article.normal .info-article .short-article h5, .item-article.normal .info-article .short-article h6, .item-article.normal .info-article .short-article p, .item-article.normal .info-article .short-article ul, .item-article.normal .info-article .short-article ol {
margin-bottom: 10px; }
.item-article.normal .info-article .view-article {
display: none; }
.pcolcalculate .pcolcalculate-wrap {
margin: 15px 0 0; }
.pcolcalculate .pcolcalculate-wrap .pcolcalculate-main ul {
display: grid;
align-items: stretch;
grid-template-columns: repeat(3, 1fr);
gap: 60px 15px; }
.pcolcalculate .pcolcalculate-wrap .pcolcalculate-main ul .pcalculate-main-item {
height: 100%; }
.pcolcalculate .pcolcalculate-wrap .pcolcalculate-main ul .pcalculate-main-item .product-item {
height: 100%; }
.pcolcalculate .pcolcalculate-wrap .pcolcalculate-main ul .pcalculate-main-item .product-item .product-item-wrap {
height: 100%;
padding: 15px; }
.pdelivery .pdelivery-banner {
border-bottom: 7px solid #D8E6DF; }
.pdelivery .pdelivery-banner img {
width: 100%; }
.pdelivery .pdelivery-wrap {
margin: 15px 0;
background: #FFF;
padding: 30px;
display: grid;
grid-template-columns: repeat(2, 1fr);
text-align: center; }
@media (max-width: 991px) {
.pdelivery .pdelivery-wrap {
grid-template-columns: repeat(1, 1fr);
gap: 60px 0; } }
.pdelivery .pdelivery-wrap h2 {
display: inline-block;
max-width: 375px;
width: 100%;
padding-bottom: 15px;
border-bottom: 1px solid #CAC9C9;
margin-bottom: 45px;
font-weight: 500;
white-space: nowrap;
color: #23355c; }
.pdelivery .pdelivery-wrap ul {
max-width: 300px;
width: 100%;
margin: 0 auto;
display: grid;
align-content: flex-start;
gap: 45px; }
.pdelivery .pdelivery-wrap ul li {
font-size: 16px; }
.pdelivery .pdelivery-wrap ul li img {
width: 75px;
height: 75px;
margin-bottom: 15px; }
.pdelivery .pdelivery-wrap ul li p {
min-height: 50px; }
@media (max-width: 991px) {
.pdelivery .pdelivery-wrap ul li p {
min-height: auto; } }
.pdelivery .pdelivery-content {
background: #FFF;
padding: 30px;
margin-top: 15px;
font-size: 16px; }
.pdelivery .pdelivery-content ul, .pdelivery .pdelivery-content ol {
margin-left: 20px;
list-style-type: initial; }
.pdelivery .pdelivery-content ul li, .pdelivery .pdelivery-content ol li {
list-style-type: initial; }
.pdelivery .pdelivery-content h1, .pdelivery .pdelivery-content h2, .pdelivery .pdelivery-content h3, .pdelivery .pdelivery-content h4, .pdelivery .pdelivery-content h5, .pdelivery .pdelivery-content h6 {
font-weight: inherit;
color: inherit;
line-height: 1; }
.pdelivery .pdelivery-content h1, .pdelivery .pdelivery-content h2, .pdelivery .pdelivery-content h3, .pdelivery .pdelivery-content h4, .pdelivery .pdelivery-content h5, .pdelivery .pdelivery-content h6, .pdelivery .pdelivery-content p, .pdelivery .pdelivery-content ul, .pdelivery .pdelivery-content ol {
margin-bottom: 10px; }
.pblog .pblog-wrap {
margin: 15px 0; }
.pblog .pblog-wrap h1 {
font-size: 2rem; }
.pblog .pblog-wrap .pblog-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px 15px; }
@media (max-width: 991px) {
.pblog .pblog-wrap .pblog-items {
grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) {
.pblog .pblog-wrap .pblog-items {
grid-template-columns: repeat(1, 1fr);
gap: 15px; } }
.pblog .pblog-wrap .pblog-items .pblog-item {
height: 100%; }
.pblog .pblog-wrap .pblog-items .pblog-item .item-article {
height: 100%; }
.particle .particle-wrap {
background: #FFF;
padding: 30px;
margin: 15px 0;
padding: 15px; }
.particle .particle-wrap .particle-image img {
width: 100%; }
.particle .particle-wrap .particle-title {
padding: 15px 0;
margin: 0 0 15px;
border-bottom: 1px solid #CAC9C9;
font-size: 2rem;
text-transform: uppercase;
color: #23355c; }
.particle .particle-wrap .particle-content ul, .particle .particle-wrap .particle-content ol {
margin-left: 20px;
list-style-type: initial; }
.particle .particle-wrap .particle-content ul li, .particle .particle-wrap .particle-content ol li {
list-style-type: initial; }
.particle .particle-wrap .particle-content h1, .particle .particle-wrap .particle-content h2, .particle .particle-wrap .particle-content h3, .particle .particle-wrap .particle-content h4, .particle .particle-wrap .particle-content h5, .particle .particle-wrap .particle-content h6 {
font-weight: inherit;
color: inherit;
line-height: 1; }
.particle .particle-wrap .particle-content h1, .particle .particle-wrap .particle-content h2, .particle .particle-wrap .particle-content h3, .particle .particle-wrap .particle-content h4, .particle .particle-wrap .particle-content h5, .particle .particle-wrap .particle-content h6, .particle .particle-wrap .particle-content p, .particle .particle-wrap .particle-content ul, .particle .particle-wrap .particle-content ol {
margin-bottom: 10px; }
.ppagedefault .ppagedefault-wrap {
background: #FFF;
padding: 30px;
margin: 15px 0;
padding: 15px; }
.ppagedefault .ppagedefault-wrap .ppagedefault-title {
padding: 15px 0;
margin: 0 0 15px;
border-bottom: 2px solid #CCC;
font-size: 2rem;
text-transform: uppercase;
color: #23355c; }
.ppagedefault .ppagedefault-wrap .ppagedefault-content ul, .ppagedefault .ppagedefault-wrap .ppagedefault-content ol {
margin-left: 20px;
list-style-type: initial; }
.ppagedefault .ppagedefault-wrap .ppagedefault-content ul li, .ppagedefault .ppagedefault-wrap .ppagedefault-content ol li {
list-style-type: initial; }
.ppagedefault .ppagedefault-wrap .ppagedefault-content h1, .ppagedefault .ppagedefault-wrap .ppagedefault-content h2, .ppagedefault .ppagedefault-wrap .ppagedefault-content h3, .ppagedefault .ppagedefault-wrap .ppagedefault-content h4, .ppagedefault .ppagedefault-wrap .ppagedefault-content h5, .ppagedefault .ppagedefault-wrap .ppagedefault-content h6 {
font-weight: inherit;
color: inherit;
line-height: 1; }
.ppagedefault .ppagedefault-wrap .ppagedefault-content h1, .ppagedefault .ppagedefault-wrap .ppagedefault-content h2, .ppagedefault .ppagedefault-wrap .ppagedefault-content h3, .ppagedefault .ppagedefault-wrap .ppagedefault-content h4, .ppagedefault .ppagedefault-wrap .ppagedefault-content h5, .ppagedefault .ppagedefault-wrap .ppagedefault-content h6, .ppagedefault .ppagedefault-wrap .ppagedefault-content p, .ppagedefault .ppagedefault-wrap .ppagedefault-content ul, .ppagedefault .ppagedefault-wrap .ppagedefault-content ol {
margin-bottom: 10px; }
.particlev2 .particlev2-wrap {
margin: 15px 0;
display: grid;
grid-template-columns: 1fr 30%;
gap: 15px; }
@media (max-width: 1024px) {
.particlev2 .particlev2-wrap {
grid-template-columns: 1fr 35%; } }
@media (max-width: 991px) {
.particlev2 .particlev2-wrap {
grid-template-columns: 1fr; } }
.particlev2 .particlev2-wrap .particlev2-main {
min-width: 0; }
.particlev2 .particlev2-wrap .particlev2-main .particlev2-main-top {
background: #FFF;
padding: 30px;
padding: 15px; }
.particlev2 .particlev2-wrap .particlev2-main .particlev2-main-top img {
width: 100%; }
.particlev2 .particlev2-wrap .particlev2-main .particlev2-main-top h1 {
font-size: 2rem;
margin: 15px 0 0;
text-transform: uppercase; }
.particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot {
background: #FFF;
padding: 30px;
padding: 15px;
margin-top: 15px; }
.particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot ul, .particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot ol {
margin-left: 20px;
list-style-type: initial; }
.particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot ul li, .particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot ol li {
list-style-type: initial; }
.particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot h1, .particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot h2, .particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot h3, .particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot h4, .particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot h5, .particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot h6 {
font-weight: inherit;
color: inherit;
line-height: 1; }
.particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot h1, .particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot h2, .particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot h3, .particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot h4, .particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot h5, .particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot h6, .particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot p, .particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot ul, .particlev2 .particlev2-wrap .particlev2-main .particlev2-main-bot ol {
margin-bottom: 10px; }
.particlev2 .particlev2-wrap .particlev2-sidebar {
min-width: 0; }
@media (max-width: 768px) {
.particlev2 .particlev2-wrap .particlev2-sidebar {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px; } }
@media (max-width: 600px) {
.particlev2 .particlev2-wrap .particlev2-sidebar {
display: block; } }
.particlev2 .particlev2-wrap .particlev2-sidebar .particlev2-sidebar-relate {
background: #FFF;
padding: 30px;
padding: 15px; }
.particlev2 .particlev2-wrap .particlev2-sidebar .particlev2-sidebar-relate h2 {
font-size: 1.5rem;
text-align: center; }
.particlev2 .particlev2-wrap .particlev2-sidebar .particlev2-sidebar-relate ul {
display: grid;
gap: 15px; }
.particlev2 .particlev2-wrap .particlev2-sidebar .particle-sidebar-qr {
background: #FFF;
padding: 30px;
margin-top: 15px;
text-align: center; }
@media (max-width: 768px) {
.particlev2 .particlev2-wrap .particlev2-sidebar .particle-sidebar-qr {
margin-top: 0; } }
@media (max-width: 600px) {
.particlev2 .particlev2-wrap .particlev2-sidebar .particle-sidebar-qr {
margin-top: 15px; } }
.particlev2 .particlev2-wrap .particlev2-sidebar .particle-sidebar-qr img {
width: 100%;
padding: 30px; }
.particlev2 .particlev2-wrap .particlev2-sidebar .particle-sidebar-qr p {
margin: 0 0;
font-size: 1.25rem;
white-space: nowrap; }
.pnews h2 {
margin-bottom: 30px;
line-height: 1;
display: flex;
justify-content: space-between;
color: #23355c; }
.pnews h2 span {
font-size: 1.5rem; }
.pnews h2 a {
font-weight: normal;
font-size: 1rem; }
.pnews h2 a:hover {
color: #0e6b38; }
.pnews h2 a i {
font-size: 0.75rem;
opacity: .75; }
.pnews .pnews-big {
margin-top: 30px;
margin-bottom: 60px; }
@media (max-width: 768px) {
.pnews .pnews-big {
margin-bottom: 30px; } }
.pnews .pnews-big .pnews-big-box {
background: #FFF;
padding: 30px;
padding: 15px; }
.pnews .pnews-small:not(:last-child) {
margin-bottom: 60px; }
@media (max-width: 768px) {
.pnews .pnews-small:not(:last-child) {
margin-bottom: 20px; } }
.pnews .pnews-small .pnews-small-box .pnews-small-box-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px; }
@media (max-width: 768px) {
.pnews .pnews-small .pnews-small-box .pnews-small-box-items {
grid-template-columns: repeat(3, minmax(33vw, 1fr));
overflow: auto hidden;
padding-bottom: 10px; } }
@media (max-width: 480px) {
.pnews .pnews-small .pnews-small-box .pnews-small-box-items {
grid-template-columns: repeat(3, minmax(65vw, 1fr)); } }
.pnews .pnews-small .pnews-small-box .pnews-small-box-items .pnews-big-box-item {
height: 100%; }
.pnews .pnews-small .pnews-small-box .pnews-small-box-items .pnews-big-box-item .item-article {
height: 100%; }
.popQuickview {
position: fixed;
inset: 0;
z-index: 1000;
opacity: 0;
visibility: hidden;
transition: all .5s; }
.popQuickview.active {
opacity: 1;
visibility: visible; }
.popQuickview.active .popQuickview-body {
opacity: 1;
visibility: visible;
transform: none; }
.popQuickview .popQuickview-overplay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1; }
.popQuickview .popQuickview-body {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background: #FFF;
opacity: 0;
visibility: hidden;
transition: all .5s;
transform: translateY(100%); }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top {
display: grid;
grid-template-columns: 150px 1fr;
gap: 40px;
align-items: flex-end;
padding: 15px;
border-bottom: 1px solid #DbDbDb; }
@media (max-width: 1200px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top {
grid-template-columns: 140px 1fr;
gap: 35px; } }
@media (max-width: 1024px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top {
grid-template-columns: 130px 1fr;
gap: 30px; } }
@media (max-width: 991px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top {
grid-template-columns: 120px 1fr;
gap: 25px; } }
@media (max-width: 768px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top {
grid-template-columns: 110px 1fr;
gap: 20px; } }
@media (max-width: 480px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top {
grid-template-columns: 100px 1fr;
gap: 15px; } }
@media (max-width: 360px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top {
grid-template-columns: 90px 1fr;
gap: 10px; } }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top > * {
min-width: 0; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top .product-quickview-feature {
border: 1px solid #DbDbDb; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top .product-quickview-info .product-quickview-title a {
color: #23355c;
font-size: 1.25rem; }
@media (max-width: 480px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top .product-quickview-info .product-quickview-title a {
font-size: 1.15rem; } }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top .product-quickview-info .product-quickview-price .product-quickview-price-wrap {
display: flex;
flex-wrap: nowrap;
gap: 30px; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top .product-quickview-info .product-quickview-price .product-quickview-price-wrap .product-quickview-price-this {
color: #fab500;
font-weight: bold; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top .product-quickview-info .product-quickview-price .product-quickview-price-wrap .product-quickview-price-compare {
color: #F30; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top .product-quickview-info .product-quickview-price .product-quickview-price-wrap .product-quickview-price-compare b {
font-weight: normal;
color: #ababab;
font-size: .85rem; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top .product-quickview-info .product-quickview-price .product-quickview-price-wrap .product-quickview-price-discount {
color: #F30;
font-weight: bold; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top .product-quickview-info .product-quickview-inventory {
margin-top: 15px;
font-size: 1.1rem; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-top .product-quickview-info .product-quickview-inventory label {
margin-bottom: 0; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot {
padding: 15px; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch {
display: grid;
gap: 15px;
margin-bottom: 15px; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch > * {
min-width: 0; }
@media (max-width: 480px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch {
gap: 15px; } }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line {
display: grid;
grid-template-columns: 170px 1fr;
align-items: center;
gap: 20px; }
@media (max-width: 1200px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line {
grid-template-columns: 140px 1fr; } }
@media (max-width: 1024px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line {
grid-template-columns: 130px 1fr; } }
@media (max-width: 991px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line {
grid-template-columns: 120px 1fr; } }
@media (max-width: 768px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line {
grid-template-columns: 110px 1fr; } }
@media (max-width: 480px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line {
grid-template-columns: 100px 1fr;
gap: 15px; } }
@media (max-width: 360px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line {
grid-template-columns: 90px 1fr; } }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line > * {
min-width: 0; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line .product-sw-title {
font-weight: 700;
font-size: 16px;
line-height: 1;
color: #23355c; }
@media (max-width: 480px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line .product-sw-title {
font-size: 1rem; } }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line .product-sw-select {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
gap: 15px; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item .product-sw-select-item-span {
display: block;
border: 1px solid #CAC9C9;
border-radius: var(--border_radius);
min-width: 35px;
height: 35px;
line-height: 35px;
padding: 0 10px;
cursor: pointer;
transition: all 0.3s linear;
font-size: 1rem;
font-weight: bold;
text-align: center;
margin-bottom: 0; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item:not(.sw-color) input.soldOut + label {
opacity: .25; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item:not(.sw-color) input:not(.disabled):checked + label {
background: #0e6b38;
color: #FFF; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color .product-sw-select-item-span {
padding: 0;
border: none;
position: relative; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color .product-sw-select-item-span:hover:before, .popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color .product-sw-select-item-span:hover:after {
opacity: 1;
visibility: visible; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color .product-sw-select-item-span:before {
content: attr(data-value);
position: absolute;
left: -50px;
top: -37.5px;
background: #FFF;
border: 1px solid #EbEbEb;
font-size: 13px;
font-weight: bold;
opacity: 0;
visibility: hidden;
min-width: 150px;
z-index: 1;
height: 30px;
line-height: 30px;
padding: 0 5px;
white-space: nowrap; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color .product-sw-select-item-span:after {
content: "";
position: absolute;
top: -7.5px;
left: 15px;
border-width: 5px;
border-color: #EbEbEb transparent transparent transparent;
border-style: solid;
opacity: 0;
visibility: hidden; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color .product-sw-select-item-span span {
width: 35px;
height: 35px;
display: block;
background-size: cover;
background-repeat: no-repeat;
border: 1px solid #CAC9C9; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-swatch .product-sw-line .product-sw-select .product-sw-select-item.sw-color input:not(.disabled):checked + label span {
border: 1px solid #0e6b38;
color: #FFF; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-quantity {
display: grid;
grid-template-columns: 170px 1fr;
align-items: center;
gap: 20px; }
@media (max-width: 1200px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-quantity {
grid-template-columns: 140px 1fr; } }
@media (max-width: 1024px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-quantity {
grid-template-columns: 130px 1fr; } }
@media (max-width: 991px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-quantity {
grid-template-columns: 120px 1fr; } }
@media (max-width: 768px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-quantity {
grid-template-columns: 110px 1fr; } }
@media (max-width: 480px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-quantity {
grid-template-columns: 100px 1fr;
gap: 15px; } }
@media (max-width: 360px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-quantity {
grid-template-columns: 90px 1fr; } }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-quantity > * {
min-width: 0; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-quantity label {
font-weight: 700;
width: 100%;
font-size: 16px;
line-height: 1;
margin-bottom: 0;
color: #23355c; }
@media (max-width: 480px) {
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-quantity label {
font-size: 1rem; } }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-quantity .shop-quantity {
display: inline-flex;
flex-wrap: nowrap;
align-items: center;
gap: .5rem;
border: solid 1px #999999;
width: 187.5px;
height: 35px;
overflow: hidden; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-quantity .shop-quantity button {
background: transparent;
border: none;
outline: none;
padding: 0;
box-shadow: none;
padding: 2px 0;
width: 50px;
min-width: 35px;
height: 35px;
font-size: 1.25rem;
font-weight: bolder; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-quantity .shop-quantity button:first-child {
border-right: 1px solid #E5E5E5; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-quantity .shop-quantity button:last-child {
border-left: 1px solid #E5E5E5; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-quantity .shop-quantity input {
background: transparent;
border: none;
outline: none;
padding: 0;
box-shadow: none;
border: 0;
background: #ffffff;
width: 100%;
height: 40px;
font-size: 1rem;
text-align: center; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-cta {
margin-top: 20px; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-cta button {
background: transparent;
border: none;
outline: none;
padding: 0;
box-shadow: none;
outline: none;
padding: 0;
box-shadow: none;
border: 1px solid #CAC9C9;
border-radius: 0;
padding-right: 1rem;
padding-left: 1rem;
height: 40px;
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
transition: .3s all ease-in-out;
width: 100%;
background: #0e6b38;
color: #FFF; }
.popQuickview .popQuickview-body .popQuickview-data .product-quickview-bot .product-quickview-cta button:hover {
background: #FFF;
color: #0e6b38; }
.index-flex .index-flex-items .index-flex-item:hover span {
color: #fff; }
.index-flex .index-flex-items .index-flex-item span:hover {
color: #0e6b38; }
.fhome-boxiconone:hover a span, .fhome-boxicontwo:hover a span {
background: #0e6b38; }
.index-flex .index-flex-items .index-flex-itemr span:hover {
color: #0e6b38; }
.fhome-boxiconone a span:hover, .fhome-boxicontwo a span:hover {
background: #fff; }
.logo-fulls {
width: 160px;
margin-bottom: 25px;
display: block;
margin-left: auto;
margin-right: auto; }
.customers_accountForm input[type=email] {
background: #fff;
border-color: #d2d2d2; }
.customers_accountForm input[type=email]::placeholder {
font-style: initial;
font-weight: bold; }
.customers_accountForm input[type=password] {
background: #fff;
border-color: #d2d2d2; }
.customers_accountForm input[type=password]::placeholder {
font-style: initial;
font-weight: bold; }
.customers_accountForm input[type=text] {
background: #fff;
border-color: #d2d2d2; }
.customers_accountForm input[type=text]::placeholder {
font-style: initial;
font-weight: bold; }
.customers_accountForm .req_pass {
padding-left: 0;
margin-right: auto;
text-align: center;
margin-left: auto; }
.customers_accountForm .req_pass p {
margin: 0;
font-weight: bold; }
.customers_accountForm .action_bottom .btn {
font-size: 23px; }
.sitebox-recaptcha {
font-weight: bold;
font-size: 12px; }
.sitebox-recaptcha a {
color: #0e6b38; }
.custommer_account_action.no-flexs .action_bottom.button {
width: 100%;
margin-bottom: 25px; }
@media (max-width: 767px) {
.customers_accountForm {
padding: 20px 10px; }
.layout-account .tab-form-account {
margin-bottom: 25px; }
.layout-account .tab-form-account h4 {
font-size: 21px; }
.custommer_account_action.no-flexs .action_bottom.button {
margin-bottom: 5px; } }
#field-gender input[type="radio"] + label {
color: #5c5c5c;
font-weight: 500; }
#field-gender input[type="radio"] + label:before {
top: 0;
left: 0;
width: 18px;
height: 18px;
background: #fff;
-moz-box-shadow: inset 0 0 0 18px #efefef;
-webkit-box-shadow: 0;
box-shadow: 0;
border-radius: 0;
border-color: #000;
border: 1px solid #ccc; }
#field-gender input[type="radio"]:checked + label:before {
-moz-box-shadow: inset 0 0 0 2px #efefef;
-webkit-box-shadow: inset 0 0 0 2px #efefef;
box-shadow: inset 0 0 0 2px #efefef;
background: #0e6b38; }
#field-gender input[type="radio"] + label:before {
-moz-box-shadow: initial;
-webkit-box-shadow: initial;
box-shadow: initial; }
.customers_accountForm .req_pass {
font-weight: bold; }
.swal-button--viewCompare {
background: #0e6b38 !important;
border: 1px solid #0e6b38 !important;
color: #FFF !important; }
.search-list-results {
background: #FFF;
padding: 30px; }
@media (max-width: 991px) {
.search-list-results {
background: #FFF;
padding: 15px; } }
.ftoastify {
padding: 5px 10px !important;
font-size: .9rem; }
.ftoastify img {
max-height: 16px;
width: auto; }
.customers_accountForm input[type=email],
.customers_accountForm input[type=password],
.customers_accountForm input[type=text] {
height: 45px; }
.main-product-quantity {
/* Chrome, Safari, Edge, Opera */
/* Firefox */ }
.main-product-quantity input::-webkit-outer-spin-button,
.main-product-quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.main-product-quantity input[type=number] {
-moz-appearance: textfield; }
.tags-preorder {
font-size: 1.1rem;
color: #F30;
/*display: none !important;*/ }
.tags-preorder * {
color: #F30; }
.popup-call {
position: relative; }
.popup-call.popup-call-loop {
grid-column: span 2; }
.popup-call.popup-call-loop:has(.popup-call-item-2) .popup-call-item:nth-child(1) {
bottom: 82.5px; }
.popup-call.popup-call-loop .popup-call-item {
bottom: 35px; }
.popup-call:has(.popup-call-item-2) .popup-call-item:nth-child(1) {
bottom: 97.5px; }
.popup-call:hover .popup-call-item {
opacity: 1;
visibility: visible; }
.popup-call .popup-call-item {
position: absolute;
opacity: 0;
visibility: hidden;
transition: all .3s;
min-width: 145px;
max-width: 200px;
bottom: 45px;
left: 0;
right: 0;
background: #FFF;
box-shadow: 0 0 1px 1.5px rgba(0, 0, 0, 0.05);
border-radius: 5px; }
.popup-call .popup-call-item:hover {
transform: scale(1.025);
box-shadow: 0 0 1px 1.5px rgba(0, 0, 0, 0.15); }
.popup-call .popup-call-item a {
display: grid;
grid-template-columns: 25px 1fr;
gap: 10px;
align-items: center;
padding: 5px !important; }
.popup-call .popup-call-item a > * {
min-width: 0; }
.popup-call .popup-call-item a .popup-call-item-content strong {
color: #23355c;
line-height: 1.5;
font-size: .9rem;
display: block;
font-weight: 700; }
.popup-call .popup-call-item a .popup-call-item-content span {
font-size: .85rem;
line-height: 1.5;
display: block;
opacity: .75; }
.popup-call button, .popup-call a[role="button"] {
background: transparent;
border: none;
outline: none;
padding: 0;
box-shadow: none;
display: block;
border: 1px solid #0e6b38;
padding: 2.5px;
color: #0e6b38;
font-size: 1.05rem;
transition: all .5s;
background: #0e6b38 !important;
color: #FFF !important;
border-radius: 0 0 0 0;
grid-column: span 2;
text-align: center; }
@media (max-width: 991px) {
.popup-call button, .popup-call a[role="button"] {
font-size: .9rem; } }
@media (max-width: 768px) {
.popup-call button, .popup-call a[role="button"] {
font-size: .85rem;
height: 26px;
display: grid;
place-items: center; } }
.popup-call button svg, .popup-call a[role="button"] svg {
width: 20px;
height: 20px; }
.popup-call button:hover, .popup-call a[role="button"]:hover {
background: #FFF !important;
border-color: #0e6b38 !important;
color: #0e6b38 !important; }
.forms-main form {
text-align: start;
display: flex;
flex-direction: column;
gap: 15px; }
.forms-main form h2 {
color: #0e6b38;
text-align: left;
text-transform: uppercase;
font-size: 1.25rem;
margin-bottom: 0; }
.forms-main form p {
text-align: left;
margin-bottom: 0;
font-size: 1rem; }
.forms-main form .forms-group {
position: relative;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start; }
.forms-main form .forms-group input, .forms-main form .forms-group textarea, .forms-main form .forms-group select {
box-shadow: none;
border-radius: 0;
outline: none;
height: 35px;
width: 100%;
border: 1px solid #0e6b38;
padding: 7.5px 15px;
transition: all .5s;
cursor: pointer;
caret-color: #0e6b38;
order: 2;
-webkit-box-shadow: 0 0 0px 1000px #FFF inset; }
.forms-main form .forms-group input.dangerous, .forms-main form .forms-group textarea.dangerous, .forms-main form .forms-group select.dangerous {
border: 1px solid #F30 !important; }
.forms-main form .forms-group input.dangerous::placeholder, .forms-main form .forms-group textarea.dangerous::placeholder, .forms-main form .forms-group select.dangerous::placeholder {
color: #F30; }
.forms-main form .forms-group input[disabled], .forms-main form .forms-group input[readonly], .forms-main form .forms-group textarea[disabled], .forms-main form .forms-group textarea[readonly], .forms-main form .forms-group select[disabled], .forms-main form .forms-group select[readonly] {
cursor: not-allowed;
background: #F4F4F4;
opacity: .5;
-webkit-box-shadow: 0 0 0px 1000px #CCC inset; }
.forms-main form .forms-group select:invalid {
color: #c0c0c0;
font-size: 13px; }
.forms-main form .forms-group select:focus {
color: #333;
font-size: 13px; }
.forms-main form .forms-group label {
margin: 0;
min-width: 90px;
font-size: 1rem;
font-weight: bold;
line-height: 1;
cursor: pointer;
order: 1;
margin-top: 2.5px; }
.forms-main form .forms-group label span {
color: #23355c;
line-height: 1; }
.forms-main form .forms-group label strong {
margin-left: 2.5px;
color: red;
opacity: 1;
line-height: 1; }
.forms-main form .forms-group textarea {
height: 75px; }
.forms-main form .forms-group-submit {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px; }
.forms-main form .forms-group-submit button[type="button"] {
flex: 1;
border: none;
box-shadow: none;
outline: none;
background-color: #0e6b38;
min-width: 125px;
height: 35px;
color: #fff;
border-radius: 0; }
@media (max-width: 480px) {
.forms-main form .forms-group-submit button[type="button"] {
min-width: 100px; } }
.forms-main form .forms-group-submit button[type="button"]:hover {
background: transparent;
color: #0e6b38;
border: 1px solid #0e6b38; }
.popkhoiluong {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
opacity: 0;
visibility: hidden;
transition: all .5s; }
.popkhoiluong.active {
opacity: 1;
visibility: visible; }
.popkhoiluong .popkhoiluong-overplay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: rgba(0, 0, 0, 0.5); }
.popkhoiluong .popkhoiluong-wrap {
position: absolute;
top: 50%;
left: 50%;
z-index: 11;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 0;
overflow: hidden;
max-width: 500px;
width: 95%;
padding: 25px; }
@media (max-width: 767px) {
.popkhoiluong .popkhoiluong-wrap {
max-width: 95%;
width: 95%; } }
.popkhoiluong .popkhoiluong-wrap > * {
min-width: 0; }
.popkhoiluong .popkhoiluong-wrap .popkhoiluong-close {
position: absolute;
top: 12.5px;
right: 12.5px;
background: none;
border: none;
box-shadow: none;
outline: none; }
.popkhoiluong .popkhoiluong-wrap .popkhoiluong-close:hover svg {
color: #F30;
fill: #F30; }
.popkhoiluong .popkhoiluong-wrap .popkhoiluong-close svg {
width: 18px;
height: 18px;
color: #333;
fill: #333; }
.popkhoiluong .popkhoiluong-wrap .popkhoiluong-form a {
color: #0e6b38;
font-weight: bold; }
@media (max-width: 767px) {
.fhome-solution .fhome-solution-items .fhome-solution-item:nth-child(5), .fhome-solution .fhome-solution-items .fhome-solution-item:nth-child(6) {
display: none; }
.product-item.solution .product-item-wrap h3 a {
font-size: 0.9rem; } }
strike {
text-decoration: none; }
strike b {
text-decoration: line-through;
text-decoration-color: #F30;
text-decoration-thickness: 1px; }