html {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
height: auto;
min-height: 100%;
}
body {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: visible;
height: auto;
min-height: 100%;
}
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr {
margin: 0;
padding: 0;
border: 0;
border-collapse: separate;
border-spacing: 0;
}
.blockhref{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
display: block;
z-index: 100;
}
input,select{margin:0; padding:0; border-radius:0; -webkit-appearance: none;
}
textarea{border-radius:0; -webkit-appearance: none;
}
ul, ol, dl {
position: relative;
}
img{
border: 0px;
}
@keyframes  fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-moz-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-webkit-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-ms-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-o-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} body{
background-color: #ffffff;
font-weight: normal;
cursor: default;
background-image: url(//sinoplant.co.za/wp-content/themes/sinoplant/bg2.jpg);
background-position: center top;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: auto 100%;
} .site-container{
width: 100%;
margin: auto;
position: relative;
}
.content-container{
width: 100%;
max-width: 1300px;
margin: auto;
background-color: white;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
position: relative;
border:none;
}
.main-content{
background-color: white;
max-width: 1300px;
margin: 0 auto;
margin-top:5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 560px;
border:none;
}
.main-content p{
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 140%;
color: black;
margin-bottom: 20px;
}
.main-content p:last-child{
margin-bottom: 0px;
}
.content{
max-width: 1300px;
margin: auto;
background-color: white;
width: 100%;
min-height: 200px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 80px;
padding-left: 40px;
padding-right: 40px;
padding-top:20px;
} .header-container{
width: 100%;
min-height: 50px;
height:140px;
background-color: #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
top: 0px;
left: 0px;
z-index: 50000;
}
.header{
width: 100%;
max-width: 1300px;
min-height: 100px;
align-items:center;
margin: auto;
padding-left: 0px;
padding-right: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
} @media screen and (max-width: 1024px) {
.header-container {
height: 220px;
}
.header {
min-height: 120px;
}
}
@media screen and (max-width: 770px) { .header-container {
min-height: 5% !important; 
max-height:78px;
} .header {
min-height: 5%; 
}
}
.header-yellow-line{
background-color: #fecd08;
width: 100%;
height: 10px;
display: block;
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(195,144,0,1),0px 0px 4px 0px rgba(0,0,0,0.35);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(195,144,0,1),0px 0px 4px 0px rgba(0,0,0,0.35);
box-shadow: inset 0px 0px 5px 0px rgba(195,144,0,1),0px 0px 4px 0px rgba(0,0,0,0.35);
position: relative;
z-index: 100;
border-top: 1px solid #9c7300;
border-bottom: 1px solid #9c7300;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.top-logo{
display: inline-block;
vertical-align: middle;
margin-right: 150px;
}
.top-logo img{
width: 170px;
height: auto;
display: block;
image-rendering: auto!important;
}
@media screen and (min-width: 0px) and (max-width: 770px) {
.top-logo{
display: inline-block;
vertical-align: middle;
margin-right: 100px;
}
.top-logo img {
width: 200px;
height: auto;
margin: 5px;   
}
.header-container{
position: relative;     
padding-bottom: 10px;    
overflow: visible;      
}
.header-yellow-line{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;           
z-index: 100;
}
}
.footer-logo{
display: block;
margin-bottom: 20px;
display: inline-block;
}
.footer-logo img{
width: 100%;
max-width: 190px;
display: block;
} .navigation{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 0;
min-height: 100px;
max-height: 120px !important;
align-content:center;
align-self:center;
align-items:center;
margin-right:50px;
}
.nav{
max-height:100px;
}
.navlink{
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: white;
position: relative;
top: 1px;
font-family: 'Inter', sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 100%;
vertical-align: middle;
border-right: 1px solid #2b2b2b;
display: inline-block;
background-color: #000000;
padding-left: 20px;
padding-right: 20px;
}
.navlink a{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: block;
padding-top: 21px;
padding-bottom: 21px;
transition: 0.3s;	
}
.navlink:hover{
background-color: #000000;
}
.navlink:hover > a{
color: #fecd08 !important;
}
.navlink:last-child{
border-right: none;
}
.navigation a, .navigation a:link, .navigation a:visited, .navigation a:active{
color: #ffffff;
text-decoration: none;
}
.navigation a:hover{
color: #fecd08;
} .navlink--products > a{
display: inline-flex !important;
align-items: center !important;
gap: 10px;
}
.navlink-main-caret{
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 10px;
transition: transform 0.25s ease;
}
.navlink--products:hover > a .navlink-main-caret,
.navlink--products:focus-within > a .navlink-main-caret,
.navlink--products.is-open > a .navlink-main-caret{
transform: rotate(180deg);
} .navlinkdropdown{
position: absolute;
left: 0;
top: calc(100% + 1px);
min-width: 285px;
padding: 8px;
box-sizing: border-box;
background: rgba(13,13,13,0.78);
border: 1px solid rgba(255,255,255,0.16);
border-radius: 0 0 18px 18px;
-webkit-backdrop-filter: blur(18px) saturate(135%);
backdrop-filter: blur(18px) saturate(135%);
-webkit-box-shadow:
0 24px 58px rgba(0,0,0,0.44),
inset 0 1px 0 rgba(255,255,255,0.08);
-moz-box-shadow:
0 24px 58px rgba(0,0,0,0.44),
inset 0 1px 0 rgba(255,255,255,0.08);
box-shadow:
0 24px 58px rgba(0,0,0,0.44),
inset 0 1px 0 rgba(255,255,255,0.08);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(10px);
transition:
opacity 0.2s ease,
transform 0.2s ease,
visibility 0.2s ease;
z-index: 99990;
}
.navlinkdropdown::before{
position: absolute;
left: 34px;
top: -10px;
width: 0;
height: 0;
content: '';
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid rgba(13,13,13,0.78);
} .navlinkdropdown a,
.navlinkdropdown a:link,
.navlinkdropdown a:active,
.navlinkdropdown a:visited{
color: #ffffff !important;
text-decoration: none !important;
}
.navlinkdropdown-scroll{
overflow: visible;
padding-right: 0;
} .navlinkdropdown-item{
position: relative;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.navlinkdropdown-item + .navlinkdropdown-item{
margin-top: 0 !important;
} .navlinkdropdown--products
> .navlinkdropdown-scroll
> .navlinkdropdown-item.haschild{
position: static;
} .navlinkdropdown--products
> .navlinkdropdown-scroll
> .navlinkdropdown-item.haschild::after{
position: absolute;
left: 100%;
top: 0;
width: 48px;
height: 100%;
content: '';
display: none;
z-index: 99992;
}
.navlinkdropdown--products
> .navlinkdropdown-scroll
> .navlinkdropdown-item.haschild:hover::after,
.navlinkdropdown--products
> .navlinkdropdown-scroll
> .navlinkdropdown-item.haschild:focus-within::after{
display: block;
} .navlinkdropdownlink,
.navlinkdropdown-submenu .navlinkdropdown-item > a{
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 16px;
width: 100%;
min-height: 40px;
padding: 10px 12px !important;
box-sizing: border-box;
border: 0;
border-radius: 8px;
background: transparent;
color: #ffffff !important;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 600 !important;
line-height: 1.2;
text-align: left;
text-decoration: none !important;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease,
transform 0.2s ease;
}
.navlinkdropdown-label{
display: block;
min-width: 0;
white-space: normal;
}
.navlinkdropdown-caret{
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
font-size: 10px;
opacity: 0.8;
} .navlinkdropdown-item:hover > .navlinkdropdownlink,
.navlinkdropdown-item:focus-within > .navlinkdropdownlink,
.navlinkdropdown-item.is-active > .navlinkdropdownlink,
.navlinkdropdown-submenu .navlinkdropdown-item:hover > a,
.navlinkdropdown-submenu .navlinkdropdown-item:focus-within > a,
.navlinkdropdown-submenu .navlinkdropdown-item.is-active > a{
background-color: rgba(254,205,8,0.14);
color: #fecd08 !important;
transform: translateX(2px);
} .navlinkdropdown-submenu{
position: absolute;
left: calc(100% + 18px);
top: 0;
min-width: 285px;
max-height: var(--product-nav-submenu-max-height, 600px);
padding: 8px;
box-sizing: border-box;
background: rgba(13,13,13,0.82);
border: 1px solid rgba(255,255,255,0.16);
border-radius: 18px;
-webkit-backdrop-filter: blur(18px) saturate(135%);
backdrop-filter: blur(18px) saturate(135%);
-webkit-box-shadow:
0 24px 58px rgba(0,0,0,0.44),
inset 0 1px 0 rgba(255,255,255,0.08);
-moz-box-shadow:
0 24px 58px rgba(0,0,0,0.44),
inset 0 1px 0 rgba(255,255,255,0.08);
box-shadow:
0 24px 58px rgba(0,0,0,0.44),
inset 0 1px 0 rgba(255,255,255,0.08);
opacity: 0;
visibility: hidden;
pointer-events: none;
overflow: visible;
transform: translateX(12px);
transition:
opacity 0.2s ease,
transform 0.2s ease,
visibility 0.2s ease;
z-index: 99991;
}
.navlinkdropdown-submenu a,
.navlinkdropdown-submenu a:link,
.navlinkdropdown-submenu a:active,
.navlinkdropdown-submenu a:visited{
color: #ffffff !important;
text-decoration: none !important;
} .navlinkdropdown-submenu .navlinkdropdown-submenu{
z-index: 99992;
} .navlinkdropdown-item.uses-floating-submenu
> .navlinkdropdown-submenu{
display: none;
}
.navlinkdropdown-submenu.is-floating-submenu{
position: fixed;
left: auto;
top: auto;
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
z-index: 100000;
} .navlinkdropdown--products
> .navlinkdropdown-scroll
> .navlinkdropdown-item
> .navlinkdropdown-submenu{
top: 0;
bottom: auto;
min-height: 0;
height: auto;
} .navlinkdropdown-submenu.is-scrollable{
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-gutter: stable;
scrollbar-width: thin;
scrollbar-color:
rgba(254,205,8,0.62)
rgba(255,255,255,0.08);
}
.navlinkdropdown-submenu::-webkit-scrollbar{
width: 8px;
}
.navlinkdropdown-submenu::-webkit-scrollbar-track{
background: rgba(255,255,255,0.08);
border-radius: 999px;
}
.navlinkdropdown-submenu::-webkit-scrollbar-thumb{
background: rgba(254,205,8,0.62);
border-radius: 999px;
} .navlinkdropdown-submenu::before{
position: absolute;
left: -20px;
top: 0;
width: 20px;
height: 100%;
content: '';
} .haschild:hover > .navlinkdropdown,
.haschild:focus-within > .navlinkdropdown,
.navlink--products.is-open > .navlinkdropdown,
.navlinkdropdown-item.haschild:hover > .navlinkdropdown-submenu,
.navlinkdropdown-item.haschild:focus-within > .navlinkdropdown-submenu,
.navlinkdropdown-item.haschild.is-active > .navlinkdropdown-submenu{
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translate(0, 0);
} .menubutton{
color: white;
display: none;
font-weight: 400;
font-size: 15px;
line-height: 15px;
padding: 5px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer;
position: absolute;
right: 0px;
top: 21px;
text-align: right;
z-index: 5;
}
.searchbutton{
color: white;
display: none;
font-weight: 400;
font-size: 12px;
line-height: 12px;
padding: 5px;
padding-top: 8px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer;
position: absolute;
right: 50px;
top: 21px;
text-align: right;
z-index: 5;
}
.mobilemenu{
display: none;
position: relative;
width: 100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 10px;
background: linear-gradient(to bottom, #3b3b3b 0%, #2a2a2a 50%, #000 100%) !important;
border-top: 1px solid #555555;
z-index: 999999 !important;
overflow-y: auto; 
}
.mobilemenunavlink{
font-family: 'Inter', sans-serif;
font-size: 20px;
font-weight: 700;
color: white;
text-align: right;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 5000 !important;
}
.mobilemenunavlink:last-child{
border-bottom: 0;
}
.mobilemenu a,.mobilemenu a:link,.mobilemenu a:active,.mobilemenu a:visited{
color: white;
text-decoration: none;
}
.mobilemenu .fa{
font-size: 12px;
margin-left: 5px;
position: relative;
top: -3px;
}
@media screen and (max-width: 770px) {
.header-container{
position: relative;
z-index: 10000;
overflow: visible !important;
}
.mobilemenu{
position: absolute !important;
left: 0;
right: 0;
top: 100%;
z-index: 10001 !important;
}
.main-content,
.front-slide-show,
.front-slide{
z-index: 1;
}
} .front-slide-show {
position: relative;
max-width: 1300px;
width: 100%;
margin: 0 auto;
aspect-ratio: 11 / 4;
background-color: #111111;
overflow: hidden; } .front-slide {
width: 100%;
height: 100%;
display: none; position: absolute;
top: 0;
left: 0;
}
.front-slide--initial {
display: block;
position: absolute;
}
.front-slide a {
display: block;
width: 100%;
height: 100%;
} .front-slide img,
.front-slide video,
.front-banner-video {
width: 100%;
height: 100%;
object-fit: cover; display: block;
transition: transform 0.3s ease;
} .front-slide-pager {
position: absolute;
bottom: 15px; width: 100%;
display: flex;
justify-content: center;
gap: 12px;
background: transparent;
z-index: 1000;
} .front-slide-pager span {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.7);
cursor: pointer;
transition: all 0.3s ease;
z-index: 1000;
}
.front-slide-pager span:hover {
transform: scale(1.2);
background: whitesmoke;
}
.front-slide-pager span.cycle-pager-active {
background: white;
opacity: 1;
}
@media screen and (max-width: 770px) {
.front-slide-show {
aspect-ratio: 11 / 4;
background-color: #111111;
}
.front-slide img,
.front-slide video,
.front-slide .front-banner-video {
width: 100%;
height: 100%;
object-fit: contain !important;
object-position: center center;
background-color: #111111;
} .front-slide-pager {
bottom: -2px !important; } .front-slide-pager span {
width: 7px;  
height: 7px;  
border-radius: 3px; 
}
} .container {
max-width: 1300px;
margin: 0 auto;
padding: 40px 20px;
} .about-hero {
text-align: center;
padding: 20px 20px;
background: white;
border-bottom: 1px solid #eee;
}
.about-hero .content-button {
display: inline-block;
background-color: #333333;
color: #222;
padding: 12px 30px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
}
.about-hero .content-button:hover {
background-color: #f1c40f;
color: #111;
}
.about-hero h1 {
font-size: 3rem;
margin-bottom: 20px;
color: #333;
text-decoration:bold;
}
.about-hero p {
font-size: 1.3rem;
margin-bottom: 30px;
color: #555;
text-align:justify;
}
@media screen and (max-width: 768px) {
.about-hero p {
font-size: 1rem !important; 
text-align:center;
}
.about-hero h1 {
font-size: 3rem !important;
padding-bottom: 20px;
}
} .about-us-sections .about-section {
display: flex;
align-items: center;
margin-bottom: 60px;
gap: 40px;
flex-wrap: wrap;
}
.about-us-sections .about-section.reverse {
flex-direction: row-reverse;
}
.about-text {
flex: 1;
min-width: 280px;
}
.about-text h2 {
font-size: 2rem;
margin-bottom: 15px;
color: #222;
text-decoration:bold;
}
.about-text p {
font-size: 1.2rem;
line-height: 1.7;
color: #555;
} .about-image {
flex: 1;
min-width: 280px;
text-align: center;
}
.about-image img {
max-width: 100%;
border-radius: 10px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.about-image img:hover {
transform: scale(1.03);
} .about-counters {
padding: 40px 0;
background: rgba(254, 205, 8, 0.25);
text-align: center;
width: 100%;
max-width: 1400px;
}
.counter-wrapper {
display: flex;
justify-content: space-between; 
flex-wrap: nowrap; 
gap: 40px;
max-width: 1400px;
margin: 0 auto;
}
.counter-item {
flex: 1 0 0; 
text-align: center;
}
.counter-number {
font-size: 2.6rem;
font-weight: bold;
color: #4B5563;
margin-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
}
.counter-label {
font-size: 1.3rem; 
font-weight: bold !important; 
color: #6b7280;
margin-top: 5px;
font-family: Arial, Helvetica, sans-serif;
} @media screen and (max-width: 768px) {
.counter-wrapper {
flex-direction: column;
gap: 30px;
}
.counter-item {
flex: 1 1 100%;
} .counter-number {
font-size: 2rem;
}
.counter-label {
font-size: 1rem;
}
} .about-signature {
text-align: center;
margin: 20px 0;
padding: 10px !important;
}
.mark-signature {
max-width: 200px;
display: block;
margin: 10px auto 10px auto;
} .about-blog-section {
padding: 80px 20px;
background: white; 
border-top: 1px solid lightgray; 
text-align: center;
margin: 0;
}
.about-blog-section h2 {
font-size: 2rem;
margin-bottom: 50px;
color: black;
font-weight: 700;
} .about-page {
width: auto;
margin: -20px -40px -80px;
padding-bottom: 80px;
background: #f6f6f4;
color: #111111;
overflow: hidden;
}
.about-page .about-hero {
position: relative;
padding: 38px 20px 0;
text-align: center;
background: transparent;
border-bottom: 0;
}
.about-page .about-hero__inner,
.about-page .about-counters,
.about-page .about-why-choose,
.about-page .about-us-sections,
.about-page .about-blog-section {
max-width: 1220px;
margin-left: auto;
margin-right: auto;
}
.about-page .about-hero__inner {
width: 100%;
padding: 34px 36px;
background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
border: 1px solid #e9e9e9;
border-radius: 24px;
box-shadow: 0 16px 40px rgba(0,0,0,0.05);
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.about-page .about-hero__inner::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 5px;
background: linear-gradient(90deg, #fecd08 0%, #e0b800 100%);
}
.about-page .about-eyebrow,
.about-page .about-kicker {
display: inline-flex;
align-items: center;
margin-bottom: 14px;
color: #8a6d00;
font-family: 'Inter', Arial, sans-serif;
font-size: 13px;
font-weight: 900;
line-height: 1;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.about-page .about-eyebrow {
padding: 7px 14px;
background: #111111;
color: #fecd08;
border-radius: 999px;
}
.about-page .about-hero h1 {
max-width: 760px;
margin: 0 auto 16px;
color: #111111;
font-family: 'Inter', Arial, sans-serif;
font-size: 46px;
font-weight: 900;
line-height: 1.08;
letter-spacing: 0;
text-decoration: none;
text-transform: none;
}
.about-page .about-hero p {
max-width: 860px;
margin: 0 auto;
color: #444444;
font-family: 'Inter', Arial, sans-serif;
font-size: 17px;
line-height: 1.65;
text-align: center;
}
.about-page .about-hero__actions {
margin-top: 24px;
}
.about-page .about-hero .content-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 24px;
border: 2px solid #fecd08;
border-radius: 4px;
background: #fecd08;
color: #111111 !important;
font-family: 'Inter', Arial, sans-serif;
font-size: 15px;
font-weight: 900;
line-height: 1;
text-decoration: none;
box-shadow: none;
}
.about-page .about-hero .content-button:hover {
background: #ffffff;
border-color: #ffffff;
color: #111111 !important;
}
.about-page .about-counters {
width: 100%;
padding: 0;
background: #111111;
border: 0;
border-radius: 18px;
overflow: hidden;
text-align: left;
margin-top: 24px;
}
.about-page .counter-wrapper {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
max-width: none;
margin: 0;
gap: 0;
}
.about-page .counter-item {
min-height: 126px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 28px 30px;
border-right: 1px solid rgba(255,255,255,0.14);
text-align: left;
}
.about-page .counter-item:first-child {
border-left: 1px solid rgba(255,255,255,0.14);
}
.about-page .counter-number {
margin: 0 0 8px;
color: #fecd08;
font-family: 'Inter', Arial, sans-serif;
font-size: 44px;
font-weight: 900;
line-height: 1;
}
.about-page .counter-label {
margin: 0;
color: #ffffff;
font-family: 'Inter', Arial, sans-serif;
font-size: 15px;
font-weight: 800 !important;
line-height: 1.3;
}
.about-page .about-why-choose {
padding: 64px 20px 10px;
}
.about-page .about-why-choose__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
}
.about-page .about-why-card {
position: relative;
min-height: 100%;
padding: 26px 24px 24px;
background: linear-gradient(160deg, #ffffff 0%, #fffdf4 58%, #f6edd0 100%);
border: 1px solid rgba(17,17,17,0.08);
border-radius: 24px;
box-shadow: 0 14px 36px rgba(17,17,17,0.06);
box-sizing: border-box;
overflow: hidden;
transition: transform 0.32s ease, box-shadow 0.32s ease, border-color 0.32s ease, background 0.32s ease, opacity 0.55s ease;
}
.about-page .about-why-card::after {
content: "";
position: absolute;
left: 24px;
right: 24px;
bottom: 0;
height: 4px;
border-radius: 999px;
background: linear-gradient(90deg, #111111 0%, #fecd08 100%);
transform: scaleX(0.32);
transform-origin: left center;
transition: transform 0.32s ease;
}
.about-page .about-why-card__badge,
.about-page .about-why-card h3,
.about-page .about-why-card p {
position: relative;
z-index: 1;
}
.about-page .about-why-card__badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 46px;
height: 46px;
margin-bottom: 18px;
padding: 0 12px;
background: #111111;
color: #fecd08;
border-radius: 14px;
box-shadow: 0 10px 22px rgba(17,17,17,0.14);
font-family: 'Inter', Arial, sans-serif;
font-size: 13px;
font-weight: 900;
line-height: 1;
letter-spacing: 0.08em;
}
.about-page .about-why-card h3 {
margin: 0 0 12px;
color: #111111;
font-family: 'Inter', Arial, sans-serif;
font-size: 22px;
font-weight: 900;
line-height: 1.2;
text-transform: none;
}
.about-page .about-why-card p {
margin: 0;
color: #474747;
font-family: 'Inter', Arial, sans-serif;
font-size: 15px;
line-height: 1.7;
}
.about-page .about-why-card:hover {
transform: translateY(-10px) rotate(-1deg);
background: linear-gradient(160deg, #ffffff 0%, #fff8dc 58%, #f2e0a3 100%);
border-color: rgba(177,132,0,0.38);
box-shadow: 0 26px 48px rgba(17,17,17,0.14);
}
.about-page .about-why-card:hover::after {
transform: scaleX(1);
}
.about-page .about-why-choose.is-reveal-ready .about-why-card {
opacity: 0;
transform: translateY(44px);
}
.about-page .about-why-choose.is-reveal-ready .about-why-card.is-visible {
opacity: 1;
transform: translateY(0);
}
.about-page .about-us-sections {
padding: 84px 20px 20px;
}
.about-page .about-section-heading {
max-width: 790px;
margin: 0 0 54px;
text-align: left;
}
.about-page .about-section-heading h2 {
margin: 0;
color: #111111;
font-family: 'Inter', Arial, sans-serif;
font-size: 44px;
font-weight: 900;
line-height: 1.08;
letter-spacing: 0;
text-transform: none;
text-decoration: none;
}
.about-page .about-section {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(340px, 0.82fr);
align-items: center;
gap: 54px;
margin: 0;
padding: 54px 0;
border-top: 1px solid #d9d9d3;
}
.about-page .about-section.reverse {
grid-template-columns: minmax(340px, 0.82fr) minmax(0, 1fr);
flex-direction: initial;
}
.about-page .about-section:last-child {
border-bottom: 1px solid #d9d9d3;
}
.about-page .about-section.reverse .about-image {
order: 2;
}
.about-page .about-section.reverse .about-text {
order: 1;
}
.about-page .about-text {
min-width: 0;
padding: 0;
}
.about-page .about-section-number {
display: block;
margin-bottom: 18px;
color: #b18400;
font-family: 'Inter', Arial, sans-serif;
font-size: 14px;
font-weight: 900;
line-height: 1;
}
.about-page .about-text h2 {
margin: 0 0 18px;
color: #111111;
font-family: 'Inter', Arial, sans-serif;
font-size: 38px;
font-weight: 900;
line-height: 1.1;
letter-spacing: 0;
text-decoration: none;
}
.about-page .about-text p {
max-width: 640px;
margin: 0;
color: #424242;
font-family: 'Inter', Arial, sans-serif;
font-size: 17px;
line-height: 1.76;
}
.about-page .about-image {
min-width: 0;
min-height: 330px;
overflow: hidden;
background: #111111;
border-radius: 8px;
}
.about-page .about-image img {
width: 100%;
height: 100%;
max-width: none;
display: block;
object-fit: cover;
border-radius: 8px;
box-shadow: none;
transform: rotate(0deg) scale(1);
transform-origin: center center;
transition: transform 0.28s ease, filter 0.25s ease;
}
.about-page .about-image:hover img {
transform: rotate(-0.8deg) scale(1.02);
filter: brightness(0.96);
}
.about-page .about-blog-section {
margin-top: 0;
padding: 58px 20px 0;
background: transparent;
border-top: 0;
text-align: left;
}
.about-page .about-blog-section .about-section-heading {
margin-bottom: 30px;
}
.about-page .about-blog-section h2 {
margin: 0;
color: #111111;
font-family: 'Inter', Arial, sans-serif;
font-size: 40px;
font-weight: 900;
line-height: 1.12;
}
.about-page .blog-cards {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
justify-content: initial;
}
.about-page .blog-card {
max-width: none;
flex: initial;
background: #ffffff;
border: 1px solid #e3e1d7;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 16px 32px rgba(17,17,17,0.06);
}
.about-page .blog-card:hover {
transform: none;
box-shadow: 0 20px 36px rgba(17,17,17,0.1);
}
.about-page .blog-card a {
display: flex;
flex-direction: column;
height: 100%;
color: inherit;
text-decoration: none;
}
.about-page .blog-card-img {
overflow: hidden;
background: #111111;
}
.about-page .blog-card-img img,
.about-page .blog-card img {
display: block;
width: 100%;
height: 190px;
object-fit: cover;
}
.about-page .blog-card-title,
.about-page .blog-card-excerpt {
padding-left: 20px;
padding-right: 20px;
}
.about-page .blog-card-title {
margin: 18px 0 10px;
color: #111111;
font-family: 'Inter', Arial, sans-serif;
font-size: 20px;
font-weight: 900;
line-height: 1.25;
}
.about-page .blog-card-excerpt {
margin: 0;
padding-bottom: 22px;
color: #424242 !important;
font-family: 'Inter', Arial, sans-serif;
font-size: 15px;
line-height: 1.64;
}
@media screen and (max-width: 980px) {
.about-page {
margin-left: -20px;
margin-right: -20px;
}
.about-page .about-hero {
padding: 28px 20px 0;
}
.about-page .about-hero h1 {
font-size: 40px;
}
.about-page .about-why-choose__grid,
.about-page .counter-wrapper,
.about-page .blog-cards {
grid-template-columns: 1fr;
}
.about-page .counter-item,
.about-page .counter-item:first-child {
border-left: 0;
border-right: 0;
border-bottom: 1px solid rgba(255,255,255,0.14);
}
.about-page .counter-item:last-child {
border-bottom: 0;
}
.about-page .about-section,
.about-page .about-section.reverse {
grid-template-columns: 1fr;
gap: 28px;
}
.about-page .about-section.reverse .about-image,
.about-page .about-section.reverse .about-text {
order: initial;
}
.about-page .about-image {
min-height: 300px;
}
}
@media screen and (max-width: 650px) {
.about-page {
margin: -20px -10px -80px;
}
.about-page .about-hero {
padding: 20px 10px 0;
}
.about-page .about-hero__inner {
padding: 24px 18px;
border-radius: 18px;
}
.about-page .about-hero h1,
.about-page .about-section-heading h2,
.about-page .about-blog-section h2 {
font-size: 32px !important;
}
.about-page .about-hero p,
.about-page .about-why-card p {
font-size: 15px !important;
line-height: 1.65;
text-align: center;
}
.about-page .about-text p {
font-size: 15px !important;
line-height: 1.65;
text-align: left;
}
.about-page .about-why-choose {
padding: 48px 14px 6px;
}
.about-page .about-why-card {
padding: 18px 16px;
border-radius: 14px;
}
.about-page .about-why-card__badge {
min-width: 42px;
height: 42px;
margin-bottom: 16px;
border-radius: 12px;
}
.about-page .about-why-card h3 {
font-size: 20px;
}
.about-page .about-us-sections {
padding: 54px 14px 18px;
}
.about-page .about-section-heading {
margin-bottom: 34px;
}
.about-page .about-section {
padding: 36px 0;
}
.about-page .about-text h2 {
font-size: 26px;
}
.about-page .counter-item {
min-height: 106px;
padding: 24px 14px;
}
.about-page .counter-number {
font-size: 34px;
}
.about-page .about-image {
min-height: 230px;
}
.about-page .about-blog-section {
padding-left: 14px !important;
padding-right: 14px !important;
}
}
@media (prefers-reduced-motion: reduce) {
.about-page .about-why-card,
.about-page .about-why-card::after,
.about-page .about-image img {
transition: none !important;
}
.about-page .about-why-card:hover,
.about-page .about-image:hover img {
transform: none !important;
}
}
.blog-cards {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
}
.blog-card {
background: #111; 
border: 1px solid #f2c94c; 
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.5);
max-width: 350px;
flex: 1 1 calc(33.333% - 30px);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.blog-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 25px rgba(0,0,0,0.6);
}
.blog-card a {
color: inherit;
text-decoration: none;
display: block;
}
.blog-card img {
width: 100%;
display: block;
height: 180px; object-fit: cover;
transition: transform 0.3s ease;
}
.blog-card:hover img {
transform: scale(1.05);
}
.blog-card-title {
font-size: 1.25rem;
margin: 10px;
color: #f2c94c; font-weight: 700;
}
.blog-card-excerpt {
font-size: 1.2rem;
color: white !important; 
line-height: 1.5;
margin: 0 15px 15px 15px;
padding:15px;
} @media screen and (max-width: 991px) {
.blog-card {
flex: 1 1 45%;
}
}
@media screen and (max-width: 600px) {
.blog-card {
flex: 1 1 100%;
}
}
.single-post-wrapper {
display: flex;
gap: 30px;
margin: 40px 0;
flex-wrap: wrap;
align-items: flex-start; }
.single-post-image {
flex: 1 1 40%;
max-height: none; 
overflow: hidden;
height: 800px;
}
.single-post-image img {
width: 100%;
height: 100%;
object-fit: cover; display: block;
border-radius: 10px;
}
.single-post-content {
flex: 1 1 55%;
}
.single-post-content h1 {
margin-bottom: 20px;
font-size: 2em;
}
.single-post-content p {
line-height: 1.6;
margin-bottom: 15px;
}
.custom-shop-intro {
text-align: center;
margin-bottom: 40px;
}
.custom-shop-intro h2 {
font-size: 2em;
margin-bottom: 10px;
}
.custom-shop-intro .shop-intro-text {
font-size: 1.1em;
color: #555;
max-width: 800px;
margin: 0 auto;
} .custom-carousel-wrapper {
background: white; 
text-align: center;
margin-top: 20px;
margin-bottom: 100px;
}
.carousel-title {
font-size: 38px;
margin-bottom: 30px;
color: #333333;
font-family: 'Inter', sans-serif;
font-weight: 800;
}
.custom-carousel-container {
position: relative;
overflow: hidden; width: 100%;
max-width: 1300px;
margin: 0  ;
}
.custom-carousel-track {
display: flex;
gap: 9px;
flex-wrap: nowrap; transition: transform 0.5s ease-in-out;
}
.carousel-card {
flex: 0 0 23%; 
background: white; 
padding:10px;
box-shadow: 0 2px 12px rgba(0,0,0,0.1);
border-radius: 10px;
text-align: center;
position: relative;
transform-style: preserve-3d;
cursor: pointer;
transition: transform 0.3s ease, z-index 0s;
z-index: 1; 
margin: 10px auto;
font-family: 'Poppins', sans-serif;
min-height: 285px; 
max-height: 300px; 
display: flex;
flex-direction: column;
}
.carousel-card:hover {
z-index: 10; } .carousel-card img {
max-width: 100%;
height: auto;
border-radius: 4px;
transition: transform 0.3s ease;
} .carousel-product-title {
font-size: 18px !important;
font-weight: 400 !important;
line-height: 1.2;
margin-top: 15px !important;
transition: color 0.3s ease;
font-family: 'Poppins', sans-serif !important;
text-align: center !important;
}
.carousel-product-title a {
color: #333;
text-decoration: none;
}
.carousel-card:hover .carousel-product-title a {
color: #b8860b; }
.carousel-product-price {
font-size: 14px !important;
font-weight: 400 !important;
color: #000;
letter-spacing: 0.3px;
margin-top: auto !important;
padding-top: 16px;
border-top: 1px solid rgba(0,0,0,0.08);
text-align: center;
font-family: 'Poppins', sans-serif !important;
}
.carousel-card:hover .carousel-product-price {
transform: scale(1.03);
transition: transform 0.2s ease;
} .carousel-card::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 250%;
height: 250%;
transform: translate(-50%, -50%);
background: radial-gradient(circle, rgba(255,200,0,0.15) 0%, transparent 60%);
pointer-events: none;
transition: all 0.3s ease;
border-radius: 50%;
opacity: 0;
}
.carousel-card:hover::before {
opacity: 1;
} .carousel-card:hover {
transform: perspective(1000px) rotateX(var(--rotateX, 0deg)) rotateY(var(--rotateY, 0deg));
} .carousel-card .button {
display: inline-block;
background-color: #333; color: #fff;
padding: 10px 20px;
text-decoration: none;
border-radius: 4px;
transition: all 0.4s ease;
}
.carousel-card .button:hover {
background: linear-gradient(125deg, gold 0%, black 100%); color: #fff; border-color: #000; }
@media (max-width: 767px) {
.carousel-card {
flex: 0 0 82%; }
.custom-carousel-track {
padding-left: 10px;
padding-right: 10px;
justify-content: flex-start; } .custom-carousel-container::-webkit-scrollbar {
display: none;
}
} .carousel-arrow {
position: absolute;
top: 80%;
transform: translateY(-50%);
background: rgba(0,0,0,0.6);
color: #fff;
border: none;
padding: 10px 15px;
font-size: 22px;
cursor: pointer;
border-radius: 50%;
z-index: 10;
}
.carousel-arrow.prev {
left: 10px;
}
.carousel-arrow.next {
right: 10px;
}
@media screen and (max-width: 770px) { .carousel-arrow {
padding: 6px 10px; font-size: 16px; top: 80%; }
.carousel-arrow.prev {
left: 5px; }
.carousel-arrow.next {
right: 5px; }
}
.pager{
position: relative;
z-index: 1505;
width: 100%;
max-width: 100%;
margin: auto;
text-align: center;
display: block;
}
.pager span{
list-style: none;
width: 15px;
height: 15px;
border-radius: 7.5px;
margin-left: 8px;
margin-right: 8px;
display: inline-block;
cursor: pointer;
z-index: 95;
background-color: white;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity:0.60;
-khtml-opacity: 0.60;
opacity: 0.60;
}
.pager span.cycle-pager-active{
background-color: white;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
cursor: pointer;
list-style: none;
z-index: 95;
}
.front-slide-pager{
padding-bottom: 10px;
}
.page-image{
position: relative;
width: 100%;
display: none;
}
.page-image img{
position: relative;
width: 100%;
display: block;
}
.page-image-slideshow .first-slide{
display: block;
}
.page-image-shadow{
-webkit-box-shadow: inset 0px -10px 15px -12px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px -10px 15px -12px rgba(0,0,0,0.75);
box-shadow: inset 0px -10px 15px -12px rgba(0,0,0,0.75);
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: block;
z-index: 100;
} .catalogue-view{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
font-size: 0;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
vertical-align: top;
}
.catalogue-view:nth-child(2n){
padding-top: 0;
}
.catalogue-image{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
margin-bottom: 4%;
position: relative;
border: 1px solid #e6e6e6;
border: none;
vertical-align: top;
}
.catalogue-image h3{
background-color: #1e1e1e;
font-size: 20px;
line-height: 120%;
color: #ffffff;
margin-bottom: 0px;
padding: 10px;
padding-right: 15px;
position: relative;
width: 100%;
cursor: pointer;
display: inline-block;
}
.catalogue-department .catalogue-image h3{
height: auto;
}
.catalogue-image:hover h3{
background-color: #000000;
color: white !important;
}
.catalogue-image h3 .fa{
position: absolute !important;
right: 8px;
top: 41%;
font-size: 12px;
color: white;
}
.catalogue-image h3 span{
display: block;
font-size: 18px;
max-width: 203px;
}
.catalogue-image:hover h3 span{
color: white !important;
}
.catalogue-image h3 span span{
display: inline-block;
font-size: 11px;
margin-left: 2px;
position: relative;
top: -1px;
font-family: 'Inter', sans-serif;
text-transform: uppercase;
}
.catalogue-department{
margin-bottom: 50px;
padding-bottom: 40px;
border-bottom: 1px solid #e6e6e6;
}
.catalogue-view .column3{
width: 32%;
position: relative;
margin-right: 2%;
}
.catalogue-department .column3:nth-of-type(3n){
margin-right: 0%;
}
.catalogue-view .column2{
width: 48%;
position: relative;
margin-right: 4%;
}
.catalogue-images .column2:nth-of-type(2n){
margin-right: 0%;
}
.catalogue-image img{
width: 100%;
height: auto;
position: relative;
display: block;
margin-bottom: 10px;
image-rendering: auto;
}
.column3 img{
image-rendering: auto!important;
}
.catalogue-shadow{
x-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.55);
x-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.55);
xbox-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.55);
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 102;
}
p.product-price{
font-family: 'Inter', sans-serif;
font-size: 20px;
color: black;
padding-bottom: 0px;
}
.product-price-incl-vat{
font-size: 14px;
display: block;
}
p.product-sku{
font-family: 'Inter', sans-serif;
font-size: 12px;
margin-top: -15px;
text-transform: uppercase;
}
.related p.product-sku{
display: none;
margin-top: 5px;
}
.product-page h1{
margin-bottom: 0px;
}
.product-page .catalogue-department{
border-bottom: none;
} .product-image-holder{
width: 70%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
}
.product-image{
border: 1px solid #e6e6e6;
border: none;
width: 100%;
position: relative;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.product-image img{
width: 100%;
position: relative;
height: auto;
display: block;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
image-rendering: auto!important;
}
#productimage2,#productimage3,#productimage4{
display: none;
}
.product-image-thumbnails{
width: 100%;
position: relative;
font-size: 0;
margin-top: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.minicatalogueimage{
width: 24%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
cursor: pointer;
margin-right: 1.333333333333333%;
border: 1px solid #e6e6e6;
border: none;
}
.minicatalogueimage:last-child{
margin-right: 0%;
}
.minicatalogueimage img{
width: 100%;
height: auto;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.key-features{
width: 30%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
padding-left: 20px;
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 120%;
color: black;
vertical-align: top;
}
.key-features li{
margin-bottom: 5px;
line-height: 120%;
list-style: none!important;
margin-left: 0px!important;
padding-left: 5px!important;	
}
.key-features ul{
margin-bottom: 0px!important;
} .product-enquiry-buttons-holder{
width: 100%;
position: relative;
float: left;
box-sizing: border-box;
font-size: 0;
font-weight: 400;
}
.product-enquiry-buttons-holder h3{
font-size: 17px;
text-align: center;
margin-bottom: 17px;
font-weight: 700;
} .product-enquiry-button{
box-sizing: border-box;
width: 100%;
padding: 12px 10px;
font-family: 'Inter', sans-serif;
font-size: 19px;
font-weight: 700;
text-align: center;
text-transform: capitalize;
color: #fff;
background-color: #000;
cursor: pointer;
margin-bottom: 10px; transition:
transform 0.35s ease,
box-shadow 0.35s ease,
background-color 0.25s ease;
} .product-enquiry-button:hover{
transform: scale(1.05);
box-shadow: 0 12px 25px rgba(0,0,0,0.35);
background-color: #111; } .product-enquiry-button{
will-change: transform;
} .demo-button-holder{
margin-top: 10px;
} .ts-and-cs-demo-disclaimer{
font-size: 10px;
line-height: 1.2;
text-align: center;
margin-top: 4px;
font-weight: 700;
} @media (max-width: 768px){
.product-enquiry-button{
font-size: 16px;
padding: 10px;
}
.product-enquiry-buttons-holder h3{
font-size: 15px;
}
}
.ts-and-cs-demo-disclaimer{
font-family: 'Inter', sans-serif;
font-size: 10px;
line-height: 10px;
color: black;
text-align: center;
display: block;
font-weight: 700;
margin-top: -2px;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;	
}
.demo-button-holder{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
p.recaptcha-disclaimer{
font-size: 12px;
color: grey;
line-height: 120%;
margin-bottom: 30px;
}
p.branch-label{
font-weight: 700;
margin-bottom: 20px;
}
.grecaptcha-badge {
visibility: hidden;
}
.enquiry_form_2022_fields{
display: none;
}
.enquiry_form_2022{
margin-top: 30px;
display: none;
border-top: 2px solid #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
margin-top: 30px;
background: #f6f5f8;
}
.form_contact{
display: block;
margin-top: 30px!important;
}
.contact-page-wrapper a {
font-size: 1.2em !important;
color: #333333 !important; font-weight: 600 !important;
transition: color 0.3s ease !important;
}
.contact-page-wrapper a:hover {
color: #b8860b !important; text-decoration: underline !important;
}  input[type="radio"]{
height: 25px;
width: 25px;
vertical-align: middle;
margin: 0 5px 5px 0;
border: 1px solid #A5A5A5;
background: linear-gradient(#FCFCFC, #DADADA);
border-radius: 12.5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: box-shadow 200ms;
cursor:pointer;
} input[type="radio"]:not(:disabled){
box-shadow:inset 1px 1px 0 #fff, 0 1px 1px rgba(0,0,0,0.1);
} input[type="radio"]:not(:disabled):hover{
border-color:rgba(0,0,0,0.4);
box-shadow:inset 1px 1px 0 #fff, 0 0 4px rgba(0,0,0,0.2);
} input[type="radio"]:active:not(:disabled){
background-image: linear-gradient(#C2C2C2, #EFEFEF);
box-shadow:inset 1px 1px 0 rgba(0,0,0,0.2), inset -1px -1px 0 rgba(255,255,255,0.6);
border-color:#707070;
} input[type="radio"]:focus{
outline:none;
box-shadow: 0 0 1px 2px rgba(254,205,8,0.4);
} input[type="radio"]:checked{
border-color:#707070;
} input[type="radio"]:checked,
input[type="radio"]:checked:active {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAVFBMVEX///9eXl5RUVEzMzMbGxszMzNRUVEiIiJRUVFFRUUzMzMiIiJFRUUzMzNRUVFRUVE6OjorKysiIiJRUVFFRUU6OjozMzMrKytRUVFFRUUzMzMrKyvGHNe0AAAAHHRSTlMAERERESJmZnd3d3eIiJmqqqqqzMzMzMzd3d3dIlELBQAAAEFJREFUCNdjYEACLOxC3CwgBrOgtLi4ICuQxSUlBgS8QJaAKAgIAFmckiIiIpI8QBYTn4SwBD8TSAsjGz8HI7JhAH1fArjBaKLrAAAAAElFTkSuQmCC) center no-repeat, -webkit-linear-gradient(#FCFCFC, #DFDFDF);
} input:disabled {
opacity:.6;
border-color:#aaa;
box-shadow:0;
} input:disabled + label {
color:#666;
cursor:default;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.key-features-2022{
width: 100%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 120%;
color: black;
vertical-align: top;	
}
.key-features-2022 li{
margin-bottom: 5px;
line-height: 120%;
list-style: none!important;
margin-left: 0px!important;
padding-left: 0px!important;	
}
.key-features-2022 ul{
margin-bottom: 0px!important;
}
.key-features-2022 li:last-child{
margin-bottom: 0px!important;
padding-bottom: 0px!important;
}
.enquire-button{
}
.specifications{
width: 100%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
color: black;
vertical-align: top;
line-height: 120%;
margin-top: 10px;
}
.specifications ul{
margin-bottom: 0px!important;
padding-bottom: 0px!important;
padding-left: 5px!important;	
}
.specifications li{
padding-left: 5px!important;
}
.product-content{
width: 90%;
position: relative;
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 120%;
margin-top: 20px;
margin-bottom: 20px;
}
b,strong{
font-weight: 700;
}
li{
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 5px;
}
li .fa{
font-size: 12px;
}
.key-features h3{
font-size: 25px;
line-height: 25px;
}
.content-button{
font-family: 'Inter',sans-serif;
font-weight: 700;
background-color: #FFB400;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;
font-size: 18px;
color: #fff !important;
border: none;
cursor: pointer;
}
.content-button:hover{
background-color: #000000;
}
.content-button:focus, .content-button:active{
outline: none;
border: none;
}
.submitbuttonform{
margin-bottom: 30px;
}
ul + .content-button{
margin-top: 5px;
}
a.content-button,a.content-button:link,a.content-button:visited,a.content-button:active{
text-decoration: none;
color: white !important;
}
.divider{
width: 100%;
position: relative;
height: 1px;
margin-top: 40px;
margin-bottom: 40px;
background-color: #e6e6e6;
}
.google-map{
position: relative;
border: 1px solid #e6e6e6;
width: 100%;
height: 640px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.about-us-photos{
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0;
margin-top: 30px;
margin-bottom: 20px;
}
.about-us-photo-holder{
display: inline-block;
width: 32%;
margin-right: 2%;
position: relative;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.about-us-photo{
width: 100%;
position: relative;
border: 1px solid #505050;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.about-us-photo img{
width: 100%;
position: relative;
height: auto;
display: block;
}
.about-us-photo-holder:last-child{
margin-right: 0;
}
.about-us-shadow{
-webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.55);
-moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.55);
box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.55);
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 100;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.about-us-caption{
color: black;
font-family: 'Inter', sans-serif;
text-transform: capitalize;
font-size: 20px;
font-weight: 700!important;
position: relative;
display: block;
margin-top: 5px;
}
.mark-signature{
width: 148px;
height: auto;
} input[type=text],input[type=email],input[type=password],input[type=tel]{
width: 100%;
max-width: 420px;
position: relative;
margin-bottom: 15px;
border: 1px solid black;
background-color: white;
font-family: 'Inter', sans-serif;
font-weight: 400;
line-height: 15px;
font-size: 15px;
padding: 10px;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
color: #000000;
line-height:normal !important;
}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{
outline: none;
line-height:normal !important;
}
label{
font-family: 'Inter',sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 120%!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; margin-bottom: 10px;
position: relative;
display: block;
}
textarea{
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 15px;
width: 100%;
max-width: 420px;
position: relative;
line-height: 15px;
resize: none;
height: 100px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px;
border: 1px solid #000000;
color: #000000;
-webkit-appearance: none;
margin-bottom: 20px;
}
textarea:focus{
outline: none;
}
.formerror{
color: red;
font-family: 'Inter', sans-serif;
text-transform: none;
font-weight: 700;
font-size: 14px;
font-weight: normal;
position: relative;
margin-bottom: 20px;
margin-top: -10px;
}
.confirmationanchor{
display: block;
position: relative;
top: -90px;
}
.form-tip{
font-size: 12px !important;
margin-top: -20px;
margin-bottom: 20px;
} .breadcrumb a {
color: #333333; text-decoration: none; }
.breadcrumb a:hover {
color: #555555; text-decoration: none;
}
.breadcrumb_last{
display: none;
}
.ancestor, .ancestor p{
font-family: 'Inter', sans-serif;
font-size: 14px !important;
text-transform: uppercase !important;
color: #4c4c4c !important;
}
.ancestor a,.ancestor a:link,.ancestor a:active,.ancestor a:visited{
color: #4c4c4c;
text-decoration: underline;
}
.ancestor a:hover{
color: black;
}
.ancestor .fa{
font-size: 8px;
top: -1px;
position: relative;
}
h1,h2,h3,h4,h5,h6{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
h1{
font-family: 'Inter', sans-serif;
font-weight: 700;
color: #000000;
font-size: 40px;
margin-bottom: 30px;
line-height: 120%;
margin-top: 5px;
}
h2{
font-family: 'Inter', sans-serif;
font-weight: 700;
color: #000000;
line-height: 120%;	
font-size: 30px;
margin-bottom: 20px;
text-transform: capitalize;
}
h3{
font-family: 'Inter', sans-serif;
font-weight: 700;
line-height: 120%;	
text-transform: capitalize;	
color: #000000;
font-size: 25px;
margin-bottom: 20px;
}
ul + h3{
margin-top: 20px;
}
h4{
font-weight: 700;
text-transform: capitalize;	
}
.backtotoplink{
margin: auto;
text-align: center;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: moz-none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
position: relative;
width: 120px;
margin-bottom: 20px;
float: right;
vertical-align: top;
margin-top: 10px;
}
.backtotoptext{
font-size: 14px;
color: #9b9b9b;
}
.backtotoplink:hover .backtotoptext{
color: #ffffff;
}
.backtotoplink:hover .backtotoparrow{
border-bottom: 10px solid #ffffff;
}
.backtotoparrow{
width: 0; 
height: 0; 
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #9b9b9b;
margin: auto;
margin-bottom: 5px;
}
.backtotopicon{
position: fixed;
bottom: 20px;
right: 20px;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 54px;
height: 54px;
padding: 0;
background: rgba(13,13,13,0.78);
border: 1px solid rgba(255,255,255,0.16);
border-radius: 16px;
-webkit-backdrop-filter: blur(18px) saturate(135%);
backdrop-filter: blur(18px) saturate(135%);
-webkit-box-shadow: 0 24px 58px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.08);
-moz-box-shadow: 0 24px 58px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.08);
box-shadow: 0 24px 58px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.08);
color: #ffffff;
font-size: 20px;
cursor: pointer;
display: none;
z-index: 1000;
text-align: center;
line-height: 54px;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.backtotopicon:hover{
background: rgba(13,13,13,0.9);
border-color: rgba(254,205,8,0.4);
color: #fecd08;
transform: translateY(-2px);
box-shadow: 0 24px 58px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1);
}
.backtotopicon .fa{
line-height: inherit;
} .footer{
width: 100%;
background-color: #1a1a1a;
position: relative;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,1);
border-top: 1px solid #000000; background: rgb(37,37,37); background: -moz-linear-gradient(top,  rgba(37,37,37,1) 0%, rgba(38,38,38,1) 26%, rgba(35,35,35,1) 58%, rgba(24,24,24,1) 100%); background: -webkit-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(38,38,38,1) 26%,rgba(35,35,35,1) 58%,rgba(24,24,24,1) 100%); background: linear-gradient(to bottom,  rgba(37,37,37,1) 0%,rgba(38,38,38,1) 26%,rgba(35,35,35,1) 58%,rgba(24,24,24,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#181818',GradientType=0 ); margin-bottom: 0;
padding-bottom: 50px;
} .footer {
position: relative;
overflow: visible;
}
.footer-content {
position: relative;
overflow: visible;
} .footer-middle-row {
position: relative;
width: 100%;
margin: 18px 0 30px;
display: flex;
justify-content: flex-start;
align-items: stretch;
box-sizing: border-box;
z-index: 20;
transform: none;
}
.footer-trading-hours {
position: relative;
width: 100%;
max-width: none;
height: auto;
box-sizing: border-box;
background: #222;
color: #fff;
padding: 18px 24px;
border-left: 4px solid #f4c400;
border-radius: 12px;
box-shadow: 0 12px 30px rgba(0,0,0,0.22);
z-index: 20;
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.footer-trading-hours h3 {
margin-top: 0;
margin-bottom: 16px;
color: #f4c400;
font-size: 18px;
text-transform: uppercase;
}
.footer-trading-hours .contact-label {
font-weight: bold;
color: #f4c400;
}
.footer-trading-hours .footer-contact-detail {
margin: 10px 0;
font-size: 14px;
display: flex;
justify-content: space-between;
gap: 16px;
align-items: baseline;
}
.footer-trading-hours:hover {
box-shadow: 0 0 15px black;
} @media screen and (min-width: 1647px) {
.footer-middle-row {
position: absolute;
top: 50%;
right: max(-300px, calc((1100px - 100vw) / 2 + 20px));
width: 300px;
margin: 0;
display: block;
transform: translateY(-50%);
}
.footer-trading-hours {
width: 100%;
max-width: 300px;
}
} @media screen and (max-width: 1646px) {
.footer-middle-row {
position: relative;
top: auto;
right: auto;
width: 100%;
margin: 18px 0 30px;
display: flex;
justify-content: flex-start;
transform: none;
}
.footer-trading-hours {
width: 100%;
max-width: none;
}
} @media screen and (min-width: 769px) {
.footer-hours-animation-ready .footer-trading-hours {
opacity: 0;
visibility: hidden;
transform: translateX(20px);
transition:
opacity 0.45s ease,
transform 0.55s ease,
visibility 0.45s ease;
}
.footer-hours-animation-ready .footer-trading-hours.is-visible {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
}
@media screen and (max-width: 768px) {
.footer-middle-row {
width: 100%;
margin: 6px 0 24px;
}
.footer-trading-hours {
width: 100%;
max-width: none;
margin-top: 0;
border-left: 4px solid #f4c400;
border-top: none;
border-radius: 12px;
text-align: left;
transform: none;
opacity: 1;
visibility: visible;
transition: none;
}
.footer-trading-hours .footer-contact-detail {
flex-direction: column;
gap: 2px;
}
}
@media (prefers-reduced-motion: reduce) {
.footer-hours-animation-ready .footer-trading-hours {
opacity: 1;
visibility: visible;
transform: none;
transition: none;
}
}
.footer-contact-detail-holder{
font-size: 0;
position: relative;
width: 100%;
}
.footer-contact-detail{
margin-bottom: 10px;
}
.footer-content{
width: 100%;
max-width: 1100px;
padding: 20px;
margin: auto;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 30px;
padding-top: 30px;
}
.footer p{
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: white;
margin-bottom: 20px;
}
.footer p:last-child{
margin-bottom: 0;
}
.footer h3{
color: #fecd08;
font-size: 18px;
font-weight: 700;
}
.footer h4{
color: #fecd08;
font-size: 16px;
font-family: 'Inter', sans-serif;
font-weight: 400;
margin-top: -20px;
margin-bottom: 20px;
}
.footer a,.footer a:link,.footer a:active,.footer a:visited{
color: white;
text-decoration: none;
}
.footer-contact-detail-holder{
margin-bottom: 20px;
position: relative;
width: 23%;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 2%;
border-right: 1px solid #414141;
vertical-align: top;
padding-right: 20px;
}
.footer-contact-detail-holder:last-child{
margin-right: 0px;
border-right: none;
}
.footer .contact-label{
font-family: 'Inter', sans-serif;
font-size: 13px;
color: #fecd08;
line-height: 140%;
}
.footer .contact-detail{
font-family: 'Inter', sans-serif;
font-size: 13px;
color: #ffffff;
line-height: 140%;
}
.footer-top-row {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap; gap: 20px;
margin-bottom: 30px;
}
.footer-top-row .footer-logo img {
height: auto;
max-height: 90px; 
width: auto;
display: block;
}
.footer-signup {
flex: 1;
min-width: 280px;
max-width: 100%;
margin-bottom: 20px;
padding-top: 20px;
text-align: center;
color: #fff;
}
.footer-signup h3 {
font-size: 18px;
margin-bottom: 10px;
margin-left:440px;
color: #E6C200;
}
.footer-signup form {
display: flex;
justify-content: right;
flex-wrap: nowrap;
gap: 0;
max-width: 400px;
margin: 0 800px ;
}
.footer-signup input[type="email"] {
padding: 10px 15px;
width:250px;
border: none;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #222;
color: #fff;
font-size: 16px;
outline: none;
}
.footer-signup input[type="email"]::placeholder {
color: #aaa;
}
.footer-signup button {
height: 40px;
padding: 0 14px; 
background-color:  #E6C200;
border: none;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
cursor: pointer;
font-size: 18px;
color: #000;
font-weight: bold;
transition: background-color 0.2s ease;
}
.footer-signup button:hover {
background-color: #FFD700;
}
.footer-disclaimer {
max-width: 920px;
margin-bottom: 0;
}
.footer-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
margin-top: 22px;
padding-top: 18px;
border-top: 1px solid #414141;
}
.footer-copyright {
margin: 0;
}
.footer-socials {
display: flex;
align-items: center;
gap: 10px;
}
.footer-social-link,
.footer-social-link:link,
.footer-social-link:visited,
.footer-social-link:active {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border: 1px solid #4b4b4b;
border-radius: 999px;
background: rgba(255,255,255,0.04);
color: #fecd08 !important;
text-decoration: none;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.footer-social-link:hover {
background: #fecd08;
border-color: #fecd08;
color: #111111 !important;
transform: translateY(-1px);
}
.footer-social-link.is-placeholder {
opacity: 0.7;
}
.footer-social-link svg {
width: 18px;
height: 18px;
display: block;
fill: currentColor;
}
.print-message{
display: none;
}
table{
position: relative;
max-width: 100%;
}
tr,td{
padding-top: 10px;
padding-bottom: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
td+td{
padding-left: 20px;
}
.on-special{
position: absolute;
top: 0px;
left: 0px;
width: 97px;
height: 98px;
background-image: url(//sinoplant.co.za/wp-content/themes/sinoplant/on-special.png);
background-size: 100%;
background-repeat: no-repeat;
image-rendering: auto!important;
}
.has-specials{
position: absolute;
top: 0px;
left: 0px;
width: 97px;
height: 98px;
background-image: url(//sinoplant.co.za/wp-content/themes/sinoplant/on-special.png);
background-size: 100%;
background-repeat: no-repeat;
}
.column3 .has-specials, .column3 .on-special{
width: 97px;
height: 98px;
}
.where-to-find-us-container{
width: 100%;
display: block;
position: relative;
font-size: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
}
.where-to-find-us{
position: relative;
width: 42%;
margin-right: 2%;
padding-right: 20px;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
}
.google-map-holder{
width: 56%;
display: inline-block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
}
.google-map-holder iframe{
position: relative;
width: 100%;
display: block;
height: 250px;
}
.directions-holder{
margin-top: 20px;
} .announcement-bar{
width: 100%;
position: relative;
background-color: #fecd08;
display: block;
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(195,144,0,1),0px 0px 4px 0px rgba(0,0,0,0.35);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(195,144,0,1),0px 0px 4px 0px rgba(0,0,0,0.35);
box-shadow: inset 0px 0px 5px 0px rgba(195,144,0,1),0px 0px 4px 0px rgba(0,0,0,0.35);
position: relative;
z-index: 100;
border-top: 1px solid #9c7300;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 7px;
padding-bottom: 5px;
border-bottom: 1px solid #9c7300;
}
.announcement-bar p{
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 14px;
text-align: center;
display: block;
margin: auto;
color: black;
}
.search-results h1{
margin-bottom: 20px;
}
.department-search-divider:last-child{
display: none;
}
.department-search-results p{
margin-bottom: 0px;
}
.department-search-results p:last-child{
margin-bottom: 20px;
}
.paginationblock a,.paginationblock a:link,.paginationblock a:active,.paginationblock a:visited{
text-decoration: none;
color: black!important;	
}
.paginationblock a{
font-size: 16px;
font-family: 'Inter', sans-serif;
font-weight: 700;
line-height: 16px;
margin-right: 5px;
text-decoration: none;
display: inline-block;
margin-bottom: 10px;
}
.page-numbers{
border: 1px solid black;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}
.paginationblock span.current{
font-size: 16px;
font-family: 'Inter', sans-serif;
font-weight: 700;
line-height: 16px;
margin-right: 5px;
color: white !important;
background-color: black;
}
.paginationblock span.dots{
font-size: 16px;
font-family: 'Inter', sans-serif;
font-weight: 700;
line-height: 16px;
margin-right: 5px;
color: black;
border: 0px;
}
.header-search-form-holder{
float: right;
vertical-align: middle;
position: relative;
margin-top: 18px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 10px;
}
.header-search-form{
}
.header-search-form input[type="search"]{
border: none;
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 14px;
background-color: white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 166px;
padding: 5px;
display: inline-block;
}
.header-search-form input[type=submit] {
display: inline-block;
background-color: black;
width : 29px;
height: 29px;
border : none;
color : white;
cursor: pointer;
font-family: FontAwesome;
font-size: 20px;
position: relative;
top: 2px;
}
.header-search-form input[type=submit]:focus,.header-search-form input[type="search"]:focus{
border: none;
outline: none;
}
.page-search-form{
vertical-align: top;
}
.page-search-form input[type="search"]{
border: 1px solid #000;
font-family: 'Inter',sans-serif;
font-weight: 400;
font-size: 19px;
line-height: 100%;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 190px;
display: inline-block;
padding: 8px;
}
.page-search-form input[type=submit] {
display: inline-block;
background-color: black;
border : 1px solid black;
color : white;
cursor: pointer;
padding: 10px;
font-family: FontAwesome;
font-size: 19px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 100%;
position: relative;
}
.announcement-bar2{
width: 100%;
margin: auto;
padding: 10px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #000000; 
text-align: center;
}
.announcement-bar2 p{
font-size: 14px;
color: white;
font-family: 'Inter', sans-serif;
font-weight: normal;
text-align: center;
max-width: 960px;
margin: auto;
}
.announcement-bar2 a,.announcement-bar2 a:link,.announcement-bar2 a:active,.announcement-bar2 a:visited{
color: white;
text-decoration: underline;
}
.privacy-policy-footer-link{
padding-bottom: 150px;
}
#catapult-cookie-bar{
padding-top: 40px!important;
padding-bottom: 40px!important;
}
#catapult-cookie-bar{
font-family: 'Inter', sans-serif;
font-size: 14px;
}
button#catapultCookie{
font-family: 'Inter', sans-serif;
font-size: 15px;
font-weight: 700;
border-radius: 0px;
color: black;
background-color: white;
padding: 20px;
}
.privacy-policy-footer-link a{
text-decoration:underline!important;
}
.branch-top-banner{
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; background-color: #FECD08;
-webkit-box-shadow: inset 0px -10px 4px -8px rgba(217,175,7,0.58);
-moz-box-shadow: inset 0px -10px 4px -8px rgba(217,175,7,0.58);
box-shadow: inset 0px -10px 4px -8px rgba(217,175,7,0.58);	
border-bottom: 1px solid #9c7300;
}
.branch-top-banner-inner{
width: 100%;
max-width: 1100px;
margin: auto;
font-family: 'Inter', sans-serif;	
font-size: 16px;
line-height: 14px;
color: #000000;
text-align: center;
}
.branch-top-banner-branch-name{
margin-right: 3px;
margin-left: 3px;
}
.branch-top-banner-branch-name:last-child{
margin-right: 0px;
}
.branch-top-banner-branch-name:first-child{
margin-left: 0px;
}
.branch-top-banner-branch-name a,.branch-top-banner-branch-name a:active,.branch-top-banner-branch-name a:visited, .branch-top-banner-branch-name a:link{
color: #000000;
text-decoration: none;
}
.branch-top-banner-branch-name a:hover{
text-decoration: underline;
}
.branch-top-banner-location-icon{
font-family: FontAwesome;
}
.branch-anchor{
display: block;
position: relative;
top: -115px;	
}
ul + h2{
margin-top: -20px;
}
.main-content ul{
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 140%;
color: #000;
margin-bottom: 20px;
text-align: left;
color: #000000;
list-style-position: inside;
padding-top: 5px;
padding-bottom: 5px;
}
.main-content li{
padding-left: 5px;
margin-top: 2px;
color: #000000;
text-align: left;
list-style-position: outside;
padding-bottom: 10px;
list-style-type: disc;
padding-bottom: 10px;
margin-left: 15px;
} .related h2:first-child{
margin-top: 0px;
border-top: 1px solid #f1f1f1;
padding-top: 20px;
margin-bottom: 30px;
margin-top: 30px;
}
.disclaimer-info{
clear: both;
width: 100%;
padding-bottom: 10px;
margin-bottom: 10px;
margin-top: 30px;
border-top: 1px solid #f1f1f1;
padding-top: 20px;
}
.disclaimer-info p{
font-size: 12px;
}
.woocommerce-result-count{
display: none;
}
.woocommerce-breadcrumb {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
margin-bottom: 10px;
}
.woocommerce-breadcrumb a {
color: #333333; text-decoration: none; 
}
.woocommerce-breadcrumb a:hover {
color: #555555; 
text-decoration: none;
}
.product-category img{
display: block!important;
margin: 0!important;
border-radius: 10px 10px 0 0; 
}
li.product-category{
list-style: none;
}
li.product-category img{
width: 100%;
}
li.product-category a{
text-decoration: none!important;
}
li.product-category {
position: relative;
overflow: hidden;
} li.product-category {
position: relative; 
overflow: hidden;
border-radius: 10px; 
transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;
border: 1px solid transparent; 
}
li.product-category img {
display: block;
width: 100%;
transition: transform 0.3s ease, filter 0.3s ease;
margin: 0!important;
}
li.product-category h2 {
position: relative;
z-index: 10;
transition: background-color 0.3s ease, color 0.3s ease;
} li.product-category:hover {
transform: translateY(-3px); }
li.product-category:hover img {
filter: brightness(0.9); 
}
li.product-category:hover h2 {
background-color: #111; 
color: #fff; 
}
li.product-category h2 {
border-bottom: 2px solid transparent;
transition: border-color 0.3s ease;
}
li.product-category:hover h2 {
border-bottom: 2px solid #fff;
}
li.product-category h2 {
position: relative;
}
li.product-category h2::before {
content: "";
position: absolute;
width: 0;
height: 3px;
bottom: 0;
left: 0;
background-color: #FFC700; 
transition: width 0.3s ease;
}
li.product-category:hover h2::before {
width: 100%; }
.columns-3, .columns-4{
font-size: 0!important;
}
.woocommerce-products-header__title {
font-family: Arial, sans-serif;
color: #333; font-weight: 800;   
display: block;
margin-top:5px;
margin-left:10px;
text-align:left;
}
.columns-3 li.product-category{
margin: auto!important;
width: 30%!important;
margin-right: 1.665%!important;
margin-left: 1.665%!important;
display: inline-block!important;
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; padding: 0!important;	
margin-bottom: 2.5%!important;
}
.columns-4 ul{
vertical-align: top;	
}
.columns-4 li.product-category{
margin: auto!important;
width: 21%!important;
margin-right: 2%!important;
margin-left: 2%!important;
display: inline-block!important;
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; vertical-align: top;
padding: 0!important;
margin-bottom: 4%!important;
border-radius:0 0 10px 10px; 
}
.columns-3 li.product-category h2, .columns-4 li.product-category h2{
color: #fff!important;
background-color: #1e1e1e!important;
font-family: 'Inter',sans-serif!important;
font-weight: 700!important;
font-size: 18px!important;
text-align: center;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
padding: 12px!important;
line-height: 120%!important;
margin: auto!important;
border-radius:0 0 10px 10px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
padding: 10px!important;
margin: auto!important;
font-size: 16px!important;
border-radius:0 0 10px 10px !important; 
}
@media screen and (max-width: 770px) { .columns-3 li.product-category h2,
.columns-4 li.product-category h2 {
font-size: 14px !important; padding: 8px !important;   
line-height: 1.2 !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 14px !important; 
padding: 8px !important;
}
}
.woocommerce ul.products li.product .price{
font-size: 16px;
color: black!important;
margin-top: 10px!important;
}
.woocommerce ul.products li.product .price del{
color: black!important;
opacity: 1!important;
}
li.product span.price{
font-size: 15px;
display: block;
width: 100%;
text-align: center;
position: relative;
color: black;
line-height: 130%;
}
li.product span.price .ex-tax-amount{
margin-bottom: 0px;
font-size: 17px;
}
li.product span.price small{
font-size: 16px;
}
li.product span.price{
font-weight: 700;
}
.priceholder .price{
font-size: 15px;
display: block;
width: 100%;
text-align: center;
position: relative;
color: black;
}
.priceholder .ex-tax-amount{
font-size: 17px;
}
.priceholder .price{
}
.priceholder .price small{
font-size: 16px;
}
.search-page .columns-4 li.product h2{
margin-bottom: 10px;
}
.columns-4 li.product{
margin: auto!important;
width: 21%!important;
margin-right: 2%!important;
margin-left: 2%!important;
display: inline-block!important;
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; vertical-align: top;
padding: 0!important;
margin-bottom: 30px!important;	
}
.columns-4 li.product img{
display: block;
margin: 0;
width: 100%;
height: auto;
position: relative;
margin-bottom: 15px;
z-index: 10;
}
.columns-4 li.product h2{
font-size: 16px!important;
line-height: 140%!important;
font-weight: 700;
color: #fff!important;
background-color: #1e1e1e!important;
padding: 10px;
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; text-align: center;
margin-bottom: 10px!important;
border-radius:0 0 10px 10px !important; 
}
.onsale{
font-size: 12px!important;
background-color: black!important;
color: white!important;
line-height: 12px!important;
padding: 7px!important;
z-index: 50!important;
position: absolute!important;
font-weight: 700!important;
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; margin: auto!important; 
border-radius: 0px!important;
}
.product span.onsale{
font-size: 12px!important;
background-color: black!important;
color: white!important;
line-height: 12px!important;
padding: 7px!important;
z-index: 50!important;
position: absolute!important;
top: 0px!important;
left: 0px!important;
font-weight: 700!important;
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; font-family: 'Inter', sans-serif;	
margin: auto!important;
border-radius: 0px!important;	
}
.columns-4 span.onsale{
font-size: 12px!important;
background-color: black!important;
color: white!important;
line-height: 12px!important;
padding: 7px!important;
z-index: 50!important;
position: absolute!important;
top: 0px!important;
left: 0px!important;
font-weight: 700!important;
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; font-family: 'Inter', sans-serif;	
margin: auto!important;
border-radius: 0px!important;		
}
.woocommerce ul.products li.product .onsale{
top: 0px;
left: 0px;
right: auto;
margin: auto;
min-height: auto;
min-width: auto;	
}
.product{
position: relative;
}
.columns-4 li.product a{
text-decoration: none!important;
}
.woocommerce-product-gallery{
width: 60%;
position: relative;
float: left;
padding-bottom: 30px;
}
ins{
text-decoration: none;
}
.sale span.price, .sale p.price{
font-size: 14px!important;
}
form.cart{
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; padding-left: 2%;
float: left;
width: 38%
}
.single_add_to_cart_button{
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; font-family: inter;
background-color: black;
border: 0px;
color: white;
font-weight: 700;
padding: 14px;
width: 100%;
text-transform: capitalize;
font-size: 16px;
line-height: 140%;
cursor: pointer;
}
form.cart .quantity{
text-align: center;
}
.quantity input{
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
margin: auto;
font-family: 'Inter', sans-serif;
border: 0;
color: #000;
font-weight: 700;
padding: 12px;
width: 50%;
text-transform: capitalize;
font-size: 16px;
line-height: 140%;
border: 1px solid #000;
margin-bottom: 7px;
text-align: center;	
}
.quantity input:focus{
outline: none;
}
.qty-label-ppage{
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
margin: auto;
display: inline-block;
font-family: 'Inter', sans-serif;
border: 0;
color: #000;
font-weight: 700;
padding: 12px;
text-transform: capitalize;
font-size: 16px;
line-height: 140%;
margin-bottom: 7px;
text-align: center;		
}
button:hover, .product-enquiry-button:hover, input[type=button]:hover{
background-color: #232323!important;
}
button, .product-enquiry-button{
transition: 0.3s;
}
.posted_in{
display: none;
}
.sku{
display: none;
}
.product_meta{
display: none;
}
h1.entry-title{
margin-bottom: 10px;
font-size: 35px;
}
p.price{
font-size: 16px;
margin-bottom: 20px;
font-weight: 700;
margin-top: 5px;
}
.flex-control-nav{
font-size: 0;
list-style: none;
margin: 0;	
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; width: 100%;
position: relative;
}
.flex-control-nav{
}
.flex-direction-nav{
list-style: none!important;
text-decoration: none!important;
}
.flex-control-nav li{
display: inline-block;
position: relative;
width: 25%;
margin: 0;
padding: 0;	
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; list-style:none;
}
.flex-control-nav li img{
width: 40%;
height: auto;
display: block;
margin: auto;
opacity: 50%;
cursor: pointer;
}
.ex-tax-amount{
display: block;
font-weight: 700;
font-size: 20px;
}
.entry-summary{
clear: both;
margin-top: 30px;
}
.wp-post-image{
width: 100%;
height: auto;
}
.woocommerce-product-gallery__image.flex-active-slide img {
width: 100%;
height: auto;
}
.woocommerce-product-gallery__trigger{
display: none;
}
ul.flex-direction-nav {
position: absolute;
top: 33%;
z-index: 900;
width: 100%;
left: 0;
margin: 0;
padding: 0px;
list-style: none!important;
pointer-events: none;	
}
.flex-direction-nav li{
list-style: none!important;	
text-decoration: none!Important;
}
li.flex-nav-prev {float: left; pointer-events: all;}
li.flex-nav-next {float: right; pointer-events: all;}
a.flex-next {visibility:hidden;}
a.flex-prev {visibility:hidden;}
a.flex-next::after {
visibility:visible;content: '\f054';
font-family: FontAwesome;
margin-right: 10px;
font-size: 30px;   
font-weight: 400;
color: white;
-webkit-text-stroke: 1.5px black;	
}
a.flex-prev::before {
visibility:visible;
content: '\f053';
font-family: FontAwesome;
margin-left: 10px;
font-size: 30px;
font-weight: 400;
color: white;	
-webkit-text-stroke: 1.5px black;
}
ul.flex-direction-nav li a {
color: #ffffff;
text-decoration: none!important;
}
ul.flex-direction-nav li a:hover {
text-decoration: none!important;
}
ul.flex-direction-nav li a {
color: #ffffff;
text-decoration: none!important;	
}
ul.flex-direction-nav li a:hover {
text-decoration: none!important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
border-top: 2px solid black!important;
padding: 20px!important;
font-family: 'Inter', sans-serif;
font-size: 18px;
color: black;
line-height: 140%;
margin-top: 20px;
}
.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button{
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; color: white!important;
font-size: 16px;
font-weight: 700;
background: black!important;
padding: 10px!important;
text-transform: capitalize!important;
text-decoration: none!important;
line-height: 23px;
margin-left: 15px;	
}
.woocommerce-error .button a, .woocommerce-info  .button a,  .woocommerce-message .button a{
text-decoration: none!important;
}
.woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before{
display: none!important;
} .search-form-holder-2023{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
background: rgba(0, 0, 0, 0.9) ;
z-index: 2000;
display: none;
}
.admin{
margin-top: 32px;
}
.search-form-2023{
width: 100%;
text-align: center;
margin: auto;
padding: 30px;
}
.search-form-2023  input[type=submit] {
display: inline-block;
background: transparent;
border: none;
color: #fff;
cursor: pointer;
font-family: FontAwesome;
font-size: 28px;
padding: 20px;
line-height: 100%;
position: relative;
top: 3px;
}
.search-form-2023 input[type=search]{
position: relative;
display: inline-block;
width: 50%;
border: 1px solid white;
color: white;
background: transparent;
font-weight: 700;	
padding: 16px;
font-size: 20px;
font-family: 'Inter', sans-serif;
}
.search-form-2023 input[type=search]:focus{
border-radius: 0px;
outline: none;
}
.search-form-2023 input[type=search]::placeholder{
color: white!important;
opacity: 1;
}
.search-form-2023 .search-form{
width: 75%;
max-width: 700px;
margin: auto;
display: inline-block;
}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
}
.search-close-button{
font-family: 'Inter', sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 100%;
color: #fff;
background: transparent;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
text-align: center;
display: inline-block;
top: -3px;
position: relative;
}
.cart-button-holder:hover .cart-contents-number{
color: #fecd08!important;
}
.cart-button-holder:hover .cart-button{
color: #fecd08!important;
}
.cart-button-holder {
display: inline-block;
padding-left: 14px;
padding-right: 14px;
vertical-align: middle;
position: relative;
top: 2px;
border-left: 1px solid #2b2b2b;
}
.cart-button{
font-family: FontAwesome;	
color: white;
font-size: 24px;
line-height: 24px;
}
.search-button-holder:hover .search-button{
color: #fecd08!important;
}
.search-button-holder {
display: inline-block;
padding-left: 14px;
vertical-align: middle;
position: relative;
top: 2px;
cursor: pointer;
border-left: 1px solid #2b2b2b;
}
.search-button{
font-family: FontAwesome;	
color: white;
font-size: 20px;
line-height: 100%;
cursor: pointer;
}
.cart-contents-number{
font-size: 12px;
font-family: 'Inter',sans-serif;
display: inline-block;
font-weight: 700;
position: relative;
top: -3px;
margin-left: 3px;	
}
.shop_table{
font-family: 'Inter',sans-serif;
font-size: 16px!important;
line-height: 140%;
color: black;
}
.shop_table td, .shop_table tr, .shop_table th{
font-size: 16px!important;
}
.woocommerce a.remove{
color: black!important;
text-decoration: none!important;
}
.woocommerce a.remove:hover{
background-color: transparent!important;
color: black!important;
}
.woocommerce table.cart img{
max-width: 120px;
}
.woocommerce table.shop_table{
border: 0px;
}
.woocommerce table.shop_table td{
border: 0px;
}
.woocommerce table.shop_table tbody th{
border: 0px;	
}
table.shop_table td.product-quantity .quantity input{
padding: 8px!important;
width: 70px;
}
table.shop_table td.product-quantity .quantity .qty-label-ppage{
display: none;
}
.woocommerce .button{
background-color: black!important;
color: white!important;
font-family: 'Inter',sans-serif!important;
-webkit-box-sizing: border-box!important;
-moz-box-sizing: border-box!important;
box-sizing: border-box!important;
border: 0px!important;
padding: 15px!important;
font-size: 20px!important;
font-weight: 700!important;
text-decoration: none!important;
border-radius: 0px!important;
}
.woocommerce-checkout-payment li{
list-style: none!important;
}
.woocommerce-billing-fields{
width: 100%;
float: none;
}
.woocommerce .checkout .col2-set .col-1, .woocommerce-page .checkout .col2-set .col-1{
width: 100%;
float: none;	
}
.woocommerce .checkout  .col2-set .col-2, .woocommerce-page .checkout .col2-set .col-2{
width: 100%;
float: none;		
}
.woocommerce-additional-fields h3{
margin-top: 20px;
}
.woocommerce-additional-fields{
margin-bottom: 20px;
}
.form-row-first{
width: 100%!important;
float: none!important;
}
.form-row-last{
width: 100%!important;
float: none!important;
}
.checkout input[type=text], .checkout input[type=email], .checkout input[type=password], .checkout input[type=tel]{
max-width: 600px!important;
width: 100%!important;
margin-bottom: 6px!important;
}
.woocommerce ul.products li.product .button{
display: none!important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
height: 40px;
border-radius: 0px;
border: 1px solid black;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 14px;
color: black;
line-height: 28px;
padding-top: 6px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 8px;
right: 5px;
width: 20px;
}
.woocommerce form .form-row .select2-container {
width: 100%;
max-width: 600px;
margin-bottom: 15px;	
}
.select2-results__option[aria-selected], .select2-results__option[data-selected] {
cursor: pointer;
font-family: inter;
font-size: 14px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: black;
color: #fff;
}
.select2-dropdown{
border: 1px solid black;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
font-size: 14px;
}
.notes textarea{
width: 100%;
max-width: 600px;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{
background-color: #f6f5f8;
border-bottom: 1px solid #8a8a8a;	
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
background-color: #e5e5e5;
font-size: 14px;	
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
background-color: #e5e5e5;	
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
border: 1em solid #e5e5e5;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;	
}
.payment_method_cheque label{
margin-bottom: 25px;
font-size: 25px;
}
.woocommerce .woocommerce-customer-details address{
padding: 10px!important;
margin: auto!important;
width: 100%!important;
position: relative!important;
font-family: 'Inter', sans-serif!important;
-webkit-box-sizing: border-box!important;
-moz-box-sizing: border-box!important;
box-sizing: border-box!important;	
}
.woocommerce-order-overview__payment-method{
display: none;
}
.woocommerce-customer-details--phone, .woocommerce-customer-details--email{
font-size: 16px;
}
.policy-navigation{
background-color: #fecd08;
-webkit-box-sizing: border-box!important;
-moz-box-sizing: border-box!important;
box-sizing: border-box!important;		
}
.policy-navigation-inner{
font-family: 'Inter', sans-serif!important;	
font-size: 16px;
font-weight: 700;
color: black;
max-width: 1060px;
margin: auto;
padding: 20px;
display: flex;
flex-wrap: nowrap; 
align-items: center;
gap: 20px; 
}
.policy-navigation-inner a{
margin-right: 0; 
}
.policy-link{
display: flex; align-items: center;
white-space: nowrap; }
.nav-icon{
font-family: FontAwesome;
font-weight: normal;
margin-right: 10px;
}
.policy-navigation-inner a,.policy-navigation-inner a:link,.policy-navigation-inner a:active,.policy-navigation-inner a:hover,.policy-navigation-inner a:visited{
color: black;
text-decoration: none;
}
@media screen and (max-width: 770px){
.policy-navigation-inner{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.policy-link{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
width: 100%;
min-height: 44px;
padding: 10px;
box-sizing: border-box;
background: #000;
border: 1px solid #000;
border-radius: 4px;
text-align: left !important;
text-decoration: none !important;
line-height: 1.2 !important;
color: #fff !important;
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
transform: scale(1);
}
.policy-link,
.policy-link *{
color: #fff !important;
fill: #fff !important;
}
.policy-link i,
.policy-link svg,
.policy-link .icon{
flex: 0 0 18px;
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
} .policy-link span,
.policy-link strong{
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap !important;
}
.policy-link:hover,
.policy-link:focus,
.policy-link:active{
transform: scale(1.03);
box-shadow: 0 6px 16px rgba(0,0,0,0.25);
background: #111;
}
}
@media screen and (max-width: 399px){
.policy-navigation{
height:300px;
align-items: center;
}
.policy-navigation-inner{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
padding: 0 5px;
}
.policy-link{
display: flex;
align-items: center;
margin:auto;
margin-top:7%;
width: 102%;
min-height: 40px;
padding: 12px 14px;
box-sizing: border-box;
background: #212121;
border: 1px solid #222;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
text-decoration: none !important;
text-align: left !important;
line-height: 1.2 !important;
color: #fff !important;
transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
.policy-link,
.policy-link *{
color: #fff !important;
fill: #fff !important;
}
.policy-link i,
.policy-link svg,
.policy-link .icon{
flex: 0 0 18px;
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.policy-link:active{
transform: scale(0.98);
background: #1a1a1a;
box-shadow: 0 1px 4px rgba(0,0,0,0.16);
}
.nav-icon{
font-family: FontAwesome;
font-weight: normal;
margin-right: 2% ;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .page-search-form input[type=submit]{top:1px;}
}
@supports (-ms-accelerator:true) { .page-search-form input[type=submit]{top:1px;}
}
@supports (-ms-ime-align:auto) { .page-search-form input[type=submit]{top:1px;}
}
.page-search-form input[type=submit]:focus,.page-search-form input[type="search"]:focus{
outline: none;
} @media (max-width: 700px) {
.footer-top-row {
flex-wrap: nowrap; 
gap: 8px;
}
.footer-logo img {
max-height: 40px;
width: auto;
max-width: 170px;
}
.footer-signup {
flex: 1;
}
.footer-signup h3 {
font-size: 12px !important; 
margin-top: 20px ;
margin-left: 0px;
margin-bottom: 12px;
max-width: 165px;
}
.footer-signup form {
flex-wrap: nowrap;
gap: 0px;
margin: 0 10px 10px 0;
max-width: 150px;
}
.footer-signup input[type="email"] {
padding: 6px 10px;
font-size: 14px;
width: 100%;
}
.footer-signup button {
padding: 6px 6px;
font-size: 10px;
height:28px;
}
.footer-bottom {
align-items: flex-start;
gap: 14px;
}
.footer-socials {
width: 100%;
justify-content: flex-start;
}
}
@media screen and (min-width: 0px) and (max-width: 320px) {
.menubutton{right: 2px;}
}
@media screen and (min-width: 0px) and (max-width: 530px) {
.product-image-holder{width:100%; display:block; max-width: 400px;}
.key-features{width:100%; display:block; padding-left: 0px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #e6e6e6;}
}
@media screen and (min-width: 0px) and (max-width: 630px) {
.google-map-holder{display: block; width: 100%; margin-bottom: 20px;}
.where-to-find-us{display: block; width: 100%; margin-bottom: 20px;}
.policy-navigation-inner{font-size: 14px; padding-bottom: 10px;}
.policy-link{margin-bottom: 10px;}
}
@media screen and (min-width: 0px) and (max-width: 770px) {
.contact-page-details h3{font-size: 16px!important;}
li.product span.price .ex-tax-amount {font-size: 14px!important;}	
.columns-3 li.product-category { width: 46%!important; margin-right: 2%!important; margin-left: 2%!important;}	
.columns-3 li.product-category{width:50%;}
.search-form-2023{ padding: 5px; }	
.search-form-2023 .search-form{}	
.search-form-2023 input[type=search]{ width: 62%; padding: 10px; font-size: 14px;}
.search-form-2023 input[type=submit]{font-size: 22px;}
.search-close-button{font-size: 16px; top: 0px; margin-right: 20px;}
.header-yellow-line{height: 6px;}
.main-content{margin-top: 0px;}
.header{padding: 0 !important;}
.header-container{position: relative;}
.front-slide-show{border-top: none;}
.slide-title-fade{position: relative; padding-bottom: 0px;}
.pager span{width: 10px; height: 10px; border-radius: 5px;}
.top-logo img{width: 90px;}
.slide-title-fade{font-size: 20px;}
.slide-title{padding-bottom: 0px;}
h1{font-size: 25px!important;}
h2{font-size:22px!important;}
h3{font-size: 22px!important;}
p.price {font-size: 17px;}
.about-us-photo-holder{width: 100%; max-width: 400px; margin-right: 0; display: block;}
.google-map{width: 90%; height: 240px;}
.navlink{display: none;}
.search-button-holder{top:0px;}
.menubutton{display: block;}
.branch-top-banner-inner{font-size: 10px; line-height: 10px;}
.branch-top-banner{padding-top: 3px; padding-bottom: 3px;}	
.searchbutton{display: block;}
.mobile-search-close-button{display: block;}
.header-search-form-holder{display: none; width: 100%; height: 46px; background-color: black; position: absolute; left: 0px; top: 19px; margin-top: 0px; z-index: 6;}
.header-search-form{display: inline-block; position: relative;  width: 100%; top: 7px; padding-left: 7px;}
.header-search-form input[type="search"]{position: relative; width: 60%;}
.header{padding-right: 0px;}
.footersection{float: none; margin: auto; width: 100%;}
.footerlogo{float: none; margin: auto; width: 100%;}
.logofooter{width: 100%; height: auto;}
.logo{float: none; width: 240px; height: auto;}
.page-sidebar{display: none;}
.navbar{display: none;}
.navigation{display: none;}
.sidebar{display: none;}
.content{width: 100%;}
.footer{
padding-bottom: 20px;
}
.footer .contact-label,.footer .contact-detail{
font-size: 13px;
}
.footer p{font-size: 12px;}
.footer-contact-detail-holder{display: block; margin-right: 0px; width: 100%; margin-bottom: 20px; border-right: none; border-bottom: 1px solid #414141; padding-bottom: 20px;}
.footer-contact-detail-holder:last-child{}	
.footer-contact-detail-holder h3{font-size: 18px!important;}
.woocommerce-breadcrumb{font-size: 12px; line-height: 180%}
a.flex-next:after{font-size: 25px;}
a.flex-prev:before{font-size: 25px;}	
.product-enquiry-buttons-holder h3{font-size:14px!important;}
}
@media screen and (min-width: 0px) and (max-width: 420px) {
.catalogue-view .column3{width: 100%; margin-right: 0; margin-bottom: 8%;}
.catalogue-department .column3:nth-of-type(3n){margin-right: 0;}
.catalogue-view .column2{width: 100%; margin-right: 0; margin-bottom: 8%;}
.catalogue-department .column2:nth-of-type(2n){margin-right: 0;}
.policy-link{display: block;}
#branch_names label{font-size: 14px; margin-top: -1px;}	
.enquiry_form_2022{padding: 15px;}	
}
@media screen and (min-width: 421px) and (max-width: 770px) {
.navlink{font-size: 22px; line-height: 22px; padding-left: 15px; padding-right: 15px;}
.catalogue-view .column3{width: 49%;}
.catalogue-department .column3:nth-of-type(3n){margin-right: 2%;}
.catalogue-department .column3:nth-of-type(2n){margin-right: 0;}
}
@media screen and (min-width: 0px) and (max-width: 770px) {
.woocommerce-product-gallery{float: none; width: 100%; padding-bottom: 0px;}
form.cart { float: none; width: 100%; padding-left: 0px;}
form.cart .quantity{max-width: 200px; text-align: left; margin-top: 10px;}
.disclaimer-info p{font-size: 12px;}
.single_add_to_cart_button{max-width: 200px; padding: 10px; font-size: 14px;}
.catalogue-view{padding-top: 20px; padding-left: 20px; padding-right: 20px;}
.footer-content{padding-bottom: 30px;}
.product-enquiry-buttons-holder{display: block; width: 100%; float: none; margin-top: 20px; padding-left: 0px; vertical-align: top;}
.product-enquiry-buttons-holder h3{text-align: left; font-size: 18px; }	
.product-enquiry-button{width: auto; display: inline-block; margin-right: 10px; font-size: 14px; vertical-align: top;}
.demo-button-holder{display: inline-block; vertical-align: top;}
.ts-and-cs-demo-disclaimer{text-align: left;}
.content{padding-left: 10px; padding-right: 10px; min-height: auto;}
.main-content{min-height: 10px;}
.columns-4 li.product {width:46%!important; display: inline-block!important;}	
li.product span.price { font-weight: 700; font-size: 14px!important;}	
.ex-tax-amount{font-size: 20px;}
.quantity input{padding: 7px;}
.priceholder .ex-tax-amount{font-size: 14px;}
.priceholder .price{ font-size: 14px;}
}
@media screen and (min-width: 770px) and (max-width: 980px) {
.navlink{font-size: 14px; line-height: 14px; padding-left: 12px; padding-right: 12px;}
.header{padding-right: 0px;}
}
@media screen and (min-width: 0px) and (max-width: 1122px) {
.content-container{border-left: 0px; border-right: 0px;}
body{background-image: none;}
} @media screen and (max-width: 767px) {
.carousel-title {
font-size: 30px !important;
}
} @media screen and (min-width: 1000px) and (min-height: 1600px) and (orientation: portrait) { html{
height: 100%;
min-height: 100%;
}
body{
height: auto !important;
min-height: 100vh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: cover;
} .site-container{
min-height: 100vh;
display: flex;
flex-direction: column;
}
.content-container{
flex: 1 0 auto;
}
.footer{
margin-top: auto;
} .content-container,
.main-content,
.content,
.header,
.front-slide-show,
.container,
.footer-content{
max-width: 1750px;
}
.content{
padding-left: 70px;
padding-right: 70px;
padding-top: 40px;
padding-bottom: 120px;
} .header-container{
position: relative !important;
height: auto !important;
min-height: 240px !important;
padding-top: 18px !important;
padding-bottom: 0px !important;
overflow: visible !important;
} .header{
max-width: 1750px;
min-height: 180px !important;
height: auto !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 60px !important;
padding-left: 0px !important;
padding-right: 20px !important;
padding-bottom: 20px !important;
box-sizing: border-box !important;
} .header-search-form-holder{
float: none !important;
margin-left: auto !important; 
top: 0 !important;
} .top-logo{
margin: 0 !important;
padding: 0 !important;
flex: 0 0 auto !important;
}
.top-logo img{
width: 240px !important;
height: auto !important;
display: block;
}  .navigation{
display: inline-flex !important;
flex: 1 1 auto !important;
align-items: center !important;
min-height: 0 !important;
max-height: none !important;
font-size: initial !important; 
margin-left: 200px !important;
}
.nav{
display: inline-flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
} .nav .navlink,
.nav .navlink a{
float: none !important;
width: auto !important;
max-width: none !important;
} .navlink{
top: 0 !important;
display: inline-flex !important;
align-items: center !important;
width: auto !important;
}
.navlink a{
display: inline-flex !important;
align-items: center !important;
width: auto !important;
} .cart-button-holder,
.search-button-holder{
display: inline-flex !important;
align-items: center !important;
width: auto !important;
} .navigation ul,
.navigation li{
display: inline-flex !important;
flex: 0 0 auto !important;
white-space: nowrap !important;
} .header-yellow-line{
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 12px !important;
margin: 0 !important;
box-sizing: border-box !important;
} .content-container,
.main-content{
margin-top: 0px !important;
padding-top: 0px !important;
border-top: 0px !important;
}
.front-slide-show,
.front-slide,
.front-slide img{
display: block !important;
}
.front-slide-show{
margin-top: 0px !important;
padding-top: 0px !important;
border-top: 0px !important;
}
.branch-top-banner{
margin-top: 0px !important;
padding-top: 10px !important;
} h1{
font-size: 56px;
margin-bottom: 35px;
line-height: 120%;
}
h2{
font-size: 40px;
margin-bottom: 26px;
line-height: 120%;
}
h3{
font-size: 34px;
margin-bottom: 22px;
line-height: 120%;
}
.main-content p,
.main-content ul{
font-size: 24px;
line-height: 155%;
} .announcement-bar p,
.announcement-bar2 p{
font-size: 18px;
line-height: 20px;
} .front-slide-pager{
bottom: 26px;
gap: 18px;
}
.front-slide-pager span{
width: 20px;
height: 20px;
border-radius: 10px;
} .custom-carousel-wrapper{
margin-top: 70px;
}
.carousel-title{
font-size: 54px;
margin-bottom: 40px;
}
.custom-carousel-track{
gap: 18px;
}
.carousel-card{
padding: 34px;
border-radius: 14px;
}
.carousel-product-title{
font-size: 30px;
margin-bottom: 14px;
}
.carousel-product-price{
font-size: 26px;
margin-bottom: 22px;
}
.carousel-card .button{
padding: 16px 28px;
font-size: 22px;
border-radius: 6px;
}
.carousel-arrow{
padding: 14px 18px;
font-size: 28px;
} .catalogue-view{
padding-top: 45px;
padding-left: 45px;
padding-right: 45px;
}
.catalogue-image h3{
font-size: 28px;
padding: 18px 22px;
}
p.product-price{
font-size: 28px;
}
.product-price-incl-vat{
font-size: 18px;
}
.woocommerce-products-header__title{
font-size: 44px;
margin-top: 20px;
margin-left: 10px;
}
.columns-3 li.product-category h2,
.columns-4 li.product-category h2{
font-size: 24px !important;
padding: 18px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
font-size: 22px !important;
padding: 14px !important;
}
.woocommerce ul.products li.product .price{
font-size: 20px;
}
li.product span.price{
font-size: 20px;
}
li.product span.price .ex-tax-amount{
font-size: 24px;
} input[type="radio"]{
height: 34px;
width: 34px;
border-radius: 17px;
}
label{
font-size: 22px;
}
input[type=text],input[type=email],input[type=password],input[type=tel],
textarea{
max-width: 620px;
font-size: 20px;
padding: 14px;
}
.product-enquiry-button{
font-size: 24px;
padding: 16px;
}
.woocommerce .button{
font-size: 24px !important;
padding: 18px !important;
} .footer-content{
padding: 40px 50px;
}
.footer p{
font-size: 16px;
line-height: 160%;
}
.footer h3{
font-size: 22px;
}
.footer .contact-label,
.footer .contact-detail{
font-size: 16px;
}
.footer-signup h3{
font-size: 20px;
margin-left: 0px;
}
.footer-signup form{
margin: 0;
max-width: 520px;
}
.footer-signup input[type="email"]{
width: 340px;
font-size: 18px;
}
.footer-signup button{
font-size: 18px;
height: 46px;
}
}  .sino-prod-tabs{
width: 100%;
max-width: 100%;
overflow: visible;
} .sino-prod-tabs__nav{
list-style: none;
margin: 0 0 16px;
padding: 0;
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 32px;
} .sino-prod-tabs__nav li{
list-style: none;
margin: 0;
padding: 0;
flex: 0 0 auto;
} .sino-prod-tabs__nav button{
background: none;
border: 0;
padding: 14px 0;
font-size: 20px;
font-weight: 600;
line-height: 1.2;
cursor: pointer;
white-space: nowrap;
position: relative;
transition: transform 160ms ease, opacity 160ms ease;
} .sino-prod-tabs__nav button::after{
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 3px;
background: #333333; transform: scaleX(0);
transform-origin: left;
transition: transform 220ms ease;
opacity: 0.95;
} .sino-prod-tabs__nav button:hover{
transform: translateY(-1px);
}
.sino-prod-tabs__nav button:hover::after{
transform: scaleX(0.5);
} .sino-prod-tabs__nav button.is-active::after{
background:  #fecd08; transform: scaleX(1);
}
.sino-prod-tabs__nav button.is-active{
border-bottom: 0;
} .sino-prod-tabs__panel{
font-size: 15px;
line-height: 1.6;
} @media (max-width: 768px){
.sino-prod-tabs__nav{
flex-wrap: wrap;
gap: 35px;
}
.sino-prod-tabs__nav button{
font-size: 16px;
padding: 10px 0;
white-space: normal;
}
.sino-prod-tabs__panel{
font-size: 14px;
line-height: 1.55;
}
} .woocommerce div.product,
.woocommerce div.product .summary{
overflow: visible !important;
} .sino-prod-tabs__nav button:hover,
.sino-prod-tabs__nav button:focus,
.sino-prod-tabs__nav button:active{
background: transparent !important;
}
.sino-prod-tabs__nav button:focus{
outline: none;
}  .sino-prod-tabs__panel p{
font-size: 15px;
line-height: 1.6;
} @media (max-width: 768px){
.sino-prod-tabs__panel p{
font-size: 14px;
line-height: 1.55;
}
}
.woocommerce-products-header__title {
font-family: 'Inter', sans-serif;
color: #333;      
font-weight: 800;   
display: block;
margin-top:15px;
margin-left:10px;
text-align:left;
} .payment_method_cheque .input-radio {
display: none !important;
} .sino-heard-about-us-field {
margin-top: 8px;
margin-bottom: 18px;
padding: 18px 20px;
background: #fafafa;
border: 1px solid #e7e7e7;
border-radius: 12px;
}
.sino-heard-about-us-title {
display: block;
margin-bottom: 14px;
margin-top:14px !important;
font-family: 'Inter', sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
color: #111;
}
.sino-heard-about-us-options {
display: flex;
flex-direction: column;
gap: 10px;
}
.sino-check-option {
display: flex !important;
align-items: center !important;
gap: 10px;
margin: 0 !important;
font-family: 'Inter', sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
color: #222;
cursor: pointer;
}
.sino-check-option input[type="checkbox"] {
width: 16px !important;
height: 16px !important;
min-width: 16px;
margin: 0 !important;
accent-color: #111;
cursor: pointer;
border-radius: 4px;
}
.sino-check-option span {
display: inline-block;
}
.sino-other-text-row {
margin-top: 14px !important;
margin-bottom: 8px !important;
}
.sino-other-text-row input[type="text"] {
max-width: 100% !important;
width: 100% !important;
border: 1px solid #d9d9d9 !important;
border-radius: 10px !important;
padding: 12px 14px !important;
background: #fff !important;
box-shadow: none !important;
}
.sino-other-text-row input[type="text"]:focus {
border-color: #111 !important;
}
.sino-heard-about-us-help {
margin-top: 6px;
margin-bottom: 0 !important;
font-size: 13px !important;
line-height: 1.5 !important;
color: #666 !important;
} .sino-check-option input[type="checkbox"] {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
margin: 0 !important;
border: 1.5px solid #999 !important;
border-radius: 4px !important;
background: #fff !important;
box-shadow: none !important;
cursor: pointer !important;
position: relative !important;
display: inline-block !important;
}
.sino-check-option input[type="checkbox"]:checked {
background: #111 !important;
border-color: #111 !important;
}
.sino-check-option input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 4px;
top: 1px;
width: 4px;
height: 8px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.sino-check-option input[type="checkbox"]:focus {
outline: none !important;
box-shadow: 0 0 0 3px rgba(254,205,8,0.2) !important;
}
.mailchimp-newsletter input[type="checkbox"],
#mailchimp_woocommerce_newsletter {
appearance: checkbox !important;
-webkit-appearance: checkbox !important;
opacity: 1 !important;
position: static !important;
width: 16px !important;
height: 16px !important;
margin: 0 8px 0 0 !important;
display: inline-block !important;
visibility: visible !important;
vertical-align: middle !important;
}
.mailchimp-newsletter label {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
cursor: pointer;
}
@media screen and (max-width: 770px) {
.sino-heard-about-us-field {
padding: 16px;
border-radius: 10px;
}
.sino-heard-about-us-title {
font-size: 16px;
}
.sino-check-option {
font-size: 14px;
}
.sino-check-option input[type="checkbox"] {
width: 15px !important;
height: 15px !important;
min-width: 15px;
}
} .contact-page-details-container {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
width: 100%;
margin-bottom: 32px;
font-size: initial;
}
.contact-page-details:hover {
transform: translateY(-2px);
box-shadow: 0 16px 34px rgba(0,0,0,0.07);
border-color: #dddddd;
}
.contact-page-details h2 {
font-size: 24px;
line-height: 1.2;
margin-bottom: 6px;
color: #111111;
}
.contact-page-details h3 {
font-size: 15px;
line-height: 1.3;
margin: 0 0 18px;
color: #8a6d00;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.contact-page-details p {
font-size: 15px;
line-height: 1.7;
margin: 0;
color: #333333;
}
.contact-page-details a {
font-size: inherit !important;
font-weight: 600 !important;
color: #222222 !important;
text-decoration: none !important;
transition: color 0.18s ease;
}
.contact-page-details a:hover {
color: #b8860b !important;
text-decoration: underline !important;
} @media screen and (max-width: 770px) {
.contact-page-details-container {
grid-template-columns: 1fr;
gap: 14px;
}
.contact-page-details {
padding: 18px;
border-right: 1px solid #e9e9e9 !important;
}
.contact-page-details h2 {
font-size: 20px;
}
.contact-page-details h3 {
font-size: 13px;
margin-bottom: 14px;
}
.contact-page-details p {
font-size: 14px;
}
} .form_contact {
margin-top: 40px !important;
}
.form_contact form#form_contact {
background: #ffffff;
border: 1px solid #e9e9e9;
border-radius: 20px;
padding: 30px;
box-shadow: 0 18px 50px rgba(0,0,0,0.06);
}
.form_contact h3 {
margin-bottom: 10px;
}
.form_contact .form-tip {
margin-top: 0;
margin-bottom: 18px;
font-size: 13px !important;
color: #666;
}
#branch_names {
border: 0;
margin: 0 0 22px 0;
padding: 0;
}
.branch-label {
font-size: 15px !important;
font-weight: 800 !important;
margin-bottom: 14px !important;
color: #111;
}
.branch-name-radio-holder {
margin-bottom: 12px;
}
.branch-name-radio-holder label {
display: inline-flex !important;
align-items: center !important;
gap: 10px;
margin: 0 !important;
padding: 12px 14px;
background: #ffffff;
border: 1px solid #ebebeb;
border-radius: 14px;
box-shadow: 0 3px 10px rgba(0,0,0,0.025);
font-size: 15px;
font-weight: 600;
line-height: 1.4;
color: #1d1d1d;
cursor: pointer;
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.branch-name-radio-holder label:hover {
border-color: #d8d8d8;
box-shadow: 0 6px 16px rgba(0,0,0,0.05);
transform: translateY(-1px);
}
.branch-name-radio-holder input[type="radio"] {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
margin: 0 !important;
}
.enquiry_form_2022_fields p:first-child {
font-size: 15px;
color: #444;
margin-bottom: 20px;
}
.form_contact label {
font-size: 14px !important;
font-weight: 800 !important;
letter-spacing: 0.02em;
line-height: 1.35 !important;
margin-bottom: 8px;
color: #161616;
}
.form_contact input[type="text"],
.form_contact input[type="email"],
.form_contact input[type="tel"],
.form_contact textarea {
width: 100% !important;
max-width: 100% !important;
min-height: 52px;
border: 1px solid #d9d9d9 !important;
background: #ffffff !important;
border-radius: 14px !important;
padding: 0 16px !important;
font-family: 'Inter', sans-serif;
font-size: 15px !important;
font-weight: 500;
color: #111111 !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.03);
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
box-sizing: border-box;
}
.form_contact textarea {
min-height: 120px;
padding: 14px 16px !important;
resize: vertical;
}
.form_contact input[type="text"]:focus,
.form_contact input[type="email"]:focus,
.form_contact input[type="tel"]:focus,
.form_contact textarea:focus {
border-color: #fecd08 !important;
box-shadow: 0 0 0 4px rgba(254,205,8,0.18) !important;
outline: none !important;
background: #fffef8 !important;
}
.contact-newsletter-optin {
margin-top: 8px;
margin-bottom: 18px;
}
.contact-newsletter-option {
display: inline-flex !important;
align-items: center !important;
gap: 10px;
margin: 0 !important;
padding: 14px 16px;
background: #ffffff;
border: 1px solid #ebebeb;
border-radius: 14px;
box-shadow: 0 3px 10px rgba(0,0,0,0.025);
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.45;
color: #1d1d1d;
cursor: pointer;
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.contact-newsletter-option:hover {
border-color: #d8d8d8;
box-shadow: 0 6px 16px rgba(0,0,0,0.05);
transform: translateY(-1px);
}
.contact-newsletter-option input[type="checkbox"] {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
margin: 0 !important;
border: 1.5px solid #8f8f8f !important;
border-radius: 6px !important;
background: #ffffff !important;
box-shadow: none !important;
cursor: pointer !important;
position: relative !important;
display: inline-block !important;
transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}
.contact-newsletter-option input[type="checkbox"]:checked {
background: #111111 !important;
border-color: #111111 !important;
box-shadow: 0 0 0 3px rgba(17,17,17,0.08) !important;
}
.contact-newsletter-option input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 5px;
top: 2px;
width: 4px;
height: 8px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.form_contact .submitbuttonform {
width: 100%;
min-height: 56px;
border-radius: 16px !important;
background: linear-gradient(135deg, #111111 0%, #2a2a2a 100%) !important;
color: #ffffff !important;
font-size: 17px !important;
font-weight: 800 !important;
box-shadow: 0 16px 30px rgba(0,0,0,0.16);
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.form_contact .submitbuttonform:hover {
transform: translateY(-1px);
box-shadow: 0 20px 36px rgba(0,0,0,0.20);
background: linear-gradient(135deg, #1b1b1b 0%, #353535 100%) !important;
}
.form_contact .formerror {
margin-top: -6px;
margin-bottom: 16px;
padding: 12px 14px;
background: #fff7f7;
border: 1px solid #f1d2d2;
border-radius: 12px;
color: #b42318;
font-size: 13px;
font-weight: 700;
}
.form_contact .recaptcha-disclaimer {
margin-top: 6px;
font-size: 12px !important;
line-height: 1.5 !important;
color: #6b6b6b !important;
}
@media screen and (max-width: 770px) {
.form_contact form#form_contact {
padding: 16px;
border-radius: 14px;
box-shadow: none;
}
.enquiry_form_2022_fields {
display: none;
background: #fcfcfc;
border: 1px solid #ececec;
border-radius: 18px;
padding: 24px;
box-shadow: 0 8px 24px rgba(0,0,0,0.03);
}
.enquiry_form_2022_fields.is-visible {
display: block;
}
.branch-name-radio-holder label,
.contact-newsletter-option {
padding: 12px;
border-radius: 12px;
font-size: 13px !important;
}
.form_contact input[type="text"],
.form_contact input[type="email"],
.form_contact input[type="tel"],
.form_contact textarea {
min-height: 48px;
font-size: 14px !important;
border-radius: 12px !important;
}
.form_contact .submitbuttonform {
min-height: 52px;
font-size: 16px !important;
}
} #branch_names {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.branch-name-radio-holder {
margin-bottom: 12px;
}
.branch-name-radio-holder label {
display: inline-flex !important;
align-items: center !important;
gap: 10px;
margin: 0 !important;
padding: 12px 14px;
background: #ffffff;
border: 1px solid #ebebeb;
border-radius: 14px;
box-shadow: 0 3px 10px rgba(0,0,0,0.025);
font-size: 15px;
font-weight: 600;
line-height: 1.4;
color: #1d1d1d;
cursor: pointer;
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.branch-name-radio-holder label:hover {
border-color: #d8d8d8;
box-shadow: 0 6px 16px rgba(0,0,0,0.05);
transform: translateY(-1px);
}
.branch-name-radio-holder input[type="radio"] {
-webkit-appearance: radio !important;
-moz-appearance: radio !important;
appearance: radio !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
margin: 0 !important;
position: static !important;
opacity: 1 !important;
visibility: visible !important;
display: inline-block !important;
cursor: pointer !important;
box-shadow: none !important;
} @media (max-width: 600px) {
#branch_names {
grid-template-columns: 1fr;
}
} .contact-page-details-container {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
width: 100%;
margin-bottom: 32px;
font-size: initial;
}
.contact-page-details {
margin: 0;
padding: 24px;
width: 100%;
border: 1px solid #e9e9e9;
border-radius: 18px;
background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
box-shadow: 0 10px 28px rgba(0,0,0,0.04);
box-sizing: border-box;
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.contact-page-details:hover {
transform: translateY(-2px);
box-shadow: 0 16px 34px rgba(0,0,0,0.07);
border-color: #dddddd;
}
.contact-page-details h2 {
font-size: 24px;
line-height: 1.2;
margin-bottom: 6px;
color: #111111;
}
.contact-page-details h3 {
font-size: 15px;
line-height: 1.3;
margin: 0 0 18px;
color: #8a6d00;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.contact-page-details p {
font-size: 15px;
line-height: 1.7;
margin: 0;
color: #333333;
}
.contact-page-details a {
font-size: inherit !important;
font-weight: 600 !important;
color: #222222 !important;
text-decoration: none !important;
transition: color 0.18s ease;
}
.contact-page-details a:hover {
color: #b8860b !important;
text-decoration: underline !important;
} @media screen and (max-width: 770px) {
.contact-page-details-container {
grid-template-columns: 1fr;
gap: 14px;
}
.contact-page-details {
padding: 18px;
border-right: 1px solid #e9e9e9 !important;
}
.contact-page-details h2 {
font-size: 20px;
}
.contact-page-details h3 {
font-size: 13px;
margin-bottom: 14px;
}
.contact-page-details p {
font-size: 14px;
}
} #form_request_a_quote {
background: #ffffff;
border: 1px solid #e9e9e9;
border-radius: 20px;
padding: 28px;
box-shadow: 0 18px 50px rgba(0,0,0,0.06);
}
#form_request_a_quote h3 {
margin-bottom: 10px;
}
#form_request_a_quote .form-tip {
margin-top: 0;
margin-bottom: 18px;
font-size: 13px !important;
color: #666;
}
#form_request_a_quote .enquiry_form_2022_fields {
display: block;
background: #fcfcfc;
border: 1px solid #ececec;
border-radius: 18px;
padding: 24px;
box-shadow: 0 8px 24px rgba(0,0,0,0.03);
}
#form_request_a_quote .enquiry_form_2022_fields p:first-child {
font-size: 15px;
color: #444;
margin-bottom: 20px;
}
#form_request_a_quote label {
font-size: 14px !important;
font-weight: 800 !important;
letter-spacing: 0.02em;
line-height: 1.35 !important;
margin-bottom: 8px;
color: #161616;
}
#form_request_a_quote input[type="text"],
#form_request_a_quote input[type="email"],
#form_request_a_quote input[type="tel"],
#form_request_a_quote textarea {
width: 100% !important;
max-width: 100% !important;
min-height: 52px;
border: 1px solid #d9d9d9 !important;
background: #ffffff !important;
border-radius: 14px !important;
padding: 0 16px !important;
font-family: 'Inter', sans-serif;
font-size: 15px !important;
font-weight: 500;
color: #111111 !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.03);
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
box-sizing: border-box;
}
#form_request_a_quote textarea {
min-height: 120px;
padding: 14px 16px !important;
resize: vertical;
}
#form_request_a_quote input[type="text"]:focus,
#form_request_a_quote input[type="email"]:focus,
#form_request_a_quote input[type="tel"]:focus,
#form_request_a_quote textarea:focus {
border-color: #fecd08 !important;
box-shadow: 0 0 0 4px rgba(254,205,8,0.18) !important;
outline: none !important;
background: #fffef8 !important;
}
#form_request_a_quote .quote-newsletter-optin {
margin-top: 8px;
margin-bottom: 18px;
}
#form_request_a_quote .quote-newsletter-option {
display: inline-flex !important;
align-items: center !important;
gap: 10px;
margin: 0 !important;
padding: 14px 16px;
background: #ffffff;
border: 1px solid #ebebeb;
border-radius: 14px;
box-shadow: 0 3px 10px rgba(0,0,0,0.025);
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.45;
color: #1d1d1d;
cursor: pointer;
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
#form_request_a_quote .quote-newsletter-option:hover {
border-color: #d8d8d8;
box-shadow: 0 6px 16px rgba(0,0,0,0.05);
transform: translateY(-1px);
}
#form_request_a_quote .quote-newsletter-option input[type="checkbox"] {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
margin: 0 !important;
border: 1.5px solid #8f8f8f !important;
border-radius: 6px !important;
background: #ffffff !important;
box-shadow: none !important;
cursor: pointer !important;
position: relative !important;
display: inline-block !important;
}
#form_request_a_quote .quote-newsletter-option input[type="checkbox"]:checked {
background: #111111 !important;
border-color: #111111 !important;
box-shadow: 0 0 0 3px rgba(17,17,17,0.08) !important;
}
#form_request_a_quote .quote-newsletter-option input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 5px;
top: 2px;
width: 4px;
height: 8px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
#form_request_a_quote .submitbuttonform {
width: 100%;
min-height: 56px;
border-radius: 16px !important;
background: linear-gradient(135deg, #111111 0%, #2a2a2a 100%) !important;
color: #ffffff !important;
font-size: 17px !important;
font-weight: 800 !important;
box-shadow: 0 16px 30px rgba(0,0,0,0.16);
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
#form_request_a_quote .submitbuttonform:hover {
transform: translateY(-1px);
box-shadow: 0 20px 36px rgba(0,0,0,0.20);
background: linear-gradient(135deg, #1b1b1b 0%, #353535 100%) !important;
}
#form_request_a_quote .formerror {
margin-top: -6px;
margin-bottom: 16px;
padding: 12px 14px;
background: #fff7f7;
border: 1px solid #f1d2d2;
border-radius: 12px;
color: #b42318;
font-size: 13px;
font-weight: 700;
}
#form_request_a_quote .recaptcha-disclaimer {
margin-top: 6px;
font-size: 12px !important;
line-height: 1.5 !important;
color: #6b6b6b !important;
}
@media screen and (max-width: 770px) {
#form_request_a_quote {
padding: 16px;
border-radius: 14px;
box-shadow: none;
}
#form_request_a_quote .enquiry_form_2022_fields {
padding: 16px;
border-radius: 14px;
}
#form_request_a_quote .quote-newsletter-option {
padding: 12px;
border-radius: 12px;
font-size: 13px !important;
}
#form_request_a_quote input[type="text"],
#form_request_a_quote input[type="email"],
#form_request_a_quote input[type="tel"],
#form_request_a_quote textarea {
min-height: 48px;
font-size: 14px !important;
border-radius: 12px !important;
}
#form_request_a_quote .submitbuttonform {
min-height: 52px;
font-size: 16px !important;
}
}
.heard-about-us-other-field {
display: none;
}
.heard-about-us-other-field.is-visible {
display: block;
} .enquiry_form_2022.form_contact:has(#is_form_submitted[value="true"]) h3 {
font-size: 22px;
font-weight: 600;
color: #333333;
text-align: center;
}
.enquiry_form_2022.form_contact:has(#is_form_submitted[value="true"]) h3 i {
color: #28a745;
margin-right: 8px;
} .enquiry_form_2022.form_contact:has(#is_form_submitted[value="true"]) p {
text-align: center;
font-size: 15px;
color: #555;
margin: 6px 0;
} .enquiry_form_2022.form_contact:has(#is_form_submitted[value="true"]) p:first-of-type {
font-weight: 600;
color: #333;
} .enquiry_form_2022:has(#is_form_submitted[value="true"]) h3 {
font-size: 20px;
font-weight: 600;
color: #2e2e2e;
margin-bottom: 12px;
}
.enquiry_form_2022:has(#is_form_submitted[value="true"]) h3 i {
color: #28a745;
margin-right: 8px;
} .enquiry_form_2022:has(#is_form_submitted[value="true"]) p {
font-size: 15px;
color: #555;
margin: 4px 0;
line-height: 1.5;
} .enquiry_form_2022:has(#is_form_submitted[value="true"]) p:first-of-type {
font-weight: 600;
color: #333;
} .woocommerce-checkout form.checkout {
background: #ffffff;
border: 1px solid #e8e8e8;
border-radius: 20px;
padding: 32px;
box-shadow: 0 18px 50px rgba(0,0,0,0.06);
}
.woocommerce-checkout .col2-set,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
background: transparent;
}
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout #order_review {
background: #fcfcfc;
border: 1px solid #ececec;
border-radius: 18px;
padding: 10px;
box-shadow: 0 8px 24px rgba(0,0,0,0.03);
}
.woocommerce-checkout .woocommerce-billing-fields {
margin-bottom: 22px;
}
.woocommerce-checkout .woocommerce-additional-fields {
margin-top: 22px;
margin-bottom: 22px;
}
.woocommerce-checkout #order_review_heading {
margin-top: 28px;
margin-bottom: 14px;
font-size: 30px;
line-height: 1.2;
}
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
font-size: 28px;
line-height: 1.2;
margin-bottom: 20px;
color: #111111;
}
.woocommerce-checkout form .form-row {
margin-bottom: 18px !important;
}
.woocommerce-checkout form .form-row label {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.02em;
line-height: 1.35 !important;
margin-bottom: 8px;
color: #161616;
}
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .select2-container--default .select2-selection--single {
width: 100% !important;
max-width: 100% !important;
min-height: 52px;
border: 1px solid #d9d9d9 !important;
background: #ffffff !important;
border-radius: 14px !important;
padding: 0 16px !important;
font-family: 'Inter', sans-serif;
font-size: 15px !important;
font-weight: 500;
color: #111111 !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.03);
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.woocommerce-checkout textarea {
min-height: 120px;
padding: 14px 16px !important;
resize: vertical;
}
.woocommerce-checkout input[type="text"]:focus,
.woocommerce-checkout input[type="email"]:focus,
.woocommerce-checkout input[type="password"]:focus,
.woocommerce-checkout input[type="tel"]:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single,
.woocommerce-checkout .select2-container--default .select2-selection--single:focus {
border-color: #fecd08 !important;
box-shadow: 0 0 0 4px rgba(254,205,8,0.18) !important;
outline: none !important;
background: #fffef8 !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single {
height: 52px !important;
display: flex !important;
align-items: center !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 52px !important;
padding-left: 0 !important;
padding-right: 28px !important;
font-size: 15px !important;
color: #111111 !important;
padding-top: 0 !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 13px !important;
right: 12px !important;
}
.woocommerce-checkout .form-row .required {
color: #c58b00;
font-weight: 800;
}
.woocommerce-checkout .woocommerce-input-wrapper {
width: 100%;
display: block;
} .woocommerce-checkout table.shop_table {
background: #ffffff;
border: 1px solid #ececec !important;
border-radius: 16px;
overflow: hidden;
}
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
padding: 14px 16px !important;
font-size: 15px !important;
line-height: 1.45;
}
.woocommerce-checkout table.shop_table thead th {
background: #f8f8f8;
font-size: 13px !important;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #555555;
}
.woocommerce-checkout table.shop_table tfoot th,
.woocommerce-checkout table.shop_table tfoot td {
border-top: 1px solid #ececec !important;
font-weight: 700;
}
.woocommerce-checkout #payment {
background: #f7f7f7 !important;
border: 1px solid #e5e5e5;
border-radius: 18px !important;
padding: 18px !important;
}
.woocommerce-checkout #payment ul.payment_methods {
background: transparent !important;
border-bottom: 0 !important;
padding: 0 !important;
}
.woocommerce-checkout #payment div.payment_box {
background: #ffffff !important;
border: 1px solid #ebebeb;
border-radius: 14px;
padding: 16px 18px !important;
margin-top: 12px !important;
box-shadow: 0 4px 16px rgba(0,0,0,0.03);
}
.woocommerce-checkout #payment div.payment_box::before {
display: none !important;
}
.payment_method_cheque label {
font-size: 22px !important;
line-height: 1.3;
margin-bottom: 14px !important;
color: #111111;
} .payment_method_cheque .input-radio {
display: none !important;
} .woocommerce-checkout #place_order,
.woocommerce-checkout .button.alt,
.woocommerce-checkout button.button.alt {
width: 100%;
min-height: 56px;
border: 0 !important;
border-radius: 16px !important;
background: linear-gradient(135deg, #111111 0%, #2a2a2a 100%) !important;
color: #ffffff !important;
font-family: 'Inter', sans-serif !important;
font-size: 17px !important;
font-weight: 800 !important;
letter-spacing: 0.01em;
box-shadow: 0 16px 30px rgba(0,0,0,0.16);
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout .button.alt:hover,
.woocommerce-checkout button.button.alt:hover {
transform: translateY(-1px);
box-shadow: 0 20px 36px rgba(0,0,0,0.20);
background: linear-gradient(135deg, #1b1b1b 0%, #353535 100%) !important;
} .woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message {
border: 1px solid #ece1a6 !important;
border-top: 1px solid #ece1a6 !important;
background: #fffbea;
border-radius: 16px;
padding: 18px 20px !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.04);
} .mailchimp-newsletter {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.mailchimp-newsletter label {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #222222 !important;
margin: 0 !important;
} .checkout select#closest_branch {
border-radius: 14px !important;
} .sino-heard-about-us-field {
margin-top: 10px;
margin-bottom: 20px;
padding: 22px 22px 18px;
background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
border: 1px solid #e9e9e9;
border-radius: 18px;
box-shadow: 0 10px 28px rgba(0,0,0,0.04);
}
.sino-heard-about-us-title {
display: block;
margin-bottom: 16px;
padding: 8px;
font-family: 'Inter', sans-serif;
font-size: 16px;
font-weight: 800;
line-height: 1.35;
color: #111111;
letter-spacing: 0.01em;
}
.sino-heard-about-us-options {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px 16px;
}
.sino-check-option {
display: flex !important;
align-items: flex-start !important;
gap: 10px;
margin: 0 !important;
padding: 12px 14px;
background: #ffffff;
border: 1px solid #ebebeb;
border-radius: 14px;
box-shadow: 0 3px 10px rgba(0,0,0,0.025);
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.45;
color: #1d1d1d;
cursor: pointer;
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
}
.sino-check-option:hover {
border-color: #d8d8d8;
box-shadow: 0 6px 16px rgba(0,0,0,0.05);
transform: translateY(-1px);
}
.sino-check-option input[type="checkbox"] {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
margin: 1px 0 0 0 !important;
border: 1.5px solid #8f8f8f !important;
border-radius: 6px !important;
background: #ffffff !important;
box-shadow: none !important;
cursor: pointer !important;
position: relative !important;
display: inline-block !important;
transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}
.sino-check-option input[type="checkbox"]:checked {
background: #111111 !important;
border-color: #111111 !important;
box-shadow: 0 0 0 3px rgba(17,17,17,0.08) !important;
}
.sino-check-option input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 5px;
top: 2px;
width: 4px;
height: 8px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.sino-check-option input[type="checkbox"]:focus {
outline: none !important;
box-shadow: 0 0 0 4px rgba(254,205,8,0.22) !important;
}
.sino-check-option span {
display: inline-block;
}
.sino-other-text-row {
margin-top: 16px !important;
margin-bottom: 2px !important;
}
.sino-other-text-row input[type="text"] {
max-width: 100% !important;
width: 100% !important;
min-height: 52px;
border: 1px solid #d9d9d9 !important;
border-radius: 14px !important;
padding: 0 16px !important;
background: #ffffff !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.03);
} @media screen and (max-width: 980px) {
.woocommerce-checkout form.checkout {
padding: 22px;
border-radius: 18px;
}
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout #order_review {
padding: 18px;
border-radius: 16px;
}
.sino-heard-about-us-options {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 770px) {
.woocommerce-checkout .content {
padding: 0 !important;
}
.woocommerce-checkout form.checkout {
padding: 16px;
border-radius: 14px;
box-shadow: none;
border: 1px solid #ececec;
width: 100%;
max-width: 100%;
box-sizing: border-box;
overflow-x: hidden;
}
.woocommerce-checkout .col2-set,
.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout #order_review {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
}
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout #order_review {
padding: 14px;
border-radius: 14px;
margin-left: 0 !important;
margin-right: 0 !important;
overflow-x: hidden;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
overflow-x: hidden;
}
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3,
.woocommerce-checkout #order_review_heading {
font-size: 22px !important;
}
.woocommerce-checkout form .form-row {
width: 100% !important;
max-width: 100% !important;
float: none !important;
clear: both !important;
margin-right: 0 !important;
margin-left: 0 !important;
box-sizing: border-box;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row-first,
.woocommerce-checkout .woocommerce-billing-fields .form-row-last {
width: 97% !important;
float: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
.woocommerce-checkout form .form-row label {
font-size: 13px;
}
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .select2-container,
.woocommerce-checkout .select2-container--default .select2-selection--single {
width: 100% !important;
max-width: 100% !important;
min-height: 48px;
font-size: 14px !important;
border-radius: 12px !important;
box-sizing: border-box !important;
}
.woocommerce-checkout .select2-container {
display: block;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-right: 30px !important;
}
.sino-heard-about-us-field {
padding: 16px;
border-radius: 14px;
}
.sino-heard-about-us-title {
font-size: 15px;
}
.sino-check-option {
font-size: 13px;
border-radius: 12px;
padding: 10px 12px;
}
.sino-check-option input[type="checkbox"] {
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
}
.payment_method_cheque label {
font-size: 18px !important;
}
} .woocommerce-checkout .content {
padding: 0 !important;
} .enquiry_form_2022 {
display: none;
margin-top: 30px;
padding: 28px;
background: #ffffff;
border: 1px solid #e9e9e9;
border-radius: 20px;
box-shadow: 0 18px 50px rgba(0,0,0,0.06);
box-sizing: border-box;
}
.enquiry_form_2022_fields {
display: none;
background: #fcfcfc;
border: 1px solid #ececec;
border-radius: 18px;
padding: 24px;
box-shadow: 0 8px 24px rgba(0,0,0,0.03);
}
.enquiry_form_2022_fields p:first-child {
font-size: 15px;
color: #444;
margin-bottom: 20px;
}
.enquiry_form_2022 label {
font-size: 14px !important;
font-weight: 800 !important;
letter-spacing: 0.02em;
line-height: 1.35 !important;
margin-bottom: 8px;
color: #161616;
display: block;
}
.enquiry_form_2022 input[type="text"],
.enquiry_form_2022 input[type="email"],
.enquiry_form_2022 input[type="tel"],
.enquiry_form_2022 textarea {
width: 100% !important;
max-width: 100% !important;
min-height: 52px;
border: 1px solid #d9d9d9 !important;
background: #ffffff !important;
border-radius: 14px !important;
padding: 0 16px !important;
font-family: 'Inter', sans-serif;
font-size: 15px !important;
font-weight: 500;
color: #111111 !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.03);
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
box-sizing: border-box;
margin-bottom: 16px;
}
.enquiry_form_2022 textarea {
min-height: 120px;
padding: 14px 16px !important;
resize: vertical;
}
.enquiry_form_2022 input[type="text"]:focus,
.enquiry_form_2022 input[type="email"]:focus,
.enquiry_form_2022 input[type="tel"]:focus,
.enquiry_form_2022 textarea:focus {
border-color: #fecd08 !important;
box-shadow: 0 0 0 4px rgba(254,205,8,0.18) !important;
outline: none !important;
background: #fffef8 !important;
}
.enquiry_form_2022 .submitbuttonform,
.enquiry_form_2022 button.content-button,
.enquiry_form_2022 .g-recaptcha.submitbuttonform {
width: 100%;
min-height: 56px;
border: 0 !important;
border-radius: 16px !important;
background: linear-gradient(135deg, #111111 0%, #2a2a2a 100%) !important;
color: #ffffff !important;
font-size: 17px !important;
font-weight: 800 !important;
box-shadow: 0 16px 30px rgba(0,0,0,0.16);
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
padding: 14px 18px !important;
margin-bottom: 16px;
}
.enquiry_form_2022 .submitbuttonform:hover,
.enquiry_form_2022 button.content-button:hover,
.enquiry_form_2022 .g-recaptcha.submitbuttonform:hover {
transform: translateY(-1px);
box-shadow: 0 20px 36px rgba(0,0,0,0.20);
background: linear-gradient(135deg, #1b1b1b 0%, #353535 100%) !important;
}
.enquiry_form_2022 .recaptcha-disclaimer {
margin-top: 6px;
font-size: 12px !important;
line-height: 1.5 !important;
color: #6b6b6b !important;
}
.enquiry_form_2022 .formerror {
margin-top: -6px;
margin-bottom: 16px;
padding: 12px 14px;
background: #fff7f7;
border: 1px solid #f1d2d2;
border-radius: 12px;
color: #b42318;
font-size: 13px;
font-weight: 700;
}
@media screen and (max-width: 770px) {
.enquiry_form_2022 {
padding: 16px;
border-radius: 14px;
box-shadow: none;
}
.enquiry_form_2022_fields {
padding: 16px;
border-radius: 14px;
}
.enquiry_form_2022 input[type="text"],
.enquiry_form_2022 input[type="email"],
.enquiry_form_2022 input[type="tel"],
.enquiry_form_2022 textarea {
min-height: 48px;
font-size: 14px !important;
border-radius: 12px !important;
}
.enquiry_form_2022 .submitbuttonform,
.enquiry_form_2022 button.content-button,
.enquiry_form_2022 .g-recaptcha.submitbuttonform {
min-height: 52px;
font-size: 16px !important;
border-radius: 14px !important;
}
}
.form_contact {
display: block !important;
margin-top: 30px !important;
}
.form_contact .enquiry_form_2022_fields {
display: none;
}  .search-form-holder-2023 {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
min-height: 100vh;
background: rgba(0, 0, 0, 0.92);
z-index: 999999 !important;
display: none;
margin-top: 0 !important;
padding-top: 0 !important;
} .search-form-2023 {
width: 100%;
text-align: center;
margin: 0 auto;
padding: 24px 12px;
box-sizing: border-box;
} .search-form-2023 .search-form {
width: 100%;
max-width: 700px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
} .search-form-2023 input[type="search"] {
display: block;
width: 80%;
border: 1px solid white;
color: white;
background: transparent;
font-weight: 700;
padding: 14px 16px;
font-size: 16px;
font-family: 'Inter', sans-serif;
box-sizing: border-box;
border-radius: 5px;
} .search-form-2023 input[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
color: #fff;
cursor: pointer;
font-family: FontAwesome;
font-size: 24px;
padding: 12px;
line-height: 1;
position: relative;
top: 0;
} .search-close-button {
font-family: 'Inter', sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1;
color: #fff;
background: transparent;
cursor: pointer;
box-sizing: border-box;
text-align: center;
display: inline-block;
position: relative;
top: 0;
margin-top: 14px;
} @media screen and (max-width: 770px) {
.header-container {
position: relative;
overflow: visible !important;
z-index: 10000;
}
.search-form-holder-2023 {
z-index: 999999 !important;
padding-top: 70px;
}
.search-form-2023 {
padding: 16px 12px;
}
.search-form-2023 .search-form {
width: 100%;
max-width: 100%;
}
.search-form-2023 input[type="search"] {
width: 100%;
font-size: 16px;
padding: 12px 14px;
}
.search-form-2023 input[type="submit"] {
font-size: 22px;
padding: 10px;
}
.search-close-button {
font-size: 14px;
margin-top: 12px;
}
} .contact-page-intro {
position: relative;
padding: 32px;
margin-bottom: 10px;
border: 1px solid #e9e9e9;
border-radius: 24px;
background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
box-shadow: 0 16px 40px rgba(0,0,0,0.05);
overflow: hidden;
text-align: center;
}
.contact-page-intro::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(90deg, #fecd08 0%, #e0b800 100%);
}
.contact-page-intro h1 {
margin-bottom: 18px;
font-size: 44px;
line-height: 1.1;
color: #111111;
}
.contact-page-intro-text {
max-width: 1400px;
margin: 0 auto;
}
.contact-page-intro-text p {
margin-bottom: 14px;
font-size: 18px;
line-height: 1.7;
color: #444444;
}
.contact-page-intro-text p:last-child {
margin-bottom: 0;
}
.contact-page-intro-button {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 24px;
padding: 8px 10px;
min-height: 40px;
border-radius: 14px;
background: linear-gradient(135deg, #111111 0%, #2a2a2a 100%);
color: #ffffff !important;
font-family: 'Inter', sans-serif;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1;
text-decoration: none !important;
box-shadow: 0 14px 30px rgba(0,0,0,0.14);
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.contact-page-intro-button:hover {
transform: translateY(-1px);
background: linear-gradient(135deg, #1b1b1b 0%, #353535 100%);
box-shadow: 0 18px 34px rgba(0,0,0,0.18);
color: #ffffff !important;
text-decoration: none !important;
}
@media screen and (max-width: 770px) {
.contact-page-intro {
padding: 20px 16px;
border-radius: 18px;
}
.contact-page-intro-badge {
font-size: 11px;
padding: 7px 12px;
margin-bottom: 12px;
}
.contact-page-intro h1 {
font-size: 30px !important;
margin-bottom: 14px;
}
.contact-page-intro-text p {
font-size: 15px;
line-height: 1.6;
margin-bottom: 12px;
}
.contact-page-intro-button {
width: 70%;
margin-top: 18px;
padding: 14px 16px;
font-size: 14px !important;
border-radius: 12px;
}
}
.contact-page-wrapper a.contact-page-intro-button {
color: #ffffff !important;
font-size: 15px !important;
font-weight: 800 !important;
}
@media screen and (max-width: 770px) {
.contact-page-intro-button {
padding: 12px 14px;
min-height: 44px;
}
} .where-find-page-wrapper {
width: 100%;
}
.where-find-intro {
margin-bottom: 32px;
}
.contact-page-intro-text p{
margin: 0 !important;
}
.branch-location-card {
margin-bottom: 30px;
padding: 26px;
border: 1px solid #e9e9e9;
border-radius: 24px;
background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
box-shadow: 0 14px 34px rgba(0,0,0,0.05);
}
.branch-location-card:last-child {
margin-bottom: 0;
}
.branch-location-card .where-to-find-us-container {
display: grid;
grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
gap: 24px;
align-items: stretch;
font-size: initial;
}
.branch-location-card .where-to-find-us {
width: 100%;
margin: 0;
padding: 0;
display: block;
}
.branch-location-card .google-map-holder {
width: 100%;
display: block;
}
.branch-location-card .google-map-holder iframe {
width: 100%;
height: 100%;
min-height: 320px;
display: block;
border: 0;
border-radius: 18px;
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.branch-location-card .where-to-find-us h2 {
margin-bottom: 8px;
font-size: 32px;
line-height: 1.15;
color: #111111;
}
.branch-location-subtitle {
margin-bottom: 14px !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #8a6d00 !important;
}
.branch-location-meta {
margin-top: 20px;
padding: 18px 20px;
background: #ffffff;
border: 1px solid #ececec;
border-radius: 18px;
box-shadow: 0 6px 18px rgba(0,0,0,0.03);
}
.branch-location-meta p {
margin-bottom: 16px;
font-size: 15px;
line-height: 1.1;
color: #333333;
}
.branch-location-meta p:last-child {
margin-bottom: 0;
}
.branch-location-card .directions-holder {
margin-top: 22px;
}
.branch-directions-card {
padding: 22px 24px;
background: #fcfcfc;
border: 1px solid #ececec;
border-radius: 18px;
box-shadow: 0 8px 20px rgba(0,0,0,0.03);
}
.branch-directions-card p {
margin-bottom: 18px;
font-size: 15px;
line-height: 1.75;
color: #444444;
}
.branch-directions-card p:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 900px) {
.branch-location-card .where-to-find-us-container {
grid-template-columns: 1fr;
}
.branch-location-card .google-map-holder iframe {
min-height: 260px;
}
}
@media screen and (max-width: 770px) {
.branch-location-card {
padding: 16px;
border-radius: 18px;
box-shadow: none;
}
.branch-location-card .where-to-find-us h2 {
font-size: 24px !important;
}
.branch-location-subtitle {
font-size: 12px !important;
}
.branch-location-meta {
padding: 14px 16px;
border-radius: 14px;
}
.branch-location-meta p,
.branch-directions-card p {
font-size: 14px;
line-height: 1.65;
}
.branch-directions-card {
padding: 16px;
border-radius: 14px;
}
.branch-location-card .google-map-holder iframe {
min-height: 220px;
border-radius: 14px;
}
} .careers-page-wrapper {
background: #f7f7f7;
padding: 50px 0 70px;
}
.careers-page-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.careers-page-header {
margin-bottom: 36px;
text-align: left;
}
.careers-page-title {
margin: 0 0 14px;
font-family: 'Inter', sans-serif;
font-size: 42px;
line-height: 1.15;
font-weight: 700;
color: #222222;
}
.careers-page-intro,
.careers-page-intro p {
margin: 0;
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 1.7;
color: #555555;
}
.careers-jobs-list {
display: flex;
flex-direction: column;
gap: 24px;
}
.career-job-card {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 14px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
overflow: hidden;
}
.career-job-card-inner {
padding: 28px;
}
.career-job-header {
margin-bottom: 18px;
padding-bottom: 18px;
border-bottom: 1px solid #ececec;
}
.career-job-header-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-bottom: 16px;
}
.career-job-title {
margin: 0;
flex: 1;
font-family: 'Inter', sans-serif;
font-size: 28px;
line-height: 1.2;
font-weight: 700;
color: #222222;
}
.career-apply-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 10px 16px;
background: #fecd08;
border-radius: 10px;
font-family: 'Inter', sans-serif;
font-size: 13px;
line-height: 1;
font-weight: 700;
color: #333333 !important;
text-decoration: none !important;
white-space: nowrap;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.career-apply-button:hover {
transform: translateY(-1px);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}
.career-job-meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.career-job-meta-item {
display: inline-flex;
align-items: center;
padding: 9px 13px;
background: #f8f8f8;
border: 1px solid #ebebeb;
border-radius: 999px;
font-family: 'Inter', sans-serif;
font-size: 13px;
line-height: 1.4;
color: #444444;
}
.career-job-meta-item strong {
margin-right: 6px;
color: #333333;
font-weight: 700;
}
.career-job-status.status-open {
background: #fff6cc;
border-color: #fecd08;
color: #333333;
}
.career-job-status.status-closed {
background: #f4f4f4;
border-color: #d8d8d8;
color: #666666;
}
.career-job-summary {
margin-bottom: 18px;
padding: 16px 18px;
background: #fffdf2;
border-left: 4px solid #fecd08;
border-radius: 8px;
}
.career-job-summary p {
margin: 0;
font-family: 'Inter', sans-serif;
font-size: 15px;
line-height: 1.65;
color: #444444;
}
.career-job-details {
margin-top: 18px;
padding-top: 18px;
border-top: 1px solid #ececec;
}
.career-job-details summary {
list-style: none;
}
.career-job-details summary::-webkit-details-marker {
display: none;
}
.career-job-details-toggle {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
cursor: pointer;
user-select: none;
}
.career-job-details-label {
font-family: 'Inter', sans-serif;
font-size: 14px;
line-height: 1.4;
font-weight: 700;
color: #333333;
}
.career-job-details-arrow {
width: 10px;
height: 10px;
border-right: 2px solid #333333;
border-bottom: 2px solid #333333;
transform: rotate(45deg);
transition: transform 0.2s ease;
margin-right: 4px;
}
.career-job-details[open] .career-job-details-arrow {
transform: rotate(-135deg);
margin-top: 6px;
}
.career-job-content {
padding-top: 18px;
color: #444444;
}
.career-job-content p,
.career-job-content ul,
.career-job-content ol,
.career-job-content li,
.career-job-content strong,
.career-job-content em,
.career-job-content span {
font-family: 'Inter', sans-serif;
font-size: 14px;
line-height: 1.7;
color: #444444;
}
.career-job-content p {
margin: 0 0 14px;
}
.career-job-content h1,
.career-job-content h2,
.career-job-content h3,
.career-job-content h4,
.career-job-content h5,
.career-job-content h6,
.career-job-content .wp-block-heading {
margin: 22px 0 10px;
font-family: 'Inter', sans-serif;
font-weight: 700;
line-height: 1.3;
text-transform: none;
color: #222222;
}
.career-job-content h1 {
font-size: 22px;
}
.career-job-content h2 {
font-size: 20px;
}
.career-job-content h3 {
font-size: 18px;
}
.career-job-content h4,
.career-job-content h5,
.career-job-content h6 {
font-size: 16px;
}
.career-job-content ul,
.career-job-content ol {
margin: 0 0 16px 20px;
padding: 0;
}
.career-job-content ul {
list-style: disc;
}
.career-job-content ol {
list-style: decimal;
}
.career-job-content li {
margin-bottom: 8px;
}
.careers-no-jobs {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 14px;
padding: 40px 30px;
text-align: center;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}
.careers-no-jobs h2 {
margin: 0 0 12px;
font-family: 'Inter', sans-serif;
font-size: 28px;
line-height: 1.2;
color: #333333;
}
.careers-no-jobs p {
margin: 0;
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 1.7;
color: #555555;
}
.careers-feedback {
margin: 30px 0 20px;
padding: 16px 18px;
border-radius: 12px;
font-family: 'Inter', sans-serif;
font-size: 15px;
line-height: 1.6;
}
.careers-feedback p {
margin: 0;
}
.careers-feedback-success {
background: #f3fbf4;
border: 1px solid #b9dfbf;
color: #1f5f2c;
}
.careers-feedback-error {
background: #fff6f6;
border: 1px solid #efc8c8;
color: #a12626;
}
.careers-application-section {
margin-top: 40px;
}
.careers-application-section-inner {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 14px;
padding: 32px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}
.careers-application-title {
margin: 0 0 12px;
font-family: 'Inter', sans-serif;
font-size: 30px;
line-height: 1.2;
font-weight: 700;
color: #333333;
}
.careers-application-intro {
margin: 0 0 24px;
font-family: 'Inter', sans-serif;
font-size: 15px;
line-height: 1.7;
color: #555555;
}
.careers-form-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.careers-form-field {
display: flex;
flex-direction: column;
}
.careers-form-field-full {
grid-column: 1 / -1;
}
.careers-form-field label {
margin-bottom: 8px;
font-family: 'Inter', sans-serif;
font-size: 14px;
line-height: 1.35;
font-weight: 700;
color: #333333;
}
.careers-form-field input[type="text"],
.careers-form-field input[type="email"],
.careers-form-field select,
.careers-form-field textarea {
width: 100%;
min-height: 48px;
padding: 12px 14px;
border: 1px solid #dcdcdc;
border-radius: 10px;
background: #ffffff;
font-family: 'Inter', sans-serif;
font-size: 15px;
line-height: 1.4;
color: #333333;
box-sizing: border-box;
}
.careers-form-field textarea {
min-height: 140px;
resize: vertical;
}
.careers-form-field input[type="file"] {
width: 100%;
padding: 10px 12px;
border: 1px solid #dcdcdc;
border-radius: 10px;
background: #ffffff;
font-family: 'Inter', sans-serif;
font-size: 14px;
color: #333333;
box-sizing: border-box;
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
.careers-form-field input[type="file"]::file-selector-button {
margin-right: 12px;
border: 0;
border-radius: 8px;
padding: 10px 14px;
background: #333333;
color: #ffffff;
cursor: pointer;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 700;
}
.careers-form-field input[type="file"]::-webkit-file-upload-button {
margin-right: 12px;
border: 0;
border-radius: 8px;
padding: 10px 14px;
background: #333333;
color: #ffffff;
cursor: pointer;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 700;
}
.careers-form-field small {
margin-top: 8px;
font-family: 'Inter', sans-serif;
font-size: 12px;
line-height: 1.5;
color: #666666;
}
.careers-form-submit {
margin-top: 24px;
}
.careers-submit-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 12px 22px;
border: 0;
border-radius: 10px;
background: #fecd08;
font-family: 'Inter', sans-serif;
font-size: 15px;
line-height: 1;
font-weight: 700;
color: #333333;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.careers-submit-button:hover {
transform: translateY(-1px);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
} @media screen and (max-width: 991px) {
.careers-page-wrapper {
padding: 40px 0 60px;
}
.career-job-card-inner,
.careers-application-section-inner {
padding: 24px;
}
.careers-page-title {
font-size: 34px;
}
.career-job-title {
font-size: 24px;
}
.careers-application-title {
font-size: 26px;
}
}
@media screen and (max-width: 767px) {
.careers-page-container {
padding: 0 16px;
}
.careers-page-title {
font-size: 30px;
}
.career-job-header-top {
flex-direction: column;
align-items: stretch;
}
.career-apply-button {
width: 100%;
}
.career-job-meta {
flex-direction: column;
align-items: stretch;
}
.career-job-meta-item {
width: 100%;
border-radius: 10px;
}
.careers-form-grid {
grid-template-columns: 1fr;
}
.careers-application-title {
font-size: 24px;
}
}
@media screen and (max-width: 480px) {
.careers-page-wrapper {
padding: 30px 0 50px;
}
.career-job-card-inner,
.careers-application-section-inner {
padding: 20px 16px;
}
.careers-page-title {
font-size: 26px;
}
.career-job-title {
font-size: 22px;
}
.career-job-summary p,
.career-job-content p,
.career-job-content li,
.careers-application-intro {
font-size: 14px;
}
}
#place_order.is-submitting,
button[name="woocommerce_checkout_place_order"].is-submitting {
opacity: 0.75 !important;
} .sino-catalogue-intro {
width: calc(100% - 20px);
margin: 5px 10px 35px;
padding: 32px 28px;
background: linear-gradient(135deg, #ffffff 0%, #fff7d6 100%);
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 16px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
box-sizing: border-box;
}
.sino-catalogue-intro__inner {
max-width: 1100px;
margin: 0 auto;
text-align: center;
}
.sino-catalogue-intro__label {
display: inline-block;
margin-bottom: 10px;
padding: 7px 14px;
background-color: #000000;
color: #fecd08;
border-radius: 999px;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.4px;
text-transform: uppercase;
}
.sino-catalogue-intro h2 {
margin: 0 0 12px;
color: #111111;
font-family: 'Inter', sans-serif;
font-size: 34px;
font-weight: 800;
line-height: 1.15;
text-transform: none;
}
.sino-catalogue-intro p {
max-width: 760px;
margin: 0 auto 24px;
color: #444444;
font-family: 'Inter', sans-serif;
font-size: 17px;
line-height: 1.55;
}
.sino-catalogue-quick-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.sino-catalogue-quick-link,
.sino-catalogue-quick-link:link,
.sino-catalogue-quick-link:visited,
.sino-catalogue-quick-link:active {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 10px 16px;
background-color: #ffffff;
color: #111111;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 999px;
font-family: 'Inter', sans-serif;
font-size: 15px;
font-weight: 800;
line-height: 1;
text-decoration: none !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}
.sino-catalogue-quick-link:hover {
background-color: #000000;
color: #fecd08;
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 770px) {
.sino-catalogue-intro {
width: 100%;
margin: 0 0 28px;
padding: 26px 16px;
border-radius: 12px;
}
.sino-catalogue-intro h2 {
font-size: 26px;
}
.sino-catalogue-intro p {
font-size: 15px;
line-height: 1.5;
}
.sino-catalogue-quick-links {
gap: 8px;
}
.sino-catalogue-quick-link,
.sino-catalogue-quick-link:link,
.sino-catalogue-quick-link:visited,
.sino-catalogue-quick-link:active {
min-height: 40px;
padding: 9px 13px;
font-size: 13px;
}
}
@media screen and (max-width: 400px) {
.sino-catalogue-quick-links {
display: grid;
grid-template-columns: 1fr 1fr;
}
.sino-catalogue-quick-link,
.sino-catalogue-quick-link:link,
.sino-catalogue-quick-link:visited,
.sino-catalogue-quick-link:active {
width: 100%;
padding-left: 8px;
padding-right: 8px;
text-align: center;
}
} .sino-featured-categories {
width: calc(100% - 20px);
margin: 10px 10px 45px;
box-sizing: border-box;
}
.sino-featured-categories__header {
max-width: 850px;
margin: 0 auto 30px;
text-align: center;
}
.sino-featured-categories__label {
display: inline-block;
margin-bottom: 10px;
padding: 7px 14px;
background-color: #000000;
color: #fecd08;
border-radius: 999px;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.4px;
text-transform: uppercase;
}
.sino-featured-categories__header h2 {
margin: 0 0 10px;
color: #111111;
font-family: 'Inter', sans-serif;
font-size: 34px;
font-weight: 800;
line-height: 1.15;
text-transform: none;
}
.sino-featured-categories__header p {
margin: 0 auto;
color: #444444;
font-family: 'Inter', sans-serif;
font-size: 17px;
line-height: 1.55;
}
.sino-featured-category-row {
display: grid;
grid-template-columns: 34% 1fr;
gap: 22px;
margin-bottom: 26px;
padding: 18px;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 18px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
box-sizing: border-box;
}
.sino-featured-category-card {
overflow: hidden;
background: linear-gradient(135deg, #111111 0%, #2a2a2a 100%);
border-radius: 14px;
box-sizing: border-box;
}
.sino-featured-category-card__image {
display: block;
overflow: hidden;
}
.sino-featured-category-card__image img {
display: block;
width: 100%;
height: 210px;
object-fit: cover;
transition: transform 0.3s ease, filter 0.3s ease;
}
.sino-featured-category-card:hover .sino-featured-category-card__image img {
transform: scale(1.04);
filter: brightness(0.92);
}
.sino-featured-category-card__content {
padding: 20px;
box-sizing: border-box;
}
.sino-featured-category-card__content h3 {
margin: 0 0 10px;
color: #fecd08;
font-family: 'Inter', sans-serif;
font-size: 24px;
font-weight: 800;
line-height: 1.2;
text-transform: none;
}
.sino-featured-category-card__content p {
margin: 0 0 18px;
color: #ffffff;
font-family: 'Inter', sans-serif;
font-size: 15px;
line-height: 1.45;
}
.sino-featured-category-card__button,
.sino-featured-category-card__button:link,
.sino-featured-category-card__button:visited,
.sino-featured-category-card__button:active {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 10px 16px;
background-color: #fecd08;
color: #111111;
border-radius: 999px;
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 800;
line-height: 1;
text-decoration: none !important;
transition: transform 0.25s ease, background-color 0.25s ease;
}
.sino-featured-category-card__button:hover {
background-color: #ffffff;
color: #111111;
transform: translateY(-2px);
}
.sino-featured-products-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
}
.sino-featured-product-card {
overflow: hidden;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 14px;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.sino-featured-product-card:hover {
transform: translateY(-3px);
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
}
.sino-featured-product-card__image {
display: block;
padding: 10px;
background-color: #ffffff;
text-decoration: none !important;
}
.sino-featured-product-card__image img {
display: block;
width: 100%;
height: auto;
margin: 0;
}
.sino-featured-product-card__content {
padding: 0 12px 14px;
box-sizing: border-box;
}
.sino-featured-product-card__content h3 {
margin: 0 0 10px;
font-family: 'Inter', sans-serif;
font-size: 15px;
font-weight: 800;
line-height: 1.25;
text-align: center;
text-transform: none;
}
.sino-featured-product-card__content h3 a,
.sino-featured-product-card__content h3 a:link,
.sino-featured-product-card__content h3 a:visited,
.sino-featured-product-card__content h3 a:active {
color: #111111;
text-decoration: none !important;
}
.sino-featured-product-card__content h3 a:hover {
color: #b8860b;
}
.sino-featured-product-card__price {
padding-top: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.08);
color: #000000;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.35;
text-align: center;
}
.sino-featured-product-card__price .ex-tax-amount {
display: block;
margin-bottom: 2px;
}
@media screen and (max-width: 1024px) {
.sino-featured-category-row {
grid-template-columns: 1fr;
}
.sino-featured-products-grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (max-width: 770px) {
.sino-featured-categories {
width: 100%;
margin: 0 0 35px;
}
.sino-featured-categories__header h2 {
font-size: 26px;
}
.sino-featured-categories__header p {
font-size: 15px;
}
.sino-featured-category-row {
padding: 12px;
border-radius: 14px;
}
.sino-featured-category-card__image img {
height: 180px;
}
.sino-featured-products-grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.sino-featured-product-card__content h3 {
font-size: 13px;
}
.sino-featured-product-card__price {
font-size: 12px;
}
}
@media screen and (max-width: 400px) {
.sino-featured-products-grid {
grid-template-columns: 1fr;
}
} .sino-browse-categories-heading {
width: calc(100% - 20px);
margin: 10px 10px 28px;
padding: 28px 20px;
background-color: #111111;
border-radius: 16px;
text-align: center;
box-sizing: border-box;
}
.sino-browse-categories-heading__label {
display: inline-block;
margin-bottom: 10px;
padding: 7px 14px;
background-color: #fecd08;
color: #111111;
border-radius: 999px;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.4px;
text-transform: uppercase;
}
.sino-browse-categories-heading h2 {
margin: 0 0 8px;
color: #ffffff;
font-family: 'Inter', sans-serif;
font-size: 34px;
font-weight: 800;
line-height: 1.15;
text-transform: none;
}
.sino-browse-categories-heading p {
margin: 0;
color: #dddddd;
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 1.5;
}
@media screen and (max-width: 770px) {
.sino-browse-categories-heading {
width: 100%;
margin: 0 0 24px;
padding: 24px 14px;
border-radius: 12px;
}
.sino-browse-categories-heading h2 {
font-size: 26px;
}
.sino-browse-categories-heading p {
font-size: 15px;
}
} .sino-featured-categories {
width: calc(100% - 20px);
margin: 10px 10px 45px;
box-sizing: border-box;
}
.sino-featured-categories__header {
max-width: 850px;
margin: 0 auto 30px;
text-align: center;
}
.sino-featured-categories__label {
display: inline-block;
margin-bottom: 10px;
padding: 7px 14px;
background-color: #000000;
color: #fecd08;
border-radius: 999px;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.4px;
text-transform: uppercase;
}
.sino-featured-categories__header h2 {
margin: 0 0 10px;
color: #111111;
font-family: 'Inter', sans-serif;
font-size: 34px;
font-weight: 800;
line-height: 1.15;
text-transform: none;
}
.sino-featured-categories__header p {
margin: 0 auto;
color: #444444;
font-family: 'Inter', sans-serif;
font-size: 17px;
line-height: 1.55;
}
.sino-featured-category-row {
display: grid;
grid-template-columns: 34% 1fr;
gap: 22px;
margin-bottom: 26px;
padding: 18px;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 18px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
box-sizing: border-box;
}
.sino-featured-category-card {
overflow: hidden;
background: linear-gradient(135deg, #111111 0%, #2a2a2a 100%);
border-radius: 14px;
box-sizing: border-box;
}
.sino-featured-category-card__image {
display: block;
overflow: hidden;
}
.sino-featured-category-card__image img {
display: block;
width: 100%;
height: 210px;
object-fit: cover;
transition: transform 0.3s ease, filter 0.3s ease;
}
.sino-featured-category-card:hover .sino-featured-category-card__image img {
transform: scale(1.04);
filter: brightness(0.92);
}
.sino-featured-category-card__content {
padding: 20px;
box-sizing: border-box;
}
.sino-featured-category-card__content h3 {
margin: 0 0 10px;
color: #fecd08;
font-family: 'Inter', sans-serif;
font-size: 24px;
font-weight: 800;
line-height: 1.2;
text-transform: none;
}
.sino-featured-category-card__content p {
margin: 0 0 18px;
color: #ffffff;
font-family: 'Inter', sans-serif;
font-size: 15px;
line-height: 1.45;
}
.sino-featured-category-card__button,
.sino-featured-category-card__button:link,
.sino-featured-category-card__button:visited,
.sino-featured-category-card__button:active {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 10px 16px;
background-color: #fecd08;
color: #111111;
border-radius: 999px;
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 800;
line-height: 1;
text-decoration: none !important;
transition: transform 0.25s ease, background-color 0.25s ease;
}
.sino-featured-category-card__button:hover {
background-color: #ffffff;
color: #111111;
transform: translateY(-2px);
}
.sino-featured-products-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
align-items: stretch;
}
.sino-featured-product-card {
display: flex;
flex-direction: column;
min-height: 100%;
overflow: hidden;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 14px;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.sino-featured-product-card:hover {
transform: translateY(-3px);
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
}
.sino-featured-product-card__image {
display: flex;
align-items: center;
justify-content: center;
min-height: 190px;
padding: 10px 10px 4px;
background-color: #ffffff;
text-decoration: none !important;
}
.sino-featured-product-card__image img {
display: block;
width: 100%;
max-height: 180px;
height: auto;
margin: 0;
object-fit: contain;
}
.sino-featured-product-card__content {
display: flex;
flex-direction: column;
flex: 1;
padding: 8px 12px 12px;
box-sizing: border-box;
}
.sino-featured-product-card__content h3 {
margin: 0 0 8px;
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 800;
line-height: 1.25;
text-align: center;
text-transform: none;
}
.sino-featured-product-card__content h3 a,
.sino-featured-product-card__content h3 a:link,
.sino-featured-product-card__content h3 a:visited,
.sino-featured-product-card__content h3 a:active {
color: #111111;
text-decoration: none !important;
}
.sino-featured-product-card__content h3 a:hover {
color: #b8860b;
}
.sino-featured-product-card__price {
margin-top: auto;
padding-top: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.08);
color: #000000;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
text-align: center;
}
.sino-featured-product-card__price .ex-tax-amount {
display: block;
margin-bottom: 3px;
font-size: 14px;
line-height: 1.3;
}
.sino-featured-product-card__price .amount {
font-size: inherit;
}
@media screen and (max-width: 1024px) {
.sino-featured-category-row {
grid-template-columns: 1fr;
}
.sino-featured-products-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sino-featured-product-card__image {
min-height: 170px;
}
.sino-featured-product-card__image img {
max-height: 160px;
}
}
@media screen and (max-width: 770px) {
.sino-featured-categories {
width: 100%;
margin: 0 0 35px;
}
.sino-featured-categories__header h2 {
font-size: 26px;
}
.sino-featured-categories__header p {
font-size: 15px;
}
.sino-featured-category-row {
padding: 12px;
border-radius: 14px;
}
.sino-featured-category-card__image img {
height: 180px;
}
.sino-featured-products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.sino-featured-product-card__image {
min-height: 150px;
}
.sino-featured-product-card__image img {
max-height: 140px;
}
.sino-featured-product-card__content h3 {
font-size: 13px;
}
.sino-featured-product-card__price {
font-size: 12px;
}
.sino-featured-product-card__price .ex-tax-amount {
font-size: 13px;
}
}
@media screen and (max-width: 400px) {
.sino-featured-products-grid {
grid-template-columns: 1fr;
}
.sino-featured-product-card__image {
min-height: 180px;
}
.sino-featured-product-card__image img {
max-height: 170px;
}
} .enquiry_form_2022 .sino-hidden-field,
.enquiry_form_2022 .sino-hidden-field *,
#form_request_a_quote .sino-hidden-field,
#form_request_a_quote .sino-hidden-field * {
position: absolute !important;
left: -99999px !important;
top: auto !important;
width: 1px !important;
max-width: 1px !important;
min-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
opacity: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
pointer-events: none !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
} .sino-account-page,
.sino-account-page .woocommerce {
width: 100%;
max-width: 1100px;
margin: 0 auto;
font-family: 'Inter', sans-serif;
box-sizing: border-box;
}
.sino-account-page * {
box-sizing: border-box;
} .sino-account-page form.login,
.sino-account-page form.register,
.sino-account-page .woocommerce-form-login,
.sino-account-page .woocommerce-form-register {
max-width: 520px;
margin: 20px auto 40px !important;
padding: 28px !important;
background: #ffffff !important;
border: 1px solid #e9e9e9 !important;
border-radius: 20px !important;
box-shadow: 0 18px 50px rgba(0,0,0,0.06) !important;
}
.sino-account-page form.login label,
.sino-account-page form.register label {
font-size: 14px !important;
font-weight: 800 !important;
color: #161616 !important;
margin-bottom: 8px !important;
}
.sino-account-page input[type="text"],
.sino-account-page input[type="email"],
.sino-account-page input[type="password"],
.sino-account-page input[type="tel"] {
width: 100% !important;
max-width: 100% !important;
min-height: 52px !important;
border: 1px solid #d9d9d9 !important;
background: #ffffff !important;
border-radius: 14px !important;
padding: 0 16px !important;
font-family: 'Inter', sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #111111 !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
}
.sino-account-page input:focus {
border-color: #fecd08 !important;
box-shadow: 0 0 0 4px rgba(254,205,8,0.18) !important;
outline: none !important;
background: #fffef8 !important;
} .sino-account-page .woocommerce-button,
.sino-account-page .woocommerce-Button,
.sino-account-page button.button,
.sino-account-page a.button {
min-height: 52px !important;
border: 0 !important;
border-radius: 14px !important;
background: linear-gradient(135deg, #111111 0%, #2a2a2a 100%) !important;
color: #ffffff !important;
font-family: 'Inter', sans-serif !important;
font-size: 15px !important;
font-weight: 800 !important;
padding: 12px 20px !important;
box-shadow: 0 14px 28px rgba(0,0,0,0.16) !important;
text-decoration: none !important;
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.sino-account-page .woocommerce-button:hover,
.sino-account-page .woocommerce-Button:hover,
.sino-account-page button.button:hover,
.sino-account-page a.button:hover {
transform: translateY(-1px);
box-shadow: 0 18px 34px rgba(0,0,0,0.20) !important;
background: linear-gradient(135deg, #1b1b1b 0%, #353535 100%) !important;
} .sino-account-page .woocommerce-form-login__rememberme {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 8px 0 16px !important;
font-size: 14px !important;
font-weight: 600 !important;
}
.sino-account-page .woocommerce-form-login__rememberme input[type="checkbox"] {
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
margin: 0 !important;
appearance: checkbox !important;
-webkit-appearance: checkbox !important;
} .sino-account-page .lost_password {
margin-top: 14px !important;
font-size: 14px !important;
}
.sino-account-page .lost_password a {
color: #111111 !important;
font-weight: 700 !important;
text-decoration: underline !important;
} .sino-account-page .woocommerce-MyAccount-navigation {
float: left !important;
width: 28% !important;
padding: 22px !important;
background: #ffffff !important;
border: 1px solid #e9e9e9 !important;
border-radius: 20px !important;
box-shadow: 0 14px 34px rgba(0,0,0,0.05) !important;
}
.sino-account-page .woocommerce-MyAccount-navigation ul {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.sino-account-page .woocommerce-MyAccount-navigation li {
list-style: none !important;
margin: 0 0 10px !important;
padding: 0 !important;
}
.sino-account-page .woocommerce-MyAccount-navigation li a {
display: block !important;
padding: 13px 15px !important;
background: #f7f7f7 !important;
border: 1px solid #eeeeee !important;
border-radius: 12px !important;
color: #222222 !important;
font-size: 14px !important;
font-weight: 800 !important;
text-decoration: none !important;
transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}
.sino-account-page .woocommerce-MyAccount-navigation li a:hover,
.sino-account-page .woocommerce-MyAccount-navigation li.is-active a {
background: #111111 !important;
border-color: #111111 !important;
color: #fecd08 !important;
transform: translateY(-1px);
} .sino-account-page .woocommerce-MyAccount-content {
float: right !important;
width: 68% !important;
padding: 28px !important;
background: #ffffff !important;
border: 1px solid #e9e9e9 !important;
border-radius: 20px !important;
box-shadow: 0 14px 34px rgba(0,0,0,0.05) !important;
}
.sino-account-page .woocommerce-MyAccount-content p {
font-size: 15px !important;
line-height: 1.7 !important;
color: #444444 !important;
}
.sino-account-page .woocommerce-MyAccount-content a {
color: #111111 !important;
font-weight: 700 !important;
text-decoration: underline !important;
} .sino-account-page .woocommerce-orders-table,
.sino-account-page table.shop_table {
width: 100% !important;
border: 1px solid #ececec !important;
border-radius: 14px !important;
overflow: hidden !important;
background: #ffffff !important;
}
.sino-account-page table.shop_table th,
.sino-account-page table.shop_table td {
padding: 14px 16px !important;
font-size: 14px !important;
line-height: 1.45 !important;
}
.sino-account-page table.shop_table th {
background: #f8f8f8 !important;
font-weight: 800 !important;
color: #333333 !important;
} .sino-account-page .woocommerce-message,
.sino-account-page .woocommerce-info,
.sino-account-page .woocommerce-error {
border: 1px solid #ece1a6 !important;
border-top: 1px solid #ece1a6 !important;
background: #fffbea !important;
border-radius: 16px !important;
padding: 18px 20px !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.04) !important;
color: #333333 !important;
} .sino-account-page .woocommerce::after {
content: "";
display: table;
clear: both;
} @media screen and (max-width: 770px) {
.sino-account-page form.login,
.sino-account-page form.register,
.sino-account-page .woocommerce-form-login,
.sino-account-page .woocommerce-form-register {
padding: 18px !important;
border-radius: 16px !important;
box-shadow: none !important;
}
.sino-account-page .woocommerce-MyAccount-navigation,
.sino-account-page .woocommerce-MyAccount-content {
float: none !important;
width: 100% !important;
padding: 18px !important;
border-radius: 16px !important;
box-shadow: none !important;
}
.sino-account-page .woocommerce-MyAccount-navigation {
margin-bottom: 18px !important;
}
.sino-account-page .woocommerce-MyAccount-navigation ul {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 8px !important;
}
.sino-account-page .woocommerce-MyAccount-navigation li {
margin: 0 !important;
}
.sino-account-page .woocommerce-MyAccount-navigation li a {
padding: 11px 12px !important;
font-size: 13px !important;
text-align: center !important;
}
.sino-account-page table.shop_table th,
.sino-account-page table.shop_table td {
padding: 10px !important;
font-size: 13px !important;
}
}
@media screen and (max-width: 420px) {
.sino-account-page .woocommerce-MyAccount-navigation ul {
grid-template-columns: 1fr !important;
}
} .main-content .content .sino-account-page {
width: 100% !important;
max-width: 1100px !important;
margin: 0 auto !important;
padding: 10px 0 40px !important;
font-family: 'Inter', sans-serif !important;
box-sizing: border-box !important;
}
.main-content .content .sino-account-page .woocommerce {
display: flex !important;
align-items: flex-start !important;
gap: 28px !important;
width: 100% !important;
max-width: 1100px !important;
margin: 0 auto !important;
box-sizing: border-box !important;
} .main-content .content .sino-account-page .woocommerce-MyAccount-navigation {
float: none !important;
width: 30% !important;
min-width: 260px !important;
padding: 22px !important;
background: #ffffff !important;
border: 1px solid #e9e9e9 !important;
border-radius: 20px !important;
box-shadow: 0 14px 34px rgba(0,0,0,0.06) !important;
box-sizing: border-box !important;
}
.main-content .content .sino-account-page .woocommerce-MyAccount-navigation ul {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.main-content .content .sino-account-page .woocommerce-MyAccount-navigation li {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.main-content .content .sino-account-page .woocommerce-MyAccount-navigation li a {
display: block !important;
width: 100% !important;
padding: 14px 16px !important;
background: #f7f7f7 !important;
border: 1px solid #eeeeee !important;
border-radius: 12px !important;
color: #222222 !important;
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
text-decoration: none !important;
box-sizing: border-box !important;
transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}
.main-content .content .sino-account-page .woocommerce-MyAccount-navigation li a:hover,
.main-content .content .sino-account-page .woocommerce-MyAccount-navigation li.is-active a {
background: #111111 !important;
border-color: #111111 !important;
color: #fecd08 !important;
transform: translateY(-1px);
} .main-content .content .sino-account-page .woocommerce-MyAccount-content {
float: none !important;
width: 70% !important;
flex: 1 1 auto !important;
padding: 30px !important;
background: #ffffff !important;
border: 1px solid #e9e9e9 !important;
border-radius: 20px !important;
box-shadow: 0 14px 34px rgba(0,0,0,0.06) !important;
box-sizing: border-box !important;
}
.main-content .content .sino-account-page .woocommerce-MyAccount-content p {
margin-bottom: 16px !important;
font-family: 'Inter', sans-serif !important;
font-size: 15px !important;
line-height: 1.7 !important;
color: #444444 !important;
}
.main-content .content .sino-account-page .woocommerce-MyAccount-content p:last-child {
margin-bottom: 0 !important;
}
.main-content .content .sino-account-page .woocommerce-MyAccount-content strong {
color: #111111 !important;
font-weight: 800 !important;
}
.main-content .content .sino-account-page .woocommerce-MyAccount-content a {
color: #111111 !important;
font-weight: 800 !important;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 3px !important;
}
.main-content .content .sino-account-page .woocommerce-MyAccount-content a:hover {
color: #8a6d00 !important;
} .main-content .content .sino-account-page table.shop_table,
.main-content .content .sino-account-page .woocommerce-orders-table {
width: 100% !important;
border: 1px solid #ececec !important;
border-radius: 14px !important;
overflow: hidden !important;
background: #ffffff !important;
box-sizing: border-box !important;
}
.main-content .content .sino-account-page table.shop_table th,
.main-content .content .sino-account-page table.shop_table td {
padding: 14px 16px !important;
font-size: 14px !important;
line-height: 1.45 !important;
}
.main-content .content .sino-account-page table.shop_table th {
background: #f8f8f8 !important;
font-weight: 800 !important;
color: #333333 !important;
}
.main-content .content .sino-account-page .button,
.main-content .content .sino-account-page button.button,
.main-content .content .sino-account-page a.button {
border: 0 !important;
border-radius: 12px !important;
background: #111111 !important;
color: #ffffff !important;
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
font-weight: 800 !important;
padding: 12px 18px !important;
text-decoration: none !important;
} @media screen and (max-width: 770px) {
.main-content .content .sino-account-page .woocommerce {
display: block !important;
}
.main-content .content .sino-account-page .woocommerce-MyAccount-navigation,
.main-content .content .sino-account-page .woocommerce-MyAccount-content {
width: 100% !important;
min-width: 0 !important;
padding: 18px !important;
border-radius: 16px !important;
box-shadow: none !important;
}
.main-content .content .sino-account-page .woocommerce-MyAccount-navigation {
margin-bottom: 18px !important;
}
.main-content .content .sino-account-page .woocommerce-MyAccount-navigation ul {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 8px !important;
}
.main-content .content .sino-account-page .woocommerce-MyAccount-navigation li a {
padding: 12px 10px !important;
font-size: 13px !important;
text-align: center !important;
}
.main-content .content .sino-account-page .woocommerce-MyAccount-content p {
font-size: 14px !important;
}
}
@media screen and (max-width: 420px) {
.main-content .content .sino-account-page .woocommerce-MyAccount-navigation ul {
grid-template-columns: 1fr !important;
}
} html,
body {
width: 100% !important;
max-width: 100% !important;
min-height: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
body {
position: relative !important;
touch-action: auto !important;
overscroll-behavior-y: auto !important;
-webkit-overflow-scrolling: auto !important;
}
.site-container,
.content-container,
.main-content,
.content {
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
}
.site-container {
width: 100% !important;
max-width: 100% !important;
min-height: auto !important;
} .footer {
margin-bottom: 0 !important;
overflow: visible !important;
padding-bottom: 30px !important;
}
.footer-content {
overflow: visible !important;
} @media screen and (max-width: 770px) {
html,
body {
overflow-x: hidden !important;
overflow-y: auto !important;
height: auto !important;
min-height: 100% !important;
touch-action: auto !important;
overscroll-behavior-y: auto !important;
}
body {
background-color: #ffffff !important;
}
.header-container {
overflow: visible !important;
}
.footer {
margin-bottom: 0 !important;
overflow: visible !important;
padding-bottom: 30px !important;
}
} html,
body {
overflow-x: hidden !important;
overflow-y: auto !important;
height: auto !important;
min-height: 100% !important;
}
body {
position: relative !important;
background-attachment: scroll !important;
touch-action: auto !important;
}
.site-container,
.content-container,
.main-content,
.content {
height: auto !important;
overflow: visible !important;
}
.footer {
margin-bottom: 0 !important;
overflow: visible !important;
padding-bottom: 40px !important;
}
.footer-content {
overflow: visible !important;
}
@media screen and (max-width: 770px) {
html,
body {
overflow-x: hidden !important;
overflow-y: auto !important;
height: auto !important;
min-height: 100% !important;
}
body {
background-attachment: scroll !important;
overscroll-behavior-y: auto !important;
}
.footer {
margin-bottom: 0 !important;
overflow: visible !important;
padding-bottom: 40px !important;
}
} .search-form-holder-2023 {
display: none;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.search-form-holder-2023.is-open {
display: block;
}
.mobilemenu {
display: none;
}
.mobilemenu.is-open {
display: block;
}
@media screen and (max-width: 770px) {
html,
body {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 100% !important;
overflow-x: hidden !important;
overflow-y: auto !important;
background-color: #ffffff !important;
}
body {
position: relative !important;
background-attachment: scroll !important;
touch-action: auto !important;
}
.site-container,
.content-container,
.main-content,
.content {
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
}
.site-container {
width: 100% !important;
max-width: 100% !important;
background-color: #ffffff !important;
}
.header-container {
position: relative !important;
overflow: visible !important;
z-index: 10000;
}
.mobilemenu {
position: absolute !important;
left: 0;
right: 0;
top: 100%;
z-index: 10001 !important;
max-height: calc(100svh - 78px);
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch;
}
.footer,
.footer-content {
overflow: visible !important;
}
.footer {
margin-bottom: 0 !important;
padding-bottom: 40px !important;
}
} @media screen and (max-width: 770px) {
html {
overflow-x: hidden !important;
overflow-y: visible !important;
height: auto !important;
min-height: 100% !important;
}
body {
overflow-x: hidden !important;
overflow-y: visible !important;
height: auto !important;
min-height: 100% !important;
position: relative !important;
background-attachment: scroll !important;
touch-action: pan-y !important;
}
.site-container,
.content-container,
.main-content,
.content,
.header-container,
.header,
.policy-navigation,
.policy-navigation-inner,
.footer,
.footer-content {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
-webkit-overflow-scrolling: auto !important;
}
.header-container {
height: 78px !important;
min-height: 78px !important;
max-height: none !important;
padding-bottom: 0 !important;
}
.mobilemenu {
display: none;
overflow: visible !important;
max-height: none !important;
-webkit-overflow-scrolling: auto !important;
}
.mobilemenu.is-open {
display: block;
position: absolute !important;
left: 0;
right: 0;
top: 100%;
z-index: 10001 !important;
max-height: none !important;
overflow: visible !important;
}
.search-form-holder-2023 {
display: none;
overflow: visible !important;
max-height: none !important;
-webkit-overflow-scrolling: auto !important;
}
.search-form-holder-2023.is-open {
display: block;
overflow-y: auto !important;
max-height: 100svh !important;
-webkit-overflow-scrolling: touch !important;
}
.footer {
margin-bottom: 0 !important;
padding-bottom: 40px !important;
}
} .policy-navigation-inner{
font-family: 'Inter', sans-serif!important;	
font-size: 16px;
font-weight: 700;
color: black;
max-width: 1060px;
margin: auto;
padding: 20px;
display: flex;
flex-wrap: nowrap; 
align-items: center;
gap: 20px; 
} .policy-link a:hover {
transform: none !important;
} @media screen and (max-width: 980px) {
.policy-navigation-inner {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
} @media screen and (max-width: 770px) {
.policy-navigation {
height: auto !important;
}
.policy-navigation-inner {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
padding: 12px 8px !important;
font-size: 13px !important;
align-items: stretch !important;
}
.policy-link {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
width: 100% !important;
min-height: 56px !important;
margin: 0 !important;
padding: 10px 8px !important;
box-sizing: border-box !important;
background: #000 !important;
border: 1px solid #000 !important;
border-radius: 6px !important;
color: #fff !important;
text-align: left !important;
line-height: 1.25 !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
transform: none !important;
box-shadow: none !important;
}
.policy-link,
.policy-link *,
.policy-link a,
.policy-link a:link,
.policy-link a:active,
.policy-link a:hover,
.policy-link a:visited {
color: #fff !important;
fill: #fff !important;
}
.policy-link a {
display: inline !important;
width: auto !important;
min-width: 0 !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
text-align: left !important;
line-height: 1.25 !important;
}
.policy-link span,
.policy-link strong {
min-width: 0 !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
}
.nav-icon {
flex: 0 0 auto !important;
margin-right: 6px !important;
}
.policy-link:hover,
.policy-link:focus,
.policy-link:active {
transform: none !important;
background: #111 !important;
box-shadow: none !important;
}
} @media screen and (max-width: 770px) {
.mobilemenu {
display: none !important;
}
.mobilemenu.is-open {
display: block !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 100% !important;
z-index: 10001 !important;
}
} .search-form-holder-2023.is-open {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}  body.page-id-13551 .content > h1:first-of-type {
display: none !important;
} .sino_price_page {
max-width: 1240px;
margin: 0 auto;
padding: 28px 0 70px;
box-sizing: border-box;
} .sino_price_hero {
position: relative;
overflow: hidden;
margin-bottom: 30px;
padding: 58px 50px;
border-radius: 22px;
background: linear-gradient(135deg, #111111 0%, #222222 58%, #fecd08 58%, #fecd08 100%);
color: #ffffff;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
box-sizing: border-box;
}
.sino_price_hero::after {
content: "";
position: absolute;
right: -90px;
bottom: -120px;
width: 320px;
height: 320px;
background: rgba(255, 255, 255, 0.16);
border-radius: 50%;
pointer-events: none;
}
.sino_price_hero_badge {
position: relative;
z-index: 2;
display: inline-flex;
align-items: center;
margin-bottom: 18px;
padding: 8px 14px;
border-radius: 999px;
background: #fecd08;
color: #111111;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.sino_price_hero h1 {
position: relative;
z-index: 2;
margin: 0 0 14px !important;
color: #ffffff !important;
font-family: 'Inter', sans-serif;
font-size: clamp(38px, 5vw, 66px) !important;
font-weight: 900;
line-height: 1 !important;
text-transform: none;
}
.sino_price_hero p {
position: relative;
z-index: 2;
max-width: 640px;
margin: 0 !important;
color: #f2f2f2 !important;
font-family: 'Inter', sans-serif;
font-size: 18px !important;
line-height: 1.6 !important;
} .sino_price_viewer_card {
margin: 0;
padding: 24px;
border: 1px solid #e7e7e7;
border-radius: 20px;
background: #ffffff;
box-shadow: 0 16px 42px rgba(0, 0, 0, 0.08);
box-sizing: border-box;
}
.sino_price_viewer_header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
margin-bottom: 22px;
padding-bottom: 20px;
border-bottom: 1px solid #eeeeee;
}
.sino_price_viewer_header h2 {
margin: 0 0 7px !important;
color: #111111 !important;
font-family: 'Inter', sans-serif;
font-size: 28px !important;
font-weight: 800;
line-height: 1.2 !important;
text-transform: none;
}
.sino_price_viewer_header p {
margin: 0 !important;
color: #555555 !important;
font-family: 'Inter', sans-serif;
font-size: 15px !important;
line-height: 1.5 !important;
} .sino_price_download_button,
.sino_price_download_button:link,
.sino_price_download_button:visited,
.sino_price_download_button:active {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 14px 26px;
border: 2px solid #fecd08;
border-radius: 999px;
background: #fecd08;
color: #111111 !important;
font-family: 'Inter', sans-serif;
font-size: 15px !important;
font-weight: 800;
line-height: 1.2;
text-align: center;
text-decoration: none !important;
box-shadow: none;
box-sizing: border-box;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.sino_price_download_button:hover {
border-color: #111111;
background: #111111;
color: #ffffff !important;
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
}
.sino_price_download_button_top {
flex-shrink: 0;
}
.sino_price_download_button br {
display: none !important;
} .sino_price_flipbook {
overflow: hidden;
border-radius: 16px;
background: #1c1c1c;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}
.sino_price_flipbook ._df_book {
width: 100% !important;
min-height: 640px;
margin: 0 auto !important;
}
.sino_price_flipbook .df-container {
overflow: hidden;
border-radius: 16px;
}
.sino_price_flipbook .df-bg {
background: #222222 !important;
} .sino_price_flipbook .df-ui {
background: rgba(255, 255, 255, 0.96) !important;
border-top: 1px solid rgba(0, 0, 0, 0.08);
box-shadow: 0 -8px 22px rgba(0, 0, 0, 0.08);
}
.sino_price_flipbook .df-ui-btn {
background: transparent !important;
color: #111111 !important;
transition: background 0.18s ease, color 0.18s ease, opacity 0.18s ease;
}
.sino_price_flipbook .df-ui-btn::before,
.sino_price_flipbook .df-ui-btn::after {
color: #111111 !important;
}
.sino_price_flipbook .df-ui-btn span {
color: #111111 !important;
}
.sino_price_flipbook .df-ui-page input,
.sino_price_flipbook .df-ui-page label {
color: #111111 !important;
}
.sino_price_flipbook .df-ui-btn:hover {
background: #fecd08 !important;
color: #111111 !important;
}
.sino_price_flipbook .df-ui-btn:hover::before,
.sino_price_flipbook .df-ui-btn:hover::after,
.sino_price_flipbook .df-ui-btn:hover span {
color: #111111 !important;
}
.sino_price_flipbook .df-ui-btn.disabled {
opacity: 0.35 !important;
cursor: not-allowed;
}
.sino_price_flipbook .df-ui-btn.disabled:hover {
background: transparent !important;
}
.sino_price_flipbook .df-more-container {
background: #ffffff !important;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 10px;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
overflow: hidden;
}
.sino_price_flipbook .df-more-container .df-ui-btn {
color: #111111 !important;
background: #ffffff !important;
}
.sino_price_flipbook .df-more-container .df-ui-btn:hover {
background: #fecd08 !important;
color: #111111 !important;
}
.sino_price_flipbook .df-ui-nav .df-ui-btn {
background: rgba(17, 17, 17, 0.85) !important;
color: #ffffff !important;
border-radius: 999px;
}
.sino_price_flipbook .df-ui-nav .df-ui-btn::before,
.sino_price_flipbook .df-ui-nav .df-ui-btn::after {
color: #ffffff !important;
}
.sino_price_flipbook .df-ui-nav .df-ui-btn:hover {
background: #fecd08 !important;
color: #111111 !important;
}
.sino_price_flipbook .df-ui-nav .df-ui-btn:hover::before,
.sino_price_flipbook .df-ui-nav .df-ui-btn:hover::after {
color: #111111 !important;
} .sino_price_bottom_cta {
margin-top: 30px;
padding: 42px 24px;
border-radius: 20px;
background: #111111;
color: #ffffff;
text-align: center;
box-shadow: 0 16px 42px rgba(0, 0, 0, 0.14);
box-sizing: border-box;
}
.sino_price_bottom_cta h2 {
margin: 0 0 10px !important;
color: #ffffff !important;
font-family: 'Inter', sans-serif;
font-size: 30px !important;
font-weight: 800;
line-height: 1.2 !important;
text-transform: none;
}
.sino_price_bottom_cta p {
margin: 0 0 22px !important;
color: #dddddd !important;
font-family: 'Inter', sans-serif;
font-size: 16px !important;
line-height: 1.6 !important;
} @media screen and (max-width: 770px) {
.sino_price_page {
padding-top: 16px;
padding-bottom: 50px;
}
.sino_price_hero {
margin-bottom: 22px;
padding: 38px 24px;
border-radius: 16px;
background: #111111;
}
.sino_price_hero::after {
display: none;
}
.sino_price_hero_badge {
margin-bottom: 14px;
padding: 7px 12px;
font-size: 12px;
}
.sino_price_hero h1 {
font-size: 40px !important;
line-height: 1.05 !important;
}
.sino_price_hero p {
font-size: 16px !important;
line-height: 1.55 !important;
}
.sino_price_viewer_card {
padding: 14px;
border-radius: 16px;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.07);
}
.sino_price_viewer_header {
display: block;
margin-bottom: 18px;
padding-bottom: 18px;
}
.sino_price_viewer_header h2 {
font-size: 24px !important;
}
.sino_price_viewer_header p {
font-size: 14px !important;
}
.sino_price_download_button_top {
margin-top: 16px;
}
.sino_price_download_button {
width: 100%;
max-width: 320px;
padding-left: 18px;
padding-right: 18px;
}
.sino_price_flipbook {
border-radius: 14px;
}
.sino_price_flipbook ._df_book {
min-height: 520px;
}
.sino_price_flipbook .df-container {
border-radius: 14px;
}
.sino_price_bottom_cta {
padding: 34px 18px;
border-radius: 16px;
}
.sino_price_bottom_cta h2 {
font-size: 26px !important;
}
.sino_price_bottom_cta p {
font-size: 15px !important;
}
} @media screen and (max-width: 420px) {
.sino_price_hero {
padding: 32px 18px;
}
.sino_price_hero h1 {
font-size: 34px !important;
}
.sino_price_flipbook ._df_book {
min-height: 480px;
}
.sino_price_bottom_cta {
padding: 30px 16px;
}
} .sino_price_hero {
background: linear-gradient(135deg, #111111 0%, #222222 62%, #fecd08 62%, #fecd08 100%);
}
.sino_price_hero p {
max-width: 560px !important;
width: 55% !important;
} .sino_price_flipbook .df-ui-nav .df-ui-btn {
width: 46px !important;
height: 46px !important;
min-width: 46px !important;
min-height: 46px !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
line-height: 1 !important;
box-sizing: border-box !important;
} .sino_price_flipbook .df-ui-nav .df-ui-btn::before,
.sino_price_flipbook .df-ui-nav .df-ui-btn::after {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
text-align: center !important;
position: static !important;
}  .content:has(.sino_price_page) > h1:first-of-type {
display: none !important;
}
.front-banner-video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .sino-search-form {
position: relative;
display: flex;
align-items: stretch;
width: 100%;
min-width: 0;
}
.sino-search-field-wrap {
position: relative;
flex: 1 1 auto;
min-width: 0;
}
.sino-search-form .search-field {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
box-sizing: border-box;
}
.sino-search-suggestions[hidden] {
display: none !important;
}
.sino-search-suggestions {
position: absolute;
top: calc(100% + 7px);
left: 0;
right: 0;
z-index: 1000000;
max-height: min(520px, 62vh);
overflow-x: hidden;
overflow-y: auto;
background: #ffffff;
border: 1px solid #dddddd;
border-radius: 10px;
box-shadow: 0 22px 55px rgba(0, 0, 0, 0.28);
color: #111111;
text-align: left;
overscroll-behavior: contain;
}
.sino-search-suggestions__list {
display: block;
}
.sino-search-suggestion,
.sino-search-suggestion:link,
.sino-search-suggestion:visited,
.sino-search-suggestion:active {
display: flex;
align-items: center;
gap: 13px;
min-height: 82px;
padding: 10px 13px;
border-bottom: 1px solid #eeeeee;
background: #ffffff;
color: #111111 !important;
text-decoration: none !important;
box-sizing: border-box;
transition: background-color 0.16s ease, transform 0.16s ease;
}
.sino-search-suggestion:hover,
.sino-search-suggestion:focus,
.sino-search-suggestion.is-active {
background: #fff8d8;
color: #111111 !important;
outline: none;
}
.sino-search-suggestion__image {
flex: 0 0 62px;
width: 62px;
height: 62px;
overflow: hidden;
background: #f5f5f5;
border: 1px solid #e8e8e8;
border-radius: 7px;
}
.sino-search-suggestion__image img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.sino-search-suggestion__content {
display: flex;
flex: 1 1 auto;
min-width: 0;
flex-direction: column;
gap: 7px;
}
.sino-search-suggestion__title {
display: block;
overflow: hidden;
color: #111111;
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 800;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
}
.sino-search-suggestion__meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-width: 0;
}
.sino-search-suggestion__sku {
overflow: hidden;
color: #666666;
font-family: 'Inter', sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
}
.sino-search-suggestion__price,
.sino-search-suggestion__price .price,
.sino-search-suggestion__price .amount,
.sino-search-suggestion__price .ex-tax-amount {
color: #111111 !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
text-align: right !important;
white-space: nowrap;
}
.sino-search-suggestion__price .ex-tax-amount {
display: inline !important;
}
.sino-search-suggestions__message {
padding: 18px;
color: #444444;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 1.45;
text-align: center;
}
.sino-search-suggestions__message.is-loading::before {
content: '';
display: inline-block;
width: 13px;
height: 13px;
margin-right: 8px;
border: 2px solid #d8d8d8;
border-top-color: #111111;
border-radius: 50%;
vertical-align: -2px;
animation: sino-search-spin 0.7s linear infinite;
}
.sino-search-suggestions__message.is-error {
color: #8b1e1e;
}
.sino-search-suggestions__view-all,
.sino-search-suggestions__view-all:link,
.sino-search-suggestions__view-all:visited,
.sino-search-suggestions__view-all:active {
display: block;
padding: 13px 15px;
background: #111111;
color: #fecd08 !important;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 800;
line-height: 1.35;
text-align: center;
text-decoration: none !important;
}
.sino-search-suggestions__view-all:hover,
.sino-search-suggestions__view-all:focus {
background: #242424;
color: #ffffff !important;
outline: none;
}
@keyframes sino-search-spin {
to {
transform: rotate(360deg);
}
}
.search-form-2023 .sino-search-form {
overflow: visible;
}
.search-form-2023 .sino-search-field-wrap {
flex: 1 1 auto;
} .header-search-form .sino-search-form {
width: auto;
}
.header-search-form .sino-search-field-wrap {
flex: 0 0 166px;
width: 166px;
}
.page-search-form .sino-search-form {
max-width: 460px;
}
@media screen and (max-width: 770px) {
.header-search-form .sino-search-form {
width: 100%;
}
.header-search-form .sino-search-field-wrap {
flex: 0 1 60%;
width: 60%;
}
.sino-search-suggestions {
max-height: 58vh;
border-radius: 8px;
}
.sino-search-suggestion {
min-height: 76px;
padding: 9px 10px;
}
.sino-search-suggestion__image {
flex-basis: 56px;
width: 56px;
height: 56px;
}
.sino-search-suggestion__title {
font-size: 13px;
}
.sino-search-suggestion__meta {
align-items: flex-start;
flex-direction: column;
gap: 4px;
}
.sino-search-suggestion__price,
.sino-search-suggestion__price .price,
.sino-search-suggestion__price .amount,
.sino-search-suggestion__price .ex-tax-amount {
font-size: 11px !important;
text-align: left !important;
}
}
@media (prefers-reduced-motion: reduce) {
.sino-search-suggestion {
transition: none;
}
.sino-search-suggestions__message.is-loading::before {
animation: none;
}
} .sino-search-form {
position: relative;
display: flex;
align-items: stretch;
width: 100%;
min-width: 0;
}
.sino-search-field-wrap {
position: relative;
flex: 1 1 auto;
min-width: 0;
}
.sino-search-form .search-field {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
box-sizing: border-box;
} .sino-search-suggestions[hidden] {
display: none !important;
} .sino-search-suggestions {
position: absolute;
top: calc(100% + 8px);
left: 0;
right: 0;
z-index: 1000000;
width: 100%;
max-height: min(520px, 65vh);
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
background: rgba(255, 255, 255, 0.98);
border: 1px solid rgba(17, 17, 17, 0.14);
border-radius: 14px;
box-shadow:
0 24px 60px rgba(0, 0, 0, 0.28),
0 4px 12px rgba(0, 0, 0, 0.08);
color: #111111;
text-align: left;
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
} .sino-search-suggestions::before {
content: "";
position: absolute;
top: -7px;
left: 24px;
width: 12px;
height: 12px;
background: #ffffff;
border-top: 1px solid rgba(17, 17, 17, 0.14);
border-left: 1px solid rgba(17, 17, 17, 0.14);
transform: rotate(45deg);
} .sino-search-suggestions__list {
position: relative;
display: block;
z-index: 1;
} .sino-search-suggestion,
.sino-search-suggestion:link,
.sino-search-suggestion:visited,
.sino-search-suggestion:active {
position: relative;
display: flex;
align-items: center;
gap: 14px;
min-height: 88px;
padding: 12px 15px;
background: transparent;
border-bottom: 1px solid #eeeeee;
color: #111111 !important;
text-decoration: none !important;
box-sizing: border-box;
transition:
background-color 0.18s ease,
transform 0.18s ease,
box-shadow 0.18s ease;
}
.sino-search-suggestion:last-child {
border-bottom: 0;
} .sino-search-suggestion:hover,
.sino-search-suggestion:focus,
.sino-search-suggestion.is-active {
background: linear-gradient(
90deg,
rgba(254, 205, 8, 0.18) 0%,
rgba(254, 205, 8, 0.05) 100%
);
color: #111111 !important;
outline: none;
box-shadow: inset 4px 0 0 #fecd08;
} .sino-search-suggestion__image {
flex: 0 0 66px;
width: 66px;
height: 66px;
overflow: hidden;
background: #ffffff;
border: 1px solid #e6e6e6;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.sino-search-suggestion__image img {
display: block;
width: 100%;
height: 100%;
padding: 3px;
box-sizing: border-box;
object-fit: contain;
object-position: center;
} .sino-search-suggestion__content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: center;
gap: 7px;
min-width: 0;
} .sino-search-suggestion__title {
display: -webkit-box;
overflow: hidden;
color: #111111;
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 800;
line-height: 1.35;
white-space: normal;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
} .sino-search-suggestion__meta {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 14px;
min-width: 0;
} .sino-search-suggestion__sku {
display: block;
overflow: hidden;
color: #707070;
font-family: 'Inter', sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
} .sino-search-suggestion__price {
flex: 0 0 auto;
color: #111111;
font-family: 'Inter', sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.3;
text-align: right;
white-space: nowrap;
}
.sino-search-suggestion__price .price {
margin: 0 !important;
color: #111111 !important;
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
text-align: right !important;
}
.sino-search-suggestion__price .ex-tax-amount {
display: block !important;
margin: 0 !important;
color: #111111 !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
text-align: right !important;
}
.sino-search-suggestion__price .amount {
color: #111111 !important;
font-family: 'Inter', sans-serif !important;
font-size: inherit !important;
font-weight: inherit !important;
}
.sino-search-suggestion__price del {
color: #777777 !important;
opacity: 0.75;
}
.sino-search-suggestion__price ins {
color: #111111 !important;
text-decoration: none;
} .sino-search-suggestions__message {
position: relative;
z-index: 1;
padding: 22px 18px;
color: #444444;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 1.5;
text-align: center;
}
.sino-search-suggestions__message.is-loading::before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
margin-right: 9px;
border: 2px solid #dddddd;
border-top-color: #111111;
border-radius: 50%;
vertical-align: -3px;
animation: sino-search-spin 0.7s linear infinite;
}
.sino-search-suggestions__message.is-error {
color: #9b1c1c;
background: #fff5f5;
}
.sino-search-suggestions__message.is-empty {
color: #555555;
} .sino-search-suggestions__view-all,
.sino-search-suggestions__view-all:link,
.sino-search-suggestions__view-all:visited,
.sino-search-suggestions__view-all:active {
position: sticky;
bottom: 0;
z-index: 3;
display: block;
padding: 15px 18px;
background: #111111;
border-top: 3px solid #fecd08;
color: #fecd08 !important;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 800;
line-height: 1.35;
text-align: center;
text-decoration: none !important;
transition:
background-color 0.18s ease,
color 0.18s ease;
}
.sino-search-suggestions__view-all:hover,
.sino-search-suggestions__view-all:focus {
background: #262626;
color: #ffffff !important;
outline: none;
} .sino-search-suggestions {
scrollbar-width: thin;
scrollbar-color: #c7a400 #eeeeee;
}
.sino-search-suggestions::-webkit-scrollbar {
width: 8px;
}
.sino-search-suggestions::-webkit-scrollbar-track {
background: #eeeeee;
}
.sino-search-suggestions::-webkit-scrollbar-thumb {
background: #c7a400;
border-radius: 999px;
} .search-form-holder-2023,
.search-form-2023,
.search-form-2023 .search-form {
overflow: visible !important;
} .search-form-2023 .sino-search-form {
width: 100%;
}
.search-form-2023 .sino-search-field-wrap {
flex: 1 1 auto;
} .header-search-form .sino-search-form {
width: auto;
}
.header-search-form .sino-search-field-wrap {
flex: 0 0 166px;
width: 166px;
} .header-search-form .sino-search-suggestions {
right: 0;
left: auto;
width: min(440px, calc(100vw - 30px));
} .page-search-form .sino-search-form {
width: 100%;
max-width: 500px;
} @keyframes sino-search-spin {
to {
transform: rotate(360deg);
}
} @media screen and (max-width: 770px) {
.header-search-form .sino-search-form {
width: 100%;
}
.header-search-form .sino-search-field-wrap {
flex: 0 1 100%;
width: 100%;
}
.header-search-form .sino-search-suggestions {
right: auto;
left: 0;
width: min(440px, calc(100vw - 24px));
}
.sino-search-suggestions {
top: calc(100% + 6px);
max-height: 62vh;
border-radius: 10px;
}
.sino-search-suggestions::before {
left: 18px;
}
.sino-search-suggestion,
.sino-search-suggestion:link,
.sino-search-suggestion:visited,
.sino-search-suggestion:active {
min-height: 80px;
gap: 11px;
padding: 10px;
}
.sino-search-suggestion__image {
flex-basis: 58px;
width: 58px;
height: 58px;
border-radius: 8px;
}
.sino-search-suggestion__title {
font-size: 13px;
}
.sino-search-suggestion__meta {
align-items: flex-start;
flex-direction: column;
gap: 4px;
}
.sino-search-suggestion__price,
.sino-search-suggestion__price .price,
.sino-search-suggestion__price .ex-tax-amount {
font-size: 11px !important;
text-align: left !important;
}
.sino-search-suggestions__view-all {
padding: 13px 14px;
font-size: 12px;
}
} @media screen and (max-width: 420px) {
.sino-search-suggestions {
width: calc(100vw - 20px);
max-height: 58vh;
}
.sino-search-suggestion__image {
flex-basis: 54px;
width: 54px;
height: 54px;
}
.sino-search-suggestion__title {
font-size: 12px;
}
.sino-search-suggestion__sku {
font-size: 10px;
}
} @media (prefers-reduced-motion: reduce) {
.sino-search-suggestion,
.sino-search-suggestions__view-all {
transition: none;
}
.sino-search-suggestions__message.is-loading::before {
animation: none;
}
} @media screen and (max-width: 770px) {
:root {
--sino-mobile-header-height: 78px;
} body.mobile-menu-open {
position: fixed !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
overflow: hidden !important;
}
.header-container {
z-index: 1000000 !important;
} .mobilemenu {
position: fixed !important;
top: var(--sino-mobile-header-height) !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
height: calc(100vh - var(--sino-mobile-header-height)) !important;
height: calc(100dvh - var(--sino-mobile-header-height)) !important;
max-height: none !important;
margin: 0 !important;
padding: 0 0 max(24px, env(safe-area-inset-bottom)) !important;
box-sizing: border-box !important;
min-height: 0 !important;
overflow-x: hidden !important;
overflow-y: scroll !important;
overscroll-behavior-x: none !important;
overscroll-behavior-y: contain !important;
-webkit-overflow-scrolling: touch !important;
touch-action: pan-y !important;
scrollbar-gutter: stable !important;
background: #0b0b0b !important;
border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
box-shadow: 0 22px 50px rgba(0, 0, 0, 0.48) !important;
z-index: 999999 !important;
}
.mobilemenunavlink {
position: relative !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
text-align: left !important;
}
.mobilemenunavlink > a,
.mobilemenu-row > a {
display: flex !important;
align-items: center !important;
min-height: 58px !important;
flex: 1 1 auto !important;
min-width: 0 !important;
padding: 14px 18px !important;
box-sizing: border-box !important;
color: #ffffff !important;
background: transparent !important;
font-family: 'Inter', sans-serif !important;
font-size: 17px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
text-align: left !important;
text-decoration: none !important;
}
.mobilemenunavlink > a:active,
.mobilemenu-row > a:active {
background: rgba(254, 205, 8, 0.1) !important;
color: #fecd08 !important;
}
.mobilemenu-row,
.mobile-category-row {
display: flex !important;
align-items: stretch !important;
width: 100% !important;
min-width: 0 !important;
} .mobilemenunavlink--products .mobilemenu-row > a .fa,
.mobilemenunavlink--products .mobilemenu-row > a .navlink-main-caret,
.mobilemenunavlink--products .mobilemenu-row > a .navlinkdropdown-caret {
display: none !important;
}
.mobile-products-toggle,
.mobile-submenu-toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 54px !important;
width: 54px !important;
min-width: 54px !important;
min-height: 54px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 0 !important;
background: rgba(255, 255, 255, 0.025) !important;
color: #ffffff !important;
box-shadow: none !important;
cursor: pointer !important;
}
.mobile-products-toggle:hover,
.mobile-products-toggle:focus,
.mobile-products-toggle:active,
.mobile-submenu-toggle:hover,
.mobile-submenu-toggle:focus,
.mobile-submenu-toggle:active {
background: rgba(254, 205, 8, 0.14) !important;
color: #fecd08 !important;
outline: none !important;
}
.mobile-products-toggle:focus-visible,
.mobile-submenu-toggle:focus-visible {
box-shadow: inset 0 0 0 2px #fecd08 !important;
}
.mobile-toggle-symbol {
position: relative !important;
display: block !important;
width: 18px !important;
height: 18px !important;
}
.mobile-toggle-symbol::before,
.mobile-toggle-symbol::after {
position: absolute !important;
top: 50% !important;
left: 50% !important;
content: '' !important;
display: block !important;
width: 16px !important;
height: 2px !important;
border-radius: 2px !important;
background: currentColor !important;
transform: translate(-50%, -50%) !important;
transition: transform 0.2s ease, opacity 0.2s ease !important;
}
.mobile-toggle-symbol::after {
transform: translate(-50%, -50%) rotate(90deg) !important;
}
.mobilemenunavlink--products.is-expanded > .mobilemenu-row .mobile-toggle-symbol::after,
.navlinkdropdown-item.is-mobile-open > .mobile-category-row .mobile-toggle-symbol::after {
opacity: 0 !important;
transform: translate(-50%, -50%) rotate(0deg) !important;
}
.mobilemenu .mobile-product-tree {
display: none !important;
position: static !important;
inset: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
box-sizing: border-box !important;
background: #111111 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: none !important;
}
.mobilemenunavlink--products.is-expanded > .mobile-product-tree {
display: block !important;
}
.mobilemenu .mobile-product-tree::before,
.mobilemenu .navlinkdropdown-submenu::before,
.mobilemenu .navlinkdropdown-item.haschild::after {
display: none !important;
content: none !important;
}
.mobilemenu .navlinkdropdown-scroll {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
.mobilemenu .navlinkdropdown-item,
.mobilemenu .navlinkdropdown--products > .navlinkdropdown-scroll > .navlinkdropdown-item.haschild {
position: relative !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.mobilemenu .navlinkdropdown-item:first-child {
border-top: 0 !important;
}
.mobilemenu .navlinkdropdownlink,
.mobilemenu .navlinkdropdown-submenu .navlinkdropdown-item > a,
.mobilemenu .mobile-category-row > a {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex: 1 1 auto !important;
min-width: 0 !important;
width: auto !important;
min-height: 50px !important;
margin: 0 !important;
padding: 12px 16px !important;
box-sizing: border-box !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #ffffff !important;
font-family: 'Inter', sans-serif !important;
font-size: 15px !important;
font-weight: 650 !important;
line-height: 1.35 !important;
text-align: left !important;
text-decoration: none !important;
transform: none !important;
}
.mobilemenu .navlinkdropdown-item > a:active,
.mobilemenu .mobile-category-row > a:active {
background: rgba(254, 205, 8, 0.1) !important;
color: #fecd08 !important;
}
.mobilemenu .navlinkdropdown-label {
min-width: 0 !important;
white-space: normal !important;
}
.mobilemenu .navlinkdropdown-caret {
display: none !important;
}
.mobilemenu .navlinkdropdown-submenu,
.mobilemenu .navlinkdropdown-item.uses-floating-submenu > .navlinkdropdown-submenu,
.mobilemenu .navlinkdropdown-submenu.is-floating-submenu {
display: none !important;
position: static !important;
inset: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
min-height: 0 !important;
height: auto !important;
max-height: none !important;
margin: 0 !important;
padding: 0 0 0 14px !important;
box-sizing: border-box !important;
overflow: visible !important;
background: #171717 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: none !important;
}
.mobilemenu .navlinkdropdown-item.is-mobile-open > .navlinkdropdown-submenu {
display: block !important;
}
.mobilemenu .navlinkdropdown-submenu .navlinkdropdown-submenu {
background: #1d1d1d !important;
padding-left: 14px !important;
}
.mobilemenu .navlinkdropdown-submenu .navlinkdropdown-submenu .navlinkdropdown-submenu {
background: #232323 !important;
}
}
@media (prefers-reduced-motion: reduce) {
.mobile-toggle-symbol::before,
.mobile-toggle-symbol::after {
transition: none !important;
}
}