:root {
--pf-red: #FF293A;
--pf-red-deep: #E01427;
--pf-ink: #1d2127;
--pf-dark: #1d2127;
--pf-darker: #171a1f;
--pf-deepest: #101317;
--pf-tile: #f7f8fa;
--pf-rule: #eceef1;
--pf-line-strong: #d8dbe0;
--pf-body: #5a606a;
--pf-label: #4a5058;
--pf-on-dark: rgba(255, 255, 255, 0.72);
--pf-on-dark-dim: rgba(255, 255, 255, 0.52);
--pf-hair: rgba(255, 255, 255, 0.12);
}
.pf-enquiry,
.pf {
font-family: 'Work Sans', sans-serif;
}
.pf-enquiry *,
.pf * {
box-sizing: border-box;
}
.pf .pf__label {
display: block;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 16px;
}
.pf .pf__rule {
width: 56px;
height: 4px;
background: var(--pf-red);
border-radius: 2px;
margin-bottom: 20px;
}
.pf .pf__heading {
font-size: 24px;
font-weight: 700;
line-height: 1.2;
color: #fff;
margin: 0 0 18px;
letter-spacing: -0.01em;
}
.pf-enquiry.contact-footer-main.inquiry-form {
background: var(--pf-tile);
border-top: 1px solid var(--pf-rule);
padding: 72px 0 76px;
}
.pf-enquiry__inner {
display: grid;
grid-template-columns: 0.85fr 1.15fr;
gap: 56px;
align-items: start;
}
.pf-enquiry__title {
font-size: 32px;
font-weight: 700;
color: var(--pf-ink);
line-height: 1.15;
margin: 0 0 18px;
letter-spacing: -0.01em;
text-align: left;
padding-bottom: 0;
}
.pf-enquiry__rule {
width: 56px;
height: 4px;
background: var(--pf-red);
border-radius: 2px;
margin-bottom: 20px;
}
.pf-enquiry__note {
font-size: 16px;
line-height: 1.75;
color: var(--pf-body);
margin: 0 0 26px;
}
.pf-enquiry__direct {
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid var(--pf-line-strong);
}
.pf-enquiry__direct li {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 18px;
padding: 12px 0;
border-bottom: 1px solid var(--pf-rule);
font-size: 15px;
color: var(--pf-ink);
}
.pf-enquiry__direct-label {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.6px;
color: var(--pf-label);
flex: none;
}
.pf-enquiry__direct a {
color: var(--pf-ink);
font-weight: 600;
text-decoration: none;
}
.pf-enquiry__direct a:link,
.pf-enquiry__direct a:visited {
color: var(--pf-ink);
}
.pf-enquiry__direct a:hover,
.pf-enquiry__direct a:focus {
color: var(--pf-red);
}
.pf-enquiry__form {
background: #fff;
border: 1px solid var(--pf-rule);
border-radius: 14px;
padding: 32px 30px 28px;
}
.pf-enquiry.contact-footer-main.inquiry-form .w2llead {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0 22px;
margin: 0;
}
.pf-enquiry.contact-footer-main.inquiry-form .w2llead .sf_field {
width: auto;
padding: 0;
margin-bottom: 20px;
}
.pf-enquiry.contact-footer-main.inquiry-form .w2llead .sf_field.sf_type_textarea,
.pf-enquiry.contact-footer-main.inquiry-form .w2llead .sf_field.sf_type_checkbox,
.pf-enquiry.contact-footer-main.inquiry-form .w2llead .w2lsubmit,
.pf-enquiry.contact-footer-main.inquiry-form .salesforce_w2l_lead .sf_required_fields_msg {
grid-column: 1 / -1;
width: auto;
text-align: left;
}
.pf-enquiry.contact-footer-main.inquiry-form .salesforce_w2l_lead form .sf_field label {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.4px;
color: var(--pf-label);
margin-bottom: 8px;
}
.pf-enquiry.contact-footer-main.inquiry-form .sf_field input[type="text"],
.pf-enquiry.contact-footer-main.inquiry-form .sf_field input[type="tel"],
.pf-enquiry.contact-footer-main.inquiry-form .sf_field input[type="email"],
.pf-enquiry.contact-footer-main.inquiry-form .sf_field textarea,
.pf-enquiry.contact-footer-main.inquiry-form .sf_field select {
border-radius: 10px;
border-color: var(--pf-line-strong);
font-size: 15px;
padding: 12px 14px;
}
.pf-enquiry.contact-footer-main.inquiry-form .sf_field input:focus,
.pf-enquiry.contact-footer-main.inquiry-form .sf_field textarea:focus,
.pf-enquiry.contact-footer-main.inquiry-form .sf_field select:focus {
border-color: var(--pf-red);
box-shadow: 0 0 0 3px rgba(255, 41, 58, 0.12);
}
.pf-enquiry.contact-footer-main.inquiry-form .w2lsubmit .submit,
.pf-enquiry.contact-footer-main.inquiry-form input[type="submit"] {
background: var(--pf-red);
border: 1px solid var(--pf-red);
color: #fff;
border-radius: 8px;
padding: 15px 30px;
font-size: 13px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
min-width: 0;
transition: background-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.pf-enquiry.contact-footer-main.inquiry-form .w2lsubmit .submit:hover,
.pf-enquiry.contact-footer-main.inquiry-form input[type="submit"]:hover,
.pf-enquiry.contact-footer-main.inquiry-form input[type="submit"]:focus {
background: var(--pf-red-deep);
border-color: var(--pf-red-deep);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 10px 26px rgba(255, 41, 58, 0.28);
}
.pf-enquiry.contact-footer-main.inquiry-form .sf_required_fields_msg {
font-size: 13px;
color: var(--pf-body);
}
.pf.site-footer {
background: var(--pf-dark);
color: var(--pf-on-dark);
padding: 0;
}
:where(.pf.site-footer) ul,
:where(.pf.site-footer) ol {
margin: 0;
padding: 0;
}
:where(.pf.site-footer) li {
list-style: none;
}
:where(.pf.site-footer) dl,
:where(.pf.site-footer) dd,
:where(.pf.site-footer) p {
margin: 0;
}
.pf a {
color: inherit;
text-decoration: none;
transition: color .2s ease;
}
.pf a:hover,
.pf a:focus-visible {
color: var(--pf-red);
}
.pf :focus-visible {
outline: 2px solid var(--pf-red);
outline-offset: 3px;
border-radius: 4px;
}
.pf__depots {
background: var(--pf-darker);
border-bottom: 1px solid var(--pf-hair);
padding: 64px 0 58px;
}
.pf__depots-head {
max-width: 780px;
margin-bottom: 36px;
}
.pf .pf__depots-intro {
font-size: 16px;
line-height: 1.75;
color: var(--pf-on-dark);
margin: 0;
}
.pf .pf__depot-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1px;
background: var(--pf-hair);
border: 1px solid var(--pf-hair);
border-radius: 14px;
overflow: hidden;
}
.pf-depot {
background: var(--pf-darker);
padding: 26px 24px 24px;
display: flex;
flex-direction: column;
}
.pf-depot__name {
font-size: 16px;
font-weight: 700;
color: #fff;
margin: 0 0 12px;
line-height: 1.3;
}
.pf .pf-depot__address {
font-style: normal;
font-size: 14px;
line-height: 1.7;
color: var(--pf-on-dark-dim);
margin: 0 0 16px;
}
.pf .pf-depot__lines {
margin: 0 0 4px;
border-top: 1px solid var(--pf-hair);
margin-top: auto;
}
.pf-depot__line {
display: flex;
align-items: baseline;
gap: 12px;
padding: 9px 0;
border-bottom: 1px solid var(--pf-hair);
}
.pf-depot__line dt {
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.6px;
color: rgba(255, 255, 255, 0.42);
flex: none;
width: 46px;
}
.pf-depot__line dd {
margin: 0;
font-size: 13.5px;
color: #fff;
word-break: break-word;
}
.pf-depot__map {
display: inline-flex;
align-items: center;
gap: 7px;
margin-top: 14px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.4px;
color: var(--pf-red);
}
.pf .pf__depots--compact {
padding: 0;
}
.pf__compact {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 12px 26px;
padding: 20px 0;
}
.pf .pf__compact-label {
margin-bottom: 0;
flex: none;
}
.pf .pf__compact-list {
display: flex;
flex-wrap: wrap;
gap: 10px 26px;
margin: 0;
}
.pf__compact-list li {
display: flex;
align-items: baseline;
gap: 9px;
font-size: 13px;
}
.pf__compact-name {
font-weight: 700;
color: #fff;
}
.pf__compact-list a {
color: var(--pf-on-dark);
font-variant-numeric: tabular-nums;
}
.pf__compact-list a:hover,
.pf__compact-list a:focus-visible {
color: var(--pf-red);
}
.pf__main {
padding: 62px 0 56px;
}
.pf__main-inner {
display: grid;
grid-template-columns: 1.5fr 1fr 1.2fr 1.3fr;
gap: 46px;
align-items: start;
}
.pf__logo img,
.pf__logo .custom-logo {
max-width: 168px;
height: auto;
display: block;
margin-bottom: 20px;
}
.pf .pf__intro {
font-size: 14.5px;
line-height: 1.8;
color: var(--pf-on-dark);
margin: 0 0 24px;
max-width: 34ch;
}
.pf__social ul {
display: flex;
gap: 10px;
}
.pf__social a {
width: 38px;
height: 38px;
border-radius: 50%;
border: 1px solid var(--pf-hair);
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
color: #fff;
transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.pf__social a:hover,
.pf__social a:focus-visible {
background: var(--pf-red);
border-color: var(--pf-red);
color: #fff;
}
.pf__nav ul {
display: flex;
flex-direction: column;
gap: 11px;
}
.pf__nav a {
font-size: 14.5px;
font-weight: 600;
color: var(--pf-on-dark);
}
.pf .pf__address {
font-style: normal;
font-size: 14.5px;
line-height: 1.8;
color: var(--pf-on-dark);
margin: 0 0 16px;
}
.pf .pf__contact-list {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 24px;
}
.pf__contact-list a {
font-size: 14.5px;
font-weight: 600;
color: #fff;
}
.pf__hours dl {
margin: 0;
}
.pf__hours-row {
display: flex;
justify-content: space-between;
gap: 14px;
padding: 7px 0;
border-bottom: 1px solid var(--pf-hair);
font-size: 13.5px;
}
.pf__hours-row dt {
color: var(--pf-on-dark-dim);
}
.pf__hours-row dd {
margin: 0;
color: #fff;
font-variant-numeric: tabular-nums;
}
.pf .pf__accred-list {
margin: 0 0 22px;
border-top: 1px solid var(--pf-hair);
}
.pf__accred-row {
padding: 11px 0;
border-bottom: 1px solid var(--pf-hair);
}
.pf__accred-name {
display: block;
font-size: 14px;
font-weight: 700;
color: #fff;
line-height: 1.35;
}
.pf__accred-detail {
display: block;
margin: 3px 0 0;
font-size: 12.5px;
color: var(--pf-on-dark-dim);
line-height: 1.5;
}
.pf .pf__marks {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
}
.pf__marks li {
display: flex;
align-items: center;
justify-content: center;
width: 62px;
height: 62px;
border-radius: 50%;
background: #fff;
padding: 9px;
flex: none;
}
.pf__marks img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
display: block;
object-fit: contain;
}
.pf__legal {
background: var(--pf-deepest);
border-top: 1px solid var(--pf-hair);
padding: 20px 0;
}
.pf__legal-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
}
.pf__legal-text,
.pf__legal-text p {
font-size: 12px;
line-height: 1.7;
color: var(--pf-on-dark-dim);
margin: 0;
}
.pf__company {
display: inline-block;
margin-left: 4px;
}
.pf .pf__legal-links {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.pf__legal-links a {
font-size: 12px;
font-weight: 600;
color: var(--pf-on-dark);
}
@media (max-width: 1180px) {
.pf__main-inner {
grid-template-columns: 1fr 1fr;
gap: 40px;
}
}
@media (max-width: 980px) {
.pf-enquiry__inner {
grid-template-columns: 1fr;
gap: 36px;
}
.pf-enquiry.contact-footer-main.inquiry-form {
padding: 56px 0 60px;
}
.pf__depots {
padding: 52px 0 48px;
}
.pf__main {
padding: 52px 0 46px;
}
}
@media (max-width: 768px) {
.pf__main-inner {
grid-template-columns: 1fr;
gap: 34px;
}
.pf-enquiry.contact-footer-main.inquiry-form .w2llead {
grid-template-columns: 1fr;
}
.pf-enquiry__form {
padding: 24px 20px 22px;
}
.pf-enquiry__title {
font-size: 24px;
}
.pf__heading {
font-size: 21px;
}
.pf__depot-grid {
grid-template-columns: 1fr;
}
.pf__compact {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.pf .pf__compact-list {
flex-direction: column;
gap: 9px;
}
.pf__legal-inner {
flex-direction: column;
align-items: flex-start;
gap: 14px;
}
.pf-enquiry.contact-footer-main.inquiry-form .w2lsubmit .submit,
.pf-enquiry.contact-footer-main.inquiry-form input[type="submit"] {
width: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.pf-enquiry *,
.pf * {
transition-duration: .01ms !important;
animation-duration: .01ms !important;
}
.pf-enquiry.contact-footer-main.inquiry-form .w2lsubmit .submit:hover,
.pf-enquiry.contact-footer-main.inquiry-form input[type="submit"]:hover {
transform: none !important;
}
}