/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
 @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Mulish:wght@300;400;700&family=Roboto+Condensed:wght@400;700&display=swap');
 *,
 *::before,
 *::after {
     box-sizing: border-box;
 }


/*
 @font-face {
    font-family: 'TradeGothic LT';
    src: url('https://25171918.fs1.hubspotusercontent-eu1.net/hubfs/25171918/fonts/TradeGothic%20LT/TradeGothicLT-Bold.eot');
    src: url('https://25171918.fs1.hubspotusercontent-eu1.net/hubfs/25171918/fonts/TradeGothic%20LT/TradeGothicLT-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://25171918.fs1.hubspotusercontent-eu1.net/hubfs/25171918/fonts/TradeGothic%20LT/TradeGothicLT-Bold.woff2') format('woff2'),
        url('https://25171918.fs1.hubspotusercontent-eu1.net/hubfs/25171918/fonts/TradeGothic%20LT/TradeGothicLT-Bold.woff') format('woff'),
        url('https://25171918.fs1.hubspotusercontent-eu1.net/hubfs/25171918/fonts/TradeGothic%20LT/TradeGothicLT-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TradeGothic LT';
    src: url('https://25171918.fs1.hubspotusercontent-eu1.net/hubfs/25171918/fonts/TradeGothic%20LT/TradeGothicLT-Light.eot');
    src: url('https://25171918.fs1.hubspotusercontent-eu1.net/hubfs/25171918/fonts/TradeGothic%20LT/TradeGothicLT-Light.eot?#iefix') format('embedded-opentype'),
        url('https://25171918.fs1.hubspotusercontent-eu1.net/hubfs/25171918/fonts/TradeGothic%20LT/TradeGothicLT-Light.woff2') format('woff2'),
        url('https://25171918.fs1.hubspotusercontent-eu1.net/hubfs/25171918/fonts/TradeGothic%20LT/TradeGothicLT-Light.woff') format('woff'),
        url('https://25171918.fs1.hubspotusercontent-eu1.net/hubfs/25171918/fonts/TradeGothic%20LT/TradeGothicLT-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
*/

 @font-face {
    font-family: 'SuisseIntl LT';
    src: url('https://asset-cdn-irl-uat.cassiecloud.com/66ADE363-4196-48D1-BAA0-E2FCE76D9FC7/HPK-UATSKIN/fonts/SuisseIntl-Regular-WebM.woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SuisseIntl LT';
    src: url('https://asset-cdn-irl-uat.cassiecloud.com/66ADE363-4196-48D1-BAA0-E2FCE76D9FC7/HPK-UATSKIN/fonts/SuisseIntl-Medium-WebM.woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

 @font-face {
    font-family: 'SuisseIntl LT';
    src: url('https://asset-cdn-irl-uat.cassiecloud.com/66ADE363-4196-48D1-BAA0-E2FCE76D9FC7/HPK-UATSKIN/fonts/SuisseIntl-RegularItalic-WebM.woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SuisseIntl LT';
    src: url('https://asset-cdn-irl-uat.cassiecloud.com/66ADE363-4196-48D1-BAA0-E2FCE76D9FC7/HPK-UATSKIN/fonts/SuisseIntl-MediumItalic-WebM.woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
 
 html {
     font-family: 'SuisseIntl LT', sans-serif;
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
     -webkit-tap-highlight-color: transparent;
     background-color: var(--c-brand-beige);
 }
 article,
 aside,
 figcaption,
 figure,

 header,
 hgroup,
 main,
 nav,
 section {
     display: block;
 }
 body {
 body {
font-family: 'SuisseIntl LT', sans-serif;
    font-style: normal;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #14110F;
     text-align: left;
     background-color: var(--c-brand-beige);
     margin: 0;
 }
 }
 [tabindex="-1"]:focus:not(:focus-visible) {
     outline: 0 !important;
 }
 hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible;
 }
 h1,
 h2,
 .h2,
 .f2,
 h3,
 .h3,
 .f3,
 #body-container .panel .panel-aside #ClientName .heading,
 #body-container .panel .inner-panel .preferences-card .preferences-card-title,
 h4,
 .h4,
 h5,
 .h5,
 h6,
 .h6 {
     margin-top: 0;
     margin-bottom: 0.5rem;
 }
 p,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .preferences-card-summary-text {
     margin-top: 0;
     margin-bottom: 1rem;
 }
 abbr[title],
 abbr[data-original-title] {
     text-decoration: underline;
     text-decoration: underline dotted;
     cursor: help;
     border-bottom: 0;
     text-decoration-skip-ink: none;
 }
 address {
     margin-bottom: 1rem;
     font-style: normal;
     line-height: inherit;
 }
 ol,
 ul,
 dl {
     margin-top: 0;
     margin-bottom: 1rem;
 }
 ol ol,
 ul ul,
 ol ul,
 ul ol {
     margin-bottom: 0;
 }
 dt {
     font-weight: 700;
 }
 dd {
     margin-bottom: 0.5rem;
     margin-left: 0;
 }
 blockquote {
     margin: 0 0 1rem;
 }
 b,
 strong {
     font-weight: bolder;
 }
 small {
     font-size: 80%;
 }
 sub,
 sup {
     position: relative;
     font-size: 75%;
     line-height: 0;
     vertical-align: baseline;
 }
 sub {
     bottom: -0.25em;
 }
 sup {
     top: -0.5em;
 }
 a {
     color: #007bff;
     text-decoration: none;
     background-color: transparent;
 }
 a:hover {
     color: #0056b3;
     text-decoration: underline;
 }
 a:not([href]):not([class]) {
     color: inherit;
     text-decoration: none;
 }
 a:not([href]):not([class]):hover {
     color: inherit;
     text-decoration: none;
 }
 pre,
 code,
 kbd,
 samp {
     font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     font-size: 1em;
 }
 pre {
     margin-top: 0;
     margin-bottom: 1rem;
     overflow: auto;
     -ms-overflow-style: scrollbar;
 }
 figure {
     margin: 0 0 1rem;
 }
 img {
     vertical-align: middle;
     border-style: none;
 }
 svg {
     overflow: hidden;
     vertical-align: middle;
 }
 table {
     border-collapse: collapse;
 }
 caption {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
     color: #6c757d;
     text-align: left;
     caption-side: bottom;
 }
 th {
     text-align: inherit;
     text-align: -webkit-match-parent;
 }
 label {
     display: inline-block;
     margin-bottom: 0.5rem;
 }
 button {
     border-radius: 0;
 }
 button:focus {
     outline: 1px dotted;
     outline: 5px auto -webkit-focus-ring-color;
 }
 input,
 button,
 select,
 optgroup,
 textarea {
     margin: 0;
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
 }
 button,
 input {
     overflow: visible;
 }
 button,
 select {
     text-transform: none;
 }
 [role="button"] {
     cursor: pointer;
 }
 select {
     word-wrap: normal;
 }
 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
     -webkit-appearance: button;
 }
 button:not(:disabled),
 [type="button"]:not(:disabled),
 [type="reset"]:not(:disabled),
 [type="submit"]:not(:disabled) {
     cursor: pointer;
 }
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
     padding: 0;
     border-style: none;
 }
 input[type="radio"],
 input[type="checkbox"] {
     box-sizing: border-box;
     padding: 0;
 }
 textarea {
     overflow: auto;
     resize: vertical;
 }
 fieldset {
     min-width: 0;
     padding: 0;
     margin: 0;
     border: 0;
 }
 legend {
     display: block;
     width: 100%;
     max-width: 100%;
     padding: 0;
     margin-bottom: 0.5rem;
     font-size: 1.5rem;
     line-height: inherit;
     color: inherit;
     white-space: normal;
 }
 progress {
     vertical-align: baseline;
 }
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
     height: auto;
 }
 [type="search"] {
     outline-offset: -2px;
     -webkit-appearance: none;
 }
 [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 ::-webkit-file-upload-button {
     font: inherit;
     -webkit-appearance: button;
 }
 output {
     display: inline-block;
 }
 summary {
     display: list-item;
     cursor: pointer;
 }
 template {
     display: none;
 }
 [hidden] {
     display: none !important;
 }
 hr {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 0;
     border-top: 1px solid rgba(0, 0, 0, 0.1);
 }
 small,
 .small {
     font-size: 80%;
     font-weight: 400;
 }
 mark,
 .mark {
     padding: 0.2em;
     background-color: #fcf8e3;
 }
 #body-container #top-bar #ClientBranding,
 #body-container .panel {
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
 }
 @media (min-width: 576px) {
     #body-container #top-bar #ClientBranding,
     #body-container .panel {
         max-width: 540px;
     }
 }
 @media (min-width: 768px) {
     #body-container #top-bar #ClientBranding,
     #body-container .panel {
         max-width: 75%;
     }
 }
 @media (min-width: 992px) {
     #body-container #top-bar #ClientBranding,
     #body-container .panel {
         max-width: 960px;
     }
 }
 @media (min-width: 1200px) {
     #body-container #top-bar #ClientBranding,
     #body-container .panel {
         max-width: 1140px;
     }
 }

 .heading,
 #body-container .panel .panel-aside,
 #body-container .panel .inner-panel {
     position: relative;
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
 }
 @media (min-width: 768px) {

     .heading {
         flex: 0 0 100%;
         max-width: 100%;
     }
 }
 @media (min-width: 992px) {
     #body-container .panel .panel-aside {
         flex: 0 0 25%;
         max-width: 25%;
     }
     .heading,
     #body-container .panel .inner-panel {
         flex: 0 0 50%;
         max-width: 50%;
     }
     #body-container .panel .inner-panel {
         margin-left: 25%;
     }
 }
 .form-control,
 .wood-search-input,
 .nav-search-input,
 form .login-field {
     display: block;
     width: 100%;
     height: calc(1.5em + 0.75rem + 2px);
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #ced4da;
     border-radius: 0.25rem;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
     .form-control,
     .wood-search-input,
     .nav-search-input,
     form .login-field {
         transition: none;
     }
 }
 .form-control::-ms-expand,
 .wood-search-input::-ms-expand,
 .nav-search-input::-ms-expand,
 form .login-field::-ms-expand {
     background-color: transparent;
     border: 0;
 }
 .form-control:-moz-focusring,
 .wood-search-input:-moz-focusring,
 .nav-search-input:-moz-focusring,
 form .login-field:-moz-focusring {
     color: transparent;
     text-shadow: 0 0 0 #495057;
 }
 .form-control:focus,
 .wood-search-input:focus,
 .nav-search-input:focus,
 form .login-field:focus {
     color: #495057;
     background-color: #fff;
     border-color: #80bdff;
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
 .form-control::placeholder,
 .wood-search-input::placeholder,
 .nav-search-input::placeholder,
 form .login-field::placeholder {
     color: #6c757d;
     opacity: 1;
 }
 .form-control:disabled,
 .wood-search-input:disabled,
 .nav-search-input:disabled,
 form .login-field:disabled,
 .form-control[readonly],
 [readonly].wood-search-input,
 [readonly].nav-search-input,
 form [readonly].login-field {
     background-color: #e9ecef;
     opacity: 1;
 }
 input[type="date"].form-control,
 input[type="date"].wood-search-input,
 input[type="date"].nav-search-input,
 form input[type="date"].login-field,
 input[type="time"].form-control,
 input[type="time"].wood-search-input,
 input[type="time"].nav-search-input,
 form input[type="time"].login-field,
 input[type="datetime-local"].form-control,
 input[type="datetime-local"].wood-search-input,
 input[type="datetime-local"].nav-search-input,
 form input[type="datetime-local"].login-field,
 input[type="month"].form-control,
 input[type="month"].wood-search-input,
 input[type="month"].nav-search-input,
 form input[type="month"].login-field {
     appearance: none;
 }
 select.form-control:focus::-ms-value,
 select.wood-search-input:focus::-ms-value,
 select.nav-search-input:focus::-ms-value,
 form select.login-field:focus::-ms-value {
     color: #495057;
     background-color: #fff;
 }
 .form-control-file,
 .form-control-range {
     display: block;
     width: 100%;
 }
 .form-control-plaintext {
     display: block;
     width: 100%;
     padding: 0.375rem 0;
     margin-bottom: 0;
     font-size: 1rem;
     line-height: 1.5;
     color: #212529;
     background-color: transparent;
     border: solid transparent;
     border-width: 1px 0;
 }
 .form-control-plaintext.form-control-sm,
 .form-control-plaintext.form-control-lg {
     padding-right: 0;
     padding-left: 0;
 }
 .form-control-sm {
     height: calc(1.5em + 0.5rem + 2px);
     padding: 0.25rem 0.5rem;
     font-size: 0.875rem;
     line-height: 1.5;
     border-radius: 0.2rem;
 }
 .form-control-lg {
     height: calc(1.5em + 1rem + 2px);
     padding: 0.5rem 1rem;
     font-size: 1.25rem;
     line-height: 1.5;
     border-radius: 0.3rem;
 }
 select.form-control[size],
 select[size].wood-search-input,
 select[size].nav-search-input,
 form select[size].login-field,
 select.form-control[multiple],
 select[multiple].wood-search-input,
 select[multiple].nav-search-input,
 form select[multiple].login-field {
     height: auto;
 }
 textarea.form-control,
 textarea.wood-search-input,
 textarea.nav-search-input,
 form textarea.login-field {
     height: auto;
 }
 .form-group {
     margin-bottom: 1rem;
 }
 .form-text {
     display: block;
     margin-top: 0.25rem;
 }
 .form-row {
     display: flex;
     flex-wrap: wrap;
     margin-right: -5px;
     margin-left: -5px;
 }
 .form-check {
     position: relative;
     display: block;
     padding-left: 1.25rem;
 }
 .form-check-input {
     position: absolute;
     margin-top: 0.3rem;
     margin-left: -1.25rem;
 }
 .form-check-input[disabled] ~ .form-check-label,
 .form-check-input:disabled ~ .form-check-label {
     color: #6c757d;
 }
 .form-check-label {
     margin-bottom: 0;
 }
 .form-check-inline {
     display: inline-flex;
     align-items: center;
     padding-left: 0;
     margin-right: 0.75rem;
 }
 .form-check-inline .form-check-input {
     position: static;
     margin-top: 0;
     margin-right: 0.3125rem;
     margin-left: 0;
 }
 .valid-feedback {
     display: none;
     width: 100%;
     margin-top: 0.25rem;
     font-size: 80%;
     color: #28a745;
 }
 .valid-tooltip {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: 0.25rem 0.5rem;
     margin-top: 0.1rem;
     font-size: 0.875rem;
     line-height: 1.5;
     color: #fff;
     background-color: rgba(40, 167, 69, 0.9);
     border-radius: 0.25rem;
 }
 .was-validated :valid ~ .valid-feedback,
 .was-validated :valid ~ .valid-tooltip,
 .is-valid ~ .valid-feedback,
 .is-valid ~ .valid-tooltip {
     display: block;
 }
 .was-validated .form-control:valid,
 .was-validated .wood-search-input:valid,
 .was-validated .nav-search-input:valid,
 .was-validated form .login-field:valid,
 form .was-validated .login-field:valid,
 .form-control.is-valid,
 .is-valid.wood-search-input,
 .is-valid.nav-search-input,
 form .is-valid.login-field {
     border-color: #28a745;
     padding-right: calc(1.5em + 0.75rem);
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-position: right calc(0.375em + 0.1875rem) center;
     background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 .was-validated .form-control:valid:focus,
 .was-validated .wood-search-input:valid:focus,
 .was-validated .nav-search-input:valid:focus,
 .was-validated form .login-field:valid:focus,
 form .was-validated .login-field:valid:focus,
 .form-control.is-valid:focus,
 .is-valid.wood-search-input:focus,
 .is-valid.nav-search-input:focus,
 form .is-valid.login-field:focus {
     border-color: #28a745;
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }
 .was-validated textarea.form-control:valid,
 .was-validated textarea.wood-search-input:valid,
 .was-validated textarea.nav-search-input:valid,
 .was-validated form textarea.login-field:valid,
 form .was-validated textarea.login-field:valid,
 textarea.form-control.is-valid,
 textarea.is-valid.wood-search-input,
 textarea.is-valid.nav-search-input,
 form textarea.is-valid.login-field {
     padding-right: calc(1.5em + 0.75rem);
     background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
 }
 .was-validated .custom-select:valid,
 .custom-select.is-valid {
     border-color: #28a745;
     padding-right: calc(0.75em + 2.3125rem);
     background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
             no-repeat right 0.75rem center/8px 10px,
         url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
             #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 .was-validated .custom-select:valid:focus,
 .custom-select.is-valid:focus {
     border-color: #28a745;
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }
 .was-validated .form-check-input:valid ~ .form-check-label,
 .form-check-input.is-valid ~ .form-check-label {
     color: #28a745;
 }
 .was-validated .form-check-input:valid ~ .valid-feedback,
 .was-validated .form-check-input:valid ~ .valid-tooltip,
 .form-check-input.is-valid ~ .valid-feedback,
 .form-check-input.is-valid ~ .valid-tooltip {
     display: block;
 }
 .was-validated .custom-control-input:valid ~ .custom-control-label,
 .custom-control-input.is-valid ~ .custom-control-label {
     color: #28a745;
 }
 .was-validated .custom-control-input:valid ~ .custom-control-label::before,
 .custom-control-input.is-valid ~ .custom-control-label::before {
     border-color: #28a745;
 }
 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
 .custom-control-input.is-valid:checked ~ .custom-control-label::before {
     border-color: #34ce57;
     background-color: #34ce57;
 }
 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
 .custom-control-input.is-valid:focus ~ .custom-control-label::before {
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }
 .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
 .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
     border-color: #28a745;
 }
 .was-validated .custom-file-input:valid ~ .custom-file-label,
 .custom-file-input.is-valid ~ .custom-file-label {
     border-color: #28a745;
 }
 .was-validated .custom-file-input:valid:focus ~ .custom-file-label,
 .custom-file-input.is-valid:focus ~ .custom-file-label {
     border-color: #28a745;
     box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }
 .invalid-feedback {
     display: none;
     width: 100%;
     margin-top: 0.25rem;
     font-size: 80%;
     color: #dc3545;
 }
 .invalid-tooltip {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 5;
     display: none;
     max-width: 100%;
     padding: 0.25rem 0.5rem;
     margin-top: 0.1rem;
     font-size: 0.875rem;
     line-height: 1.5;
     color: #fff;
     background-color: rgba(220, 53, 69, 0.9);
     border-radius: 0.25rem;
 }
 .was-validated :invalid ~ .invalid-feedback,
 .was-validated :invalid ~ .invalid-tooltip,
 .is-invalid ~ .invalid-feedback,
 .is-invalid ~ .invalid-tooltip {
     display: block;
 }
 .was-validated .form-control:invalid,
 .was-validated .wood-search-input:invalid,
 .was-validated .nav-search-input:invalid,
 .was-validated form .login-field:invalid,
 form .was-validated .login-field:invalid,
 .form-control.is-invalid,
 .is-invalid.wood-search-input,
 .is-invalid.nav-search-input,
 form .is-invalid.login-field {
     border-color: #dc3545;
     padding-right: calc(1.5em + 0.75rem);
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-position: right calc(0.375em + 0.1875rem) center;
     background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 .was-validated .form-control:invalid:focus,
 .was-validated .wood-search-input:invalid:focus,
 .was-validated .nav-search-input:invalid:focus,
 .was-validated form .login-field:invalid:focus,
 form .was-validated .login-field:invalid:focus,
 .form-control.is-invalid:focus,
 .is-invalid.wood-search-input:focus,
 .is-invalid.nav-search-input:focus,
 form .is-invalid.login-field:focus {
     border-color: #dc3545;
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }
 .was-validated textarea.form-control:invalid,
 .was-validated textarea.wood-search-input:invalid,
 .was-validated textarea.nav-search-input:invalid,
 .was-validated form textarea.login-field:invalid,
 form .was-validated textarea.login-field:invalid,
 textarea.form-control.is-invalid,
 textarea.is-invalid.wood-search-input,
 textarea.is-invalid.nav-search-input,
 form textarea.is-invalid.login-field {
     padding-right: calc(1.5em + 0.75rem);
     background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
 }
 .was-validated .custom-select:invalid,
 .custom-select.is-invalid {
     border-color: #dc3545;
     padding-right: calc(0.75em + 2.3125rem);
     background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
             no-repeat right 0.75rem center/8px 10px,
         url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")
             #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 .was-validated .custom-select:invalid:focus,
 .custom-select.is-invalid:focus {
     border-color: #dc3545;
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }
 .was-validated .form-check-input:invalid ~ .form-check-label,
 .form-check-input.is-invalid ~ .form-check-label {
     color: #dc3545;
 }
 .was-validated .form-check-input:invalid ~ .invalid-feedback,
 .was-validated .form-check-input:invalid ~ .invalid-tooltip,
 .form-check-input.is-invalid ~ .invalid-feedback,
 .form-check-input.is-invalid ~ .invalid-tooltip {
     display: block;
 }
 .was-validated .custom-control-input:invalid ~ .custom-control-label,
 .custom-control-input.is-invalid ~ .custom-control-label {
     color: #dc3545;
 }
 .was-validated .custom-control-input:invalid ~ .custom-control-label::before,
 .custom-control-input.is-invalid ~ .custom-control-label::before {
     border-color: #dc3545;
 }
 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
 .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
     border-color: #e4606d;
     background-color: #e4606d;
 }
 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
 .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }
 .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
 .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
     border-color: #dc3545;
 }
 .was-validated .custom-file-input:invalid ~ .custom-file-label,
 .custom-file-input.is-invalid ~ .custom-file-label {
     border-color: #dc3545;
 }
 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
 .custom-file-input.is-invalid:focus ~ .custom-file-label {
     border-color: #dc3545;
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }
 #body-container #top-bar .nav-btn-logout,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .confirm-popup-button,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container .savePreferencesButton,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .opt-out-all-button,
 form .button:not(#start-over),
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button {
     display: inline-block;
     font-weight: 400;
     color: #212529;
     text-align: center;
     vertical-align: middle;
     user-select: none;
     background-color: transparent;
     border: 1px solid transparent;
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     line-height: 1.5;
     border-radius: 0.25rem;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
     #body-container #top-bar .nav-btn-logout,
     #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .confirm-popup-button,
     #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container .savePreferencesButton,
     #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .opt-out-all-button,
     form .button:not(#start-over),
     .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button {
         transition: none;
     }
 }
 #body-container #top-bar .nav-btn-logout:hover,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .confirm-popup-button:hover,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container .savePreferencesButton:hover,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .opt-out-all-button:hover,
 form .button:hover:not(#start-over),
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button:hover {
     color: #212529;
     text-decoration: none;
 }
 #body-container #top-bar .nav-btn-logout:focus,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .confirm-popup-button:focus,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container .savePreferencesButton:focus,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .opt-out-all-button:focus,
 form .button:focus:not(#start-over),
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button:focus,
 #body-container #top-bar .focus.nav-btn-logout,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .focus.confirm-popup-button,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container .focus.savePreferencesButton,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .focus.opt-out-all-button,
 form .focus.button:not(#start-over),
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
 #body-container #top-bar .disabled.nav-btn-logout,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .disabled.confirm-popup-button,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container .disabled.savePreferencesButton,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .disabled.opt-out-all-button,
 form .disabled.button:not(#start-over),
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button.disabled #body-container #top-bar .nav-btn-logout:disabled,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .confirm-popup-button:disabled,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container .savePreferencesButton:disabled,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .opt-out-all-button:disabled,
 form .button:disabled:not(#start-over),
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button:disabled {
     opacity: 0.65;
 }
 #body-container #top-bar .nav-btn-logout:not(:disabled):not(.disabled),
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-card-body
     .change-this-button-container
     .confirm-popup-button:not(:disabled):not(.disabled),
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-accordion
     .save-preferences-button-container
     .savePreferencesButton:not(:disabled):not(.disabled),
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .opt-out-all-button:not(:disabled):not(.disabled),
 form .button:not(:disabled):not(.disabled):not(#start-over),
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button:not(:disabled):not(.disabled) {
     cursor: pointer;
 }
 #body-container #top-bar a.disabled.nav-btn-logout,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container a.disabled.confirm-popup-button,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container a.disabled.savePreferencesButton,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container a.disabled.opt-out-all-button,
 form a.disabled.button:not(#start-over),
 fieldset:disabled #body-container #top-bar a.nav-btn-logout,
 #body-container #top-bar fieldset:disabled a.nav-btn-logout,
 fieldset:disabled #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container a.confirm-popup-button,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container fieldset:disabled a.confirm-popup-button,
 fieldset:disabled
     #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-accordion
     .save-preferences-button-container
     a.savePreferencesButton,
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-accordion
     .save-preferences-button-container
     fieldset:disabled
     a.savePreferencesButton,
 fieldset:disabled #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container a.opt-out-all-button,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container fieldset:disabled a.opt-out-all-button,
 fieldset:disabled form a.button:not(#start-over),
 form fieldset:disabled a.button:not(#start-over) {
     pointer-events: none;
 }
 .navbar {
     position: relative;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     padding: 0.5rem 1rem;
 }
 .navbar #body-container #top-bar #ClientBranding,
 .navbar #body-container #top-bar .wtnav #ClientBranding,
 #body-container #top-bar .navbar #ClientBranding,
 #body-container #top-bar .navbar .wtnav #ClientBranding,
 .navbar #body-container #top-bar .wtnav #ClientBranding,
 #body-container #top-bar .wtnav .navbar #ClientBranding,
 .navbar #body-container .panel,
 #body-container .navbar .panel,
 #body-container .navbar .wtnav .panel {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
 }
 .navbar-brand {
     display: inline-block;
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
     margin-right: 1rem;
     font-size: 1.25rem;
     line-height: inherit;
     white-space: nowrap;
 }
 .navbar-brand:hover,
 .navbar-brand:focus {
     text-decoration: none;
 }
 .modal-open {
     overflow: hidden;
 }
 .modal-open .modal {
     overflow-x: hidden;
     overflow-y: auto;
 }
 .modal {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1050;
     display: none;
     width: 100%;
     height: 100%;
     overflow: hidden;
     outline: 0;
 }
 .modal-content {
     position: relative;
     display: flex;
     flex-direction: column;
     width: 100%;
     pointer-events: auto;
     background-color: #14110F;
     background-clip: padding-box;
     border: 1px solid rgba(0, 0, 0, 0.2);
     border-radius: 0.3rem;
     outline: 0;
 }
 .modal-backdrop {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1040;
     width: 100vw;
     height: 100vh;
     background-color: #F9F8F5;
 }
 .modal-backdrop.fade {
     opacity: 0;
 }
 .modal-backdrop.show {
     opacity: 0.5;
 }
 .modal-header {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     padding: 1rem 1rem;
     border-bottom: 1px solid #dee2e6;
     border-top-left-radius: calc(0.3rem - 1px);
     border-top-right-radius: calc(0.3rem - 1px);
 }
 .modal-header .close {
     padding: 1rem 1rem;
     margin: -1rem -1rem -1rem auto;
 }
 .modal-title {
     margin-bottom: 0;
     line-height: 1.5;
 }
 .modal-body {
     position: relative;
     flex: 1 1 auto;
     padding: 1rem;
 }


 .modal-scrollbar-measure {
     position: absolute;
     top: -9999px;
     width: 50px;
     height: 50px;
     overflow: scroll;
 }
 @media (min-width: 576px) {
     .modal-dialog {
         max-width: 500px;
         margin: 1.75rem auto;
     }
     .modal-dialog-scrollable {
         max-height: calc(100% - 3.5rem);
     }
     .modal-dialog-scrollable .modal-content {
         max-height: calc(100vh - 3.5rem);
     }
     .modal-dialog-centered {
         min-height: calc(100% - 3.5rem);
     }
     .modal-dialog-centered::before {
         height: calc(100vh - 3.5rem);
         height: min-content;
     }
     .modal-sm {
         max-width: 300px;
     }
 }
 @media (min-width: 992px) {
     .modal-lg,
     .modal-xl {
         max-width: 800px;
     }
 }
 @media (min-width: 1200px) {
     .modal-xl {
         max-width: 1140px;
     }
 }
 .d-none {
     display: none !important;
 }
 .d-inline {
     display: inline !important;
 }
 .d-inline-block {
     display: inline-block !important;
 }
 .d-block {
     display: block !important;
 }
 
 @media (min-width: 576px) {
     .d-sm-none {
         display: none !important;
     }
     .d-sm-inline {
         display: inline !important;
     }
     .d-sm-inline-block {
         display: inline-block !important;
     }
     .d-sm-block {
         display: block !important;
     }
 }
 @media (min-width: 768px) {
     .d-md-none {
         display: none !important;
     }
     .d-md-inline {
         display: inline !important;
     }
     .d-md-inline-block {
         display: inline-block !important;
     }
     .d-md-block {
         display: block !important;
     }
 }
 @media (min-width: 992px) {
     .d-lg-none {
         display: none !important;
     }
     .d-lg-inline {
         display: inline !important;
     }
     .d-lg-inline-block {
         display: inline-block !important;
     }
     .d-lg-block {
         display: block !important;
     }
 }
 @media (min-width: 1200px) {
     .d-xl-none {
         display: none !important;
     }
     .d-xl-inline {
         display: inline !important;
     }
     .d-xl-inline-block {
         display: inline-block !important;
     }
     .d-xl-block {
         display: block !important;
     }
 }
 
 
 body {
     padding: 0;
     margin: 0;
     color: #14110F;
     font-size: 16px;
     font-weight: 300;
     font-family: 'Mulish', sans-serif;
     letter-spacing:1px;
 }
 img {
     max-width: 100%;
 }
 
 h1 {
     font-size: 2em;
     line-height: 2.25rem;
     text-align: left;
     font-style: normal;
 }
 @media (min-width: 768px) {
     h1 {
         font-size: 3.25em;
         line-height: 3.5rem;
     }
 }
 h2,
 .h2 {
     font-size: 1.75em;
     line-height: 2rem;
     text-align: left;
     font-style: normal;
     margin-bottom: 16px;
     line-height: 2rem;
 }
 @media (min-width: 768px) {
     h2,
     .h2 {
         font-size: 2.25em;
         line-height: 2.375rem;
         margin-bottom: 24px;
     }
 }
 h3,
 .h3,
 #body-container .panel .panel-aside #ClientName .heading,
 #body-container .panel .inner-panel .preferences-card .preferences-card-title {
     font-size: 1.375em;
     line-height: 1.5rem;
     text-align: left;
     font-style: normal;
     margin-top: 16px;
     margin-bottom: 12px;
 }
 @media (min-width: 768px) {
     h3,
     .h3,
     #body-container .panel .panel-aside #ClientName .heading,
     #body-container .panel .inner-panel .preferences-card .preferences-card-title {
         font-size: 1.75em;
         line-height: 2rem;
         margin-top: 24px;
         margin-bottom: 16px;
     }
     h3:first-child,
     .h3:first-child,
     #body-container .panel .panel-aside #ClientName .heading:first-child,
     #body-container .panel .inner-panel .preferences-card .preferences-card-title:first-child {
         margin-top: 0;
     }
 }
 h4,
 .h4 {
     font-size: 1.25em;
     line-height: 1.375rem;
     text-align: left;
     font-style: normal;
     margin-top: 16px;
     margin-bottom: 12px;
 }
 @media (min-width: 768px) {
     h4,
     .h4 {
         font-size: 1.5em;
         line-height: 1.75rem;
         margin-top: 24px;
         margin-bottom: 16px;
     }
     h4:first-child,
     .h4:first-child {
         margin-top: 0;
     }
 }
 h5,
 .h5 {
     font-size: 1.125em;
     line-height: 1.5rem;
     text-align: left;
     font-style: normal;
     margin-top: 16px;
     margin-bottom: 12px;
 }
 @media (min-width: 768px) {
     h5,
     .h5 {
         font-size: 1.375em;
         line-height: 1.75rem;
         margin-top: 24px;
         margin-bottom: 16px;
     }
 }
 h6,
 .h6 {
     font-size: 1em;
     line-height: 1.25rem;
     text-align: left;
     font-style: normal;
     margin-top: 16px;
     margin-bottom: 12px;
 }
 @media (min-width: 768px) {
     h6,
     .h6 {
         font-size: 1.125em;
         line-height: 1.5rem;
         margin-top: 24px;
         margin-bottom: 16px;
     }
 }
 p,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .preferences-card-summary-text {
     font-size: 1em;
     line-height: 1.5rem;
     text-align: left;
     font-style: normal;
     margin-bottom: 12px;
 }
 @media (min-width: 768px) {
     p,
     #body-container .panel .inner-panel .preferences-card .preferences-card-body .preferences-card-summary-text {
         font-size: 1.125em;
         line-height: 1.625rem;
         text-align: left;
         font-style: normal;
         margin-bottom: 16px;
     }
 }
 a {
     font-size: 1em;
     line-height: 1.5rem;
     text-align: left;
     font-style: normal;
     border: none;
 }
 p a,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .preferences-card-summary-text a,
 #body-container .panel .inner-panel p#right-to-be-forgotten > a,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body #right-to-be-forgotten.preferences-card-summary-text > a {
     text-decoration: none;
     box-shadow: inset 0 -3px 0 #0da459;
     background: transparent 50%;
     background-size: 100%;
     color: #14110F;
 }
 p a:hover,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .preferences-card-summary-text a:hover,
 #body-container .panel .inner-panel p#right-to-be-forgotten > a:hover,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body #right-to-be-forgotten.preferences-card-summary-text > a:hover {
     background-color: #99eac2;
     box-shadow: none;
     color: inherit;
     border-color: transparent;
     text-decoration: none;
 }
 p a:focus,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .preferences-card-summary-text a:focus,
 p a:active,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .preferences-card-summary-text a:active,
 #body-container .panel .inner-panel p#right-to-be-forgotten > a:focus,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body #right-to-be-forgotten.preferences-card-summary-text > a:focus,
 #body-container .panel .inner-panel p#right-to-be-forgotten > a:active,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body #right-to-be-forgotten.preferences-card-summary-text > a:active {
     outline: none;
     background-color: #99eac2;
     box-shadow: none;
     color: inherit;
     border-color: transparent;
 }
 p a::-moz-focus-inner,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .preferences-card-summary-text a::-moz-focus-inner,
 #body-container .panel .inner-panel p#right-to-be-forgotten > a::-moz-focus-inner,
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-card-body
     #right-to-be-forgotten.preferences-card-summary-text
     > a::-moz-focus-inner {
     border: 0;
 }
 p a:not(:disabled):not(.disabled):active,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .preferences-card-summary-text a:not(:disabled):not(.disabled):active,
 p a:not(:disabled):not(.disabled).active,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .preferences-card-summary-text a:not(:disabled):not(.disabled).active,
 #body-container .panel .inner-panel p#right-to-be-forgotten > a:not(:disabled):not(.disabled):active,
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-card-body
     #right-to-be-forgotten.preferences-card-summary-text
     > a:not(:disabled):not(.disabled):active,
 #body-container .panel .inner-panel p#right-to-be-forgotten > a:not(:disabled):not(.disabled).active,
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-card-body
     #right-to-be-forgotten.preferences-card-summary-text
     > a:not(:disabled):not(.disabled).active {
     color: inherit;
     background-color: rgba(30, 200, 116, 0.15);
     background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 10%, #99eac2 1%) 50% no-repeat;
     background-size: 1020%;
     transition: all 0.2s ease-in;
     box-shadow: none;
     outline: none;
     border: 0;
 }
 input,
 textarea,
 select,
 button {
     font-variant-ligatures: none !important;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .preferences-sub-card:first-of-type:before,
 #body-container .panel .inner-panel .details-form-group.address1:before {
     content: "";
     box-sizing: border-box;
     height: 2px;
     background-color: rgba(0, 36, 25, 0.1);
     position: relative;
     display: block;
     bottom: 30px;
     margin-left: -24px;
     margin-right: -24px;
 }
 @media (min-width: 768px) {
     #body-container .panel .inner-panel .preferences-card .preferences-accordion .preferences-sub-card:first-of-type:before,
     #body-container .panel .inner-panel .details-form-group.address1:before {
         margin-left: -48px;
         margin-right: -48px;
     }
 }
 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }
 input[type="number"] {
     -moz-appearance: textfield;
 }
 #body-container #top-bar .nav-btn-logout,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .confirm-popup-button,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container .savePreferencesButton,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .opt-out-all-button,
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button {
     font-size: 1em;
     line-height: 1.5rem;
     text-align: left;
     font-style: normal;
     font-weight: 700;
     border: none;
     border-radius: 2px;
     padding: 10px 25px;
     color: #002419;
     background: #ffcb05 50%;
     border: 3px solid #ffcb05;
     background-size: 100%;
     font-size: 18px;
     position: relative;
     line-height: 28px;
     max-width: 100%;
     text-align: center;
     white-space: normal;
 }
 .ctacard .btn--action,
 .ctacard #body-container #top-bar .nav-btn-logout,
 #body-container #top-bar .ctacard .nav-btn-logout,
 .ctacard #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .confirm-popup-button,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .ctacard .confirm-popup-button,
 .ctacard #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container .savePreferencesButton,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container .ctacard .savePreferencesButton,
 .ctacard #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .opt-out-all-button,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .ctacard .opt-out-all-button,
 .ctacard .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button,
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer .ctacard button {
     line-height: 22px;
     font-size: 16px;
     padding: 10px 16px;
 }
 @media (min-width: 992px) {
     .btn--action:not(.sm),
     #body-container #top-bar .nav-btn-logout:not(.sm),
     #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .confirm-popup-button:not(.sm),
     #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container .savePreferencesButton:not(.sm),
     #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .opt-out-all-button:not(.sm),
     .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button:not(.sm) {
         font-size: 1.125em;
         line-height: 1.375rem;
         text-align: left;
         font-style: normal;
         font-weight: 700;
         padding: 15px 25px;
     }
 }
 .btn--action.sm,
 #body-container #top-bar .sm.nav-btn-logout,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .sm.confirm-popup-button,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container .sm.savePreferencesButton,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .sm.opt-out-all-button,
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button.sm {
     font-size: 1em;
     line-height: 1.5rem;
     text-align: left;
     font-style: normal;
     font-weight: 700;
     border: none;
     padding: 10px 16px;
     margin: 4px;
     border: 3px solid #ffcb05;
 }
 .btn--action:hover,
 #body-container #top-bar .nav-btn-logout:hover,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .confirm-popup-button:hover,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container .savePreferencesButton:hover,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .opt-out-all-button:hover,
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button:hover {
     background-color: #fff;
     box-shadow: none;
     color: #002419;
     text-decoration: none;
 }
 .btn--action:focus,
 #body-container #top-bar .nav-btn-logout:focus,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .confirm-popup-button:focus,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container .savePreferencesButton:focus,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .opt-out-all-button:focus,
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button:focus,
 .btn--action:active,
 #body-container #top-bar .nav-btn-logout:active,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .confirm-popup-button:active,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container .savePreferencesButton:active,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .opt-out-all-button:active,
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button:active {
     background-color: #fff;
     border: 3px solid #002419;
     box-shadow: 0 0 0 3px #ffcb05;
 }
 .btn--action::-moz-focus-inner,
 #body-container #top-bar .nav-btn-logout::-moz-focus-inner,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .confirm-popup-button::-moz-focus-inner,
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-accordion
     .save-preferences-button-container
     .savePreferencesButton::-moz-focus-inner,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container .opt-out-all-button::-moz-focus-inner,
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button::-moz-focus-inner {
     border: 0;
 }
 .btn--action:not(:disabled):not(.disabled):active,
 #body-container #top-bar .nav-btn-logout:not(:disabled):not(.disabled):active,
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-card-body
     .change-this-button-container
     .confirm-popup-button:not(:disabled):not(.disabled):active,
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-accordion
     .save-preferences-button-container
     .savePreferencesButton:not(:disabled):not(.disabled):active,
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-accordion
     .opt-out-all-container
     .opt-out-all-button:not(:disabled):not(.disabled):active,
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button:not(:disabled):not(.disabled):active,
 .btn--action:not(:disabled):not(.disabled).active,
 #body-container #top-bar .nav-btn-logout:not(:disabled):not(.disabled).active,
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-card-body
     .change-this-button-container
     .confirm-popup-button:not(:disabled):not(.disabled).active,
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-accordion
     .save-preferences-button-container
     .savePreferencesButton:not(:disabled):not(.disabled).active,
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-accordion
     .opt-out-all-container
     .opt-out-all-button:not(:disabled):not(.disabled).active,
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button:not(:disabled):not(.disabled).active {
     color: #002419;
     background-color: #fff;
     border: 3px solid #ffcb05;
     border-radius: 2px;
     background-size: 1020%;
     transition: all 0.2s ease-in;
     box-shadow: none;
     outline: none;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .change-this-button,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup .address-lookup-button {
     font-size: 1em;
     line-height: 1.5rem;
     text-align: left;
     font-style: normal;
     font-weight: 700;
     border: none;
     border-radius: 2px;
     padding: 10px 25px;
     color: #002419;
     border: 3px solid #0da459;
     background: #fff 50%;
     background-size: 100%;
     font-size: 18px;
     line-height: 28px;
     max-width: 100%;
     text-align: center;
 }
 @media (min-width: 992px) {
     #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .change-this-button:not(.sm),
     #body-container .panel .inner-panel .details-form-group #postcode_lookup .address-lookup-button:not(.sm) {
         font-size: 1.125em;
         line-height: 1.375rem;
         text-align: left;
         font-style: normal;
         font-weight: 700;
         padding: 15px 30px;
     }
 }
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .sm.change-this-button,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup .sm.address-lookup-button {
     font-size: 1em;
     line-height: 1.5rem;
     text-align: left;
     font-style: normal;
     font-weight: 700;
     border: none;
     border-radius: 2px;
     padding: 6px 16px;
     margin: 4px;
     color: #002419;
     border: 3px solid #0da459;
     background: #fff 50%;
     background-size: 100%;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .change-this-button:hover,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup .address-lookup-button:hover {
     background-color: #99eac2;
     box-shadow: none;
     color: inherit;
     border-color: #0da459;
     text-decoration: none;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .change-this-button:focus,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup .address-lookup-button:focus,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container .change-this-button:active,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup .address-lookup-button:active {
     background-color: #99eac2;
     border: 3px solid #002419;
     box-shadow: 0 0 0 3px #ffcb05;
 }
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-card-body
     .change-this-button-container
     .change-this-button:not(:disabled):not(.disabled).active,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup .address-lookup-button:not(:disabled):not(.disabled).active {
     color: inherit;
     background-color: #99eac2;
     background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 10%, #99eac2 1%) 50% no-repeat;
     background-size: 1020%;
     transition: all 0.2s ease-in;
     box-shadow: none;
     outline: none;
 }
 #body-container #top-bar a.nav-btn-logout,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container a.confirm-popup-button,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container a.savePreferencesButton,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container a.opt-out-all-button,
 #body-container #top-bar div.nav-btn-logout,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container div.confirm-popup-button,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container div.savePreferencesButton,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container div.opt-out-all-button {
     box-shadow: none;
     cursor: pointer;
 }
 #body-container #top-bar a.nav-btn-logout:hover,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container a.confirm-popup-button:hover,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container a.savePreferencesButton:hover,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container a.opt-out-all-button:hover,
 #body-container #top-bar div.nav-btn-logout:hover,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container div.confirm-popup-button:hover,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container div.savePreferencesButton:hover,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .opt-out-all-container div.opt-out-all-button:hover {
     border: 3px solid #ffcb05;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container a.change-this-button,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup a.address-lookup-button,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container div.change-this-button,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup div.address-lookup-button {
     box-shadow: none;
     display: inline-block;
     cursor: pointer;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container a.change-this-button:focus,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup a.address-lookup-button:focus,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container a.change-this-button:active,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup a.address-lookup-button:active,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container div.change-this-button:focus,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup div.address-lookup-button:focus,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container div.change-this-button:active,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup div.address-lookup-button:active {
     background-color: #99eac2;
     border: 3px solid #002419 !important;
     box-shadow: 0 0 0 3px #ffcb05;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container div.change-this-button::-moz-focus-inner,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup div.address-lookup-button::-moz-focus-inner {
     border-color: #0da459;
 }
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-card-body
     .change-this-button-container
     a.change-this-button:not(:disabled):not(.disabled):active,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup a.address-lookup-button:not(:disabled):not(.disabled):active,
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-card-body
     .change-this-button-container
     a.change-this-button:not(:disabled):not(.disabled).active,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup a.address-lookup-button:not(:disabled):not(.disabled).active,
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-card-body
     .change-this-button-container
     div.change-this-button:not(:disabled):not(.disabled):active,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup div.address-lookup-button:not(:disabled):not(.disabled):active,
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-card-body
     .change-this-button-container
     div.change-this-button:not(:disabled):not(.disabled).active,
 #body-container .panel .inner-panel .details-form-group #postcode_lookup div.address-lookup-button:not(:disabled):not(.disabled).active {
     color: inherit;
     background-color: #99eac2;
     background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 10%, #99eac2 1%) 50% no-repeat;
     background-size: 1020%;
     transition: all 0.2s ease-in;
     box-shadow: none;
     outline: none;
 }
 #body-container .panel .panel-aside #ClientName {
     padding-left: 1.5em;
     border-left: 4px solid #942b91;
 }
 #body-container {
     max-width: 100%;
     background-color: #f4f7f5;
     padding-right: 0;
     padding-left: 0;
 }
 #body-container #top-bar {
     background-color: #0178aa;
 }
 #body-container #top-bar #ClientBranding {
     position: relative;
 }
 @media (min-width: 768px) {
     #body-container #top-bar #ClientBranding {
         margin-left: auto;
     }
 }

 #body-container #top-bar #ClientBranding #ClientLogo {
        display: block;
        max-width: 100%;
        margin: 0 auto;
        padding: 35px 0 0;
        width: 150px;
 }
 @media (min-width: 768px) {
     #body-container #top-bar #ClientBranding #ClientLogo {
        padding: 50px 0;
        width:200px;
     }
 }


 #body-container #top-bar #ClientBranding .navbar,
 #body-container #top-bar #ClientBranding .header .top-links__wrapper .header__top-links,
 .header .top-links__wrapper #body-container #top-bar #ClientBranding .header__top-links,
 #body-container #top-bar #ClientBranding .wtnav {
     min-height: 64px;
 }
 @media (min-width: 768px) {
     #body-container #top-bar #ClientBranding .navbar .navbar-brand,
     #body-container #top-bar #ClientBranding .header .top-links__wrapper .header__top-links .navbar-brand,
     .header .top-links__wrapper #body-container #top-bar #ClientBranding .header__top-links .navbar-brand,
     #body-container #top-bar #ClientBranding .wtnav .navbar-brand {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }
 }
 #body-container #top-bar #MainMenuHamburger {
     display: block;
     position: absolute;
     right: 0;
     top: 0;
 }
 #body-container #top-bar #MainMenuHamburger #MainMenuButton {
     height: 64px;
     font-size: 0;
     background-color: #2f3061;
     border: none;
     width: 70px;
     display: block;
 }
 #body-container #top-bar #MainMenuHamburger #MainMenuButton #nav-icon {
     width: 20px;
     height: 13px;
     position: relative;
     margin: 5px auto;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: 0.5s ease-in-out;
     -moz-transition: 0.5s ease-in-out;
     -o-transition: 0.5s ease-in-out;
     transition: 0.5s ease-in-out;
     cursor: pointer;
 }
 #body-container #top-bar #MainMenuHamburger #MainMenuButton #nav-icon.open span {
     border-radius: 25%;
 }
 #body-container #top-bar #MainMenuHamburger #MainMenuButton #nav-icon.open span:nth-child(1) {
     top: 18px;
     width: 0%;
     left: 50%;
 }
 #body-container #top-bar #MainMenuHamburger #MainMenuButton #nav-icon.open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 #body-container #top-bar #MainMenuHamburger #MainMenuButton #nav-icon.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }
 #body-container #top-bar #MainMenuHamburger #MainMenuButton #nav-icon.open span:nth-child(4) {
     top: 18px;
     width: 0%;
     left: 50%;
 }
 #body-container #top-bar #MainMenuHamburger #MainMenuButton #nav-icon span {
     display: block;
     position: absolute;
     height: 3px;
     width: 100%;
     background: #fff;
     opacity: 1;
     left: 0;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: 0.25s ease-in-out;
     -moz-transition: 0.25s ease-in-out;
     -o-transition: 0.25s ease-in-out;
     transition: 0.25s ease-in-out;
 }
 #body-container #top-bar #MainMenuHamburger #MainMenuButton #nav-icon span:nth-child(1) {
     top: 0;
 }
 #body-container #top-bar #MainMenuHamburger #MainMenuButton #nav-icon span:nth-child(2),
 #body-container #top-bar #MainMenuHamburger #MainMenuButton #nav-icon span:nth-child(3) {
     top: 6px;
 }
 #body-container #top-bar #MainMenuHamburger #MainMenuButton #nav-icon span:nth-child(4) {
     top: 12px;
 }
 #body-container #top-bar #MainMenuHamburger #MainMenuButton .close-txt {
     display: none;
 }
 #body-container #top-bar #MainMenuHamburger #MainMenuButton .menu-txt {
     margin: 0 auto;
     max-width: 71px;
     display: block;
 }
 #body-container #top-bar #MainMenuHamburger #MainMenuButton p,
 #body-container
     #top-bar
     #MainMenuHamburger
     #MainMenuButton
     .panel
     .inner-panel
     .preferences-card
     .preferences-card-body
     .preferences-card-summary-text,
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-card-body
     #top-bar
     #MainMenuHamburger
     #MainMenuButton
     .preferences-card-summary-text {
     font-size: 9px !important;
     line-height: 0.8125rem;
     text-align: center;
     font-style: normal;
     color: #fff;
     margin: 0;
     letter-spacing: 1px;
     padding-top: 4px;
 }
 #body-container #top-bar #MainMenuHamburger #MainMenuButton.open .menu-txt {
     display: none;
 }
 #body-container #top-bar #MainMenuHamburger #MainMenuButton.open .close-txt {
     margin: 0 auto;
     max-width: 71px;
     display: block;
 }
 #body-container #top-bar .nav-btn-logout {
     font-size: 1em;
     line-height: 1.5rem;
     text-align: left;
     font-style: normal;
     font-weight: 700;
     border: none;
     border: 3px solid #ffcb05;
     border-radius: 2px;
     padding: 7px 16px !important;
     color: #002419 !important;
     line-height: 28px;
     float: left;
     margin: 10px 0 !important;
 }
 #body-container #top-bar #MainMenu {
     display: none;
     width: 100%;
     padding: 10px 0 1rem 0;
     margin: 0;
     position: relative;
     float: left;
 }
 #body-container #top-bar #MainMenu.show {
     display: block;
     background-color: #2f3061;
 }
 #body-container #top-bar #MainMenu .MainMenuListItem {
     display: block;
     padding: 10px 25px;
 }
 #body-container #top-bar #MainMenu .MainMenuListItem:last-of-type {
     padding: 0 25px;
 }
 #body-container #top-bar #MainMenu .MainMenuListItem .MainMenuLink {
     color: #fff;
     text-decoration: none;
     padding: 0;
     margin: 0;
     display: block;
 }
 #body-container #top-bar #MainMenu .MainMenuListItem .nav-btn-logout.large {
     display: none;
 }
 @media (min-width: 768px) {
     #body-container #top-bar #MainMenuHamburger {
         display: none;
     }
     #body-container #top-bar #MainMenu {
         display: flex;
         flex-direction: row;
         justify-content: center;
         list-style-type: none;
         margin-top: 0;
         background-color: #2f3061;
         padding: 0;
         text-align: center;
     }
     #body-container #top-bar #MainMenu .MainMenuListItem {
         display: inline-block;
         border-bottom: none;
         padding: 0;
         margin: 0;
     }
     #body-container #top-bar #MainMenu .MainMenuListItem:hover {
         background: #fff;
     }
     #body-container #top-bar #MainMenu .MainMenuListItem:hover > .MainMenuLink {
         color: #2f3061;
     }
     #body-container #top-bar #MainMenu .MainMenuListItem.active {
         background-color: #fff;
         cursor: pointer;
     }
     #body-container #top-bar #MainMenu .MainMenuListItem.active > .MainMenuLink {
         color: #2f3061;
     }
     #body-container #top-bar #MainMenu .MainMenuListItem .MainMenuLink {
         display: flex;
         color: #fff;
         text-decoration: none;
         padding: 1rem;
         font-size: 1em;
         line-height: 1.5rem;
         text-align: left;
         font-style: normal;
         font-weight: 700;
         border: none;
         line-height: 1.375em;
         height: 60px;
         justify-content: center;
         align-items: center;
     }
     #body-container #top-bar #MainMenu .MainMenuListItem .nav-btn-logout {
         display: none;
     }
     #body-container #top-bar .nav-btn-logout.large {
         font-size: 1em;
         line-height: 1.5rem;
         text-align: left;
         font-style: normal;
         font-weight: 700;
         border: none;
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
         right: 0;
         border: 3px solid #ffcb05;
         border-radius: 2px;
         padding: 7px 16px;
         color: #002419 !important;
         line-height: 28px;
         margin: 0 !important;
     }
 }
 #body-container .panel {
     padding: 10px;
     display: none;
 }
 #body-container .panel .panel-aside {
     float: left;
     margin-top: 0;
 }
 #body-container .panel .inner-panel {
     margin-right: 15px;
     overflow: hidden;
     border-radius: 2px;
     padding: 0 15px;
 }
 @media (min-width: 576px) {
     #body-container .panel .inner-panel {
         margin-left: 0;
         margin-right: 0;
     }
 }


 #body-container .panel .inner-panel .preferences-card {
     padding: 1.5rem;
     padding-bottom: 1.5rem !important;
     background-color: #fff;
     margin-bottom: 1.5rem;
     border-radius: 2px;
 }
 @media (min-width: 768px) {
     #body-container .panel .inner-panel .preferences-card {
         padding: 3rem;
     }
 }
 #body-container .panel .inner-panel .preferences-card .preferences-card-body .change-this-button-container {
     display: none;
     padding-bottom: 1.5rem;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-accordion form {
     margin: 0 auto;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .preferences-sub-card:first-of-type:before {
     margin-top: 3rem;
     bottom: 1.5rem;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .preferences-sub-card .sub-card-title {
     font-size: 1.375em;
     line-height: 1.75rem;
     text-align: left;
     font-style: normal;
     font-weight: 700;
     padding-top: 0.5rem;
     padding-bottom:5px;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .preferences-sub-card .sub-card-checkboxes {
     display: inline-block;
     width: 100%;
     padding-bottom: 1rem;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .preferences-sub-card .sub-card-checkboxes .pref-checkbox-container {
     display: block;
     margin-bottom: 0.75rem;
 }
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-accordion
     .preferences-sub-card
     .sub-card-checkboxes
     .pref-checkbox-container
     label {
        font-size: 1em;
        text-align: left;
        font-style: normal;
        position: relative;
        padding-left: 35px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 0;
 }
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-accordion
     .preferences-sub-card
     .sub-card-checkboxes
     .pref-checkbox-container
     input[type="checkbox"] {
     position: absolute;
     opacity: 0;
 }
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-accordion
     .preferences-sub-card
     .sub-card-checkboxes
     .pref-checkbox-container
     span.checkbox:before,
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-accordion
     .preferences-sub-card
     .sub-card-checkboxes
     .pref-checkbox-container
     span.checkbox:after {
     content: "";
     position: absolute;
     top: 0;
     bottom: 0;
     margin: 0 auto;
     margin-top: 6px;
 }
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-accordion
     .preferences-sub-card
     .sub-card-checkboxes
     .pref-checkbox-container
     span.checkbox:hover {
     cursor: pointer;
 }


 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-accordion
     .preferences-sub-card
     .sub-card-checkboxes
     .pref-checkbox-container
     input[type="checkbox"]:checked
     + label
     span.checkbox::after {
        left: 7px;
        height: 7px;
        width: 7px;
        background-size: auto 100%;
        top: 10px;
        background-color: #14110F;
 }

 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container {
     display: inline-block;
 }
 #body-container .panel .inner-panel .details-form-group {
     display: block;
     position: relative;
     clear: both;
     overflow: hidden;
 }
 #body-container .panel .inner-panel .details-form-group > label {
     font-size: 1em;
     line-height: 1.25rem;
     text-align: left;
     font-style: normal;
     font-weight: 700;
     padding-top: 1rem;
     padding-bottom: 0.5rem;
     margin-bottom: 0;
 }
 #body-container .panel .inner-panel .details-form-group label.supporter-no {
     font-size: 1.75em;
     line-height: 2rem;
     text-align: left;
     font-style: normal;
     font-weight: 700;
     padding-bottom: 1rem;
 }
 @media (min-width: 768px) {
     #body-container .panel .inner-panel .details-form-group label.supporter-no {
         padding-bottom: 2rem;
     }
 }
 #body-container .panel .inner-panel .details-form-group.address1:before {
     margin-top: 3rem;
     bottom: 1.5rem;
 }
 #body-container .panel .inner-panel .details-form-group #postcode_lookup {
     display: block;
     float: left;
     width: 100%;
 }
 #body-container .panel .inner-panel .details-form-group #postcode_lookup .address-lookup-button {
     margin-bottom: 1.5rem;
     float: left;
 }
 @media (min-width: 576px) {
     #body-container .panel .inner-panel .details-form-group #postcode_lookup #opc_input {
         width: 60%;
         display: block;
         color: #002419 !important;
     }
 }
 #body-container .panel .inner-panel .details-form-group #postcode_lookup #opc_error_message {
     padding-top: 1rem;
     color: #d2232a;
     float: left;
 }
 @media (min-width: 768px) {
     #body-container .panel .inner-panel .details-form-group #postcode_lookup #opc_error_message {
         padding-top: 2rem;
     }
 }
 #body-container .panel .inner-panel .details-form-group #postcode_lookup #opc_error_message:before {
     content: url("https://cdn.preferencecentre.co.uk/assets/CB0F008C-5BA0-40EE-9D5E-A9916BDF3A03/WTCassie/images/error-icon.svg") !important;
     padding-right: 10px !important;
     padding-top: 3px;
 }
 #body-container .panel .inner-panel p#right-to-be-forgotten,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body #right-to-be-forgotten.preferences-card-summary-text {
     text-align: right;
     display: block;
     clear: both;
     padding-top: 2rem;
 }


 form {
     margin: 15px auto;
     overflow: hidden;
     border-radius: 2px;
 }
 @media (min-width: 576px) {
     form {
         margin-left: auto;
         margin-right: auto;
     }
 }
 form select,
 form textarea,
 form input[type="text"],
 form input[type="email"],
 form input[type="tel"],
 form input.paymentField,
 form input.input-date {
     font-size: 1em;
     line-height: 1.25rem;
     text-align: left;
     font-style: normal;
     display: inline;
     height: 60px;
     border: 1px solid #786f6f;
     border-radius: 2px;
     background-color: #fff;
     line-height: 20px;
     color: #002419;
     max-width: 100%;
     padding-right: 44px;
     margin-bottom: 1rem !important;
 }
 form select:active,
 form select:focus,
 form textarea:active,
 form textarea:focus,
 form input[type="text"]:active,
 form input[type="text"]:focus,
 form input[type="email"]:active,
 form input[type="email"]:focus,
 form input[type="tel"]:active,
 form input[type="tel"]:focus,
 form input.paymentField:active,
 form input.paymentField:focus,
 form input.input-date:active,
 form input.input-date:focus {
     border: 2px solid #0da459 !important;
     border-radius: 2px !important;
     background-color: #fff !important;
     box-shadow: 0 0 0 0.2rem rgba(13, 164, 89, 0.15) !important;
 }
 form select {
     background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)
         no-repeat 100% 50%;
     background-size: 50px 50px;
     -moz-appearance: none;
     -webkit-appearance: none;
     -ms-expand: none;
     appearance: none;
     outline-width: 0;
     width: 100% !important;
     max-width: 100% !important;
     word-wrap: normal !important;
     white-space: normal;
     padding: 6px 12px;
 }
 form select::-ms-expand {
     display: none;
 }
 form .button:not(#start-over) {
     float: right;
     margin: 5px 0;
 }
 .modal {
     display: none;
     position: fixed;
     z-index: 1;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: #F9F8F5;
     background-color: rgba(0, 0, 0, 0.4);
     text-align: center;
 }
 .modal .modal-content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 80%;
     border-radius: 0;
     text-align: left;
     padding: 1rem;
    color:#F9F8F5;
 }
 .modal .modal-content b{
    font-family: 'SuisseIntl LT', sans-serif;
    font-weight: 700;
    display: block;
 }
 @media (min-width: 768px) {
     .modal .modal-content {
        padding: 2rem;
        width: 50%;
     }
 }
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer {
     margin-top: 1rem;
 }
 @media (min-width: 768px) {
     .modal .modal-content #RightToBeForgottenModalCloseButtonContainer {
         margin-top: 2rem;
     }
 }
 .modal .modal-content #RightToBeForgottenModalCloseButtonContainer button {
     float: right;
 }

 #body-container #top-bar {
     background-color: transparent;
 }
 #body-container {
     background-color:#F9F8F5;
     padding-bottom: 80px;
 }
 #body-container #top-bar #MainMenu {
     background-color: rgba(255, 255, 255, 0.3);
 }
 #body-container #top-bar #MainMenu .MainMenuListItem .MainMenuLink {
     color: #25303b;
 }
 #body-container #top-bar #MainMenu .MainMenuListItem.active > .MainMenuLink {
     background-color: #873006;
     color: #fff;
 }
 
 #body-container .panel .inner-panel {
     width: 100%;
     max-width: 980px;
     margin: 0 auto;
 }
 #body-container .panel .inner-panel .panel-lead-wrapper,
 #body-container .panel .inner-panel .preferences-card {
     background-color: transparent;
 }
 #body-container .button {
    background-color: #14110F !important;
    color: #F9F8F5 !important;
    border: 0 !important;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'SuisseIntl LT', sans-serif;
    padding: 17px 20px !important;
    font-weight: 700;
    outline:0!important;
 }
 #body-container .modal-content .button {
    min-width: 200px;
    background-color: #F9F8F5 !important;
    color: #14110F !important;
 }
 .panel-title {
    font-family: 'SuisseIntl LT', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    line-height: 1.333;
 }
 .panel-lead-wrapper p {
     font-size: 16px;
     text-align: center;
     color: #14110F !important;
 }
 
 .preferences-card {
     width: 100%;
     margin: 0 auto;
     padding: 0 15px !important;
 }
 
 @media (min-width: 768px) {
     .preferences-card {
         max-width: 730px   ;
     }
 }
 
 .preferences-card-summary-text {
     font-size: 16px !important;
     color: #14110F !important;
 }
 
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .preferences-sub-card .sub-card-title {
    font-size: 16px;
    color: #14110F !important;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'SuisseIntl LT', sans-serif;
    letter-spacing: 1px;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .preferences-sub-card .sub-card-title-body,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .preferences-sub-card .sub-card-title-body p {
     font-weight: 300;
     font-size: 16px;
 }
 .sub-card-checkboxes {
     font-size: 16px;
     color: #14110F !important;
 }
 #body-container #top-bar #MainMenu .MainMenuListItem .MainMenuLink {
     color: #25303b;
 }
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-accordion
     .preferences-sub-card
     .sub-card-checkboxes
     .pref-checkbox-container
     label {
     line-height: 30px;
 }
 #body-container
     .panel
     .inner-panel
     .preferences-card
     .preferences-accordion
     .preferences-sub-card
     .sub-card-checkboxes
     .pref-checkbox-container
     span.checkbox::before {
     width: 15px;
     height: 15px;
     background-color: transparent;
     border: 2px solid #14110F;
     top: 6px;
     left: 3px;
     border-radius: 0;
 }

 .pref-checkbox-container .checkbox b:first-child{
    display:block;
    text-transform:uppercase;
    margin-bottom: 5px;
    font-weight:700;
 }
 
 .preferences-sub-card:nth-child(2) .pref-checkbox-container {
     margin: 0 !important;
 }

 #body-container .panel .inner-panel .preferences-card .preferences-accordion  .preferences-sub-card:nth-child(2) .pref-checkbox-container label{
    padding-top: 4px!important;
    padding-bottom: 0!important;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-accordion  .preferences-sub-card:nth-child(3) .pref-checkbox-container label{
    line-height:22px;
    padding-left:0;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-accordion  .preferences-sub-card:nth-child(3) .pref-checkbox-container label span{
     cursor:default!important;
 }
#body-container .panel .inner-panel .preferences-card .preferences-accordion .preferences-sub-card:nth-child(3) .sub-card-checkboxes .pref-checkbox-container span.checkbox::before{
    top:2px;
    display:none;
}
#body-container .panel .inner-panel .preferences-card .preferences-accordion .preferences-sub-card:nth-child(3) .sub-card-checkboxes .pref-checkbox-container span.checkbox::after{
    top:6px!important;   
    display:none; 
}
 .preferences-sub-card:nth-child(3) .checkbox{
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'SuisseIntl LT', sans-serif;
    letter-spacing: .5px;
    font-weight:700;
 }
 
 .preferences-sub-card:nth-child(3) .checkbox a{
     color:#14110F;
     text-decoration:underline;
     transition: opacity 0.2s ease;
     opacity: 1;	 
 }

 .preferences-sub-card:nth-child(3) .checkbox a:hover {
  opacity: 0.4; /* fades to 50% visibility */
}

 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container {
     padding-top: 20px;
     width: 100%;
     float: none;
     text-align: center;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preference-footer {
     padding-top: 20px;
     font-weight: 300;
     text-align: center;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preference-footer small {
     font-weight: 300;
 }
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preference-footer a {
     font-weight: 400;
     color: inherit;
 }
 .save-preferences-button-container .button {
     max-width: 342px !important;
     width: 100%;
     text-align: center !important;
     float: none !important;
     margin: 0 auto !important;
     border-radius:0!important;
 }




 





 
 ul.stacked-menu{
     padding:0;
     margin:0;
     list-style:none;
 }
 ul.stacked-menu .stacked-menu__link img{
     height:auto;
 }
 ul.social-links{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
            justify-content:center;
 }
 ul.social-links a{
     padding:0 7px;
 }
 


 
 @media (max-width: 767px) {
     #body-container {
         padding-bottom: 50px;
     }

     .panel-lead-wrapper {
         padding: 0 !important;
     }
     #body-container .panel .inner-panel {
         padding: 15px 20px;
     }
     #body-container .panel .inner-panel .preferences-card {
         padding-bottom: 0 !important;
         margin-bottom: 0 !important;
     }
     #body-container .panel .panel-aside {
         margin-top: 0 !important;
     }
     
 
     #body-container #top-bar .nav-btn-logout {
         position: absolute;
         top: 0;
         left: 0;
         margin: 0 !important;
     }
     #body-container #top-bar #ClientBranding .navbar {
         display: none !important;
     }
 

     .preferences-card{
         padding:0!important;
     }
 }
 #body-container #top-bar .nav-btn-logout,
 #body-container #top-bar #MainMenu,
 #body-container #top-bar #MainMenuHamburger,
 #body-container .panel .inner-panel .preferences-card .preferences-card-title,
 #body-container .panel .inner-panel .preferences-card .preferences-card-body,
 #body-container .panel .inner-panel .preferences-card .preferences-accordion .preferences-sub-card:first-of-type:before {
     display: none;
 }
 
 .login-language-container.login-language-container {
     background-color: #25303b;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: none;
 }
 .login-language-container.login-language-container img {
     margin-top: 0;
 }
 
 @media (min-width: 768px) {
     .login-language-container.login-language-container {
         -webkit-box-pack: end;
         -ms-flex-pack: end;
         justify-content: flex-end;
	display: none;
     }
 }
 
 /* FORM */
 
 form select,
 form textarea,
 form input[type="text"],
 form input[type="email"],
 form input[type="tel"],
 form input.paymentField,
 form input.input-date {
     height: 50px;
     background-color: transparent !important;
 }
 #DetailsPanel form .panel-lead-wrapper {
     padding: 0 !important;
     margin-bottom: 0 !important;
 }
 #contactDetails h4,
 #addressDetails h4 {
     display: none !important;
 }
 #body-container .panel .inner-panel .details-form-group.address1::before {
     display: none !important;
 }
 
 #SaveDetailsButton.button {
     float: none !important;
     margin: 0 auto !important;
     display: block !important;
 }
 #right-to-be-forgotten {
     text-align: center !important;
 }
 #right-to-be-forgotten a {
     font-weight: 500;
     box-shadow: none !important;
 }
 #right-to-be-forgotten a:hover {
     background-color: transparent !important;
 }
 .sub-card-title b {
     font-size: 0.875rem !important;
     font-weight: 300 !important;
 }
 .text-desc {
     margin-bottom: 30px;
     margin-top: -10px;
 }
 .text-desc p {
     font-size: 16px;
     color: #25303b !important;
 }

#body-container .panel .inner-panel .preferences-card .preferences-accordion .save-preferences-button-container .savePreferencesButton:focus{
    box-shadow:none!important;
}


#SavedPreferencesModalCloseButton{
    padding: 10px 20px;
    margin: 17px auto 0;
    display: block;
}

 @media (min-width: 768px) {
     #personalDetails .details-form-group,
     #addressDetails .details-form-group {
         width: 50% !important;
         display: inline-block !important;
         padding: 0 10px !important;
     }
 
     #contactDetails .details-form-group {
         width: 33% !important;
         padding: 0 10px !important;
         display: inline-block !important;
     }
 
     #addressDetails .details-form-group:nth-child(2) {
         width: 100% !important;
     }
     #postcode_lookup {
         position: relative;
     }
     #body-container .panel .inner-panel .details-form-group #postcode_lookup #opc_input {
         width: calc(50% - 10px);
     }
     #postcode_lookup .button {
         position: absolute !important;
         top: 0;
         right: 0;
         margin: 0 !important;
         width: calc(50% - 10px);
         text-align: center !important;
     }
     
 }

/*Ray*/

.icon {
    transition: opacity 0.3s ease;
}

.icon:hover {
    opacity: 0.4;
}


.site-footer {
    background-color: var(--c-brand-beige);
padding: 0 2% 0 2%;
}

  html { 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    font-size: 62.5%; 
    scroll-behavior: smooth;
  }   

@media all{ 


  :root { 
    --c-brand-beige: #f9f8f5; 
    --c-brand-black: #1e1e1e; 
    --c-link-color: #1e1e1e; 
    --c-link-hover-color: #808080; 
    --f-font-family-default: Suisse Intl,sans-serif; 
    --f-font-family-medium: Suisse Intl Medium,sans-serif; 
    --f-font-size-regular: 1.6rem; 
    --f-font-size-small: 1.4rem; 
    --f-line-height-default: 2.4rem; 
    --s-space-default: 1.6rem; 
    --s-space-small: 0.8rem; 
    --s-space-medium: 2rem; 
    --s-space-large: 4rem; 
    --s-space-xl: 6rem; 
  } 


}     
   

@media all{ 


  .footer__logo { 
    max-width: 24rem; 
    margin: 0 auto;
    padding-bottom: 2rem;
  } 
}     
   

@media (min-width: 1024px){ 
  .footer__top { 
    margin: var(--s-space-xl) 0;
  } 
}     

@media all{ 
  .footer__social { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    justify-content: center; 
    margin-bottom: var(--s-space-large);
  } 
}     

@media (min-width: 1024px){ 
  .footer__social { 
    margin-bottom: var(--s-space-xl);
  } 
}     

@media all{ 
  hr { 
    -webkit-box-sizing: content-box; 
    box-sizing: content-box; 
    height: 0; 
    overflow: visible;
  } 

  .footer hr  { 
    margin: 0;
  } 

  .footer__bottom { 
    text-align: center; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    margin-top: 2.8rem;
  } 
}     

@media (min-width: 1024px){ 
  .footer__bottom { 
    text-align: unset; 
    -webkit-box-orient: horizontal; 
    -webkit-box-direction: normal; 
    -ms-flex-direction: row; 
    flex-direction: row; 
    margin-top: 3.6rem; 
    -webkit-box-pack: justify; 
    -ms-flex-pack: justify; 
    justify-content: space-between;
  } 
}     

@media all{ 
  img { 
    border-style: none;
  } 

  img { 
    display: block; 
    height: auto; 
    max-width: 100%;
  } 

  p,.paragraph { 
    line-height: var(--f-line-height-default);
  } 

  .paragraph--small { 
    font-size: var(--f-font-size-small);
  } 

  .footer p  { 
    margin: 0;
  } 

  .list--unstyled { 
    list-style: none; 
    padding-left: 0; 
    margin: 0;
  } 

  .footer__top .list  { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    gap: 3.6rem; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -ms-flex-direction: column; 
    flex-direction: column;
  } 
}     

@media (min-width: 1024px){ 
  .footer__top .list  { 
    -webkit-box-orient: horizontal; 
    -webkit-box-direction: normal; 
    -ms-flex-direction: row; 
    flex-direction: row; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    justify-content: center;
  } 
}     

@media all{ 
  .footer__social .list  { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    gap: 0 2.8rem;
  } 
}     

@media (min-width: 1024px){ 
  .footer__social .list  { 
    gap: 0 3.5rem;
  } 
}     

@media all{ 
  .footer__bottom .list  { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    justify-content: center; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    gap: var(--s-space-medium) var(--s-space-default);
  } 
}     

@media (min-width: 1024px){ 
  .footer__bottom .list  { 
    -webkit-box-pack: start; 
    -ms-flex-pack: start; 
    justify-content: flex-start; 
    gap: var(--s-space-medium) var(--s-space-large);
  } 

  .footer__top .list li  { 
    display: inline-block; 
    margin-right: var(--s-space-small);
  } 
}     

@media all{ 
  .list--unstyled li::before { 
    list-style: none; 
    display: none;
  } 
}     

@media (min-width: 1024px){ 
  .footer__top .list li::before { 
    list-style: none; 
    display: none;
  } 
}     

@media all{ 
  .list--inline li  { 
    display: inline-block; 
    margin-right: var(--s-space-small);
  } 

  .footer__social .list li  { 
    margin: 0;
  } 

  .list--inline li::before { 
    list-style: none; 
    display: none;
  } 

  a { 
    background-color: rgba(0,0,0,0);
  } 

  a,.link { 
    color: var(--c-link-color); 
    -webkit-transition: color .2s ease-out; 
    transition: color .2s ease-out;
  } 

  a,.link { 
    color: var(--c-link-color); 
    -webkit-transition: color .2s ease-out; 
    transition: color .2s ease-out; 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    outline: none;
  } 

  .footer a  { 
    text-decoration: none; 
    font-size: var(--f-font-size-small);
  } 

  .footer__top a  { 
    font-family: var(--f-font-family-medium);
  } 
}     

@media (min-width: 1024px){ 
  .footer__top a  { 
    font-size: var(--f-font-size-regular);
  } 
}     

@media all{ 
  a:hover,a:active,.link:hover,.link:active { 
    color: var(--c-link-hover-color); 
    text-decoration: underline;
  } 

  a:hover,a:active,.link:hover,.link:active { 
    color: var(--c-link-hover-color); 
    text-decoration: underline; 
    outline: none; 
    -webkit-box-shadow: none; 
    box-shadow: none;
  } 

  .footer__bottom a  { 
    margin-bottom: var(--s-space-default);
  } 
}     

@media (min-width: 1024px){ 
  .footer__bottom a  { 
    margin-bottom: 0;
  } 
}     

@media all{ 
  .sr-only { 
    position: absolute; 
    width: 1px; 
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    overflow: hidden; 
    clip: rect(0,0,0,0); 
    white-space: nowrap; 
    border: 0;
  } 

  .footer__social .icon  { 
    width: 2rem; 
    height: 2rem;
  } 
}     

@media (min-width: 1024px){ 
  .footer__social .icon  { 
    width: 2.4rem; 
    height: 2.4rem;
  } 
}     

@media (max-width: 1024px){ 
  .paragraph--small  { 
    text-align: center;
    padding-top: 2rem;
      
  } 
}