.multistep-contact-form {
max-width: 900px;
margin: 0 auto;
padding: 0;
font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
position: relative;
background: transparent;
} .form-progress {
margin: 0 0 40px 0;
background: transparent;
padding: 0;
border-radius: 0;
}
.progress-bar {
width: 100%;
height: 4px;
background: #e8ecef;
border-radius: 2px;
overflow: hidden;
margin-bottom: 25px;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.progress-fill {
height: 100%;
background: linear-gradient(90deg, #dc2626, #b91c1c);
width: 16.67%; transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.progress-steps {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 20px;
}
.progress-step {
font-size: 13px;
font-weight: 600;
color: #64748b;
padding: 8px 12px;
border-radius: 20px;
background: #f1f5f9;
transition: all 0.3s ease;
border: 1px solid #e2e8f0;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.progress-step.active {
background: #dc2626;
color: white;
border-color: #dc2626;
box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
}
.progress-step.completed {
background: #059669;
color: white;
border-color: #059669;
} .form-step {
display: none;
animation: fadeIn 0.4s ease-out;
background: white;
border-radius: 12px;
padding: 40px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
border: 1px solid #e5e7eb;
margin-bottom: 30px;
}
.form-step.active {
display: block;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
} .step-header {
text-align: center;
margin-bottom: 40px;
padding-bottom: 25px;
border-bottom: 2px solid #f3f4f6;
}
.step-header h2 {
color: #1f2937;
margin-bottom: 12px;
font-size: 32px;
font-weight: 700;
letter-spacing: -0.025em;
}
.step-description {
color: #6b7280;
font-size: 18px;
line-height: 1.6;
margin: 0;
max-width: 600px;
margin-left: auto !important;
margin-right: auto !important;
display:block;
} .volunteer-notice {
background: #e7f3ff;
border: 1px solid #b8daff;
border-radius: 8px;
padding: 20px;
margin-bottom: 25px;
}
.volunteer-notice h3 {
color: #004085;
margin-bottom: 10px;
font-size: 18px;
}
.volunteer-notice p {
color: #004085;
margin-bottom: 10px;
}
.volunteer-notice ul {
color: #004085;
margin: 10px 0 0 20px;
}
.volunteer-notice li {
margin-bottom: 5px;
}
.paralympic-notice {
background: #f0f9ff;
border: 1px solid #bae6fd;
border-radius: 8px;
padding: 16px;
margin-bottom: 25px;
}
.paralympic-notice p {
color: #0369a1;
margin: 0;
font-size: 15px;
line-height: 1.5;
}
.paralympic-notice a {
color: #0369a1;
text-decoration: underline;
}
.paralympic-notice a:hover {
text-decoration: underline;
}
.quick-resources {
margin-bottom: 30px;
}
.quick-resources h3 {
color: #2c3e50;
margin-bottom: 15px;
font-size: 20px;
}
.resource-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px;
}
.resource-link {
display: block;
padding: 15px;
background: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 6px;
text-decoration: none;
color: inherit;
transition: all 0.2s ease;
}
.resource-link:hover {
background: #e9ecef;
border-color: #007bff;
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
}
.resource-link strong {
display: block;
color: #007bff;
margin-bottom: 5px;
font-size: 16px;
}
.resource-link span {
color: #6c757d;
font-size: 14px;
line-height: 1.4;
} .enquiry-types {
display: grid;
gap: 16px;
margin-bottom: 35px;
}
.enquiry-option {
display: block;
padding: 20px;
border: 2px solid #e5e7eb;
border-radius: 12px;
cursor: pointer;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
background: #ffffff;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.enquiry-option:hover {
border-color: #dc2626;
background: #fef2f2;
transform: translateY(-1px);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.enquiry-option input[type="radio"] {
display: none;
}
.enquiry-option input[type="radio"]:checked + .option-content {
color: #dc2626;
}
.enquiry-option input[type="radio"]:checked {
& ~ * {
color: #dc2626;
}
}
.enquiry-option:has(input[type="radio"]:checked) {
border-color: #dc2626;
background: #fef2f2;
box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}
.option-content strong {
display: block;
font-size: 18px;
margin-bottom: 6px;
color: #1f2937;
font-weight: 600;
letter-spacing: 0.025em;
}
.option-content span {
color: #6b7280;
font-size: 15px;
line-height: 1.5;
font-weight: 400;
} .relevant-resources {
background: #f8f9fa;
border-radius: 8px;
padding: 20px;
margin-bottom: 25px;
}
.relevant-resources h3 {
color: #2c3e50;
margin-bottom: 10px;
font-size: 20px;
}
.resource-list {
margin: 20px 0;
}
.resource-item {
background: white;
border: 1px solid #dee2e6;
border-radius: 6px;
padding: 15px;
margin-bottom: 12px;
}
.resource-title {
color: #007bff;
text-decoration: none;
font-weight: 600;
font-size: 16px;
display: block;
margin-bottom: 5px;
}
.resource-title:hover {
text-decoration: underline;
}
.resource-description {
color: #6c757d;
font-size: 14px;
margin: 0;
line-height: 1.4;
}
.resource-note {
background: #fff3cd;
border: 1px solid #ffeaa7;
border-radius: 6px;
padding: 15px;
margin-top: 15px;
}
.resource-note p {
margin: 0;
color: #856404;
font-size: 14px;
}
.resource-confirmation {
margin: 25px 0;
background: #fef3c7;
border: 2px solid #fbbf24;
border-radius: 8px;
padding: 20px;
}
.checkbox-label {
display: flex;
align-items: flex-start;
cursor: pointer;
font-size: 16px;
line-height: 1.5;
color: #92400e;
font-weight: 600;
}
.checkbox-label input[type="checkbox"] {
margin-right: 12px;
margin-top: 2px;
transform: scale(1.2);
} .form-fields {
margin-bottom: 35px;
}
.field-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-bottom: 24px;
}
.field-group {
margin-bottom: 24px;
}
.field-group label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: #1f2937;
font-size: 16px;
letter-spacing: 0.025em;
}
.field-group input,
.field-group input[type="text"],
.field-group input[type="email"],
.field-group input[type="tel"],
.field-group textarea,
.field-group select {
width: 100% !important;
padding: 16px !important;
margin: 0 !important;
border: 2px solid #d1d5db !important;
border-radius: 8px !important;
font-size: 16px !important;
font-family: inherit !important;
transition: all 0.2s ease !important;
box-sizing: border-box !important;
background: #ffffff !important;
color: #1f2937 !important;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
line-height: 1.5 !important;
min-height: auto !important;
height: auto !important;
} input[type="tel"] {
padding: 16px !important;
margin: 0 !important;
}
.field-group input:focus,
.field-group input[type="text"]:focus,
.field-group input[type="email"]:focus,
.field-group input[type="tel"]:focus,
.field-group textarea:focus,
.field-group select:focus {
outline: none !important;
border-color: #dc2626 !important;
box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1) !important;
background: #fefefe !important;
}
.field-group input::placeholder,
.field-group textarea::placeholder {
color: #9ca3af;
font-weight: 400;
}
.field-group small {
display: block;
margin-top: 6px;
color: #6b7280;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
} #char-count {
text-align: right;
font-size: 14px;
color: #6b7280;
margin-top: 6px;
font-weight: 400;
}
#char-count.error {
color: #dc2626;
} .additional-fields {
margin-top: 30px;
}
.conditional-field {
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
border-radius: 8px !important;
padding: 20px !important;
margin-bottom: 20px !important;
animation: slideDown 0.3s ease-out !important;
display: block !important;
}
.conditional-field[style*="display: none"] {
display: none !important;
}
@keyframes slideDown {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}
.conditional-field .field-group {
margin-bottom: 20px;
}
.conditional-field .field-group:last-child {
margin-bottom: 0;
}
.conditional-field label {
color: #374151;
font-weight: 600;
}
.conditional-field .checkbox-label {
background: #ffffff !important;
border: 2px solid #e5e7eb !important;
border-radius: 8px !important;
padding: 16px !important;
margin: 0 !important;
transition: all 0.2s ease !important;
display: flex !important;
align-items: flex-start !important;
cursor: pointer !important;
font-size: 16px !important;
line-height: 1.5 !important;
color: #374151 !important;
font-weight: 500 !important;
}
.conditional-field .checkbox-label:hover {
border-color: #dc2626 !important;
background: #fef2f2 !important;
}
.conditional-field label span {
font-size:1rem;
}
.conditional-field .checkbox-label input[type="checkbox"] {
margin-right: 12px !important;
margin-top: 2px !important;
transform: scale(1) !important;
accent-color: #dc2626 !important;
width: 20px !important;
height: 20px !important;
padding: 0 !important;
border: 2px solid #d1d5db !important;
border-radius: 4px !important;
background: #ffffff !important;
cursor: pointer !important;
appearance: auto !important;
-webkit-appearance: checkbox !important;
-moz-appearance: checkbox !important;
}
.conditional-field .checkbox-label input[type="checkbox"]:checked + .checkmark + span,
.conditional-field .checkbox-label input[type="checkbox"]:checked ~ span {
color: #dc2626 !important;
font-weight: 600 !important;
} .conditional-field .checkbox-label input[type="checkbox"]:checked {
accent-color: #dc2626 !important;
} .enquiry-summary {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 24px;
margin-bottom: 30px;
}
.summary-section {
margin-bottom: 24px;
padding-bottom: 20px;
border-bottom: 1px solid #f3f4f6;
}
.summary-section:last-child {
border-bottom: none;
margin-bottom: 0;
}
.summary-section h3 {
color: #1f2937;
margin-bottom: 12px;
font-size: 18px;
font-weight: 600;
letter-spacing: 0.025em;
}
.summary-section p {
margin: 8px 0;
color: #4b5563;
font-size: 15px;
line-height: 1.5;
}
.message-content {
background: white;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 10px;
margin-top: 5px;
max-height: 100px;
overflow-y: auto;
white-space: pre-wrap;
font-size: 14px;
line-height: 1.4;
}
.privacy-agreement {
background: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 20px;
margin-bottom: 30px;
}
.privacy-agreement .checkbox-label {
margin: 0;
color: #374151;
font-size: 15px;
font-weight: 500;
display: flex;
align-items: flex-start;
cursor: pointer;
}
.membership-fields .checkbox-label input[type="checkbox"], .privacy-agreement .checkbox-label input[type="checkbox"] {
margin-right: 8px !important;
margin-top: 2px !important;
width: 18px !important;
height: 18px !important;
accent-color: #dc2626 !important;
cursor: pointer !important;
appearance: auto !important;
-webkit-appearance: checkbox !important;
-moz-appearance: checkbox !important;
}
.privacy-agreement a {
color: #dc2626 !important;
text-decoration: underline !important;
font-weight: 600 !important;
padding: 0 4px !important;
margin: 0 2px !important;
}
.privacy-agreement a:hover {
text-decoration: underline !important;
}   .step-actions {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 40px;
padding-top: 30px;
border-top: 2px solid #f3f4f6;
}
.step-actions.single-button {
justify-content: flex-end;
}
.step-actions .btn {
padding: 14px 32px;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
cursor: pointer;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
display: inline-block;
text-align: center;
min-width: 140px;
letter-spacing: 0.025em;
text-transform: uppercase;
position: relative;
overflow: hidden;
}
.btn-primary {
background: linear-gradient(135deg, #dc2626, #b91c1c);
color: white !important;
box-shadow: 0 4px 6px -1px rgba(220, 38, 38, 0.3);
text-shadow: none !important;
}
.btn-primary:hover:not(:disabled) {
background: linear-gradient(135deg, #b91c1c, #991b1b);
transform: translateY(-2px);
box-shadow: 0 8px 25px -5px rgba(220, 38, 38, 0.4);
color: white !important;
text-shadow: none !important;
}
.btn-secondary {
background: #f8fafc;
color: #475569;
border: 2px solid #e2e8f0;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.btn-secondary:hover {
background: #f1f5f9;
border-color: #cbd5e1;
transform: translateY(-1px);
}
.btn-submit {
background: linear-gradient(135deg, #059669, #047857);
color: white !important;
box-shadow: 0 6px 20px -2px rgba(5, 150, 105, 0.5);
font-size: 18px !important;
padding: 18px 40px !important;
min-width: 200px !important;
text-shadow: none !important;
border: none !important;
}
.btn-submit:hover:not(:disabled) {
background: linear-gradient(135deg, #047857, #065f46);
transform: translateY(-3px);
box-shadow: 0 12px 35px -5px rgba(5, 150, 105, 0.6);
color: white !important;
text-shadow: none !important;
} #step-6 .step-actions {
justify-content: center;
text-align: center;
background: transparent;
border: none;
padding-top: 30px;
margin-top: 40px;
}
#step-6 .step-actions .btn-secondary {
margin-right: 20px;
}
.btn:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none !important;
box-shadow: none !important;
} .data-restored-notification {
background: #d1ecf1;
color: #0c5460;
border: 1px solid #bee5eb;
border-radius: 8px;
padding: 12px;
margin-bottom: 20px;
animation: slideInFromTop 0.4s ease;
}
.notification-content {
display: flex;
align-items: center;
gap: 12px;
}
.notification-icon {
margin-right: 8px;
font-size: 16px;
}
.notification-text {
font-size: 14px;
font-weight: 500;
}
@keyframes slideInFromTop {
from { opacity: 0; transform: translateY(-20px); }
to { opacity: 1; transform: translateY(0); }
} .validation-error {
background: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
border-radius: 4px;
padding: 12px;
margin-bottom: 20px;
display: flex;
align-items: center;
animation: slideIn 0.3s ease;
}
@keyframes slideIn {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}
.validation-error .error-icon {
margin-right: 8px;
font-size: 16px;
}
.validation-error .error-message {
font-size: 14px;
line-height: 1.4;
} .success-message {
text-align: center;
padding: 60px 40px;
background: #ffffff;
border-radius: 12px;
border: 1px solid #e5e7eb;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
color: #1f2937;
max-width: 700px;
margin: 0 auto;
}
.success-message .success-icon {
font-size: 64px;
color: #059669;
margin-bottom: 24px;
display: block;
}
.success-message h2 {
margin-bottom: 16px;
font-size: 32px;
font-weight: 700;
color: #1f2937;
letter-spacing: -0.025em;
}
.success-message .success-subtitle {
font-size: 18px;
color: #6b7280;
margin-bottom: 40px;
line-height: 1.6;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.success-details {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 32px;
margin: 32px 0;
text-align: left;
}
.success-details h3 {
color: #1f2937;
margin-bottom: 16px;
font-size: 20px;
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
}
.success-details h3::before {
content: "📋";
font-size: 20px;
}
.success-details ul {
margin: 0;
padding: 0;
list-style: none;
}
.success-details li {
margin-bottom: 12px;
line-height: 1.6;
color: #4b5563;
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 15px;
}
.success-details li::before {
content: "✓";
color: #059669;
font-weight: bold;
font-size: 16px;
margin-top: 1px;
flex-shrink: 0;
}
.success-actions {
margin-top: 40px;
display: flex;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
}
.success-actions .btn {
margin: 0;
padding: 16px 32px;
font-size: 16px;
font-weight: 600;
border-radius: 8px;
text-decoration: none;
transition: all 0.2s ease;
display: inline-flex;
align-items: center;
gap: 8px;
}
.success-actions .btn-primary {
background: linear-gradient(135deg, #dc2626, #b91c1c);
color: white;
border: none;
box-shadow: 0 4px 6px -1px rgba(220, 38, 38, 0.3);
}
.success-actions .btn-primary:hover {
background: linear-gradient(135deg, #b91c1c, #991b1b);
transform: translateY(-2px);
box-shadow: 0 8px 25px -5px rgba(220, 38, 38, 0.4);
color: white;
}
.success-actions .btn-secondary {
background: #ffffff;
color: #4b5563;
border: 2px solid #e5e7eb;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.success-actions .btn-secondary:hover {
background: #f9fafb;
border-color: #d1d5db;
transform: translateY(-1px);
color: #374151;
} @media (max-width: 768px) {
.c12 {
background-color: #fff;
}
.form-step {
padding-left:0px;
padding-right:0px;
box-shadow:none;
border:none;
}
.multistep-contact-form {
padding: 15px;
}
.field-row {
grid-template-columns: 1fr;
gap: 0;
}
.resource-grid {
grid-template-columns: 1fr;
}
.progress-steps {
flex-wrap: wrap;
gap: 5px;
}
.progress-step {
font-size: 10px;
padding: 3px 6px;
}
.step-actions {
flex-direction: column;
gap: 10px;
}
.step-actions .btn {
width: 100%;
}
.success-message {
padding: 40px 20px;
}
.success-message h2 {
font-size: 24px;
}
.success-message .success-subtitle {
font-size: 16px;
}
.success-details {
padding: 24px;
}
.success-actions {
flex-direction: column;
gap: 12px;
}
.success-actions .btn {
width: 100%;
justify-content: center;
}
}
@media (max-width: 480px) {
.step-header h2 {
font-size: 20px;
}
.step-description {
font-size: 14px;
}
.volunteer-notice,
.relevant-resources,
.enquiry-summary {
padding: 15px;
}
.form-progress {
padding: 15px;
}
} @media print {
.multistep-contact-form {
box-shadow: none;
}
.step-actions,
.form-progress {
display: none;
}
.form-step {
display: block !important;
page-break-inside: avoid;
}
} @media (prefers-reduced-motion: reduce) {
.form-step,
.progress-fill,
.progress-step,
.btn,
.validation-error {
animation: none !important;
transition: none !important;
}
} @media (prefers-contrast: high) {
.resource-link,
.enquiry-option,
.field-group input,
.field-group textarea {
border-width: 2px;
}
.btn {
border: 2px solid;
}
.btn-primary {
border-color: #007bff;
}
.btn-secondary {
border-color: #6c757d;
}
.btn-submit {
border-color: #28a745;
}
}body, textarea, input, select {
font-family: Barlow, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 1.66em;
color: var(--font);
}
textarea, input, select {
margin: min(0.5em, 30px) 0;
}
a.large,
p.large {
font-size: clamp(20px, 2.6vw, 26px);
}
a.small,
p.small {
font-size: 14px;
}
h1, h2, h3, h4, h5, h6, .hero, .title-large, .title-medium, .title-small {
margin: min(0.5em, 30px) 0;
font-family: Barlow, sans-serif;
font-style: normal;
text-transform: uppercase;
font-weight: 400;
}
.hero {
font-size: clamp(42px, 6vw, 60px);
line-height: 0.9em;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0;
}
.hero.hero-large {
font-size: clamp(42px, 6vw, 90px);
letter-spacing: 5px;
}
.title-outline {
font-weight: 900;
color: transparent;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: var(--white);
}
.bg_white .title-outline, .bg_grey .title-outline {
-webkit-text-stroke-color: var(--primary);
}
h1, h2, .title-large {
font-size: clamp(30px, 4vw, 36px);
line-height: 1.25em
}
h3, .title-medium {
font-size: clamp(28px, 3.5vw, 35px);
line-height: 1.42em;
font-weight: 800;
}
h4, .title-small {
font-size: clamp(24px, 3vw, 30px);
line-height: 0.93em;
}
h5, .title-xs {
font-size: clamp(18px, 2vw, 22px);
}
h6, .title-xxs {
font-size: clamp(18px, 2vw, 20px);
line-height: 1.1em;
}
.logomark-title {
padding-left: 48px;
background: left / 28px 30px no-repeat var(--logomark);
}
.minus-margin {
margin-bottom: 0;
}
.minus-margin + * {
margin-top: 5px;
}
.light-text {
font-weight: 300;
}
.regular-text {
font-weight: 400;
}
.semi-bold-text {
font-weight: 600;
}
.black-text {
font-weight: 900;
}
.underline {
text-decoration: underline;
}
a {
color: var(--link-color);
text-decoration: none;
}
#footer a:not(.button):hover {
opacity: 0.7;
}
.alignleft {
float: left;
margin-right: 20px;
}
.alignright {
float: right;
margin-left: 20px;
}
.aligncenter {
margin: auto;
text-align: center;
display: block;
}
img {
max-width: 100%;
height: auto;
}
div.wp-caption {
max-width: 100%;
display: inline-block;
}
p.wp-caption-text {
background-color: #f7f7f7;
color: #808080;
padding: 16px 25px;
font-size: 18px;
font-style: italic;
}
.button {
padding: 10px 18px;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
color: var(--white);
font-weight: 800;
background: var(--secondary);
border: 2px solid var(--secondary);
border-radius: 10px 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
position: relative;
transition: .3s;
overflow: hidden;
isolation: isolate;
}
.button:not(:last-of-type) {
margin-right: 8px;
}
.button:before, .button:after {
content: '';
background: white;
width: 150%;
border-radius: 50%;
top: -150%;
display: block;
position: absolute;
aspect-ratio: 1;
transition: .4s;
z-index: -1;
}
.button:before {
left: -150%;
}
.button:after {
right: -150%;
}
.button:hover:before {
left: -10px;
top: -50%;
}
.button:hover:after {
right: -10px;
top: -50%;
}
.button:hover {
border-radius: 5px 10px;
color: var(--secondary);
}
.button.large {
padding: 18px 28px;
border-radius: 15px 5px;
}
.button.outline {
background: transparent;
border: 2px solid var(--primary);
color: var(--primary);
}
.button.outline:hover {
color: var(--white);
}
.button.outline:before, .button.outline:after {
background: var(--primary);
}
.bg_primary .button.outline {
border-color: var(--white);
color: var(--white);
}
.bg_primary .button.outline:hover {
color: var(--primary);
}
.bg_primary .button.outline:before, .bg_primary .button.outline:after {
background: var(--white);
}
.button.secondary {
background: var(--primary);
border: 2px solid var(--primary);
}
.button.secondary:hover {
color: var(--primary);
}
.button.tertiary {
background: var(--tertiary);
border: 2px solid var(--tertiary);
}
.button.tertiary:hover {
color: var(--tertiary);
}
.button.fw_btn {
width: 100%;
box-sizing: border-box;
padding: 25px 40px;
font-size: 24px;
background: var(--white);
color: var(--primary);
border: none;
border-radius: 5px;
}
.bg_white .button.fw_btn {
background: var(--white-smoke);
}
.button.fw_btn:hover {
background: var(--tertiary);
color: var(--white);
}
.button.fw_btn::before {
content: '';
position: absolute;
top: 0%;
left: 1%;
width: 127px;
height: 85px;
background: url('data:image/svg+xml;utf8,<svg width="127" height="85" viewBox="0 0 127 85" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M85.3456 11.4486C85.6559 9.11415 84.2353 6.89972 81.9904 6.21884L64.1246 0.799941C61.3009 -0.056525 58.3826 1.83205 57.9922 4.76855L41.4808 128.977C41.1582 131.404 42.7047 133.685 45.0715 134.272L63.0641 138.737C65.8324 139.424 68.5836 137.543 68.961 134.704L85.3456 11.4486Z" fill="white" fill-opacity="0.1"/><path d="M51.5086 20.858C51.8319 18.4258 50.2781 16.1416 47.9044 15.56L28.0344 10.6908C25.2695 10.0132 22.5278 11.8945 22.1512 14.7276L10.8201 99.9664C10.4885 102.461 12.1303 104.788 14.5839 105.301L34.5467 109.472C37.2694 110.041 39.9024 108.167 40.2704 105.399L51.5086 20.858Z" fill="white" fill-opacity="0.1"/><path d="M116.244 38.6728C116.567 36.2405 115.013 33.9564 112.64 33.3747L92.7697 28.5056C90.0047 27.828 87.263 29.7093 86.8864 32.5424L75.5554 117.781C75.2237 120.276 76.8656 122.603 79.3192 123.115L99.2819 127.287C102.005 127.856 104.638 125.982 105.006 123.214L116.244 38.6728Z" fill="white" fill-opacity="0.1"/><path d="M126.548 73.7417C126.873 71.2964 125.301 69.0032 122.91 68.4356L121.974 68.2134C119.218 67.5589 116.499 69.4388 116.124 72.2583L113.269 93.7348C112.936 96.2385 114.591 98.5714 117.056 99.0738L117.996 99.2654C120.712 99.8191 123.33 97.9467 123.697 95.1876L126.548 73.7417Z" fill="white" fill-opacity="0.1"/><path d="M14.1069 42.5571C14.4319 40.1118 12.8599 37.8187 10.4693 37.2511L9.53335 37.0288C6.77696 36.3743 4.0582 38.2542 3.6834 41.0737L0.828459 62.5503C0.495635 65.054 2.1503 67.3869 4.61526 67.8893L5.55531 68.0809C8.27165 68.6345 10.8893 66.7621 11.256 64.0031L14.1069 42.5571Z" fill="white" fill-opacity="0.1"/></svg>') no-repeat center;
background-size: cover;
transform: translate(1%, 50%) scale(0.8);
transition: transform 0.5s ease;
pointer-events: none;
border-radius: 0;
}
.button.fw_btn::after {
content: '';
width: 21px;
height: 34px;
position: absolute;
background: right / contain no-repeat var(--tertiary-chevron);
top: calc(50% - 17px);
right: 25px;
}
.button.fw_btn:hover::after {
filter: brightness(0) invert(1);
}
.button.fw_btn:hover::before {
transform: translate(1%, 20%) scale(1.05)
}
.mce-content-body a.button[data-mce-selected] {
padding: 8px 20px;
margin: 0;
box-shadow: none;
border-radius: 0;
}
.mce-content-body a.button.white {
background: #ddd !important;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=search] {
-webkit-appearance: none;
} ul.check_ul {
list-style: none;
padding: 0;
}
ul.check_ul > li {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
}
ul.check_ul > li:last-child {
margin-bottom: 0;
}
.mce-content-body span[style="color: #ffffff;"] {
color: #ddd !important;
}
@media (max-width: 450px) {
.button {
min-width: 100%;
box-sizing: border-box;
text-align: center;
}
.button:not(:last-of-type) {
margin-bottom: 8px;
}
}html {
scroll-behavior: smooth;
}
body {
margin: 0;
}
.error_404 {
text-align: center;
padding: 200px 0;
}
.wp_content > :first-child {
margin-top: 0;
}
.wp_content > :last-child {
margin-bottom: 0;
}
.padding_full {
padding-left: var(--width-full);
padding-right: var(--width-full);
}
.padding_xl {
padding-left: var(--width-xl);
padding-right: var(--width-xl);
}
.padding_l {
padding-left: var(--width-l);
padding-right: var(--width-l);
}
.padding_m {
padding-left: var(--width-m);
padding-right: var(--width-m);
}
.padding_s {
padding-left: var(--width-s);
padding-right: var(--width-s);
}
.padding_top_l {
padding-top: var(--padding-l);
}
.padding_top_m {
padding-top: var(--padding-m);
}
.padding_top_s {
padding-top: var(--padding-s);
}
.padding_top_xs {
padding-top: var(--padding-xs);
}
.padding_top_none {
padding-top: 0;
}
.padding_bottom_l {
padding-bottom: var(--padding-l);
}
.padding_bottom_m {
padding-bottom: var(--padding-m);
}
.padding_bottom_s {
padding-bottom: var(--padding-s);
}
.padding_bottom_xs {
padding-bottom: var(--padding-xs);
}
.padding_bottom_none {
padding-bottom: 0;
} #pagination {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 30px 0;
}
#pagination a, #pagination > span {
display: inline-block;
padding: 10px 20px;
font-size: 18px;
font-weight: 600;
color: var(--tertiary);
background: transparent;
margin: 0 5px 5px 5px;
border-radius: 5px;
text-decoration: none; text-transform: uppercase;
transition: .3s;
}
#pagination a:hover {
color: var(--secondary);
}
#pagination > span {
background: var(--secondary);
color: white;
}
#pagination .next,
#pagination .previous {
color: var(--font);
} .social_links_container {
display: flex;
justify-content: center;
align-items: center;
}
.social_icon {
min-width: 47px;
min-height: 47px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
}
.social_icon:hover {
opacity: 0.7;
}
.social_icon:last-child {
margin-right: 0;
}
.social_icon.facebook {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='47' height='47' fill='none'%3e%3ccircle cx='23.7' cy='23.5' r='22.3' stroke='white' stroke-width='2'/%3e%3cpath fill='white' stroke='white' stroke-width='2' d='M25.6 23.7h-1v10h-2v-10h-3.4v-2h3.3V18c0-1.4.5-2.4 1.1-3a4 4 0 0 1 3-1h2v1.5h-1.1c-1 0-1.8.3-2.3 1a3 3 0 0 0-.6 2v3.4h3.7l-.2 1.9h-2.5Z'/%3e%3c/svg%3e");
}
.social_icon.instagram {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3e%3ccircle cx='23.8' cy='23.9' r='22.5' stroke='white' stroke-width='2'/%3e%3cpath fill='white' fill-rule='evenodd' d='M18.9 13h9.8a6 6 0 0 1 6 6V29a6 6 0 0 1-6 6H19a6 6 0 0 1-6.1-6V19a6 6 0 0 1 6-6Zm9.8 20c2.3 0 4.1-1.9 4.1-4.1V19c0-2.3-1.8-4.1-4-4.1h-10a4.1 4.1 0 0 0-4 4.1V29c0 2.2 1.8 4 4 4h10Z' clip-rule='evenodd'/%3e%3cpath fill='white' fill-rule='evenodd' d='M18.1 24a5.7 5.7 0 1 1 11.4 0A5.7 5.7 0 0 1 18 24Zm2 0a3.7 3.7 0 1 0 7.4 0 3.7 3.7 0 0 0-7.4 0Z' clip-rule='evenodd'/%3e%3cpath fill='white' d='M29.7 16.6a1.4 1.4 0 0 0-1.4 1.4 1.4 1.4 0 0 0 1.4 1.5c.4 0 .7-.2 1-.4a1.4 1.4 0 0 0 0-2c-.3-.3-.6-.5-1-.5Z'/%3e%3cpath fill='white' fill-rule='evenodd' d='M18.9 13h9.8a6 6 0 0 1 6 6V29a6 6 0 0 1-6 6H19a6 6 0 0 1-6.1-6V19a6 6 0 0 1 6-6Zm9.8 20c2.3 0 4.1-1.9 4.1-4.1V19c0-2.3-1.8-4.1-4-4.1h-10a4.1 4.1 0 0 0-4 4.1V29c0 2.2 1.8 4 4 4h10Z' clip-rule='evenodd'/%3e%3cpath fill='white' fill-rule='evenodd' d='M18.1 24a5.7 5.7 0 1 1 11.4 0A5.7 5.7 0 0 1 18 24Zm2 0a3.7 3.7 0 1 0 7.4 0 3.7 3.7 0 0 0-7.4 0Z' clip-rule='evenodd'/%3e%3cpath fill='white' d='M29.7 16.6a1.4 1.4 0 0 0-1.4 1.4 1.4 1.4 0 0 0 1.4 1.5c.4 0 .7-.2 1-.4a1.4 1.4 0 0 0 0-2c-.3-.3-.6-.5-1-.5Z'/%3e%3c/svg%3e");
}
.social_icon.x {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='47' height='48' fill='none'%3e%3ccircle cx='23.4' cy='24.1' r='22.3' stroke='white' stroke-width='2'/%3e%3cmask id='a' fill='white'%3e%3cpath d='m24.8 21.3.2-.2 7-7.4c.2-.2.3-.2.5-.2h1.7l-8.5 9 9.7 12.7h-6.9c-.1 0-.2 0-.3-.2l-6-8c-.2 0-.2-.1-.4-.3l-.2.2-7.5 8c-.2.3-.4.4-.7.4h-1.6V35l9-9.5v-.1l-9-12h6.7c.3 0 .4 0 .5.2l5.6 7.4.2.2Zm-10-6.3.2.3 4.7 6 9.2 12.2c.2.2.3.3.5.3h2.9c0-.2-.1-.3-.2-.3l-4-5.2-9.9-13.1a.5.5 0 0 0-.4-.2h-3Z'/%3e%3c/mask%3e%3cpath fill='white' d='m24.8 21.3.2-.2 7-7.4c.2-.2.3-.2.5-.2h1.7l-8.5 9 9.7 12.7h-6.9c-.1 0-.2 0-.3-.2l-6-8c-.2 0-.2-.1-.4-.3l-.2.2-7.5 8c-.2.3-.4.4-.7.4h-1.6V35l9-9.5v-.1l-9-12h6.7c.3 0 .4 0 .5.2l5.6 7.4.2.2Zm-10-6.3.2.3 4.7 6 9.2 12.2c.2.2.3.3.5.3h2.9c0-.2-.1-.3-.2-.3l-4-5.2-9.9-13.1a.5.5 0 0 0-.4-.2h-3Z'/%3e%3cpath fill='white' d='M24.8 21.3h-2v5l3.5-3.6-1.5-1.4Zm.2-.2-1.4-1.4 1.4 1.4Zm7-7.4-1.4-1.4 1.4 1.4Zm.5-.2v-2 2Zm1.7 0 1.9-.7-.5-1.3h-1.4v2Zm0 0 2-.3-2 .3Zm0 0 1.5 1.4-1.5-1.4Zm-8.5 9-1.4-1.3-1.2 1.2 1 1.4 1.6-1.2Zm9.7 12.7.3 2 3.3-.5-2-2.7-1.6 1.2Zm-.2 0v-2 2Zm-6.7 0v-2 2Zm-.3-.2-1.6 1.3 1.6-1.3Zm-6-8 1.5-1.1-1.6 1.2Zm-.4-.3 1.6-1.2-1.4-1.8-1.6 1.6 1.4 1.4Zm-.2.2 1.5 1.4-1.5-1.4Zm-7.5 8 1.4 1.4-1.4-1.3Zm-.7.4v2-2Zm-1.6 0-1.9.6.5 1.4h1.4v-2Zm0 0 2-.2-2 .1Zm0-.1-1.9-.7 1.9.7Zm0 0-1.5-1.3 1.5 1.3Zm0-.1-1.4-1.4 1.5 1.4Zm9-9.5 1.4 1.4-1.4-1.4Zm0 0-1.4-1.4 1.4 1.4Zm0-.1 2 .5.3-1-.6-.8-1.6 1.3Zm-9-12-.1-2-3.8.2 2.3 3 1.6-1.2Zm.3 0v2-2Zm6.4 0v2-2Zm.5.2-1.6 1.2 1.6-1.2Zm5.6 7.4L23 22.3l1.6-1.2Zm.2.2h2v-.7l-.4-.5-1.6 1.2Zm-10-6.3v-2H11l2.2 3.1 1.6-1.1Zm.2.3-1.6 1.2 1.6-1.2Zm4.7 6L18 22.5l1.6-1.2Zm9.2 12.2-1.6 1.3 1.6-1.3Zm.5.3v-2 2Zm2.6 0v-2 2Zm.3 0 .2 2 3.6-.3-2.2-3-1.6 1.2Zm-.2-.3 1.6-1.2-1.6 1.2Zm-4-5.2 1.7-1.2-1.6 1.2Zm-9.9-13.1-1.6 1.2 1.6-1.2Zm-.4-.2v2-2Zm8.5 7.7.2-.2-3-2.8-.1.3 2.9 2.7Zm.2-.2 7-7.5-3-2.7-7 7.4 3 2.8Zm7-7.5-.5.3-.5.2v-4a2.7 2.7 0 0 0-2 .8l3 2.7Zm-1 .5h1.7v-4h-1.6l-.1 4Zm-.2-1.3a1.8 1.8 0 0 1 0-.4l3.9-.6-.1-.4-3.8 1.4Zm0-.4a2 2 0 0 1 0-.8l.4-.8 3 2.6c.5-.5.5-1 .5-1.1v-.5l-4 .6Zm.5-1.6-8.5 9 2.9 2.7 8.5-9-3-2.7ZM24 23.8l9.7 12.6L37 34l-9.7-12.6-3.2 2.4Zm11 9.5h-.2.3v4h.4v-.1c.1 0 .1 0 0 0l-.6-4Zm0 0h-6.6v4h6.7v-4Zm-6.6 0a1.6 1.6 0 0 1 1 .3l.3.2-3.2 2.5s.2.3.6.5c.4.3.9.5 1.4.5v-4Zm1.3.5-6-8-3.3 2.5 6 8 3.3-2.5Zm-6-8c-.2 0-.3-.2-.4-.3l-3.1 2.4.2.4 3.2-2.4Zm-3.4-.5-.2.3 2.9 2.7.2-.2-2.9-2.8Zm-.2.3-7.6 8 3 2.7 7.5-8-3-2.7Zm-7.6 8 .3-.2.6-.1-.2 4a2.8 2.8 0 0 0 2.2-1l-2.9-2.7Zm.9-.3h-1.7v4h1.5l.2-4Zm.2 1.3v.5l-3.9.3v.4l.1.1 3.8-1.3Zm0 .4a2 2 0 0 1 0 1l-3.8-1.5v1l3.9-.5Zm0 1-.3.4-3.1-2.5-.4.6 3.8 1.4Zm-.3.4c0 .1 0 .1 0 0l-3-2.6-.1.1 3 2.5Zm0 0-3-2.7 3 2.8Zm0 0 8.8-9.4-2.9-2.7-8.9 9.4 3 2.8Zm8.9-9.4-3-2.8 3 2.8Zm0 0 .1-.2-3.1-2.5a2 2 0 0 1 0-.1c.1 0 0 0 0 0l3 2.7Zm.1-.2.2-.3-3.5-2 .2-.2 3.1 2.5Zm.2-.3.1-.3-3.7-1.4.1-.2 3.5 1.9Zm.1-.3v-.1h.1L19 24.8v-.1l3.7 1.4Zm-.2-2-9.1-12-3.2 2.5 9.1 12 3.2-2.5Zm-10.6-8.7h.2v-4h-.4l.2 4Zm.2 0h6.5v-4H12v4Zm6.5 0c-.2 0-.4 0-.7-.2-.3-.1-.4-.3-.5-.4l3.2-2.4c-.2-.3-.5-.6-.9-.8-.4-.2-.8-.2-1.2-.2v4Zm-1.2-.6 5.6 7.4 3.2-2.5-5.6-7.3-3.2 2.4Zm5.6 7.4.2.3 3.2-2.5-.2-.3-3.2 2.5Zm-.2-1h4-4Zm-9.6-5.2.2.4 3.2-2.5-.1-.2-3.3 2.3Zm.3.4 4.6 6 3.2-2.4-4.7-6-3.1 2.4Zm4.6 6 9.2 12.3 3.2-2.5-9.2-12.2-3.2 2.4Zm9.2 12.3c.2.2.5.5 1 .7.3.2.8.3 1.1.3v-4a1.5 1.5 0 0 1 1.1.5l-3.2 2.5Zm2.1 1H32v-4h-2.6v4Zm2.6 0h.5l-.3-4a7.2 7.2 0 0 0-.2 0v4Zm2-3.2-.3-.3-3.2 2.4.2.2 3.2-2.3Zm-.3-.4-4-5.1-3.1 2.4 4 5.2 3.1-2.5Zm-4-5.1L19.9 14l-3.2 2.4 10 13.1 3.2-2.4ZM19.9 14c-.1-.2-.4-.6-.9-.8-.4-.2-.8-.2-1.2-.2v4l-.6-.2c-.3-.1-.4-.3-.5-.4l3.2-2.4Zm-2-1h-2.6v4h2.6v-4Zm-2.6 0h-.4v4h.4v-4Z' mask='url(%23a)'/%3e%3c/svg%3e");
}
.social_icon.linkedin {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='47' fill='none'%3e%3ccircle cx='24' cy='23.5' r='22.3' stroke='white' stroke-width='2'/%3e%3cpath fill='white' stroke='white' stroke-width='2' d='M22 21h2.4v2h1.7l.2-.5c.5-.8 1.6-1.8 3.4-1.8 2 0 3 .6 3.6 1.5.6 1 .9 2.5.9 4.4v7h-2.6v-6.1c0-.8 0-2-.3-2.9a3 3 0 0 0-1-1.4c-.6-.3-1.3-.5-2-.5s-1.4.1-2 .4a3 3 0 0 0-1.1 1.3c-.5.9-.6 2-.6 3v6.2H22V21.1Zm-4.4-5.6a1.6 1.6 0 1 1-3.3 0 1.6 1.6 0 0 1 3.3 0Zm-2.9 5.7h2.5v12.5h-2.5V21.1Z'/%3e%3c/svg%3e");
}
.social_icon.youtube {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='47' fill='none' viewBox='0 0 47 47'%3E%3Ccircle cx='23.345' cy='23.345' r='22.345' stroke='%23fff' stroke-width='2'/%3E%3Cpath fill='%23fff' d='M34.751 17.884s-.244-1.765-.996-2.54c-.952-1.02-2.017-1.024-2.505-1.084-3.496-.26-8.745-.26-8.745-.26h-.01s-5.249 0-8.745.26c-.488.06-1.553.065-2.505 1.085-.752.774-.991 2.539-.991 2.539S10 19.958 10 22.028v1.94c0 2.069.249 4.143.249 4.143s.244 1.765.991 2.54c.952 1.02 2.202.984 2.759 1.094C16.001 31.94 22.5 32 22.5 32s5.254-.01 8.75-.265c.488-.06 1.553-.065 2.505-1.085.752-.774.996-2.539.996-2.539s.249-2.07.249-4.144v-1.94c0-2.069-.249-4.143-.249-4.143m-14.834 8.438v-7.193l6.753 3.609z'/%3E%3C/svg%3E");
} .bg_white {
background: white;
}
.bg_grey {
background: #F2F2F2;
}
.bg_primary {
background: var(--primary);
--font: var(--white);
color: var(--font);
}
.flag {
position: relative;
isolation: isolate;
}
.flag:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: left;
bottom: 0;
z-index: -1;
}
.flag_left:before {
left: 0;
}
.flag_right:before {
transform: scaleX(-1);
right: 0;
}
.flag_grey:before {
background-image: var(--gbr-flag)
}
.flag_colour:before {
background-image: var(--gbr-colour-flag)
}
.image, .image-switch {
background: no-repeat center / cover;
}
#breadcrumbs {
font-size: 14px;
margin-bottom: 15px;
}
#breadcrumbs a {
color: #666;
text-decoration: none;
}
#breadcrumbs a:hover {
text-decoration: underline;
}
@media (max-width: 1024px) {
.the_usps {
display: grid;
grid-template-columns: 1fr;
}
.the_usps * {
grid-area: 1 / 1;
text-align: center;
opacity: 0;
transition: .3s;
}
.the_usps *.active {
opacity: 1;
}
}
@media (max-width: 640px) {
.header-right {
display: flex;
justify-content: space-between;
}
} #unity_cookie_overlay, #unity_cookie_view_settings {
width: 350px;
background: #fff;
border: 1px solid #bfbfbf;
border-left: 4px solid #666;
padding: 25px;
position: fixed;
bottom: 50px;
right: 50px;
z-index: 2147483646;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
opacity: 1;
transition: .3s;
}
#unity_cookie_view_settings {
width: 500px;
}
.cookie_btn_group {
display: flex;
flex-direction: row;
justify-content: center;
}
@media (max-width: 450px) {
.cookie_btn_group {
flex-direction: column;
}
}
.unity_cookie_setting_link {
color: #999;
display: inline-block;
padding: 10px;
cursor: pointer;
}
.unity_cookie_setting_link:hover {
color: #777;
}
#unity_cookie_view_settings > .wp_content::-webkit-scrollbar {
width: 16px;
}
#unity_cookie_view_settings > .wp_content::-webkit-scrollbar-thumb {
border-left: 12px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
background-color: #AAAAAA;
}
#unity_cookie_overlay.unity_cookie_hide, #unity_cookie_view_settings.unity_cookie_hide {
opacity: 0;
right: -555px;
}
#unity_cookie_view_settings > .wp_content {
margin-bottom: 20px;
max-height: 400px;
overflow-y: auto;
}
.unity_cookie_info {
border: 1px solid #c2c2c2;
border-radius: 3px;
margin: 20px 0;
}
.unity_cookie_info > div:first-child {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
cursor: pointer;
}
.unity_cookie_info > div:first-child strong:before {
content: '';
display: inline-block;
width: 15px;
height: 9px;
background: center / 15px 9px url("data:image/svg+xml,%3Csvg width='15' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 5.7 1.5 0 0 1.4l7 7 7.1-7L12.7 0 7.1 5.7Z' fill='%23C4C4C4'/%3E%3C/svg%3E") no-repeat;
margin: 0 10px 2px 0;
}
.unity_cookie_info > div:first-child span {
color: #999;
}
.unity_cookie_info .wp_content {
border-top: 1px solid #e3e3e3;
padding: 15px 5px 15px 30px;
display: none;
}
.unity_cookie_info.unity_cookie_info_view .wp_content {
display: block;
}
.unity_cookie_text_small {
font-size: 0.8em;
}
body.menu_open #unity_cookie_overlay, body.menu_open #unity_cookie_view_settings {
right: min(90vw, 480px);
}
body.menu_open.show_menu_close #unity_cookie_overlay, body.menu_open.show_menu_close #unity_cookie_view_settings {
right: 50px;
}
.image, .image-switch {
background: no-repeat center / cover
}
@media (max-width: 600px) {
body.menu_open #unity_cookie_overlay, body.menu_open #unity_cookie_view_settings {
right: min(90vw, 480px);
}
body.menu_open.show_menu_close #unity_cookie_overlay, body.menu_open.show_menu_close #unity_cookie_view_settings {
right: 0px;
}
#unity_cookie_overlay, #unity_cookie_view_settings {
width: 100%;
box-sizing: border-box;
right: 0;
border-right: none;
border-left: none;
}
}
@media (max-width: 450px) {
#unity_cookie_overlay, #unity_cookie_view_settings {
padding: 20px;
}
#unity_cookie_overlay .button, #unity_cookie_view_settings .button {
margin: 0;
}
.unity_cookie_setting_link {
display: block;
text-align: center;
}
}
.cookie_overlay_strong #unity_cookie_overlay {
inset: 30% auto auto 50%;
transform: translate(-195px, 0);
padding: 35px;
border: none;
}
.cookie_overlay_strong #unity_cookie_no_click {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.6);
transition: .3s;
z-index: 2147483646;
}
.cookie_overlay_strong #unity_cookie_no_click.unity_cookie_hide {
opacity: 0;
}
@media (max-width: 600px) {
.cookie_overlay_strong #unity_cookie_overlay {
inset: auto 0 0 0;
transform: translate(0, 0);
width: auto;
}
}
.card_block {
display: flex;
flex-direction: column;
gap: var(--gap-l);
}
.card_content {
display: grid;
gap: var(--gap-m);
}
.card_content.grid_2 {
grid-template-columns: repeat(2, 1fr);
}
.card_content.grid_3 {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 800px) {
.card_content.grid_2,
.card_content.grid_3 {
grid-template-columns: 1fr;
}
}
.card_content .card {
padding: clamp(20px, 4vw, 40px);
background: white;
border-radius: 5px;
box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.05);
}
.download {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
padding: clamp(15px, 2vw, 20px) clamp(15px, 2vw, 30px);
border-radius: 6px;
gap: 15px;
color: var(--primary);
background: var(--white);
position: relative;
isolation: isolate;
overflow: hidden;
}
.download:hover {
color: var(--white);
}
.bg_white .download {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
padding: clamp(15px, 2vw, 20px) clamp(15px, 2vw, 30px);
border-radius: 6px;
gap: 15px;
background: var(--white-smoke);
}
.event_content__fc .download {
background: var(--white-smoke);
}
.download:after {
content: '';
opacity: 0;
position: absolute;
inset: 0;
background: var(--tertiary);
width: 100%;
height: 100%;
transition: 0.3s;
z-index: -1;
}
.download:hover:after {
opacity: 1;
}
.download > div {
display: flex;
flex: 1;
gap: clamp(20px, 2vw, 30px);
}
.download .download_icon {
background: center / 20px 20px no-repeat var(--tertiary) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' fill='none'%3e%3cpath fill='white' d='M1.3 12.2c.2 0 .3 0 .4.2l.2.3v2.8c0 .3.1.6.3.8l.9.3h13.8c.4 0 .6-.1.9-.3.2-.2.3-.5.3-.8v-2.8c0-.1 0-.2.2-.3l.4-.2c.1 0 .3 0 .4.2l.2.3v2.8c0 .6-.3 1.1-.7 1.5-.5.5-1 .7-1.7.7H3.1c-.7 0-1.2-.2-1.7-.7-.4-.4-.7-1-.7-1.5v-2.8l.2-.3.4-.2Z'/%3e%3cpath fill='white' fill-rule='evenodd' d='M1.3 11.9c.3 0 .5 0 .7.2l.2.6v2.8c0 .2.1.4.3.5.1.2.3.2.6.2h13.8c.3 0 .5 0 .6-.2.2-.1.3-.3.3-.5v-2.8c0-.2 0-.4.2-.6a1 1 0 0 1 1.3 0l.3.6v2.8c0 .7-.3 1.3-.8 1.8s-1.2.7-1.9.7H3.1c-.7 0-1.4-.2-2-.7-.4-.5-.7-1.1-.7-1.8v-2.8l.3-.6c.2-.2.4-.2.6-.2Zm.4.5a.6.6 0 0 0-.4-.2c-.1 0-.3 0-.4.2l-.2.3v2.8c0 .6.3 1.1.7 1.5.5.5 1 .7 1.7.7h13.8c.7 0 1.2-.2 1.7-.7.4-.4.7-1 .7-1.5v-2.8l-.2-.3a.6.6 0 0 0-.4-.2c-.2 0-.3 0-.4.2l-.2.3v2.8c0 .3-.1.6-.3.8-.3.2-.5.3-.9.3H3.1l-.9-.3a1 1 0 0 1-.3-.8v-2.8c0-.1 0-.2-.2-.3Z' clip-rule='evenodd'/%3e%3cpath fill='white' d='M9.6 13.4a.6.6 0 0 0 .4.2.7.7 0 0 0 .5-.2l3.8-3.6.2-.4-.2-.4a.7.7 0 0 0-.5-.2l-.4.2-2.8 2.5V1.1l-.1-.4a.7.7 0 0 0-.5-.2l-.4.2c-.2.1-.2.3-.2.4v10.4L6.6 9a.7.7 0 0 0-.4-.2l-.5.2-.2.4.2.4 3.9 3.6Z'/%3e%3cpath fill='white' fill-rule='evenodd' d='m13.4 9 .4-.2.5.2.2.4-.2.4-3.8 3.6a.6.6 0 0 1-.5.2.7.7 0 0 1-.4-.2L5.7 9.8a.6.6 0 0 1-.2-.4l.2-.4.5-.2.4.2 2.8 2.5V1.1c0-.1 0-.3.2-.4l.4-.2.5.2.1.4v10.4L13.4 9ZM11 10.8V1a1 1 0 0 0-.3-.6 1 1 0 0 0-1.4 0A1 1 0 0 0 9 1v9.7L7 8.8a1 1 0 0 0-1.4 0 1 1 0 0 0-.3.6c0 .3.1.5.3.7l3.8 3.5a1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3m.3-2.8 2.1-2a1 1 0 0 1 1.4 0c.2.1.3.4.3.6 0 .3-.1.5-.3.7l-3.8 3.5' clip-rule='evenodd'/%3e%3c/svg%3e");
width: 20px;
height: 20px;
padding: 10px;
border-radius: 50%;
}
.the_downloads {
display: grid;
grid-gap: 20px;
}
.fc_download_grid .the_downloads {
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
.fc_download_grid .the_downloads {
grid-template-columns: 1fr;
}
}
.bg_light_grey.the_downloads a,
.bg_light_grey.the_product_downloads .the_downloads a {
background: #fff;
}
.single_post_list > a,
.news_slider > a {
display: flex;
flex-direction: column;
text-decoration: none;
}
.single_post_list > a .post_thumb,
.news_slider > a .post_thumb {
aspect-ratio: 0.958;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 5px;
position: relative;
}
.single_post_list > a .post_thumb .date,
.news_slider > a .post_thumb .date {
position: absolute;
margin: 0;
bottom: -18px;
left: 20px;
background: var(--tertiary);
color: white;
padding: 10px;
font-size: 14px;
border-radius: 9px 3px;
transition: 0.3s;
text-transform: uppercase;
}
.single_post_list > a .post_data,
.news_slider > a .post_data {
color: var(--font-grey);
}
.single_post_list > a .post_data h5,
.news_slider > a .post_data h5 {
font-weight: 800;
color: var(--tertiary);
text-transform: none;
}
.single_post_list > a:hover .post_data h5,
.news_slider > a:hover .post_data h5 {
color: var(--secondary);
}
.single_post_list > a:hover .post_thumb .date,
.news_slider > a:hover .post_thumb .date {
background: var(--secondary);
}
.single_post_list > a .post_data,
.news_slider > a .post_data {
padding-top: 30px;
}
.single_event {
display: flex;
flex-direction: column;
}
.single_event .post_thumb {
aspect-ratio: 0.98;
position: relative;
border-radius: 5px 5px 0 0;
background: no-repeat center / cover;
}
.single_event .post_thumb .date_container {
width: 100px;
height: 100px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
border-radius: 5px 0 15px;
}
.single_event .post_thumb .event-level {
bottom: -20px;
left: 20px;
padding: 10px;
border-radius: 9px 3px;
}
.single_event .post_thumb .date_container,
.single_event .post_thumb .event-level {
position: absolute;
background: var(--tertiary);
color: white;
transition: 0.3s;
}
.single_event:hover .post_thumb .date_container,
.single_event:hover .post_thumb .event-level {
background: var(--secondary);
}
.single_event .post_thumb .month {
font-size: 21px;
text-transform: uppercase;
font-weight: 800;
margin: 0;
}
.single_event .post_thumb .day {
font-size: 50px;
margin: 0;
}
.single_event .post_data {
display: flex;
flex-direction: column;
flex: 1 1;
gap: 20px;
padding: 40px;
color: var(--font);
justify-content: space-between;
}
.single_event .post_data .cta {
background: calc(100% - 5px) / 14px 22px no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='22' fill='none'%3e%3cpath fill='%23D9D9D9' d='M1.7 2.5a2 2 0 0 1 3.1-.3l7.6 7.6c.8.8.8 2 0 2.9l-.2.2a2 2 0 0 1-2.9 0L1.8 5.3a2 2 0 0 1-.3-2.5l.2-.3Z'/%3e%3cpath fill='%23D9D9D9' d='M1.5 19.7a2 2 0 0 1 .3-2.5l7.5-7.6a2 2 0 0 1 2.9 0l.2.2c.8.8.8 2 0 2.9l-7.6 7.6a2 2 0 0 1-3-.3l-.3-.3Z'/%3e%3c/svg%3e");
padding-right: 24px;
text-transform: uppercase;
font-weight: 700;
color: var(--tertiary);
}
.single_event .post_data .title_excerpt {
color: var(--primary);
}
.single_event .post_data {
border-bottom: 4px solid transparent;
border-radius: 5px;
transition: 0.3s;
}
.single_event:hover .post_data {
border-color: var(--secondary);
}
.single_event .metadata {
display: flex;
flex-wrap: wrap;
gap: 10px;
row-gap: 5px;
}
.single_event .metadata > * {
background: left / 20px no-repeat;
padding-left: 30px;
width: fit-content;
margin: 0;
}
.single_event .dates {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3e%3cpath fill='%23C7C7C7' fill-rule='evenodd' d='M4.4 2.2a10 10 0 1 1 11.2 16.6A10 10 0 0 1 4.4 2.2Zm6.8 7.7 1.6-.8c.6-.2 1.3 0 1.6.6.2.6 0 1.3-.6 1.6l-3.3 1.4a1 1 0 0 1-1.1 0 1.2 1.2 0 0 1-.6-1v-6a1.2 1.2 0 0 1 2.4 0V10Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.single_event .event-class {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3e%3cpath fill='%23C7C7C7' d='M10 .5a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm.1 4.6a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7ZM10 19a8.4 8.4 0 0 1-6.2-2.8C4.2 14 8 13.6 10 13.6s5.8.4 6.2 2.6A8.4 8.4 0 0 1 10 19Z'/%3e%3c/svg%3e");
}
.single_event .age-category {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23C7C7C7' fill-rule='evenodd' d='M4.4 2.2a10 10 0 1 1 11.2 16.6A10 10 0 0 1 4.4 2.2Z' clip-rule='evenodd'/%3e%3cpath fill='%23F5F5F5' d='m15.9 6.2-3.3-1a.1.1 0 0 0-.1 0c-.2.6-.5 1-1 1.4a2.5 2.5 0 0 1-3 0 2.4 2.4 0 0 1-1-1.4L4 6.1l-.2.2v.3l.4 2.2.1.2h.3l1.2.2H6v.2l-.1 6v.2l.2.1H14l.1-.1.1-.2-.2-6v-.1h.2l1.2-.2.3-.1v-.2l.5-2.2v-.3l-.2-.2Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M20 20.5H0V.5h20z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
select {
flex: 1 0 0;
display: flex;
padding: var(--gap-s) var(--gap-m);
align-items: center;
border-radius: 5px 5px 0 0;
background: calc(100% - 20px) 50% / 10px 8px no-repeat #FFF url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3e%3cpath fill='%23F93A3C' d='M5 7 0 2l1-1 4 4 4-4 1 1-5 5Z'/%3e%3c/svg%3e");
border: none;
appearance: none;
box-sizing: border-box;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.month_content {
display: flex;
flex-direction: column;
gap: var(--gap-s);
padding-block: 15px 30px;
}
.month_separator{
margin-bottom: 20px
}
.month_separator .month_header {
background: var(--tertiary);
margin-bottom: 20px;
}
.month_separator .month_header .title {
color: white;
}
.month_separator .month_header .title {
background: var(--tertiary);
color: var(--white-smoke);
cursor: pointer;
margin: 0;
border-radius: 5px;
padding: 20px 45px 20px 20px;
box-sizing: border-box;
font-size: 18px;
font-weight: 700;
}#header {
display: flex;
flex-direction: column;
justify-content: space-between;
position: fixed;
width: 100%;
top: 0;
z-index: 9;
left: 0;
box-sizing: border-box;
transition: all 150ms ease-in-out;
background: var(--white);
}
#header.bg_transparent {
background: linear-gradient(180deg, #001137 13.13%, rgba(0, 17, 55, 0.00) 100%);
}
#header.bg_transparent.scrolled {
background: var(--primary);
}
#header .header_top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 40px;
position: relative;
min-height: 80px;
}
#header .header_bottom .hidden_container {
padding: 0 0 20px;
}
#header .header_bottom {
display: flex;
align-items: center;
justify-content: center;
max-height: 1000px;
box-sizing: border-box;
transition: all 300ms ease-in-out;
}
#header:not(:hover) .header_bottom.hidden {
max-height: 0;
overflow: hidden;
}
#header ul.main_menu li a {
text-decoration: none; color: var(--primary);
}
#header.bg_transparent ul.main_menu li a {
color: var(--white);
}
#header .contact_link_container {
display: flex;
gap: var(--gap-s);
}
#header .contact_link_container > a {
display: flex;
gap: var(--gap-s);
align-items: center;
text-decoration: none;
color: var(--error);
margin: 0;
position: relative;
}
#header .contact_link_container > a:before {
content: '';
background: center / cover no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3cpath fill='%23FF0000' d='m19.97 15.117-.908 3.937a1.214 1.214 0 0 1-1.19.946C8.016 20 0 11.984 0 2.129c0-.573.39-1.062.946-1.19L4.884.032A1.226 1.226 0 0 1 6.282.74l1.817 4.238c.213.5.07 1.081-.35 1.424L5.644 8.09a13.659 13.659 0 0 0 6.231 6.23l1.722-2.102c.34-.42.926-.566 1.425-.35l4.239 1.816c.51.269.841.862.709 1.433Z'/%3e%3c/svg%3e");
width: 20px;
height: 20px;
display: block;
}
#header .contact_link_container > a.mail_link:before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' fill='none'%3e%3cpath fill='%23FF0000' d='M10 11.75a2.986 2.986 0 0 1-1.842-.641L0 4.766v8.859C0 14.66.84 15.5 1.875 15.5h16.25c1.035 0 1.875-.84 1.875-1.875v-8.86l-8.156 6.348c-.551.426-1.2.637-1.844.637ZM.636 3.676l8.29 6.449a1.751 1.751 0 0 0 2.15 0l8.29-6.45c.364-.312.634-.792.634-1.3C20 1.339 19.16.5 18.125.5H1.875C.839.5 0 1.34 0 2.375c0 .508.235.988.636 1.3Z'/%3e%3c/svg%3e");
height: 15px;
} .search-wrapper {
height: 95px;
max-height: 0;
width: 100%;
box-sizing: border-box;
top: 0;
z-index: 7;
overflow: hidden;
transition: 0.15s;
position: relative;
}
.search-wrapper.open {
max-height: 95px;
}
.search-wrapper .close-search {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
width: 15px;
height: 15px;
transition: 0.3s;
background: no-repeat center / 20px url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath fill='%23525050' d='M123.5 11.6l-7-7L64 56.8 11.6 4.5l-7.1 7L56.9 64 4.5 116.4l7 7L64 71.2l52.4 52.4 7.1-7L71.1 64z'/%3E%3C/svg%3E");
}
.search-wrapper .close-search:hover {
opacity: 0.7;
}
.search-wrapper > div {
padding: 20px 50px;
box-sizing: border-box;
height: 100%;
display: flex;
align-items: flex-end;
}
.search-wrapper > div form {
position: relative;
height: 100%;
width: 100%;
}
.search-wrapper > div form * {
height: 100%;
}
.search-wrapper > div form input[type=text] {
width: 100%;
box-sizing: border-box;
background-color: transparent; border: 1px solid var(--white);
padding-left: 20px;
outline: none;
}
.search-wrapper > div form input[type=submit] {
position: absolute;
top: 0;
right: 0;
width: 50px;
text-indent: -9999px;
overflow: hidden;
border: none;
transition: 0.3s;
cursor: pointer;
background: no-repeat center / 25px url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg clip-path='url(%23clip0)' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M0 7.4a7.2 7.2 0 0111.3-6 7.1 7.1 0 011.7 9.8.3.3 0 00.2.3l4.4 4.5a1.2 1.2 0 01-.3 1.9 1.2 1.2 0 01-1.3-.3l-3-3-1.5-1.4a.3.3 0 00-.5 0A7.1 7.1 0 010 7.4zm7.2-5.8a5.5 5.5 0 00-5.5 6.6A5.5 5.5 0 006 12.6 5.6 5.6 0 0012.6 7a5.5 5.5 0 00-5.4-5.5z' fill='%23171717'/%3E%3Cpath d='M0 7.4a7.2 7.2 0 0111.3-6 7.1 7.1 0 011.7 9.8.3.3 0 00.2.3l4.4 4.5a1.2 1.2 0 01-.3 1.9 1.2 1.2 0 01-1.3-.3l-3-3-1.5-1.4a.3.3 0 00-.5 0A7.1 7.1 0 010 7.4zm7.2-5.8a5.5 5.5 0 00-5.5 6.6 5.5 5.5 0 007.5 4 5.5 5.5 0 001.8-9c-1-1-2.4-1.5-3.8-1.6z' fill='%23525050'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23525050' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#header.bg_transparent .search-wrapper > div form input[type=submit] {
background: no-repeat center / 25px url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg clip-path='url(%23clip0)' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M0 7.4a7.2 7.2 0 0111.3-6 7.1 7.1 0 011.7 9.8.3.3 0 00.2.3l4.4 4.5a1.2 1.2 0 01-.3 1.9 1.2 1.2 0 01-1.3-.3l-3-3-1.5-1.4a.3.3 0 00-.5 0A7.1 7.1 0 010 7.4zm7.2-5.8a5.5 5.5 0 00-5.5 6.6A5.5 5.5 0 006 12.6 5.6 5.6 0 0012.6 7a5.5 5.5 0 00-5.4-5.5z' fill='white'/%3E%3Cpath d='M0 7.4a7.2 7.2 0 0111.3-6 7.1 7.1 0 011.7 9.8.3.3 0 00.2.3l4.4 4.5a1.2 1.2 0 01-.3 1.9 1.2 1.2 0 01-1.3-.3l-3-3-1.5-1.4a.3.3 0 00-.5 0A7.1 7.1 0 010 7.4zm7.2-5.8a5.5 5.5 0 00-5.5 6.6 5.5 5.5 0 007.5 4 5.5 5.5 0 001.8-9c-1-1-2.4-1.5-3.8-1.6z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='white' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#header.bg_transparent .search-wrapper > div form input::placeholder {
color: var(--white);
}
#header.bg_transparent .search-wrapper > div form input {
color: white;
padding-right: 50px;
}
.search-wrapper > div form input[type=submit]:hover {
opacity: 0.7;
}
.search-wrapper > div ::-webkit-input-placeholder { color: #525050;
}
.search-wrapper > div ::-moz-placeholder { color: #525050;
}
.search-wrapper > div :-ms-input-placeholder { color: #525050;
}
.search-wrapper > div :-moz-placeholder { color: #525050;
} .search-toggle {
background: no-repeat center / 28px url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath fill='%23001137' d='m27.3 24-6-6c1.3-1.8 2-4 2-6.3a11.7 11.7 0 1 0-5.2 9.7l6 6a2.3 2.3 0 1 0 3.2-3.4ZM3.5 11.7a8.2 8.2 0 1 1 16.4 0 8.2 8.2 0 0 1-16.4 0Z'/%3e%3c/svg%3e");
display: flex;
height: 100%;
width: 30px;
aspect-ratio: 10 / 10;
cursor: pointer;
}
.bg_transparent .search-toggle {
background: no-repeat center / 28px url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath fill='white' d='m27.3 24-6-6c1.3-1.8 2-4 2-6.3a11.7 11.7 0 1 0-5.2 9.7l6 6a2.3 2.3 0 1 0 3.2-3.4ZM3.5 11.7a8.2 8.2 0 1 1 16.4 0 8.2 8.2 0 0 1-16.4 0Z'/%3e%3c/svg%3e");
}
.bg_transparent  .menu_cta a:nth-child(2) {
filter: invert(1) grayscale(1005);
}@media (min-width: 1024px) {
#header .menu_content_container {
display: flex;
align-items: center;
gap: var(--gap-m);
}
#header ul.main_menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 0;
align-items: center;
}
#header ul.main_menu li {
position: relative;
}
#header ul.main_menu li a {
display: block;
padding: 10px 20px;
line-height: 1.25;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
border: 1px solid transparent;
position: relative;
}
#header ul.main_menu > li > a:after {
content: '';
background: center / cover no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='61' height='6' fill='none'%3e%3cpath fill='%23F93A3C' d='M.9.8c0-.4.5-.8 1-.8h58c.5 0 1 .6 1 1.2l-.8 4c0 .4-.5.8-1 .8h-58a1 1 0 0 1-1-1.2l.8-4Z'/%3e%3c/svg%3e");
position: absolute;
top: 100%;
left: calc(50% - 30px);
width: 61px;
height: 6px;
opacity: 0;
}
#header ul.main_menu > li.current_page_item > a:after,
#header ul.main_menu > li.current-menu-parent > a:after {
opacity: 1;
}
#header ul.main_menu > li.current_page_item > a:hover:after,
#header ul.main_menu > li.current-menu-parent > a:hover:after {
opacity: 0;
}
#header ul.main_menu li a:hover {
background: #0011370A;
border-radius: 10px 5px;
border-color: var(--primary);
}
#header.bg_transparent ul.main_menu > li > a:hover {
border-radius: 10px 5px;
border-color: var(--white);
}
#header .menu_cta {
display: flex;
align-items: center;
}
#mobile_menu_button, .mobile_menu_header, .mobile_menu_cta {
display: none;
}
ul#main_menu > li.menu-item-has-children > a {
padding: 10px 28px 10px 20px;
background: calc(100% - 12px) / 10px 8px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3E%3Cpath fill='%239A9CA1' d='m5 7.031-5-5L1.062.97 5 4.907 8.938.97 10 2.031l-5 5Z'/%3E%3C/svg%3E");
}
ul#main_menu > li.menu-item-has-children > a:hover {
background: #0011370A calc(100% - 12px) / 10px 8px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3E%3Cpath fill='%230A1C3D' d='m5 7.031-5-5L1.062.97 5 4.907 8.938.97 10 2.031l-5 5Z'/%3E%3C/svg%3E");
}
.bg_transparent ul#main_menu > li > a:hover {
background-color: rgba(0, 17, 55, 0.70);
}
.bg_transparent ul#main_menu > li.menu-item-has-children > a {
background: calc(100% - 10px) / 10px 8px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3E%3Cpath fill='%239A9CA1' d='m5 7.031-5-5L1.062.97 5 4.907 8.938.97 10 2.031l-5 5Z'/%3E%3C/svg%3E");
}
.bg_transparent ul#main_menu > li.menu-item-has-children > a:hover {
background: rgba(0, 17, 55, 0.70) calc(100% - 10px) / 10px 8px no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3e%3cpath fill='white' d='M5 7 0 2l1-1 4 4 4-4 1 1-5 5Z'/%3e%3c/svg%3e");
}
ul#main_menu > li.menu-item-has-children ul {
color: var(--white);
position: absolute;
list-style: none;
top: 54px;
left: 0;
padding: 0;
min-width: 240px;
max-height: 0;
border: none;
overflow: hidden;
transition: max-height 0.4s;
}
ul#main_menu > li.menu-item-has-children:hover ul {
max-height: 1000px;
}
ul#main_menu > li.menu-item-has-children ul li {
padding: 0 20px;
background: var(--primary);
border-radius: 0;
}
ul#main_menu > li.menu-item-has-children ul li:first-child {
padding-top: 20px;
border-radius: 15px 5px 0 0;
}
ul#main_menu > li.menu-item-has-children ul li:last-child {
padding-bottom: 20px;
border-radius: 0 0 15px 5px;
}
ul#main_menu > li.menu-item-has-children ul li a {
box-sizing: border-box;
display: block;
text-decoration: none; min-width: max-content;
font-weight: 700;
letter-spacing: 0.03em;
line-height: 20px; color: var(--white);
position: relative;
}
ul#main_menu > li.menu-item-has-children ul li.current_page_item a:after {
transform: rotate(180deg);
margin-left: 10px;
opacity: 1;
}
ul#main_menu > li.menu-item-has-children ul li a:after {
content: '';
background: center / cover no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' fill='none'%3e%3cpath fill='%23F93A3C' d='M1.2 14.2c.5.8 1.7 1 2.4.2l5.3-5.3c.6-.6.6-1.6 0-2.2-.6-.6-1.6-.6-2.2 0l-5.3 5.3c-.6.5-.7 1.4-.2 2Z'/%3e%3cpath fill='%23F93A3C' d='M1.2 1.8c-.5.6-.4 1.5.2 2l5.3 5.3c.6.6 1.6.6 2.2 0 .6-.6.6-1.6 0-2.2L3.6 1.6c-.7-.7-1.9-.6-2.4.2Z'/%3e%3c/svg%3e");
width: 10px;
height: 16px;
display: inline-block;
position: absolute;
top: calc(50% - 8px);
margin-left: 5px;
opacity: 0;
transition: 0.2s;
}
ul#main_menu > li.menu-item-has-children ul li:hover a:after,
ul#main_menu > li.menu-item-has-children ul li.current_page_item:hover a:after {
transform: rotate(0deg);
margin-left: 15px;
opacity: 1;
}
#header.bg_transparent .button.outline {
border: 2px solid var(--white);
color: var(--white);
}
#header.bg_transparent .button.outline:before,
#header.bg_transparent .button.outline:after {
background: var(--white);
}
#header.bg_transparent .button.outline:hover {
color: var(--primary)
}
}
@media (min-width: 1301px) {
#header ul.main_menu {
gap: 10px;
}
}@media (max-width: 1024px) {
#header {
position: absolute;
}
#header .menu_cta a:nth-child(1){
display: none;
}
.menu_content_container {
display: flex;
align-items: center;
}
#header .menu_cta a:nth-child(2) {
display: flex;
height: 100%;
width: 30px;
aspect-ratio: 10 / 13;
cursor: pointer;
text-indent: -9999px;
overflow: hidden;
border: none;
padding: 0;
background:center / contain no-repeat url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8859 28.9967C10.8916 28.9967 6.89728 28.9967 2.90297 28.9967C2.69322 28.9967 2.48246 29.0054 2.27272 28.9945C1.20567 28.9376 0.982686 28.7504 1.00101 27.635C1.03258 25.7413 0.997959 23.829 1.2301 21.9593C1.70254 18.1632 3.38355 16.5289 6.93088 16.1261C8.54571 15.9433 10.0781 16.0549 11.5585 16.9667C13.9044 18.4106 16.3225 18.2354 18.6633 16.8868C21.222 15.4124 23.7257 15.975 26.1663 17.132C27.7689 17.8917 28.4949 19.515 28.6863 21.2664C28.9255 23.4557 28.9418 25.6767 28.9989 27.8856C29.0192 28.6792 28.7708 28.8861 28.0021 28.9704C27.6274 29.012 27.2466 28.9967 26.8678 28.9967C22.8735 28.9978 18.8792 28.9967 14.8849 28.9967H14.8859Z' fill='%23001137' stroke='%23001137' stroke-width='1.2' /%3E%3Cpath d='M22 8.63568C21.9528 10.5396 21.3501 12.279 19.9999 13.7453C17.1992 16.7894 12.6198 16.7441 9.8878 13.6517C7.1855 10.5928 7.41308 5.67337 10.386 2.8569C13.1047 0.281878 17.3325 0.397177 19.8861 3.12692C21.3398 4.681 21.9949 6.5258 21.999 8.63568H22Z' fill='%23001137' stroke='%23001137' stroke-width='1.2' /%3E%3C/svg%3E%0A");
}
#close_menu {
background: center / cover no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='31' height='30' fill='none'%3e%3cpath fill='white' d='M.1 26.7a.8.8 0 0 1 .1-1L26.8.5c.3-.3.9-.2 1.1.2L30 3.6c.3.3.2.7 0 1L3.3 29.8c-.3.3-.9.2-1.2-.2l-2-2.9Z'/%3e%3cpath fill='white' d='M.1 3.2c-.2.4-.1.8.1 1l26.6 25.2c.3.3.9.3 1.1 0l2.1-3c.3-.3.2-.8 0-1L3.3.2a.8.8 0 0 0-1.2.1l-2 3Z'/%3e%3c/svg%3e");
position: fixed;
top: 0;
right: 0;
z-index: 2147483647;
width: 0;
height: 100vh;
display: block;
transition: background-color 0.3s ease, right 0.3s ease;
-webkit-transition: background-color 0.3s ease, right 0.3s ease;
}
.close_menu_btn {
padding: 5px;
background: center / contain no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='31' height='30' fill='none'%3e%3cpath fill='white' d='M.1 26.7a.8.8 0 0 1 .1-1L26.8.5c.3-.3.9-.2 1.1.2L30 3.6c.3.3.2.7 0 1L3.3 29.8c-.3.3-.9.2-1.2-.2l-2-2.9Z'/%3e%3cpath fill='white' d='M.1 3.2c-.2.4-.1.8.1 1l26.6 25.2c.3.3.9.3 1.1 0l2.1-3c.3-.3.2-.8 0-1L3.3.2a.8.8 0 0 0-1.2.1l-2 3Z'/%3e%3c/svg%3e");
width: 30px;
aspect-ratio: 1;
}
body.menu_open {
overflow: hidden;
}
body.menu_open #close_menu {
display: block;
background: rgba(0, 0, 0, 0.5);
right: min(90vw, 430px);
width: 100%;
}
body.menu_open.show_menu_close #close_menu {
background-color: rgba(0, 0, 0, 0.01);
width: 100%;
right: 0;
}
#wrap {
position: relative;
width: auto;
min-width: 320px;
overflow: hidden;
}
#shifter {
position: relative;
width: 100%;
left: 0;
transition: left 0.3s ease;
-webkit-transition: left 0.3s ease;
background: #fff;
}
body {
background: #d8d8d8;
}
body.menu_open #shifter {
left: calc(-1 * min(90vw, 430px));
}
body.menu_open.show_menu_close #shifter {
left: 0;
}
#header .header_top {
padding: 20px;
}
body.menu_open #header .header_top {
padding-right: 40px;
}
#header .header_top .search-icon {
order: 2;
margin-left: auto;
}
#header .header_top .header_logo {
order: 1;
position: relative;
left: auto;
transform: none;
}
#header .header_top .menu_content_container {
order: 3;
margin-left: 20px;
}
#mobile_menu_button {
display: flex;
flex-direction: column;
width: 40px;
height: 40px;
padding: 0;
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath fill='%23fff' d='M2.45 5.898A1 1 0 0 1 3.443 5H31.21a1 1 0 0 1 .995 1.102l-.336 3.273a1 1 0 0 1-.995.898H3.108a1 1 0 0 1-.995-1.102l.336-3.273ZM2.55 17.74a1 1 0 0 1 .992-.876h34.234a1 1 0 0 1 .993 1.124l-.41 3.273a1 1 0 0 1-.992.876H3.133a1 1 0 0 1-.993-1.124l.41-3.273ZM2.45 29.625a1 1 0 0 1 .994-.898H31.21a1 1 0 0 1 .995 1.103l-.336 3.272a1 1 0 0 1-.995.898H3.108a1 1 0 0 1-.995-1.102l.336-3.273Z'/%3E%3C/svg%3E");
margin-left: 20px;
}    #header .header_bottom .hidden_container {
padding: 0 0 180px;
width: 100%;
position: relative;
}
#header .header_bottom .mobile_menu_header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 20px;
box-sizing: border-box;
}
#header .header_bottom {
display: flex;
top: 0;
left: 100%;
width: min(90vw, 430px);
z-index: 11;
position: fixed;
overflow-x: hidden;
overflow-y: scroll;
max-height: 100vh;
-webkit-transition: left 0.3s ease;
height: 100%;
-ms-overflow-style: none; scrollbar-width: none; box-sizing: border-box;
background: var(--primary);
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
isolation: isolate;
}
.header_bottom::-webkit-scrollbar {
display: none; }
body.menu_open #header .header_bottom {
left: calc(100% - min(90vw, 430px));
}
body.menu_open.show_menu_close .header_bottom {
left: 100%;
}
.main_menu, .main_menu ul {
padding: 0;
margin: 0;
list-style: none;
}
ul.main_menu > li.active {
background: var(--tertiary-tsp);
}
.contact_link_container {
flex-direction: column;
}
.main_menu li.menu-item-has-children > ul {
max-height: 0;
transition: max-height 0.5s ease-in-out;
overflow: hidden;
}
.main_menu li.active ul {
max-height: 500px;
transition: max-height 0.5s ease-in-out;
}
.main_menu a {
display: block;
color: var(--error);
padding: 20px;
font-size: 20px;
font-weight: 400;
text-decoration: none;
}
#header ul.main_menu li a {
padding: 20px;
text-decoration: none;
color: var(--white);
text-transform: uppercase;
font-size: 20px;
line-height: 1.5;
font-weight: 800;
}
.main_menu > li {
position: relative;
border-bottom: 1px solid var(--primary);
}
.main_menu li.menu-item-has-children > .expand_container {
position: absolute;
width: 100px;
height: 70px;
right: 0;
top: 0;
}
.main_menu li.menu-item-has-children > .expand_container > .expand_btn {
transition: transform 0.3s;
display: block;
width: 22px;
height: 14px;
position: absolute;
top: calc(50% - 5px);
right: 20px;
background: center / cover no-repeat var(--t-menu-chevron);
}
.main_menu li.menu-item-has-children.active > .expand_container > .expand_btn {
background-image: var(--s-menu-chevron);
}
.main_menu li.menu-item-has-children.clicked > a:after {
transform: rotate(-180deg);
}
#header ul.main_menu li.menu-item-has-children > ul li {
border-top: 1px solid var(--primary);
}
#header ul.main_menu li.menu-item-has-children > ul li a {
color: var(--white);
padding: 20px 40px;
border-top: 1px solid var(--primary);
font-weight: 400;
}
#header .mobile_menu_cta {
padding: 20px;
background: transparent;
}
#header .mobile_menu_cta .button {
min-width: 100%;
box-sizing: border-box;
display: block;
}
#header .mobile_menu_cta .button:not(:last-of-type) {
margin-bottom: 10px;
}
body.menu_open #header .header_bottom .hidden_container:after {
content: '';
margin-top: 20px;
background: no-repeat center top / 80% url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='473' height='481' fill='none'%3E%3Cpath fill='%23274892' d='M227.5 14.8c1.6-8.3 9-14.2 17.4-14l67.1 2c10.7.3 18.5 10 16.4 20.5L242.8 466a17.3 17.3 0 0 1-18.3 14l-66.5-5.4a17.2 17.2 0 0 1-15.5-20.5l85-439.3Z'/%3E%3Cpath fill='%23F93A3C' d='M332.2 85.6a17.3 17.3 0 0 1 18.3-14l73.4 6.1a17.2 17.2 0 0 1 15.5 20.5L380.6 402c-1.7 9-10 15-19 14l-72.8-8.6a17.2 17.2 0 0 1-14.9-20.5l58.3-301.3ZM91 72.4a17.3 17.3 0 0 1 18.3-14l73.3 6.2A17.2 17.2 0 0 1 198.1 85L139.4 389c-1.8 8.8-10 15-19 13.9l-72.9-8.6a17.2 17.2 0 0 1-14.8-20.5L90.9 72.4Z'/%3E%3Cpath fill='%23274892' d='M15.7 180.3a17.3 17.3 0 0 1 18.5-14l3.4.4a17.2 17.2 0 0 1 15.3 20.5l-14.8 76.5c-1.7 9-10 15-19 13.9l-3.4-.4A17.2 17.2 0 0 1 .9 256.7l14.8-76.4ZM435 202.4a17.3 17.3 0 0 1 18.5-14l3.4.4a17.2 17.2 0 0 1 15.4 20.4l-14.8 76.6c-1.8 9-10 15-19 13.9l-3.5-.4a17.3 17.3 0 0 1-14.8-20.5l14.8-76.4Z'/%3E%3C/svg%3E");
position: relative;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
}#footer {
background: var(--primary);
}
#footer .upper_footer {
background: var(--tertiary);
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: center;
}
#footer .lower_footer {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1.6fr;
gap: var(--gap-xl);
}
@media (max-width: 1024px) and (min-width: 600px) {
#footer .lower_footer {
grid-template-columns: 1fr 1fr;
}
#footer .lower_footer div:nth-child(2) {
text-align: right;
}
#footer .upper_footer {
grid-template-columns: 1fr 1fr;
row-gap: var(--gap-m);
}
#footer .upper_footer div:nth-child(1) {
order: 1;
}
#footer .upper_footer div:nth-child(2) {
order: 3;
grid-column: 1 / 3;
}
#footer .upper_footer div:nth-child(3) {
order: 2;
}
}
@media (max-width: 800px) {
#footer .end_of_page {
flex-direction: column;
align-items: center
}
}
@media (max-width: 600px) {
#footer .lower_footer {
grid-template-columns: 1fr;
}
#footer .lower_footer div:nth-child(1),
#footer .lower_footer div:nth-child(2),
#footer .lower_footer div:nth-child(3),
#footer .lower_footer div:nth-child(4),
#footer .lower_footer div:nth-child(4) > * {
text-align: center !important;
}
#footer .upper_footer {
grid-template-columns: 1fr;
row-gap: var(--gap-m);
justify-items: center;
}
#footer .upper_footer div:last-child * {
text-align: center !important;
}
}
#footer .lower_footer .footer_menu_container {
color: white;
}
#footer .lower_footer ul.footer_menu {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: var(--gap-s);
}
#footer .lower_footer ul.footer_menu li a {
font-size: 16px;
text-decoration: none;
color: white;
}
#footer .upper_footer .footer_logo {
filter: brightness(0) invert(1);
}
#footer .end_of_page {
display: flex;
justify-content: space-between;
color: var(--white);
}
.marketing_by {
display: flex;
align-items: center;
gap: 5px;
}
.marketing_by a {
height: 21px;
}