@charset "UTF-8"; @font-face { font-display: fallback; font-family: Akkurat; font-style: normal; font-weight: 400; src: local("Akkurat"), local("Akkurat-Regular"), url(data:application/font-woff;base64,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) format("woff") } html { font-size: 62.5% !important } body { color: #58595f; font-family: Helvetica, Open Sans, Arial, sans-serif; font-size: 1.6rem !important; font-style: normal; font-weight: 400 } @media (min-width: 884px) { .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 992px; *width: 992px } } @media (max-width: 650px) { .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 18px; padding-right: 18px } } @media (min-width: 992px) { .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 992px; max-width: 1100px } } @media (min-width: 1200px) { .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1200px } } @media (max-width: 767px) { .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 18px; padding-right: 18px } .row { margin-left: -8px; margin-right: -8px } } @media (min-width: 1201px) { #main-content.__wide > .container, .container.banner-container.__wide, .footer-bottom.__wide > .container { max-width: 1599px; width: 1201px } } @media (min-width: 1600px) { #main-content.__wide > .container, .container.banner-container.__wide, .footer-bottom.__wide > .container { width: 1600px } } .ie6 .container-fluid, .ie6 .container-lg, .ie6 .container-md, .ie6 .container-sm, .ie6 .container-xl, .ie6 .container-xxl, .ie7 .container-fluid, .ie7 .container-lg, .ie7 .container-md, .ie7 .container-sm, .ie7 .container-xl, .ie7 .container-xxl { max-width: 992px; width: 992px } #skip_to_content { background: #814109; color: #fff; font-size: 14px; font-size: 1.4rem; height: 30px; left: 50%; line-height: 14px; padding: 8px 10px; transform: translateY(-100%); transition: transform .3s; z-index: 10 } #skip_to_content.focus, #skip_to_content:active, #skip_to_content:focus { transform: translateY(0) } @media (prefers-reduced-motion) { #skip_to_content { transition: none } } @media (max-width: 575px) { #rc-imageselect, .g-recaptcha { transform: scale(.77); -webkit-transform: scale(.77); transform-origin: 0 0; -webkit-transform-origin: 0 0 } } .main-content .main-content-copy .alert { text-align: left !important } .main-content .main-content-copy .alert.alert-danger .h1, .main-content .main-content-copy .alert.alert-danger .h2, .main-content .main-content-copy .alert.alert-danger .h3, .main-content .main-content-copy .alert.alert-danger .h4, .main-content .main-content-copy .alert.alert-danger .h5, .main-content .main-content-copy .alert.alert-danger .h6, .main-content .main-content-copy .alert.alert-danger a, .main-content .main-content-copy .alert.alert-danger h1, .main-content .main-content-copy .alert.alert-danger h2, .main-content .main-content-copy .alert.alert-danger h3, .main-content .main-content-copy .alert.alert-danger h4, .main-content .main-content-copy .alert.alert-danger h5, .main-content .main-content-copy .alert.alert-danger h6, .main-content .main-content-copy .alert.alert-danger li, .main-content .main-content-copy .alert.alert-danger p, .main-content .main-content-copy .alert.alert-danger strong { color: #721c24 !important; text-align: left !important } .main-content .main-content-copy .alert.alert-warning .h1, .main-content .main-content-copy .alert.alert-warning .h2, .main-content .main-content-copy .alert.alert-warning .h3, .main-content .main-content-copy .alert.alert-warning .h4, .main-content .main-content-copy .alert.alert-warning .h5, .main-content .main-content-copy .alert.alert-warning .h6, .main-content .main-content-copy .alert.alert-warning a, .main-content .main-content-copy .alert.alert-warning h1, .main-content .main-content-copy .alert.alert-warning h2, .main-content .main-content-copy .alert.alert-warning h3, .main-content .main-content-copy .alert.alert-warning h4, .main-content .main-content-copy .alert.alert-warning h5, .main-content .main-content-copy .alert.alert-warning h6, .main-content .main-content-copy .alert.alert-warning li, .main-content .main-content-copy .alert.alert-warning p, .main-content .main-content-copy .alert.alert-warning strong { color: #856404 !important; text-align: left !important } .main-content .main-content-copy .alert.alert-success .h1, .main-content .main-content-copy .alert.alert-success .h2, .main-content .main-content-copy .alert.alert-success .h3, .main-content .main-content-copy .alert.alert-success .h4, .main-content .main-content-copy .alert.alert-success .h5, .main-content .main-content-copy .alert.alert-success .h6, .main-content .main-content-copy .alert.alert-success a, .main-content .main-content-copy .alert.alert-success h1, .main-content .main-content-copy .alert.alert-success h2, .main-content .main-content-copy .alert.alert-success h3, .main-content .main-content-copy .alert.alert-success h4, .main-content .main-content-copy .alert.alert-success h5, .main-content .main-content-copy .alert.alert-success h6, .main-content .main-content-copy .alert.alert-success li, .main-content .main-content-copy .alert.alert-success p, .main-content .main-content-copy .alert.alert-success strong { color: #155724 !important; text-align: left !important } .main-content .main-content-copy .alert.alert-info .h1, .main-content .main-content-copy .alert.alert-info .h2, .main-content .main-content-copy .alert.alert-info .h3, .main-content .main-content-copy .alert.alert-info .h4, .main-content .main-content-copy .alert.alert-info .h5, .main-content .main-content-copy .alert.alert-info .h6, .main-content .main-content-copy .alert.alert-info a, .main-content .main-content-copy .alert.alert-info h1, .main-content .main-content-copy .alert.alert-info h2, .main-content .main-content-copy .alert.alert-info h3, .main-content .main-content-copy .alert.alert-info h4, .main-content .main-content-copy .alert.alert-info h5, .main-content .main-content-copy .alert.alert-info h6, .main-content .main-content-copy .alert.alert-info li, .main-content .main-content-copy .alert.alert-info p, .main-content .main-content-copy .alert.alert-info strong { color: #004085 !important; text-align: left !important } .btn.btn-circle { background-color: #fff; border: 1px solid #e6e6e6; border-radius: 500px; color: #000; cursor: pointer; display: inline-block; font-family: inherit; font-size: 1.6rem; font-weight: 400; line-height: 1.6rem; min-width: 38px; padding: 10px; position: relative; text-decoration: none; vertical-align: middle; width: auto } .btn.btn-circle:hover { background-color: #fff; color: #321f5e } .breadcrumb { background-color: #f5f5f5; border-radius: 4px; margin-bottom: 19px; padding: 8px 15px } .btn-outline-secondary { background-color: #fff; border-color: #ccc; color: #636b6f } .btn-outline-secondary:focus { background-color: #e6e6e6; border-color: #8c8c8c; color: #636b6f } .btn-outline-secondary:active, .btn-outline-secondary:hover, .btn-outline-secondary:not(:disabled):not(.disabled).active { background-color: #e6e6e6; border-color: #adadad; color: #636b6f } @media only screen and (max-width: 390px) and (max-height: 844px) and (-webkit-device-pixel-ratio: 3) { .modal-header button { -webkit-appearance: none } .modal-header .close-icon { -webkit-margin-start: -4px } } /*! * Bootstrap v5.3.2 (https://getbootstrap.com/) * Copyright 2011-2023 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: "Helvetica", "Open Sans", "Arial", sans-serif; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.6; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, .75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, .5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, .175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, .075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, .25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545 } [data-bs-theme=dark] { --bs-body-color: #dee2e6; --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(222, 226, 230, .75); --bs-secondary-color-rgb: 222, 226, 230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(222, 226, 230, .5); --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43, 48, 53; --bs-primary-text-emphasis: #6ea8fe; --bs-secondary-text-emphasis: #a7acb1; --bs-success-text-emphasis: #75b798; --bs-info-text-emphasis: #6edff6; --bs-warning-text-emphasis: #ffda6a; --bs-danger-text-emphasis: #ea868f; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: #031633; --bs-secondary-bg-subtle: #161719; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #087990; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #6ea8fe; --bs-link-hover-color: #8bb9fe; --bs-link-color-rgb: 110, 168, 254; --bs-link-hover-color-rgb: 139, 185, 254; --bs-code-color: #e685b5; --bs-highlight-color: #dee2e6; --bs-highlight-bg: #664d03; --bs-border-color: #495057; --bs-border-color-translucent: hsla(0, 0%, 100%, .15); --bs-form-valid-color: #75b798; --bs-form-valid-border-color: #75b798; --bs-form-invalid-color: #ea868f; --bs-form-invalid-border-color: #ea868f; color-scheme: dark } *, :after, :before { box-sizing: border-box } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth } } body { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: var(--bs-body-bg); color: var(--bs-body-color); font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); margin: 0; text-align: var(--bs-body-text-align) } hr { border: 0; border-top: var(--bs-border-width) solid; color: inherit; margin: 1rem 0; opacity: .25 } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: var(--bs-heading-color); font-weight: 500; line-height: 1.2; margin-bottom: .5rem; margin-top: 0 } .h1, h1 { font-size: calc(1.375rem + 1.5vw) } @media (min-width: 1200px) { .h1, h1 { font-size: 2.5rem } } .h2, h2 { font-size: calc(1.325rem + .9vw) } @media (min-width: 1200px) { .h2, h2 { font-size: 2rem } } .h3, h3 { font-size: calc(1.3rem + .6vw) } @media (min-width: 1200px) { .h3, h3 { font-size: 1.75rem } } .h4, h4 { font-size: calc(1.275rem + .3vw) } @media (min-width: 1200px) { .h4, h4 { font-size: 1.5rem } } .h5, h5 { font-size: 1.25rem } .h6, h6 { font-size: 1rem } p { margin-bottom: 1rem; margin-top: 0 } abbr[title] { cursor: help; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { font-style: normal; line-height: inherit; margin-bottom: 1rem } ol, ul { padding-left: 2rem } dl, ol, ul { margin-bottom: 1rem; margin-top: 0 } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: bolder } .small, small { font-size: .875em } .mark, mark { background-color: var(--bs-highlight-bg); color: var(--bs-highlight-color); padding: .1875em } sub, sup { font-size: .75em; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb) } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none } code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em } pre { display: block; font-size: .875em; margin-bottom: 1rem; margin-top: 0; overflow: auto } pre code { color: inherit; font-size: inherit; word-break: normal } code { word-wrap: break-word; color: var(--bs-code-color); font-size: .875em } a > code { color: inherit } kbd { background-color: var(--bs-body-color); border-radius: .25rem; color: var(--bs-body-bg); font-size: .875em; padding: .1875rem .375rem } kbd kbd { font-size: 1em; padding: 0 } figure { margin: 0 0 1rem } img, svg { vertical-align: middle } table { border-collapse: collapse; caption-side: bottom } caption { color: var(--bs-secondary-color); padding-bottom: .5rem; padding-top: .5rem; text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } tbody, td, tfoot, th, thead, tr { border: 0 solid; border-color: inherit } label { display: inline-block } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0 } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } select:disabled { opacity: 1 } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } ::-moz-focus-inner { border-style: none; padding: 0 } textarea { resize: vertical } fieldset { border: 0; margin: 0; min-width: 0; padding: 0 } legend { float: left; font-size: calc(1.275rem + .3vw); line-height: inherit; margin-bottom: .5rem; padding: 0; width: 100% } @media (min-width: 1200px) { legend { font-size: 1.5rem } } legend + * { clear: left } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0 } ::-webkit-inner-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-color-swatch-wrapper { padding: 0 } ::file-selector-button { -webkit-appearance: button; font: inherit } output { display: inline-block } iframe { border: 0 } summary { cursor: pointer; display: list-item } progress { vertical-align: baseline } [hidden] { display: none !important } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-1 { font-size: 5rem } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-3 { font-size: 4rem } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-5 { font-size: 3rem } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem } } .list-inline, .list-unstyled { list-style: none; padding-left: 0 } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: .875em; text-transform: uppercase } .blockquote { font-size: 1.25rem; margin-bottom: 1rem } .blockquote > :last-child { margin-bottom: 0 } .blockquote-footer { color: #6c757d; font-size: .875em; margin-bottom: 1rem; margin-top: -1rem } .blockquote-footer:before { content: "— " } .img-fluid, .img-thumbnail { height: auto; max-width: 100% } .img-thumbnail { background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); padding: .25rem } .figure { display: inline-block } .figure-img { line-height: 1; margin-bottom: .5rem } .figure-caption { color: var(--bs-secondary-color); font-size: .875em } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; margin-left: auto; margin-right: auto; padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5); width: 100% } @media (min-width: 576px) { .container, .container-sm { max-width: 540px } } @media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 720px } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px } } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-left: calc(var(--bs-gutter-x) * -.5); margin-right: calc(var(--bs-gutter-x) * -.5); margin-top: calc(var(--bs-gutter-y) * -1) } .row > * { flex-shrink: 0; margin-top: var(--bs-gutter-y); max-width: 100%; padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5); width: 100% } .col { flex: 1 0 0% } .row-cols-auto > * { flex: 0 0 auto; width: auto } .row-cols-1 > * { flex: 0 0 auto; width: 100% } .row-cols-2 > * { flex: 0 0 auto; width: 50% } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333333% } .row-cols-4 > * { flex: 0 0 auto; width: 25% } .row-cols-5 > * { flex: 0 0 auto; width: 20% } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667% } .col-auto { flex: 0 0 auto; width: auto } .col-1 { flex: 0 0 auto; width: 8.33333333% } .col-2 { flex: 0 0 auto; width: 16.66666667% } .col-3 { flex: 0 0 auto; width: 25% } .col-4 { flex: 0 0 auto; width: 33.33333333% } .col-5 { flex: 0 0 auto; width: 41.66666667% } .col-6 { flex: 0 0 auto; width: 50% } .col-7 { flex: 0 0 auto; width: 58.33333333% } .col-8 { flex: 0 0 auto; width: 66.66666667% } .col-9 { flex: 0 0 auto; width: 75% } .col-10 { flex: 0 0 auto; width: 83.33333333% } .col-11 { flex: 0 0 auto; width: 91.66666667% } .col-12 { flex: 0 0 auto; width: 100% } .offset-1 { margin-left: 8.33333333% } .offset-2 { margin-left: 16.66666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333333% } .offset-5 { margin-left: 41.66666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333333% } .offset-8 { margin-left: 66.66666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333333% } .offset-11 { margin-left: 91.66666667% } .g-0, .gx-0 { --bs-gutter-x: 0 } .g-0, .gy-0 { --bs-gutter-y: 0 } .g-1, .gx-1 { --bs-gutter-x: 0.25rem } .g-1, .gy-1 { --bs-gutter-y: 0.25rem } .g-2, .gx-2 { --bs-gutter-x: 0.5rem } .g-2, .gy-2 { --bs-gutter-y: 0.5rem } .g-3, .gx-3 { --bs-gutter-x: 1rem } .g-3, .gy-3 { --bs-gutter-y: 1rem } .g-4, .gx-4 { --bs-gutter-x: 1.5rem } .g-4, .gy-4 { --bs-gutter-y: 1.5rem } .g-5, .gx-5 { --bs-gutter-x: 3rem } .g-5, .gy-5 { --bs-gutter-y: 3rem } @media (min-width: 576px) { .col-sm { flex: 1 0 0% } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100% } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50% } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333% } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25% } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20% } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667% } .col-sm-auto { flex: 0 0 auto; width: auto } .col-sm-1 { flex: 0 0 auto; width: 8.33333333% } .col-sm-2 { flex: 0 0 auto; width: 16.66666667% } .col-sm-3 { flex: 0 0 auto; width: 25% } .col-sm-4 { flex: 0 0 auto; width: 33.33333333% } .col-sm-5 { flex: 0 0 auto; width: 41.66666667% } .col-sm-6 { flex: 0 0 auto; width: 50% } .col-sm-7 { flex: 0 0 auto; width: 58.33333333% } .col-sm-8 { flex: 0 0 auto; width: 66.66666667% } .col-sm-9 { flex: 0 0 auto; width: 75% } .col-sm-10 { flex: 0 0 auto; width: 83.33333333% } .col-sm-11 { flex: 0 0 auto; width: 91.66666667% } .col-sm-12 { flex: 0 0 auto; width: 100% } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333333% } .offset-sm-2 { margin-left: 16.66666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333333% } .offset-sm-5 { margin-left: 41.66666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333333% } .offset-sm-8 { margin-left: 66.66666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333333% } .offset-sm-11 { margin-left: 91.66666667% } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0 } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0 } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem } } @media (min-width: 768px) { .col-md { flex: 1 0 0% } .row-cols-md-auto > * { flex: 0 0 auto; width: auto } .row-cols-md-1 > * { flex: 0 0 auto; width: 100% } .row-cols-md-2 > * { flex: 0 0 auto; width: 50% } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333% } .row-cols-md-4 > * { flex: 0 0 auto; width: 25% } .row-cols-md-5 > * { flex: 0 0 auto; width: 20% } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667% } .col-md-auto { flex: 0 0 auto; width: auto } .col-md-1 { flex: 0 0 auto; width: 8.33333333% } .col-md-2 { flex: 0 0 auto; width: 16.66666667% } .col-md-3 { flex: 0 0 auto; width: 25% } .col-md-4 { flex: 0 0 auto; width: 33.33333333% } .col-md-5 { flex: 0 0 auto; width: 41.66666667% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-7 { flex: 0 0 auto; width: 58.33333333% } .col-md-8 { flex: 0 0 auto; width: 66.66666667% } .col-md-9 { flex: 0 0 auto; width: 75% } .col-md-10 { flex: 0 0 auto; width: 83.33333333% } .col-md-11 { flex: 0 0 auto; width: 91.66666667% } .col-md-12 { flex: 0 0 auto; width: 100% } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333333% } .offset-md-2 { margin-left: 16.66666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333333% } .offset-md-5 { margin-left: 41.66666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333333% } .offset-md-8 { margin-left: 66.66666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333333% } .offset-md-11 { margin-left: 91.66666667% } .g-md-0, .gx-md-0 { --bs-gutter-x: 0 } .g-md-0, .gy-md-0 { --bs-gutter-y: 0 } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem } } @media (min-width: 992px) { .col-lg { flex: 1 0 0% } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100% } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50% } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333% } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25% } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20% } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667% } .col-lg-auto { flex: 0 0 auto; width: auto } .col-lg-1 { flex: 0 0 auto; width: 8.33333333% } .col-lg-2 { flex: 0 0 auto; width: 16.66666667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.33333333% } .col-lg-5 { flex: 0 0 auto; width: 41.66666667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.33333333% } .col-lg-8 { flex: 0 0 auto; width: 66.66666667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.33333333% } .col-lg-11 { flex: 0 0 auto; width: 91.66666667% } .col-lg-12 { flex: 0 0 auto; width: 100% } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333333% } .offset-lg-2 { margin-left: 16.66666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333333% } .offset-lg-5 { margin-left: 41.66666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333333% } .offset-lg-8 { margin-left: 66.66666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333333% } .offset-lg-11 { margin-left: 91.66666667% } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0 } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0 } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0% } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100% } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50% } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333% } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25% } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20% } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667% } .col-xl-auto { flex: 0 0 auto; width: auto } .col-xl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xl-6 { flex: 0 0 auto; width: 50% } .col-xl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xl-12 { flex: 0 0 auto; width: 100% } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333333% } .offset-xl-2 { margin-left: 16.66666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333333% } .offset-xl-5 { margin-left: 41.66666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333333% } .offset-xl-8 { margin-left: 66.66666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333333% } .offset-xl-11 { margin-left: 91.66666667% } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0 } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0 } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0% } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100% } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50% } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333% } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25% } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20% } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667% } .col-xxl-auto { flex: 0 0 auto; width: auto } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xxl-3 { flex: 0 0 auto; width: 25% } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xxl-6 { flex: 0 0 auto; width: 50% } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xxl-9 { flex: 0 0 auto; width: 75% } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xxl-12 { flex: 0 0 auto; width: 100% } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.33333333% } .offset-xxl-2 { margin-left: 16.66666667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.33333333% } .offset-xxl-5 { margin-left: 41.66666667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.33333333% } .offset-xxl-8 { margin-left: 66.66666667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.33333333% } .offset-xxl-11 { margin-left: 91.66666667% } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0 } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0 } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem } } .table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); border-color: var(--bs-table-border-color); margin-bottom: 1rem; vertical-align: top; width: 100% } .table > :not(caption) > * > * { background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); padding: .5rem } .table > tbody { vertical-align: inherit } .table > thead { vertical-align: bottom } .table-group-divider { border-top: calc(var(--bs-border-width) * 2) solid } .caption-top { caption-side: top } .table-sm > :not(caption) > * > * { padding: .25rem } .table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0 } .table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width) } .table-borderless > :not(caption) > * > * { border-bottom-width: 0 } .table-borderless > :not(:first-child) { border-top-width: 0 } .table-striped-columns > :not(caption) > tr > :nth-child(2n), .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg) } .table-active { --bs-table-color-state: var(--bs-table-active-color); --bs-table-bg-state: var(--bs-table-active-bg) } .table-hover > tbody > tr:hover > * { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg) } .table-primary { --bs-table-color: #000; --bs-table-bg: #cfe2ff; --bs-table-border-color: #a6b5cc; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000 } .table-primary, .table-secondary { border-color: var(--bs-table-border-color); color: var(--bs-table-color) } .table-secondary { --bs-table-color: #000; --bs-table-bg: #e2e3e5; --bs-table-border-color: #b5b6b7; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000 } .table-success { --bs-table-color: #000; --bs-table-bg: #d1e7dd; --bs-table-border-color: #a7b9b1; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000 } .table-info, .table-success { border-color: var(--bs-table-border-color); color: var(--bs-table-color) } .table-info { --bs-table-color: #000; --bs-table-bg: #cff4fc; --bs-table-border-color: #a6c3ca; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000 } .table-warning { --bs-table-color: #000; --bs-table-bg: #fff3cd; --bs-table-border-color: #ccc2a4; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000 } .table-danger, .table-warning { border-color: var(--bs-table-border-color); color: var(--bs-table-color) } .table-danger { --bs-table-color: #000; --bs-table-bg: #f8d7da; --bs-table-border-color: #c6acae; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000 } .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; --bs-table-border-color: #c6c7c8; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000 } .table-dark, .table-light { border-color: var(--bs-table-border-color); color: var(--bs-table-color) } .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; --bs-table-border-color: #4d5154; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff } .table-responsive { -webkit-overflow-scrolling: touch; overflow-x: auto } @media (max-width: 575.98px) { .table-responsive-sm { -webkit-overflow-scrolling: touch; overflow-x: auto } } @media (max-width: 767.98px) { .table-responsive-md { -webkit-overflow-scrolling: touch; overflow-x: auto } } @media (max-width: 991.98px) { .table-responsive-lg { -webkit-overflow-scrolling: touch; overflow-x: auto } } @media (max-width: 1199.98px) { .table-responsive-xl { -webkit-overflow-scrolling: touch; overflow-x: auto } } @media (max-width: 1399.98px) { .table-responsive-xxl { -webkit-overflow-scrolling: touch; overflow-x: auto } } .form-label { margin-bottom: .5rem } .col-form-label { font-size: inherit; line-height: 1.6; margin-bottom: 0; padding-bottom: calc(.375rem + var(--bs-border-width)); padding-top: calc(.375rem + var(--bs-border-width)) } .col-form-label-lg { font-size: 1.25rem; padding-bottom: calc(.5rem + var(--bs-border-width)); padding-top: calc(.5rem + var(--bs-border-width)) } .col-form-label-sm { font-size: .875rem; padding-bottom: calc(.25rem + var(--bs-border-width)); padding-top: calc(.25rem + var(--bs-border-width)) } .form-text { color: var(--bs-secondary-color); font-size: .875em; margin-top: .25rem } .form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); color: var(--bs-body-color); display: block; font-size: 1rem; font-weight: 400; line-height: 1.6; padding: .375rem .75rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 100% } @media (prefers-reduced-motion: reduce) { .form-control { transition: none } } .form-control[type=file] { overflow: hidden } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer } .form-control:focus { background-color: var(--bs-body-bg); border-color: #86b7fe; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); color: var(--bs-body-color); outline: 0 } .form-control::-webkit-date-and-time-value { height: 1.6em; margin: 0; min-width: 85px } .form-control::-webkit-datetime-edit { display: block; padding: 0 } .form-control::-moz-placeholder { color: var(--bs-secondary-color); opacity: 1 } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1 } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1 } .form-control::file-selector-button { background-color: var(--bs-tertiary-bg); border: 0 solid; border-color: inherit; border-inline-end-width: var(--bs-border-width); border-radius: 0; color: var(--bs-body-color); margin: -.375rem -.75rem; margin-inline-end: .75rem; padding: .375rem .75rem; pointer-events: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg) } .form-control-plaintext { background-color: transparent; border: solid transparent; border-width: var(--bs-border-width) 0; color: var(--bs-body-color); display: block; line-height: 1.6; margin-bottom: 0; padding: .375rem 0; width: 100% } .form-control-plaintext:focus { outline: 0 } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-left: 0; padding-right: 0 } .form-control-sm { border-radius: var(--bs-border-radius-sm); font-size: .875rem; min-height: calc(1.6em + .5rem + var(--bs-border-width) * 2); padding: .25rem .5rem } .form-control-sm::file-selector-button { margin: -.25rem -.5rem; margin-inline-end: .5rem; padding: .25rem .5rem } .form-control-lg { border-radius: var(--bs-border-radius-lg); font-size: 1.25rem; min-height: calc(1.6em + 1rem + var(--bs-border-width) * 2); padding: .5rem 1rem } .form-control-lg::file-selector-button { margin: -.5rem -1rem; margin-inline-end: 1rem; padding: .5rem 1rem } textarea.form-control { min-height: calc(1.6em + .75rem + var(--bs-border-width) * 2) } textarea.form-control-sm { min-height: calc(1.6em + .5rem + var(--bs-border-width) * 2) } textarea.form-control-lg { min-height: calc(1.6em + 1rem + var(--bs-border-width) * 2) } .form-control-color { height: calc(1.6em + .75rem + var(--bs-border-width) * 2); padding: .375rem; width: 3rem } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius) } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius) } .form-control-color.form-control-sm { height: calc(1.6em + .5rem + var(--bs-border-width) * 2) } .form-control-color.form-control-lg { height: calc(1.6em + 1rem + var(--bs-border-width) * 2) } .form-select { --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-position: right .75rem center; background-repeat: no-repeat; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); color: var(--bs-body-color); display: block; font-size: 1rem; font-weight: 400; line-height: 1.6; padding: .375rem 2.25rem .375rem .75rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 100% } @media (prefers-reduced-motion: reduce) { .form-select { transition: none } } .form-select:focus { border-color: #86b7fe; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); outline: 0 } .form-select[multiple], .form-select[size]:not([size="1"]) { background-image: none; padding-right: .75rem } .form-select:disabled { background-color: var(--bs-secondary-bg) } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--bs-body-color) } .form-select-sm { border-radius: var(--bs-border-radius-sm); font-size: .875rem; padding-bottom: .25rem; padding-left: .5rem; padding-top: .25rem } .form-select-lg { border-radius: var(--bs-border-radius-lg); font-size: 1.25rem; padding-bottom: .5rem; padding-left: 1rem; padding-top: .5rem } [data-bs-theme=dark] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") } .form-check { display: block; margin-bottom: .125rem; min-height: 1.6rem; padding-left: 1.5em } .form-check .form-check-input { float: left; margin-left: -1.5em } .form-check-reverse { padding-left: 0; padding-right: 1.5em; text-align: right } .form-check-reverse .form-check-input { float: right; margin-left: 0; margin-right: -1.5em } .form-check-input { --bs-form-check-bg: var(--bs-body-bg); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-position: 50%; background-repeat: no-repeat; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); flex-shrink: 0; height: 1em; margin-top: .3em; -webkit-print-color-adjust: exact; print-color-adjust: exact; vertical-align: top; width: 1em } .form-check-input[type=checkbox] { border-radius: .25em } .form-check-input[type=radio] { border-radius: 50% } .form-check-input:active { filter: brightness(90%) } .form-check-input:focus { border-color: #86b7fe; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); outline: 0 } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd } .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E") } .form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E") } .form-check-input[type=checkbox]:indeterminate { --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E"); background-color: #0d6efd; border-color: #0d6efd } .form-check-input:disabled { filter: none; opacity: .5; pointer-events: none } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { cursor: default; opacity: .5 } .form-switch { padding-left: 2.5em } .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E"); background-image: var(--bs-form-switch-bg); background-position: 0; border-radius: 2em; margin-left: -2.5em; transition: background-position .15s ease-in-out; width: 2em } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none } } .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386b7fe'/%3E%3C/svg%3E") } .form-switch .form-check-input:checked { --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); background-position: 100% } .form-switch.form-check-reverse { padding-left: 0; padding-right: 2.5em } .form-switch.form-check-reverse .form-check-input { margin-left: 0; margin-right: -2.5em } .form-check-inline { display: inline-block; margin-right: 1rem } .btn-check { clip: rect(0, 0, 0, 0); pointer-events: none; position: absolute } .btn-check:disabled + .btn, .btn-check[disabled] + .btn { filter: none; opacity: .65; pointer-events: none } [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E") } .form-range { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; height: 1.5rem; padding: 0; width: 100% } .form-range:focus { outline: 0 } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25) } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25) } .form-range::-moz-focus-outer { border: 0 } .form-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background-color: #0d6efd; border: 0; border-radius: 1rem; height: 1rem; margin-top: -.25rem; -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 1rem } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe } .form-range::-webkit-slider-runnable-track { background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; color: transparent; cursor: pointer; height: .5rem; width: 100% } .form-range::-moz-range-thumb { -moz-appearance: none; appearance: none; background-color: #0d6efd; border: 0; border-radius: 1rem; height: 1rem; -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 1rem } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe } .form-range::-moz-range-track { background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; color: transparent; cursor: pointer; height: .5rem; width: 100% } .form-range:disabled { pointer-events: none } .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color) } .form-range:disabled::-moz-range-thumb { background-color: var(--bs-secondary-color) } .form-floating { position: relative } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + var(--bs-border-width) * 2); line-height: 1.25; min-height: calc(3.5rem + var(--bs-border-width) * 2) } .form-floating > label { border: var(--bs-border-width) solid transparent; height: 100%; left: 0; overflow: hidden; padding: 1rem .75rem; pointer-events: none; position: absolute; text-align: start; text-overflow: ellipsis; top: 0; transform-origin: 0 0; transition: opacity .1s ease-in-out, transform .1s ease-in-out; white-space: nowrap; z-index: 2 } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem .75rem } .form-floating > .form-control-plaintext::-moz-placeholder, .form-floating > .form-control::-moz-placeholder { color: transparent } .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder { color: transparent } .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown), .form-floating > .form-control:not(:-moz-placeholder-shown) { padding-bottom: .625rem; padding-top: 1.625rem } .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-bottom: .625rem; padding-top: 1.625rem } .form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill { padding-bottom: .625rem; padding-top: 1.625rem } .form-floating > .form-select { padding-bottom: .625rem; padding-top: 1.625rem } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { color: rgba(var(--bs-body-color-rgb), .65); transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { color: rgba(var(--bs-body-color-rgb), .65); transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label:after { background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); content: ""; height: 1.5em; inset: 1rem .375rem; position: absolute; z-index: -1 } .form-floating > .form-control-plaintext ~ label:after, .form-floating > .form-control:focus ~ label:after, .form-floating > .form-control:not(:placeholder-shown) ~ label:after, .form-floating > .form-select ~ label:after { background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); content: ""; height: 1.5em; inset: 1rem .375rem; position: absolute; z-index: -1 } .form-floating > .form-control:-webkit-autofill ~ label { color: rgba(var(--bs-body-color-rgb), .65); transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating > .form-control-plaintext ~ label { border-width: var(--bs-border-width) 0 } .form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label { color: #6c757d } .form-floating > .form-control:disabled ~ label:after, .form-floating > :disabled ~ label:after { background-color: var(--bs-secondary-bg) } .input-group { align-items: stretch; display: flex; flex-wrap: wrap; position: relative; width: 100% } .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select { flex: 1 1 auto; min-width: 0; position: relative; width: 1% } .input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus { z-index: 5 } .input-group .btn { position: relative; z-index: 2 } .input-group .btn:focus { z-index: 5 } .input-group-text { align-items: center; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); color: var(--bs-body-color); display: flex; font-size: 1rem; font-weight: 400; line-height: 1.6; padding: .375rem .75rem; text-align: center; white-space: nowrap } .input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text { border-radius: var(--bs-border-radius-lg); font-size: 1.25rem; padding: .5rem 1rem } .input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text { border-radius: var(--bs-border-radius-sm); font-size: .875rem; padding: .25rem .5rem } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem } .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: calc(var(--bs-border-width) * -1) } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-bottom-left-radius: 0; border-top-left-radius: 0 } .valid-feedback { color: var(--bs-form-valid-color); display: none; font-size: .875em; margin-top: .25rem; width: 100% } .valid-tooltip { background-color: var(--bs-success); border-radius: var(--bs-border-radius); color: #fff; display: none; font-size: .875rem; margin-top: .1rem; max-width: 100%; padding: .25rem .5rem; position: absolute; top: 100%; z-index: 5 } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block } .form-control.is-valid, .was-validated .form-control:valid { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.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-position: right calc(.4em + .1875rem) center; background-repeat: no-repeat; background-size: calc(.8em + .375rem) calc(.8em + .375rem); border-color: var(--bs-form-valid-border-color); padding-right: calc(1.6em + .75rem) } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25) } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { background-position: top calc(.4em + .1875rem) right calc(.4em + .1875rem); padding-right: calc(1.6em + .75rem) } .form-select.is-valid, .was-validated .form-select:valid { border-color: var(--bs-form-valid-border-color) } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.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-position: right .75rem center, center right 2.25rem; background-size: 16px 12px, calc(.8em + .375rem) calc(.8em + .375rem); padding-right: 4.125rem } .form-select.is-valid:focus, .was-validated .form-select:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25) } .form-control-color.is-valid, .was-validated .form-control-color:valid { width: calc(3.75rem + 1.6em) } .form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: var(--bs-form-valid-border-color) } .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: var(--bs-form-valid-color) } .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25) } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: var(--bs-form-valid-color) } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: .5em } .input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid { z-index: 3 } .invalid-feedback { color: var(--bs-form-invalid-color); display: none; font-size: .875em; margin-top: .25rem; width: 100% } .invalid-tooltip { background-color: var(--bs-danger); border-radius: var(--bs-border-radius); color: #fff; display: none; font-size: .875rem; margin-top: .1rem; max-width: 100%; padding: .25rem .5rem; position: absolute; top: 100%; z-index: 5 } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block } .form-control.is-invalid, .was-validated .form-control:invalid { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%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-position: right calc(.4em + .1875rem) center; background-repeat: no-repeat; background-size: calc(.8em + .375rem) calc(.8em + .375rem); border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.6em + .75rem) } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25) } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { background-position: top calc(.4em + .1875rem) right calc(.4em + .1875rem); padding-right: calc(1.6em + .75rem) } .form-select.is-invalid, .was-validated .form-select:invalid { border-color: var(--bs-form-invalid-border-color) } .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%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-position: right .75rem center, center right 2.25rem; background-size: 16px 12px, calc(.8em + .375rem) calc(.8em + .375rem); padding-right: 4.125rem } .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25) } .form-control-color.is-invalid, .was-validated .form-control-color:invalid { width: calc(3.75rem + 1.6em) } .form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color: var(--bs-form-invalid-border-color) } .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { background-color: var(--bs-form-invalid-color) } .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25) } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: var(--bs-form-invalid-color) } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: .5em } .input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid { z-index: 4 } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.6; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); background-color: var(--bs-btn-bg); border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); color: var(--bs-btn-color); cursor: pointer; display: inline-block; font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-user-select: none; -moz-user-select: none; user-select: none; vertical-align: middle } @media (prefers-reduced-motion: reduce) { .btn { transition: none } } .btn:hover { background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); color: var(--bs-btn-hover-color) } .btn-check + .btn:hover { background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); color: var(--bs-btn-color) } .btn:focus-visible { background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); box-shadow: var(--bs-btn-focus-box-shadow); color: var(--bs-btn-hover-color); outline: 0 } .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); box-shadow: var(--bs-btn-focus-box-shadow); outline: 0 } .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); color: var(--bs-btn-active-color) } .btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow) } .btn.disabled, .btn:disabled, fieldset:disabled .btn { background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); color: var(--bs-btn-disabled-color); opacity: var(--bs-btn-disabled-opacity); pointer-events: none } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0b5ed7; --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a58ca; --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0d6efd; --bs-btn-disabled-border-color: #0d6efd } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5c636a; --bs-btn-hover-border-color: #565e64; --bs-btn-focus-shadow-rgb: 130, 138, 145; --bs-btn-active-color: #fff; --bs-btn-active-bg: #565e64; --bs-btn-active-border-color: #51585e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6c757d; --bs-btn-disabled-border-color: #6c757d } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #157347; --bs-btn-hover-border-color: #146c43; --bs-btn-focus-shadow-rgb: 60, 153, 110; --bs-btn-active-color: #fff; --bs-btn-active-bg: #146c43; --bs-btn-active-border-color: #13653f; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #198754; --bs-btn-disabled-border-color: #198754 } .btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0 } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffca2c; --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffcd39; --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107 } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bb2d3b; --bs-btn-hover-border-color: #b02a37; --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b02a37; --bs-btn-active-border-color: #a52834; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-border-color: #dc3545 } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529 } .btn-outline-primary { --bs-btn-color: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0d6efd; --bs-btn-hover-border-color: #0d6efd; --bs-btn-focus-shadow-rgb: 13, 110, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0d6efd; --bs-btn-active-border-color: #0d6efd; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #0d6efd; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0d6efd; --bs-gradient: none } .btn-outline-secondary { --bs-btn-color: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6c757d; --bs-btn-hover-border-color: #6c757d; --bs-btn-focus-shadow-rgb: 108, 117, 125; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6c757d; --bs-btn-active-border-color: #6c757d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6c757d; --bs-gradient: none } .btn-outline-success { --bs-btn-color: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #198754; --bs-btn-hover-border-color: #198754; --bs-btn-focus-shadow-rgb: 25, 135, 84; --bs-btn-active-color: #fff; --bs-btn-active-bg: #198754; --bs-btn-active-border-color: #198754; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #198754; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #198754; --bs-gradient: none } .btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13, 202, 240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none } .btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255, 193, 7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none } .btn-outline-danger { --bs-btn-color: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-focus-shadow-rgb: 220, 53, 69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dc3545; --bs-btn-active-border-color: #dc3545; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #dc3545; --bs-gradient: none } .btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248, 249, 250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fa; --bs-gradient: none } .btn-outline-dark { --bs-btn-color: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212529; --bs-btn-hover-border-color: #212529; --bs-btn-focus-shadow-rgb: 33, 37, 41; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212529; --bs-btn-active-border-color: #212529; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --bs-btn-disabled-color: #212529; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #212529; --bs-gradient: none } .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 49, 132, 253; text-decoration: underline } .btn-link:focus-visible { color: var(--bs-btn-color) } .btn-link:hover { color: var(--bs-btn-hover-color) } .btn-group-lg > .btn, .btn-lg { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: var(--bs-border-radius-lg) } .btn-group-sm > .btn, .btn-sm { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: var(--bs-border-radius-sm) } .fade { transition: opacity .15s linear } @media (prefers-reduced-motion: reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { height: 0; overflow: hidden; transition: height .35s ease } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none } } .collapsing.collapse-horizontal { height: auto; transition: width .35s ease; width: 0 } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none } } .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle:after { border-bottom: 0; border-left: .3em solid transparent; border-right: .3em solid transparent; border-top: .3em solid; content: ""; display: inline-block; margin-left: .255em; vertical-align: .255em } .dropdown-toggle:empty:after { margin-left: 0 } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; background-clip: padding-box; background-color: var(--bs-dropdown-bg); border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); color: var(--bs-dropdown-color); display: none; font-size: var(--bs-dropdown-font-size); list-style: none; margin: 0; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); position: absolute; text-align: left; z-index: var(--bs-dropdown-zindex) } .dropdown-menu[data-bs-popper] { left: 0; margin-top: var(--bs-dropdown-spacer); top: 100% } .dropdown-menu-start { --bs-position: start } .dropdown-menu-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-end { --bs-position: end } .dropdown-menu-end[data-bs-popper] { left: auto; right: 0 } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start } .dropdown-menu-sm-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-sm-end { --bs-position: end } .dropdown-menu-sm-end[data-bs-popper] { left: auto; right: 0 } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start } .dropdown-menu-md-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-md-end { --bs-position: end } .dropdown-menu-md-end[data-bs-popper] { left: auto; right: 0 } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start } .dropdown-menu-lg-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-lg-end { --bs-position: end } .dropdown-menu-lg-end[data-bs-popper] { left: auto; right: 0 } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start } .dropdown-menu-xl-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-xl-end { --bs-position: end } .dropdown-menu-xl-end[data-bs-popper] { left: auto; right: 0 } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start } .dropdown-menu-xxl-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-xxl-end { --bs-position: end } .dropdown-menu-xxl-end[data-bs-popper] { left: auto; right: 0 } } .dropup .dropdown-menu[data-bs-popper] { bottom: 100%; margin-bottom: var(--bs-dropdown-spacer); margin-top: 0; top: auto } .dropup .dropdown-toggle:after { border-bottom: .3em solid; border-left: .3em solid transparent; border-right: .3em solid transparent; border-top: 0; content: ""; display: inline-block; margin-left: .255em; vertical-align: .255em } .dropup .dropdown-toggle:empty:after { margin-left: 0 } .dropend .dropdown-menu[data-bs-popper] { left: 100%; margin-left: var(--bs-dropdown-spacer); margin-top: 0; right: auto; top: 0 } .dropend .dropdown-toggle:after { border-bottom: .3em solid transparent; border-left: .3em solid; border-right: 0; border-top: .3em solid transparent; content: ""; display: inline-block; margin-left: .255em; vertical-align: .255em } .dropend .dropdown-toggle:empty:after { margin-left: 0 } .dropend .dropdown-toggle:after { vertical-align: 0 } .dropstart .dropdown-menu[data-bs-popper] { left: auto; margin-right: var(--bs-dropdown-spacer); margin-top: 0; right: 100%; top: 0 } .dropstart .dropdown-toggle:after { content: ""; display: inline-block; display: none; margin-left: .255em; vertical-align: .255em } .dropstart .dropdown-toggle:before { border-bottom: .3em solid transparent; border-right: .3em solid; border-top: .3em solid transparent; content: ""; display: inline-block; margin-right: .255em; vertical-align: .255em } .dropstart .dropdown-toggle:empty:after { margin-left: 0 } .dropstart .dropdown-toggle:before { vertical-align: 0 } .dropdown-divider { border-top: 1px solid var(--bs-dropdown-divider-bg); height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; opacity: 1; overflow: hidden } .dropdown-item { background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); clear: both; color: var(--bs-dropdown-link-color); display: block; font-weight: 400; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); text-align: inherit; text-decoration: none; white-space: nowrap; width: 100% } .dropdown-item:focus, .dropdown-item:hover { background-color: var(--bs-dropdown-link-hover-bg); color: var(--bs-dropdown-link-hover-color) } .dropdown-item.active, .dropdown-item:active { background-color: var(--bs-dropdown-link-active-bg); color: var(--bs-dropdown-link-active-color); text-decoration: none } .dropdown-item.disabled, .dropdown-item:disabled { background-color: transparent; color: var(--bs-dropdown-link-disabled-color); pointer-events: none } .dropdown-menu.show { display: block } .dropdown-header { color: var(--bs-dropdown-header-color); display: block; font-size: .875rem; margin-bottom: 0; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); white-space: nowrap } .dropdown-item-text { color: var(--bs-dropdown-link-color); display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x) } .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: hsla(0, 0%, 100%, .15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd } .btn-group, .btn-group-vertical { display: inline-flex; position: relative; vertical-align: middle } .btn-group-vertical > .btn, .btn-group > .btn { flex: 1 1 auto; position: relative } .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group { border-radius: var(--bs-border-radius) } .btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn { margin-left: calc(var(--bs-border-width) * -1) } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn { border-bottom-left-radius: 0; border-top-left-radius: 0 } .dropdown-toggle-split { padding-left: .5625rem; padding-right: .5625rem } .dropdown-toggle-split:after, .dropend .dropdown-toggle-split:after, .dropup .dropdown-toggle-split:after { margin-left: 0 } .dropstart .dropdown-toggle-split:before { margin-right: 0 } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-left: .375rem; padding-right: .375rem } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-left: .75rem; padding-right: .75rem } .btn-group-vertical { align-items: flex-start; flex-direction: column; justify-content: center } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100% } .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: calc(var(--bs-border-width) * -1) } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn { border-top-left-radius: 0; border-top-right-radius: 0 } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 0; padding-left: 0 } .nav-link { background: none; border: 0; color: var(--bs-nav-link-color); display: block; font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none } } .nav-link:focus, .nav-link:hover { color: var(--bs-nav-link-hover-color) } .nav-link:focus-visible { box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); outline: 0 } .nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); cursor: default; pointer-events: none } .nav-tabs { --bs-nav-tabs-border-width: var(--bs-border-width); --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color) } .nav-tabs .nav-link { border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1) } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: var(--bs-nav-tabs-link-hover-border-color); isolation: isolate } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); color: var(--bs-nav-tabs-link-active-color) } .nav-tabs .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: calc(var(--bs-nav-tabs-border-width) * -1) } .nav-pills { --bs-nav-pills-border-radius: var(--bs-border-radius); --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #0d6efd } .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius) } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--bs-nav-pills-link-active-bg); color: var(--bs-nav-pills-link-active-color) } .nav-underline { --bs-nav-underline-gap: 1rem; --bs-nav-underline-border-width: 0.125rem; --bs-nav-underline-link-active-color: var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap) } .nav-underline .nav-link { border-bottom: var(--bs-nav-underline-border-width) solid transparent; padding-left: 0; padding-right: 0 } .nav-underline .nav-link:focus, .nav-underline .nav-link:hover { border-bottom-color: currentcolor } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { border-bottom-color: currentcolor; color: var(--bs-nav-underline-link-active-color); font-weight: 700 } .nav-fill .nav-item, .nav-fill > .nav-link { flex: 1 1 auto; text-align: center } .nav-justified .nav-item, .nav-justified > .nav-link { flex-basis: 0; flex-grow: 1; text-align: center } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100% } .tab-content > .tab-pane { display: none } .tab-content > .active { display: block } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y: 0.3rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); position: relative } .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl { align-items: center; display: flex; flex-wrap: inherit; justify-content: space-between } .navbar-brand { color: var(--bs-navbar-brand-color); font-size: var(--bs-navbar-brand-font-size); margin-right: var(--bs-navbar-brand-margin-end); padding-bottom: var(--bs-navbar-brand-padding-y); padding-top: var(--bs-navbar-brand-padding-y); text-decoration: none; white-space: nowrap } .navbar-brand:focus, .navbar-brand:hover { color: var(--bs-navbar-brand-hover-color) } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; list-style: none; margin-bottom: 0; padding-left: 0 } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color) } .navbar-nav .dropdown-menu { position: static } .navbar-text { color: var(--bs-navbar-color); padding-bottom: .5rem; padding-top: .5rem } .navbar-text a, .navbar-text a:focus, .navbar-text a:hover { color: var(--bs-navbar-active-color) } .navbar-collapse { align-items: center; flex-basis: 100%; flex-grow: 1 } .navbar-toggler { background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); color: var(--bs-navbar-color); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); transition: var(--bs-navbar-toggler-transition) } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none } } .navbar-toggler:hover { text-decoration: none } .navbar-toggler:focus { box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); outline: 0; text-decoration: none } .navbar-toggler-icon { background-image: var(--bs-navbar-toggler-icon-bg); background-position: 50%; background-repeat: no-repeat; background-size: 100%; display: inline-block; height: 1.5em; vertical-align: middle; width: 1.5em } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-sm .navbar-nav { flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-sm .navbar-nav-scroll { overflow: visible } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } .navbar-expand-sm .offcanvas { background-color: transparent !important; border: 0 !important; flex-grow: 1; height: auto !important; position: static; transform: none !important; transition: none; visibility: visible !important; width: auto !important; z-index: auto } .navbar-expand-sm .offcanvas .offcanvas-header { display: none } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-md .navbar-nav { flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-md .navbar-nav-scroll { overflow: visible } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } .navbar-expand-md .offcanvas { background-color: transparent !important; border: 0 !important; flex-grow: 1; height: auto !important; position: static; transform: none !important; transition: none; visibility: visible !important; width: auto !important; z-index: auto } .navbar-expand-md .offcanvas .offcanvas-header { display: none } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-lg .navbar-nav { flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-lg .navbar-nav-scroll { overflow: visible } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } .navbar-expand-lg .offcanvas { background-color: transparent !important; border: 0 !important; flex-grow: 1; height: auto !important; position: static; transform: none !important; transition: none; visibility: visible !important; width: auto !important; z-index: auto } .navbar-expand-lg .offcanvas .offcanvas-header { display: none } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xl .navbar-nav { flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-xl .navbar-nav-scroll { overflow: visible } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } .navbar-expand-xl .offcanvas { background-color: transparent !important; border: 0 !important; flex-grow: 1; height: auto !important; position: static; transform: none !important; transition: none; visibility: visible !important; width: auto !important; z-index: auto } .navbar-expand-xl .offcanvas .offcanvas-header { display: none } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xxl .navbar-nav { flex-direction: row } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xxl .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xxl .navbar-toggler { display: none } .navbar-expand-xxl .offcanvas { background-color: transparent !important; border: 0 !important; flex-grow: 1; height: auto !important; position: static; transform: none !important; transition: none; visibility: visible !important; width: auto !important; z-index: auto } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand .navbar-nav { flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand .navbar-nav-scroll { overflow: visible } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-expand .offcanvas { background-color: transparent !important; border: 0 !important; flex-grow: 1; height: auto !important; position: static; transform: none !important; transition: none; visibility: visible !important; width: auto !important; z-index: auto } .navbar-expand .offcanvas .offcanvas-header { display: none } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } .navbar-dark, .navbar[data-bs-theme=dark] { --bs-navbar-color: hsla(0, 0%, 100%, .55); --bs-navbar-hover-color: hsla(0, 0%, 100%, .75); --bs-navbar-disabled-color: hsla(0, 0%, 100%, .25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, .1) } .navbar-dark, .navbar[data-bs-theme=dark], [data-bs-theme=dark] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 3rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: var(--bs-border-radius); --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; word-wrap: break-word; background-clip: border-box; background-color: var(--bs-card-bg); border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); color: var(--bs-body-color); display: flex; flex-direction: column; height: var(--bs-card-height); min-width: 0; position: relative } .card > hr { margin-left: 0; margin-right: 0 } .card > .list-group { border-bottom: inherit; border-top: inherit } .card > .list-group:first-child { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); border-top-width: 0 } .card > .list-group:last-child { border-bottom-left-radius: var(--bs-card-inner-border-radius); border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-width: 0 } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0 } .card-body { color: var(--bs-card-color); flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x) } .card-title { color: var(--bs-card-title-color); margin-bottom: var(--bs-card-title-spacer-y) } .card-subtitle { color: var(--bs-card-subtitle-color); margin-top: calc(var(--bs-card-title-spacer-y) * -.5) } .card-subtitle, .card-text:last-child { margin-bottom: 0 } .card-link + .card-link { margin-left: var(--bs-card-spacer-x) } .card-header { background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); color: var(--bs-card-cap-color); margin-bottom: 0; padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x) } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0 } .card-footer { background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); color: var(--bs-card-cap-color); padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x) } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) } .card-header-tabs { border-bottom: 0; margin-bottom: calc(var(--bs-card-cap-padding-y) * -1); margin-left: calc(var(--bs-card-cap-padding-x) * -.5); margin-right: calc(var(--bs-card-cap-padding-x) * -.5) } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg) } .card-header-pills { margin-left: calc(var(--bs-card-cap-padding-x) * -.5); margin-right: calc(var(--bs-card-cap-padding-x) * -.5) } .card-img-overlay { border-radius: var(--bs-card-inner-border-radius); bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); position: absolute; right: 0; top: 0 } .card-img, .card-img-bottom, .card-img-top { width: 100% } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius) } .card-img, .card-img-bottom { border-bottom-left-radius: var(--bs-card-inner-border-radius); border-bottom-right-radius: var(--bs-card-inner-border-radius) } .card-group > .card { margin-bottom: var(--bs-card-group-margin) } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap } .card-group > .card { flex: 1 0 0%; margin-bottom: 0 } .card-group > .card + .card { border-left: 0; margin-left: 0 } .card-group > .card:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group > .card:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 } .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-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, border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); --bs-accordion-btn-focus-border-color: #86b7fe; --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle) } .accordion-button { align-items: center; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; color: var(--bs-accordion-btn-color); display: flex; font-size: 1rem; overflow-anchor: none; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); position: relative; text-align: left; transition: var(--bs-accordion-transition); width: 100% } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none } } .accordion-button:not(.collapsed) { background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color); color: var(--bs-accordion-active-color) } .accordion-button:not(.collapsed):after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform) } .accordion-button:after { background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); content: ""; flex-shrink: 0; height: var(--bs-accordion-btn-icon-width); margin-left: auto; transition: var(--bs-accordion-btn-icon-transition); width: var(--bs-accordion-btn-icon-width) } @media (prefers-reduced-motion: reduce) { .accordion-button:after { transition: none } } .accordion-button:hover { z-index: 2 } .accordion-button:focus { border-color: var(--bs-accordion-btn-focus-border-color); box-shadow: var(--bs-accordion-btn-focus-box-shadow); outline: 0; z-index: 3 } .accordion-header { margin-bottom: 0 } .accordion-item { background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); color: var(--bs-accordion-color) } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius) } .accordion-item:first-of-type .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius) } .accordion-item:not(:first-of-type) { border-top: 0 } .accordion-item:last-of-type { border-bottom-left-radius: var(--bs-accordion-border-radius); border-bottom-right-radius: var(--bs-accordion-border-radius) } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-left-radius: var(--bs-accordion-inner-border-radius); border-bottom-right-radius: var(--bs-accordion-inner-border-radius) } .accordion-item:last-of-type .accordion-collapse { border-bottom-left-radius: var(--bs-accordion-border-radius); border-bottom-right-radius: var(--bs-accordion-border-radius) } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x) } .accordion-flush .accordion-collapse { border-width: 0 } .accordion-flush .accordion-item { border-left: 0; border-radius: 0; border-right: 0 } .accordion-flush .accordion-item:first-child { border-top: 0 } .accordion-flush .accordion-item:last-child { border-bottom: 0 } .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { border-radius: 0 } [data-bs-theme=dark] .accordion-button:after { --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: var(--bs-secondary-color); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-secondary-color); background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); display: flex; flex-wrap: wrap; font-size: var(--bs-breadcrumb-font-size); list-style: none; margin-bottom: var(--bs-breadcrumb-margin-bottom); padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x) } .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x) } .breadcrumb-item + .breadcrumb-item:before { color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/"); float: left; padding-right: var(--bs-breadcrumb-item-padding-x) } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color) } .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: var(--bs-tertiary-bg); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #0d6efd; --bs-pagination-active-border-color: #0d6efd; --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: var(--bs-secondary-bg); --bs-pagination-disabled-border-color: var(--bs-border-color); display: flex; list-style: none; padding-left: 0 } .page-link { background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); color: var(--bs-pagination-color); display: block; font-size: var(--bs-pagination-font-size); padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); position: relative; text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion: reduce) { .page-link { transition: none } } .page-link:hover { background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); color: var(--bs-pagination-hover-color); z-index: 2 } .page-link:focus { background-color: var(--bs-pagination-focus-bg); box-shadow: var(--bs-pagination-focus-box-shadow); color: var(--bs-pagination-focus-color); outline: 0; z-index: 3 } .active > .page-link, .page-link.active { background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); color: var(--bs-pagination-active-color); z-index: 3 } .disabled > .page-link, .page-link.disabled { background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); color: var(--bs-pagination-disabled-color); pointer-events: none } .page-item:not(:first-child) .page-link { margin-left: calc(var(--bs-border-width) * -1) } .page-item:first-child .page-link { border-bottom-left-radius: var(--bs-pagination-border-radius); border-top-left-radius: var(--bs-pagination-border-radius) } .page-item:last-child .page-link { border-bottom-right-radius: var(--bs-pagination-border-radius); border-top-right-radius: var(--bs-pagination-border-radius) } .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.25rem; --bs-pagination-border-radius: var(--bs-border-radius-lg) } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: var(--bs-border-radius-sm) } .badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: var(--bs-border-radius); border-radius: var(--bs-badge-border-radius); color: var(--bs-badge-color); display: inline-block; font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); text-align: center; vertical-align: baseline; white-space: nowrap } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); color: var(--bs-alert-color); margin-bottom: var(--bs-alert-margin-bottom); padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); position: relative } .alert-heading { color: inherit } .alert-link { color: var(--bs-alert-link-color); font-weight: 700 } .alert-dismissible { padding-right: 3rem } .alert-dismissible .btn-close { padding: 1.25rem 1rem; position: absolute; right: 0; top: 0; z-index: 2 } .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis) } .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis) } .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis) } .alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis) } .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis) } .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis) } .alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis) } .alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis) } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem } } .progress, .progress-stacked { --bs-progress-height: 1rem; --bs-progress-font-size: 0.75rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #0d6efd; --bs-progress-bar-transition: width 0.6s ease; background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); display: flex; font-size: var(--bs-progress-font-size); height: var(--bs-progress-height); overflow: hidden } .progress-bar { background-color: var(--bs-progress-bar-bg); color: var(--bs-progress-bar-color); display: flex; flex-direction: column; justify-content: center; overflow: hidden; text-align: center; transition: var(--bs-progress-bar-transition); white-space: nowrap } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent); background-size: var(--bs-progress-height) var(--bs-progress-height) } .progress-stacked > .progress { overflow: visible } .progress-stacked > .progress > .progress-bar { width: 100% } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none } } .list-group { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: var(--bs-secondary-color); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #0d6efd; --bs-list-group-active-border-color: #0d6efd; border-radius: var(--bs-list-group-border-radius); display: flex; flex-direction: column; margin-bottom: 0; padding-left: 0 } .list-group-numbered { counter-reset: section; list-style-type: none } .list-group-numbered > .list-group-item:before { content: counters(section, ".") ". "; counter-increment: section } .list-group-item-action { color: var(--bs-list-group-action-color); text-align: inherit; width: 100% } .list-group-item-action:focus, .list-group-item-action:hover { background-color: var(--bs-list-group-action-hover-bg); color: var(--bs-list-group-action-hover-color); text-decoration: none; z-index: 1 } .list-group-item-action:active { background-color: var(--bs-list-group-action-active-bg); color: var(--bs-list-group-action-active-color) } .list-group-item { background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); color: var(--bs-list-group-color); display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); position: relative; text-decoration: none } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit } .list-group-item.disabled, .list-group-item:disabled { background-color: var(--bs-list-group-disabled-bg); color: var(--bs-list-group-disabled-color); pointer-events: none } .list-group-item.active { background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); color: var(--bs-list-group-active-color); z-index: 2 } .list-group-item + .list-group-item { border-top-width: 0 } .list-group-item + .list-group-item.active { border-top-width: var(--bs-list-group-border-width); margin-top: calc(var(--bs-list-group-border-width) * -1) } .list-group-horizontal { flex-direction: row } .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal > .list-group-item.active { margin-top: 0 } .list-group-horizontal > .list-group-item + .list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal > .list-group-item + .list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width) * -1) } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row } .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0 } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width) * -1) } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row } .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-md > .list-group-item.active { margin-top: 0 } .list-group-horizontal-md > .list-group-item + .list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-md > .list-group-item + .list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width) * -1) } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row } .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0 } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width) * -1) } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row } .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0 } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width) * -1) } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row } .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0 } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width) * -1) } } .list-group-flush { border-radius: 0 } .list-group-flush > .list-group-item { border-width: 0 0 var(--bs-list-group-border-width) } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0 } .list-group-item-primary { --bs-list-group-color: var(--bs-primary-text-emphasis); --bs-list-group-bg: var(--bs-primary-bg-subtle); --bs-list-group-border-color: var(--bs-primary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); --bs-list-group-active-color: var(--bs-primary-bg-subtle); --bs-list-group-active-bg: var(--bs-primary-text-emphasis); --bs-list-group-active-border-color: var(--bs-primary-text-emphasis) } .list-group-item-secondary { --bs-list-group-color: var(--bs-secondary-text-emphasis); --bs-list-group-bg: var(--bs-secondary-bg-subtle); --bs-list-group-border-color: var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); --bs-list-group-active-color: var(--bs-secondary-bg-subtle); --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis) } .list-group-item-success { --bs-list-group-color: var(--bs-success-text-emphasis); --bs-list-group-bg: var(--bs-success-bg-subtle); --bs-list-group-border-color: var(--bs-success-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-success-border-subtle); --bs-list-group-active-color: var(--bs-success-bg-subtle); --bs-list-group-active-bg: var(--bs-success-text-emphasis); --bs-list-group-active-border-color: var(--bs-success-text-emphasis) } .list-group-item-info { --bs-list-group-color: var(--bs-info-text-emphasis); --bs-list-group-bg: var(--bs-info-bg-subtle); --bs-list-group-border-color: var(--bs-info-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-info-border-subtle); --bs-list-group-active-color: var(--bs-info-bg-subtle); --bs-list-group-active-bg: var(--bs-info-text-emphasis); --bs-list-group-active-border-color: var(--bs-info-text-emphasis) } .list-group-item-warning { --bs-list-group-color: var(--bs-warning-text-emphasis); --bs-list-group-bg: var(--bs-warning-bg-subtle); --bs-list-group-border-color: var(--bs-warning-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); --bs-list-group-active-color: var(--bs-warning-bg-subtle); --bs-list-group-active-bg: var(--bs-warning-text-emphasis); --bs-list-group-active-border-color: var(--bs-warning-text-emphasis) } .list-group-item-danger { --bs-list-group-color: var(--bs-danger-text-emphasis); --bs-list-group-bg: var(--bs-danger-bg-subtle); --bs-list-group-border-color: var(--bs-danger-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); --bs-list-group-active-color: var(--bs-danger-bg-subtle); --bs-list-group-active-bg: var(--bs-danger-text-emphasis); --bs-list-group-active-border-color: var(--bs-danger-text-emphasis) } .list-group-item-light { --bs-list-group-color: var(--bs-light-text-emphasis); --bs-list-group-bg: var(--bs-light-bg-subtle); --bs-list-group-border-color: var(--bs-light-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-light-border-subtle); --bs-list-group-active-color: var(--bs-light-bg-subtle); --bs-list-group-active-bg: var(--bs-light-text-emphasis); --bs-list-group-active-border-color: var(--bs-light-text-emphasis) } .list-group-item-dark { --bs-list-group-color: var(--bs-dark-text-emphasis); --bs-list-group-bg: var(--bs-dark-bg-subtle); --bs-list-group-border-color: var(--bs-dark-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); --bs-list-group-active-color: var(--bs-dark-bg-subtle); --bs-list-group-active-bg: var(--bs-dark-text-emphasis); --bs-list-group-active-border-color: var(--bs-dark-text-emphasis) } .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border: 0; border-radius: .375rem; box-sizing: content-box; height: 1em; opacity: var(--bs-btn-close-opacity); padding: .25em; width: 1em } .btn-close, .btn-close:hover { color: var(--bs-btn-close-color) } .btn-close:hover { opacity: var(--bs-btn-close-hover-opacity); text-decoration: none } .btn-close:focus { box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); outline: 0 } .btn-close.disabled, .btn-close:disabled { opacity: var(--bs-btn-close-disabled-opacity); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none } .btn-close-white, [data-bs-theme=dark] .btn-close { filter: var(--bs-btn-close-white-filter) } .toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color: ; --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width: var(--bs-border-width); --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: var(--bs-border-radius); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-header-color: var(--bs-secondary-color); --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color: var(--bs-border-color-translucent); background-clip: padding-box; background-color: var(--bs-toast-bg); border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); border-radius: var(--bs-toast-border-radius); box-shadow: var(--bs-toast-box-shadow); color: var(--bs-toast-color); font-size: var(--bs-toast-font-size); pointer-events: auto; width: var(--bs-toast-max-width) } .toast.showing { opacity: 0 } .toast:not(.show) { display: none } .toast-container { --bs-toast-zindex: 1090; max-width: 100%; pointer-events: none; position: absolute; width: -moz-max-content; width: max-content; z-index: var(--bs-toast-zindex) } .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing) } .toast-header { align-items: center; background-clip: padding-box; background-color: var(--bs-toast-header-bg); border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); color: var(--bs-toast-header-color); display: flex; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x) } .toast-header .btn-close { margin-left: var(--bs-toast-padding-x); margin-right: calc(var(--bs-toast-padding-x) * -.5) } .toast-body { word-wrap: break-word; padding: var(--bs-toast-padding-x) } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.6; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); display: none; height: 100%; left: 0; outline: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: var(--bs-modal-zindex) } .modal-dialog { margin: var(--bs-modal-margin); pointer-events: none; position: relative; width: auto } .modal.fade .modal-dialog { transform: translateY(-50px); transition: transform .3s ease-out } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none } .modal.modal-static .modal-dialog { transform: scale(1.02) } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2) } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { align-items: center; display: flex; min-height: calc(100% - var(--bs-modal-margin) * 2) } .modal-content { background-clip: padding-box; background-color: var(--bs-modal-bg); border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); color: var(--bs-modal-color); display: flex; flex-direction: column; outline: 0; pointer-events: auto; position: relative; width: 100% } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; background-color: var(--bs-backdrop-bg); height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: var(--bs-backdrop-zindex) } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity) } .modal-header { align-items: center; border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); display: flex; flex-shrink: 0; justify-content: space-between; padding: var(--bs-modal-header-padding) } .modal-header .btn-close { margin: calc(var(--bs-modal-header-padding-y) * -.5) calc(var(--bs-modal-header-padding-x) * -.5) calc(var(--bs-modal-header-padding-y) * -.5) auto; padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5) } .modal-title { line-height: var(--bs-modal-title-line-height); margin-bottom: 0 } .modal-body { flex: 1 1 auto; padding: var(--bs-modal-padding); position: relative } .modal-footer { align-items: center; background-color: var(--bs-modal-footer-bg); border-bottom-left-radius: var(--bs-modal-inner-border-radius); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); display: flex; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5) } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * .5) } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow) } .modal-dialog { margin-left: auto; margin-right: auto; max-width: var(--bs-modal-width) } .modal-sm { --bs-modal-width: 300px } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px } } .modal-fullscreen { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen .modal-footer, .modal-fullscreen .modal-header { border-radius: 0 } .modal-fullscreen .modal-body { overflow-y: auto } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-sm-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header { border-radius: 0 } .modal-fullscreen-sm-down .modal-body { overflow-y: auto } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-md-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header { border-radius: 0 } .modal-fullscreen-md-down .modal-body { overflow-y: auto } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-lg-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header { border-radius: 0 } .modal-fullscreen-lg-down .modal-body { overflow-y: auto } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-xl-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header { border-radius: 0 } .modal-fullscreen-xl-down .modal-body { overflow-y: auto } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-xxl-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header { border-radius: 0 } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto } } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; word-wrap: break-word; display: block; font-family: var(--bs-font-sans-serif); font-size: var(--bs-tooltip-font-size); font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.6; margin: var(--bs-tooltip-margin); opacity: 0; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; z-index: var(--bs-tooltip-zindex) } .tooltip.show { opacity: var(--bs-tooltip-opacity) } .tooltip .tooltip-arrow { display: block; height: var(--bs-tooltip-arrow-height); width: var(--bs-tooltip-arrow-width) } .tooltip .tooltip-arrow:before { border-color: transparent; border-style: solid; content: ""; position: absolute } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { bottom: calc(var(--bs-tooltip-arrow-height) * -1) } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before, .bs-tooltip-top .tooltip-arrow:before { border-top-color: var(--bs-tooltip-bg); border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; top: -1px } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { height: var(--bs-tooltip-arrow-width); left: calc(var(--bs-tooltip-arrow-height) * -1); width: var(--bs-tooltip-arrow-height) } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .bs-tooltip-end .tooltip-arrow:before { border-right-color: var(--bs-tooltip-bg); border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; right: -1px } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: calc(var(--bs-tooltip-arrow-height) * -1) } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before, .bs-tooltip-bottom .tooltip-arrow:before { border-bottom-color: var(--bs-tooltip-bg); border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); bottom: -1px } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { height: var(--bs-tooltip-arrow-width); right: calc(var(--bs-tooltip-arrow-height) * -1); width: var(--bs-tooltip-arrow-height) } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before, .bs-tooltip-start .tooltip-arrow:before { border-left-color: var(--bs-tooltip-bg); border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); left: -1px } .tooltip-inner { background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); color: var(--bs-tooltip-color); max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); text-align: center } .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.875rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: var(--bs-border-radius-lg); --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow: var(--bs-box-shadow); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); word-wrap: break-word; background-clip: padding-box; background-color: var(--bs-popover-bg); border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); display: block; font-family: var(--bs-font-sans-serif); font-size: var(--bs-popover-font-size); font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.6; max-width: var(--bs-popover-max-width); text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; z-index: var(--bs-popover-zindex) } .popover .popover-arrow { display: block; height: var(--bs-popover-arrow-height); width: var(--bs-popover-arrow-width) } .popover .popover-arrow:after, .popover .popover-arrow:before { border: 0 solid transparent; content: ""; display: block; position: absolute } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow { bottom: calc((var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width)) } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow:before, .bs-popover-top > .popover-arrow:after, .bs-popover-top > .popover-arrow:before { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0 } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow:before, .bs-popover-top > .popover-arrow:before { border-top-color: var(--bs-popover-arrow-border); bottom: 0 } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow:after, .bs-popover-top > .popover-arrow:after { border-top-color: var(--bs-popover-bg); bottom: var(--bs-popover-border-width) } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow { height: var(--bs-popover-arrow-width); left: calc((var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height) } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow:before, .bs-popover-end > .popover-arrow:after, .bs-popover-end > .popover-arrow:before { border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0 } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow:before, .bs-popover-end > .popover-arrow:before { border-right-color: var(--bs-popover-arrow-border); left: 0 } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow:after, .bs-popover-end > .popover-arrow:after { border-right-color: var(--bs-popover-bg); left: var(--bs-popover-border-width) } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow { top: calc((var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width)) } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:before, .bs-popover-bottom > .popover-arrow:after, .bs-popover-bottom > .popover-arrow:before { border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:before, .bs-popover-bottom > .popover-arrow:before { border-bottom-color: var(--bs-popover-arrow-border); top: 0 } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:after, .bs-popover-bottom > .popover-arrow:after { border-bottom-color: var(--bs-popover-bg); top: var(--bs-popover-border-width) } .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .bs-popover-bottom .popover-header:before { border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); content: ""; display: block; left: 50%; margin-left: calc(var(--bs-popover-arrow-width) * -.5); position: absolute; top: 0; width: var(--bs-popover-arrow-width) } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow { height: var(--bs-popover-arrow-width); right: calc((var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height) } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow:before, .bs-popover-start > .popover-arrow:after, .bs-popover-start > .popover-arrow:before { border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow:before, .bs-popover-start > .popover-arrow:before { border-left-color: var(--bs-popover-arrow-border); right: 0 } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow:after, .bs-popover-start > .popover-arrow:after { border-left-color: var(--bs-popover-bg); right: var(--bs-popover-border-width) } .popover-header { background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); color: var(--bs-popover-header-color); font-size: var(--bs-popover-header-font-size); margin-bottom: 0; padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x) } .popover-header:empty { display: none } .popover-body { color: var(--bs-popover-body-color); padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x) } .carousel { position: relative } .carousel.pointer-event { touch-action: pan-y } .carousel-inner { overflow: hidden; position: relative; width: 100% } .carousel-inner:after { clear: both; content: ""; display: block } .carousel-item { backface-visibility: hidden; display: none; float: left; margin-right: -100%; position: relative; transition: transform .6s ease-in-out; width: 100% } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%) } .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transform: none; transition-property: opacity } .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { opacity: 1; z-index: 1 } .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { opacity: 0; transition: opacity 0s .6s; z-index: 0 } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none } } .carousel-control-next, .carousel-control-prev { align-items: center; background: none; border: 0; bottom: 0; color: #fff; display: flex; justify-content: center; opacity: .5; padding: 0; position: absolute; text-align: center; top: 0; transition: opacity .15s ease; width: 15%; z-index: 1 } @media (prefers-reduced-motion: reduce) { .carousel-control-next, .carousel-control-prev { transition: none } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; opacity: .9; outline: 0; text-decoration: none } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon, .carousel-control-prev-icon { background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; height: 2rem; width: 2rem } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E") } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") } .carousel-indicators { bottom: 0; display: flex; justify-content: center; left: 0; margin-bottom: 1rem; margin-left: 15%; margin-right: 15%; padding: 0; position: absolute; right: 0; z-index: 2 } .carousel-indicators [data-bs-target] { background-clip: padding-box; background-color: #fff; border: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; box-sizing: content-box; cursor: pointer; flex: 0 1 auto; height: 3px; margin-left: 3px; margin-right: 3px; opacity: .5; padding: 0; text-indent: -999px; transition: opacity .6s ease; width: 30px } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { bottom: 1.25rem; color: #fff; left: 15%; padding-bottom: 1.25rem; padding-top: 1.25rem; position: absolute; right: 15%; text-align: center } .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(100) } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000 } .carousel-dark .carousel-caption { color: #000 } [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon { filter: invert(1) grayscale(100) } [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { background-color: #000 } [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption { color: #000 } .spinner-border, .spinner-grow { animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); border-radius: 50%; display: inline-block; height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); width: var(--bs-spinner-width) } @keyframes spinner-border { to { transform: rotate(1turn) } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border-right-color: currentcolor; border: var(--bs-spinner-border-width) solid; border-right: var(--bs-spinner-border-width) solid transparent } .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em } @keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0 } .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s } } .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.6 } @media (max-width: 575.98px) { .offcanvas-sm { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-sm.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-sm.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-sm.offcanvas-bottom, .offcanvas-sm.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-sm.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing { transform: none } .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing { visibility: visible } } @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important } .offcanvas-sm .offcanvas-header { display: none } .offcanvas-sm .offcanvas-body { background-color: transparent !important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media (max-width: 767.98px) { .offcanvas-md { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-md.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-md.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-md.offcanvas-bottom, .offcanvas-md.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-md.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-md.show:not(.hiding), .offcanvas-md.showing { transform: none } .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing { visibility: visible } } @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important } .offcanvas-md .offcanvas-header { display: none } .offcanvas-md .offcanvas-body { background-color: transparent !important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media (max-width: 991.98px) { .offcanvas-lg { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-lg.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-lg.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-lg.offcanvas-bottom, .offcanvas-lg.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-lg.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing { transform: none } .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing { visibility: visible } } @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important } .offcanvas-lg .offcanvas-header { display: none } .offcanvas-lg .offcanvas-body { background-color: transparent !important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media (max-width: 1199.98px) { .offcanvas-xl { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-xl.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-xl.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-xl.offcanvas-bottom, .offcanvas-xl.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-xl.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing { transform: none } .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing { visibility: visible } } @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important } .offcanvas-xl .offcanvas-header { display: none } .offcanvas-xl .offcanvas-body { background-color: transparent !important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media (max-width: 1399.98px) { .offcanvas-xxl { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-xxl.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-xxl.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-xxl.offcanvas-bottom, .offcanvas-xxl.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-xxl.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing { transform: none } .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing { visibility: visible } } @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important } .offcanvas-xxl .offcanvas-header { display: none } .offcanvas-xxl .offcanvas-body { background-color: transparent !important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } .offcanvas { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none } } .offcanvas.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas.offcanvas-bottom, .offcanvas.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas.show:not(.hiding), .offcanvas.showing { transform: none } .offcanvas.hiding, .offcanvas.show, .offcanvas.showing { visibility: visible } .offcanvas-backdrop { background-color: #000; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 1040 } .offcanvas-backdrop.fade { opacity: 0 } .offcanvas-backdrop.show { opacity: .5 } .offcanvas-header { align-items: center; display: flex; justify-content: space-between; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x) } .offcanvas-header .btn-close { margin-bottom: calc(var(--bs-offcanvas-padding-y) * -.5); margin-right: calc(var(--bs-offcanvas-padding-x) * -.5); margin-top: calc(var(--bs-offcanvas-padding-y) * -.5); padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5) } .offcanvas-title { line-height: var(--bs-offcanvas-title-line-height); margin-bottom: 0 } .offcanvas-body { flex-grow: 1; overflow-y: auto; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x) } .placeholder { background-color: currentcolor; cursor: wait; display: inline-block; min-height: 1em; opacity: .5; vertical-align: middle } .placeholder.btn:before { content: ""; display: inline-block } .placeholder-xs { min-height: .6em } .placeholder-sm { min-height: .8em } .placeholder-lg { min-height: 1.2em } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite } @keyframes placeholder-glow { 50% { opacity: .2 } } .placeholder-wave { animation: placeholder-wave 2s linear infinite; -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100% } @keyframes placeholder-wave { to { -webkit-mask-position: -200% 0; mask-position: -200% 0 } } .clearfix:after { clear: both; content: ""; display: block } .text-bg-primary { background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; color: #fff !important } .text-bg-secondary { background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; color: #fff !important } .text-bg-success { background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; color: #fff !important } .text-bg-info { background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; color: #000 !important } .text-bg-warning { background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; color: #000 !important } .text-bg-danger { background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; color: #fff !important } .text-bg-light { background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; color: #000 !important } .text-bg-dark { background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; color: #fff !important } .link-primary { color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-primary:focus, .link-primary:hover { color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important } .link-secondary { color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-secondary:focus, .link-secondary:hover { color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important } .link-success { color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-success:focus, .link-success:hover { color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important } .link-info { color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-info:focus, .link-info:hover { color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important } .link-warning { color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-warning:focus, .link-warning:hover { color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important } .link-danger { color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-danger:focus, .link-danger:hover { color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important } .link-light { color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-light:focus, .link-light:hover { color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important } .link-dark { color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-dark:focus, .link-dark:hover { color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important } .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-body-emphasis:focus, .link-body-emphasis:hover { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, .75)) !important } .focus-ring:focus { box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); outline: 0 } .icon-link { align-items: center; backface-visibility: hidden; display: inline-flex; gap: .375rem; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5)); text-underline-offset: .25em } .icon-link > .bi { fill: currentcolor; flex-shrink: 0; height: 1em; transition: transform .2s ease-in-out; width: 1em } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { transition: none } } .icon-link-hover:focus-visible > .bi, .icon-link-hover:hover > .bi { transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0)) } .ratio { position: relative; width: 100% } .ratio:before { content: ""; display: block; padding-top: var(--bs-aspect-ratio) } .ratio > * { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .ratio-1x1 { --bs-aspect-ratio: 100% } .ratio-4x3 { --bs-aspect-ratio: 75% } .ratio-16x9 { --bs-aspect-ratio: 56.25% } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571% } .fixed-top { top: 0 } .fixed-bottom, .fixed-top { left: 0; position: fixed; right: 0; z-index: 1030 } .fixed-bottom { bottom: 0 } .sticky-top { top: 0 } .sticky-bottom, .sticky-top { position: sticky; z-index: 1020 } .sticky-bottom { bottom: 0 } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020 } .sticky-sm-bottom { bottom: 0; position: sticky; z-index: 1020 } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020 } .sticky-md-bottom { bottom: 0; position: sticky; z-index: 1020 } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020 } .sticky-lg-bottom { bottom: 0; position: sticky; z-index: 1020 } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020 } .sticky-xl-bottom { bottom: 0; position: sticky; z-index: 1020 } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020 } .sticky-xxl-bottom { bottom: 0; position: sticky; z-index: 1020 } } .hstack { align-items: center; flex-direction: row } .hstack, .vstack { align-self: stretch; display: flex } .vstack { flex: 1 1 auto; flex-direction: column } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { clip: rect(0, 0, 0, 0) !important; border: 0 !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; white-space: nowrap !important; width: 1px !important } .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) { position: absolute !important } .stretched-link:after { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1 } .vr { align-self: stretch; background-color: currentcolor; display: inline-block; min-height: 1em; opacity: .25; width: var(--bs-border-width) } .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .float-start { float: left !important } .float-end { float: right !important } .float-none { float: none !important } .object-fit-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-none { -o-object-fit: none !important; object-fit: none !important } .opacity-0 { opacity: 0 !important } .opacity-25 { opacity: .25 !important } .opacity-50 { opacity: .5 !important } .opacity-75 { opacity: .75 !important } .opacity-100 { opacity: 1 !important } .overflow-auto { overflow: auto !important } .overflow-hidden { overflow: hidden !important } .overflow-visible { overflow: visible !important } .overflow-scroll { overflow: scroll !important } .overflow-x-auto { overflow-x: auto !important } .overflow-x-hidden { overflow-x: hidden !important } .overflow-x-visible { overflow-x: visible !important } .overflow-x-scroll { overflow-x: scroll !important } .overflow-y-auto { overflow-y: auto !important } .overflow-y-hidden { overflow-y: hidden !important } .overflow-y-visible { overflow-y: visible !important } .overflow-y-scroll { overflow-y: scroll !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-grid { display: grid !important } .d-inline-grid { display: inline-grid !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: flex !important } .d-inline-flex { display: inline-flex !important } .d-none { display: none !important } .shadow { box-shadow: var(--bs-box-shadow) !important } .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important } .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important } .shadow-none { box-shadow: none !important } .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)) } .focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)) } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: sticky !important } .top-0 { top: 0 !important } .top-50 { top: 50% !important } .top-100 { top: 100% !important } .bottom-0 { bottom: 0 !important } .bottom-50 { bottom: 50% !important } .bottom-100 { bottom: 100% !important } .start-0 { left: 0 !important } .start-50 { left: 50% !important } .start-100 { left: 100% !important } .end-0 { right: 0 !important } .end-50 { right: 50% !important } .end-100 { right: 100% !important } .translate-middle { transform: translate(-50%, -50%) !important } .translate-middle-x { transform: translateX(-50%) !important } .translate-middle-y { transform: translateY(-50%) !important } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-0 { border: 0 !important } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-top-0 { border-top: 0 !important } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-end-0 { border-right: 0 !important } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-bottom-0 { border-bottom: 0 !important } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important } .border-start-0 { border-left: 0 !important } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important } .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important } .border-1 { border-width: 1px !important } .border-2 { border-width: 2px !important } .border-3 { border-width: 3px !important } .border-4 { border-width: 4px !important } .border-5 { border-width: 5px !important } .border-opacity-10 { --bs-border-opacity: 0.1 } .border-opacity-25 { --bs-border-opacity: 0.25 } .border-opacity-50 { --bs-border-opacity: 0.5 } .border-opacity-75 { --bs-border-opacity: 0.75 } .border-opacity-100 { --bs-border-opacity: 1 } .w-auto { width: auto !important } .vw-100 { width: 100vw !important } .min-vw-100 { min-width: 100vw !important } .h-auto { height: auto !important } .vh-100 { height: 100vh !important } .min-vh-100 { min-height: 100vh !important } .flex-fill { flex: 1 1 auto !important } .flex-row { flex-direction: row !important } .flex-column { flex-direction: column !important } .flex-row-reverse { flex-direction: row-reverse !important } .flex-column-reverse { flex-direction: column-reverse !important } .flex-grow-0 { flex-grow: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .flex-shrink-0 { flex-shrink: 0 !important } .flex-shrink-1 { flex-shrink: 1 !important } .flex-wrap { flex-wrap: wrap !important } .flex-nowrap { flex-wrap: nowrap !important } .flex-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-start { justify-content: flex-start !important } .justify-content-end { justify-content: flex-end !important } .justify-content-center { justify-content: center !important } .justify-content-between { justify-content: space-between !important } .justify-content-around { justify-content: space-around !important } .justify-content-evenly { justify-content: space-evenly !important } .align-items-start { align-items: flex-start !important } .align-items-end { align-items: flex-end !important } .align-items-center { align-items: center !important } .align-items-baseline { align-items: baseline !important } .align-items-stretch { align-items: stretch !important } .align-content-start { align-content: flex-start !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-around { align-content: space-around !important } .align-content-stretch { align-content: stretch !important } .align-self-auto { align-self: auto !important } .align-self-start { align-self: flex-start !important } .align-self-end { align-self: flex-end !important } .align-self-center { align-self: center !important } .align-self-baseline { align-self: baseline !important } .align-self-stretch { align-self: stretch !important } .order-first { order: -1 !important } .order-0 { order: 0 !important } .order-1 { order: 1 !important } .order-2 { order: 2 !important } .order-3 { order: 3 !important } .order-4 { order: 4 !important } .order-5 { order: 5 !important } .order-last { order: 6 !important } .mx-0 { margin-left: 0 !important; margin-right: 0 !important } .mx-1 { margin-left: .25rem !important; margin-right: .25rem !important } .mx-2 { margin-left: .5rem !important; margin-right: .5rem !important } .mx-3 { margin-left: 1rem !important; margin-right: 1rem !important } .mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important } .mx-5 { margin-left: 3rem !important; margin-right: 3rem !important } .mx-auto { margin-left: auto !important; margin-right: auto !important } .my-0 { margin-bottom: 0 !important; margin-top: 0 !important } .my-1 { margin-bottom: .25rem !important; margin-top: .25rem !important } .my-2 { margin-bottom: .5rem !important; margin-top: .5rem !important } .my-3 { margin-bottom: 1rem !important; margin-top: 1rem !important } .my-4 { margin-bottom: 1.5rem !important; margin-top: 1.5rem !important } .my-5 { margin-bottom: 3rem !important; margin-top: 3rem !important } .my-auto { margin-bottom: auto !important; margin-top: auto !important } .mt-0 { margin-top: 0 !important } .mt-1 { margin-top: .25rem !important } .mt-2 { margin-top: .5rem !important } .mt-3 { margin-top: 1rem !important } .mt-4 { margin-top: 1.5rem !important } .mt-5 { margin-top: 3rem !important } .mt-auto { margin-top: auto !important } .me-0 { margin-right: 0 !important } .me-1 { margin-right: .25rem !important } .me-2 { margin-right: .5rem !important } .me-3 { margin-right: 1rem !important } .me-4 { margin-right: 1.5rem !important } .me-5 { margin-right: 3rem !important } .me-auto { margin-right: auto !important } .mb-0 { margin-bottom: 0 !important } .mb-1 { margin-bottom: .25rem !important } .mb-2 { margin-bottom: .5rem !important } .mb-3 { margin-bottom: 1rem !important } .mb-4 { margin-bottom: 1.5rem !important } .mb-5 { margin-bottom: 3rem !important } .mb-auto { margin-bottom: auto !important } .ms-0 { margin-left: 0 !important } .ms-1 { margin-left: .25rem !important } .ms-2 { margin-left: .5rem !important } .ms-3 { margin-left: 1rem !important } .ms-4 { margin-left: 1.5rem !important } .ms-5 { margin-left: 3rem !important } .ms-auto { margin-left: auto !important } .px-0 { padding-left: 0 !important; padding-right: 0 !important } .px-1 { padding-left: .25rem !important; padding-right: .25rem !important } .px-2 { padding-left: .5rem !important; padding-right: .5rem !important } .px-3 { padding-left: 1rem !important; padding-right: 1rem !important } .px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important } .px-5 { padding-left: 3rem !important; padding-right: 3rem !important } .py-0 { padding-bottom: 0 !important; padding-top: 0 !important } .py-1 { padding-bottom: .25rem !important; padding-top: .25rem !important } .py-2 { padding-bottom: .5rem !important; padding-top: .5rem !important } .py-3 { padding-bottom: 1rem !important; padding-top: 1rem !important } .py-4 { padding-bottom: 1.5rem !important; padding-top: 1.5rem !important } .py-5 { padding-bottom: 3rem !important; padding-top: 3rem !important } .pt-0 { padding-top: 0 !important } .pt-1 { padding-top: .25rem !important } .pt-2 { padding-top: .5rem !important } .pt-3 { padding-top: 1rem !important } .pt-4 { padding-top: 1.5rem !important } .pt-5 { padding-top: 3rem !important } .pe-0 { padding-right: 0 !important } .pe-1 { padding-right: .25rem !important } .pe-2 { padding-right: .5rem !important } .pe-3 { padding-right: 1rem !important } .pe-4 { padding-right: 1.5rem !important } .pe-5 { padding-right: 3rem !important } .pb-0 { padding-bottom: 0 !important } .pb-1 { padding-bottom: .25rem !important } .pb-2 { padding-bottom: .5rem !important } .pb-3 { padding-bottom: 1rem !important } .pb-4 { padding-bottom: 1.5rem !important } .pb-5 { padding-bottom: 3rem !important } .ps-0 { padding-left: 0 !important } .ps-1 { padding-left: .25rem !important } .ps-2 { padding-left: .5rem !important } .ps-3 { padding-left: 1rem !important } .ps-4 { padding-left: 1.5rem !important } .ps-5 { padding-left: 3rem !important } .gap-0 { gap: 0 !important } .gap-1 { gap: .25rem !important } .gap-2 { gap: .5rem !important } .gap-3 { gap: 1rem !important } .gap-4 { gap: 1.5rem !important } .gap-5 { gap: 3rem !important } .row-gap-0 { row-gap: 0 !important } .row-gap-1 { row-gap: .25rem !important } .row-gap-2 { row-gap: .5rem !important } .row-gap-3 { row-gap: 1rem !important } .row-gap-4 { row-gap: 1.5rem !important } .row-gap-5 { row-gap: 3rem !important } .column-gap-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .font-monospace { font-family: var(--bs-font-monospace) !important } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important } .fs-2 { font-size: calc(1.325rem + .9vw) !important } .fs-3 { font-size: calc(1.3rem + .6vw) !important } .fs-4 { font-size: calc(1.275rem + .3vw) !important } .fs-5 { font-size: 1.25rem !important } .fs-6 { font-size: 1rem !important } .fst-italic { font-style: italic !important } .fst-normal { font-style: normal !important } .fw-lighter { font-weight: lighter !important } .fw-light { font-weight: 300 !important } .fw-normal { font-weight: 400 !important } .fw-medium { font-weight: 500 !important } .fw-semibold { font-weight: 600 !important } .fw-bold { font-weight: 700 !important } .fw-bolder { font-weight: bolder !important } .lh-1 { line-height: 1 !important } .lh-sm { line-height: 1.25 !important } .lh-base { line-height: 1.6 !important } .lh-lg { line-height: 2 !important } .text-start { text-align: left !important } .text-end { text-align: right !important } .text-decoration-none { text-decoration: none !important } .text-decoration-underline { text-decoration: underline !important } .text-decoration-line-through { text-decoration: line-through !important } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .text-wrap { white-space: normal !important } .text-break { word-wrap: break-word !important; word-break: break-word !important } .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important } .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, .5) !important } .text-white-50 { --bs-text-opacity: 1; color: hsla(0, 0%, 100%, .5) !important } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important } .text-reset { --bs-text-opacity: 1; color: inherit !important } .text-opacity-25 { --bs-text-opacity: 0.25 } .text-opacity-50 { --bs-text-opacity: 0.5 } .text-opacity-75 { --bs-text-opacity: 0.75 } .text-opacity-100 { --bs-text-opacity: 1 } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important } .link-opacity-10, .link-opacity-10-hover:hover { --bs-link-opacity: 0.1 } .link-opacity-25, .link-opacity-25-hover:hover { --bs-link-opacity: 0.25 } .link-opacity-50, .link-opacity-50-hover:hover { --bs-link-opacity: 0.5 } .link-opacity-75, .link-opacity-75-hover:hover { --bs-link-opacity: 0.75 } .link-opacity-100, .link-opacity-100-hover:hover { --bs-link-opacity: 1 } .link-offset-1, .link-offset-1-hover:hover { text-underline-offset: .125em !important } .link-offset-2, .link-offset-2-hover:hover { text-underline-offset: .25em !important } .link-offset-3, .link-offset-3-hover:hover { text-underline-offset: .375em !important } .link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important } .link-underline-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important } .link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important } .link-underline-opacity-0, .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0 } .link-underline-opacity-10, .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1 } .link-underline-opacity-25, .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25 } .link-underline-opacity-50, .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5 } .link-underline-opacity-75, .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75 } .link-underline-opacity-100, .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1 } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important } .bg-opacity-10 { --bs-bg-opacity: 0.1 } .bg-opacity-25 { --bs-bg-opacity: 0.25 } .bg-opacity-50 { --bs-bg-opacity: 0.5 } .bg-opacity-75 { --bs-bg-opacity: 0.75 } .bg-opacity-100 { --bs-bg-opacity: 1 } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important } .bg-gradient { background-image: var(--bs-gradient) !important } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important } .pe-none { pointer-events: none !important } .pe-auto { pointer-events: auto !important } .rounded { border-radius: var(--bs-border-radius) !important } .rounded-0 { border-radius: 0 !important } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important } .rounded-2 { border-radius: var(--bs-border-radius) !important } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important } .rounded-end { border-bottom-right-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important } .rounded-end-0 { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important } .rounded-end-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important } .rounded-end-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important } .rounded-end-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important } .rounded-end-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important } .rounded-end-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important } .rounded-end-circle { border-bottom-right-radius: 50% !important; border-top-right-radius: 50% !important } .rounded-end-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important } .rounded-bottom { border-bottom-left-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important } .rounded-bottom-0 { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important } .rounded-bottom-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important } .rounded-bottom-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important } .rounded-bottom-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important } .rounded-bottom-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important } .rounded-bottom-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important } .rounded-bottom-circle { border-bottom-left-radius: 50% !important; border-bottom-right-radius: 50% !important } .rounded-bottom-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } .z-n1 { z-index: -1 !important } .z-0 { z-index: 0 !important } .z-1 { z-index: 1 !important } .z-2 { z-index: 2 !important } .z-3 { z-index: 3 !important } @media (min-width: 576px) { .float-sm-start { float: left !important } .float-sm-end { float: right !important } .float-sm-none { float: none !important } .object-fit-sm-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-sm-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-sm-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-sm-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-sm-none { -o-object-fit: none !important; object-fit: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-grid { display: grid !important } .d-sm-inline-grid { display: inline-grid !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: flex !important } .d-sm-inline-flex { display: inline-flex !important } .d-sm-none { display: none !important } .flex-sm-fill { flex: 1 1 auto !important } .flex-sm-row { flex-direction: row !important } .flex-sm-column { flex-direction: column !important } .flex-sm-row-reverse { flex-direction: row-reverse !important } .flex-sm-column-reverse { flex-direction: column-reverse !important } .flex-sm-grow-0 { flex-grow: 0 !important } .flex-sm-grow-1 { flex-grow: 1 !important } .flex-sm-shrink-0 { flex-shrink: 0 !important } .flex-sm-shrink-1 { flex-shrink: 1 !important } .flex-sm-wrap { flex-wrap: wrap !important } .flex-sm-nowrap { flex-wrap: nowrap !important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-sm-start { justify-content: flex-start !important } .justify-content-sm-end { justify-content: flex-end !important } .justify-content-sm-center { justify-content: center !important } .justify-content-sm-between { justify-content: space-between !important } .justify-content-sm-around { justify-content: space-around !important } .justify-content-sm-evenly { justify-content: space-evenly !important } .align-items-sm-start { align-items: flex-start !important } .align-items-sm-end { align-items: flex-end !important } .align-items-sm-center { align-items: center !important } .align-items-sm-baseline { align-items: baseline !important } .align-items-sm-stretch { align-items: stretch !important } .align-content-sm-start { align-content: flex-start !important } .align-content-sm-end { align-content: flex-end !important } .align-content-sm-center { align-content: center !important } .align-content-sm-between { align-content: space-between !important } .align-content-sm-around { align-content: space-around !important } .align-content-sm-stretch { align-content: stretch !important } .align-self-sm-auto { align-self: auto !important } .align-self-sm-start { align-self: flex-start !important } .align-self-sm-end { align-self: flex-end !important } .align-self-sm-center { align-self: center !important } .align-self-sm-baseline { align-self: baseline !important } .align-self-sm-stretch { align-self: stretch !important } .order-sm-first { order: -1 !important } .order-sm-0 { order: 0 !important } .order-sm-1 { order: 1 !important } .order-sm-2 { order: 2 !important } .order-sm-3 { order: 3 !important } .order-sm-4 { order: 4 !important } .order-sm-5 { order: 5 !important } .order-sm-last { order: 6 !important } .m-sm-0 { margin: 0 !important } .m-sm-1 { margin: .25rem !important } .m-sm-2 { margin: .5rem !important } .m-sm-3 { margin: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .m-sm-auto { margin: auto !important } .mx-sm-0 { margin-left: 0 !important; margin-right: 0 !important } .mx-sm-1 { margin-left: .25rem !important; margin-right: .25rem !important } .mx-sm-2 { margin-left: .5rem !important; margin-right: .5rem !important } .mx-sm-3 { margin-left: 1rem !important; margin-right: 1rem !important } .mx-sm-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important } .mx-sm-5 { margin-left: 3rem !important; margin-right: 3rem !important } .mx-sm-auto { margin-left: auto !important; margin-right: auto !important } .my-sm-0 { margin-bottom: 0 !important; margin-top: 0 !important } .my-sm-1 { margin-bottom: .25rem !important; margin-top: .25rem !important } .my-sm-2 { margin-bottom: .5rem !important; margin-top: .5rem !important } .my-sm-3 { margin-bottom: 1rem !important; margin-top: 1rem !important } .my-sm-4 { margin-bottom: 1.5rem !important; margin-top: 1.5rem !important } .my-sm-5 { margin-bottom: 3rem !important; margin-top: 3rem !important } .my-sm-auto { margin-bottom: auto !important; margin-top: auto !important } .mt-sm-0 { margin-top: 0 !important } .mt-sm-1 { margin-top: .25rem !important } .mt-sm-2 { margin-top: .5rem !important } .mt-sm-3 { margin-top: 1rem !important } .mt-sm-4 { margin-top: 1.5rem !important } .mt-sm-5 { margin-top: 3rem !important } .mt-sm-auto { margin-top: auto !important } .me-sm-0 { margin-right: 0 !important } .me-sm-1 { margin-right: .25rem !important } .me-sm-2 { margin-right: .5rem !important } .me-sm-3 { margin-right: 1rem !important } .me-sm-4 { margin-right: 1.5rem !important } .me-sm-5 { margin-right: 3rem !important } .me-sm-auto { margin-right: auto !important } .mb-sm-0 { margin-bottom: 0 !important } .mb-sm-1 { margin-bottom: .25rem !important } .mb-sm-2 { margin-bottom: .5rem !important } .mb-sm-3 { margin-bottom: 1rem !important } .mb-sm-4 { margin-bottom: 1.5rem !important } .mb-sm-5 { margin-bottom: 3rem !important } .mb-sm-auto { margin-bottom: auto !important } .ms-sm-0 { margin-left: 0 !important } .ms-sm-1 { margin-left: .25rem !important } .ms-sm-2 { margin-left: .5rem !important } .ms-sm-3 { margin-left: 1rem !important } .ms-sm-4 { margin-left: 1.5rem !important } .ms-sm-5 { margin-left: 3rem !important } .ms-sm-auto { margin-left: auto !important } .p-sm-0 { padding: 0 !important } .p-sm-1 { padding: .25rem !important } .p-sm-2 { padding: .5rem !important } .p-sm-3 { padding: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .px-sm-0 { padding-left: 0 !important; padding-right: 0 !important } .px-sm-1 { padding-left: .25rem !important; padding-right: .25rem !important } .px-sm-2 { padding-left: .5rem !important; padding-right: .5rem !important } .px-sm-3 { padding-left: 1rem !important; padding-right: 1rem !important } .px-sm-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important } .px-sm-5 { padding-left: 3rem !important; padding-right: 3rem !important } .py-sm-0 { padding-bottom: 0 !important; padding-top: 0 !important } .py-sm-1 { padding-bottom: .25rem !important; padding-top: .25rem !important } .py-sm-2 { padding-bottom: .5rem !important; padding-top: .5rem !important } .py-sm-3 { padding-bottom: 1rem !important; padding-top: 1rem !important } .py-sm-4 { padding-bottom: 1.5rem !important; padding-top: 1.5rem !important } .py-sm-5 { padding-bottom: 3rem !important; padding-top: 3rem !important } .pt-sm-0 { padding-top: 0 !important } .pt-sm-1 { padding-top: .25rem !important } .pt-sm-2 { padding-top: .5rem !important } .pt-sm-3 { padding-top: 1rem !important } .pt-sm-4 { padding-top: 1.5rem !important } .pt-sm-5 { padding-top: 3rem !important } .pe-sm-0 { padding-right: 0 !important } .pe-sm-1 { padding-right: .25rem !important } .pe-sm-2 { padding-right: .5rem !important } .pe-sm-3 { padding-right: 1rem !important } .pe-sm-4 { padding-right: 1.5rem !important } .pe-sm-5 { padding-right: 3rem !important } .pb-sm-0 { padding-bottom: 0 !important } .pb-sm-1 { padding-bottom: .25rem !important } .pb-sm-2 { padding-bottom: .5rem !important } .pb-sm-3 { padding-bottom: 1rem !important } .pb-sm-4 { padding-bottom: 1.5rem !important } .pb-sm-5 { padding-bottom: 3rem !important } .ps-sm-0 { padding-left: 0 !important } .ps-sm-1 { padding-left: .25rem !important } .ps-sm-2 { padding-left: .5rem !important } .ps-sm-3 { padding-left: 1rem !important } .ps-sm-4 { padding-left: 1.5rem !important } .ps-sm-5 { padding-left: 3rem !important } .gap-sm-0 { gap: 0 !important } .gap-sm-1 { gap: .25rem !important } .gap-sm-2 { gap: .5rem !important } .gap-sm-3 { gap: 1rem !important } .gap-sm-4 { gap: 1.5rem !important } .gap-sm-5 { gap: 3rem !important } .row-gap-sm-0 { row-gap: 0 !important } .row-gap-sm-1 { row-gap: .25rem !important } .row-gap-sm-2 { row-gap: .5rem !important } .row-gap-sm-3 { row-gap: 1rem !important } .row-gap-sm-4 { row-gap: 1.5rem !important } .row-gap-sm-5 { row-gap: 3rem !important } .column-gap-sm-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-sm-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-sm-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-sm-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-sm-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-sm-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .text-sm-start { text-align: left !important } .text-sm-end { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width: 768px) { .float-md-start { float: left !important } .float-md-end { float: right !important } .float-md-none { float: none !important } .object-fit-md-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-md-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-md-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-md-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-md-none { -o-object-fit: none !important; object-fit: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-grid { display: grid !important } .d-md-inline-grid { display: inline-grid !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: flex !important } .d-md-inline-flex { display: inline-flex !important } .d-md-none { display: none !important } .flex-md-fill { flex: 1 1 auto !important } .flex-md-row { flex-direction: row !important } .flex-md-column { flex-direction: column !important } .flex-md-row-reverse { flex-direction: row-reverse !important } .flex-md-column-reverse { flex-direction: column-reverse !important } .flex-md-grow-0 { flex-grow: 0 !important } .flex-md-grow-1 { flex-grow: 1 !important } .flex-md-shrink-0 { flex-shrink: 0 !important } .flex-md-shrink-1 { flex-shrink: 1 !important } .flex-md-wrap { flex-wrap: wrap !important } .flex-md-nowrap { flex-wrap: nowrap !important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-md-start { justify-content: flex-start !important } .justify-content-md-end { justify-content: flex-end !important } .justify-content-md-center { justify-content: center !important } .justify-content-md-between { justify-content: space-between !important } .justify-content-md-around { justify-content: space-around !important } .justify-content-md-evenly { justify-content: space-evenly !important } .align-items-md-start { align-items: flex-start !important } .align-items-md-end { align-items: flex-end !important } .align-items-md-center { align-items: center !important } .align-items-md-baseline { align-items: baseline !important } .align-items-md-stretch { align-items: stretch !important } .align-content-md-start { align-content: flex-start !important } .align-content-md-end { align-content: flex-end !important } .align-content-md-center { align-content: center !important } .align-content-md-between { align-content: space-between !important } .align-content-md-around { align-content: space-around !important } .align-content-md-stretch { align-content: stretch !important } .align-self-md-auto { align-self: auto !important } .align-self-md-start { align-self: flex-start !important } .align-self-md-end { align-self: flex-end !important } .align-self-md-center { align-self: center !important } .align-self-md-baseline { align-self: baseline !important } .align-self-md-stretch { align-self: stretch !important } .order-md-first { order: -1 !important } .order-md-0 { order: 0 !important } .order-md-1 { order: 1 !important } .order-md-2 { order: 2 !important } .order-md-3 { order: 3 !important } .order-md-4 { order: 4 !important } .order-md-5 { order: 5 !important } .order-md-last { order: 6 !important } .m-md-0 { margin: 0 !important } .m-md-1 { margin: .25rem !important } .m-md-2 { margin: .5rem !important } .m-md-3 { margin: 1rem !important } .m-md-4 { margin: 1.5rem !important } .m-md-5 { margin: 3rem !important } .m-md-auto { margin: auto !important } .mx-md-0 { margin-left: 0 !important; margin-right: 0 !important } .mx-md-1 { margin-left: .25rem !important; margin-right: .25rem !important } .mx-md-2 { margin-left: .5rem !important; margin-right: .5rem !important } .mx-md-3 { margin-left: 1rem !important; margin-right: 1rem !important } .mx-md-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important } .mx-md-5 { margin-left: 3rem !important; margin-right: 3rem !important } .mx-md-auto { margin-left: auto !important; margin-right: auto !important } .my-md-0 { margin-bottom: 0 !important; margin-top: 0 !important } .my-md-1 { margin-bottom: .25rem !important; margin-top: .25rem !important } .my-md-2 { margin-bottom: .5rem !important; margin-top: .5rem !important } .my-md-3 { margin-bottom: 1rem !important; margin-top: 1rem !important } .my-md-4 { margin-bottom: 1.5rem !important; margin-top: 1.5rem !important } .my-md-5 { margin-bottom: 3rem !important; margin-top: 3rem !important } .my-md-auto { margin-bottom: auto !important; margin-top: auto !important } .mt-md-0 { margin-top: 0 !important } .mt-md-1 { margin-top: .25rem !important } .mt-md-2 { margin-top: .5rem !important } .mt-md-3 { margin-top: 1rem !important } .mt-md-4 { margin-top: 1.5rem !important } .mt-md-5 { margin-top: 3rem !important } .mt-md-auto { margin-top: auto !important } .me-md-0 { margin-right: 0 !important } .me-md-1 { margin-right: .25rem !important } .me-md-2 { margin-right: .5rem !important } .me-md-3 { margin-right: 1rem !important } .me-md-4 { margin-right: 1.5rem !important } .me-md-5 { margin-right: 3rem !important } .me-md-auto { margin-right: auto !important } .mb-md-0 { margin-bottom: 0 !important } .mb-md-1 { margin-bottom: .25rem !important } .mb-md-2 { margin-bottom: .5rem !important } .mb-md-3 { margin-bottom: 1rem !important } .mb-md-4 { margin-bottom: 1.5rem !important } .mb-md-5 { margin-bottom: 3rem !important } .mb-md-auto { margin-bottom: auto !important } .ms-md-0 { margin-left: 0 !important } .ms-md-1 { margin-left: .25rem !important } .ms-md-2 { margin-left: .5rem !important } .ms-md-3 { margin-left: 1rem !important } .ms-md-4 { margin-left: 1.5rem !important } .ms-md-5 { margin-left: 3rem !important } .ms-md-auto { margin-left: auto !important } .p-md-0 { padding: 0 !important } .p-md-1 { padding: .25rem !important } .p-md-2 { padding: .5rem !important } .p-md-3 { padding: 1rem !important } .p-md-4 { padding: 1.5rem !important } .p-md-5 { padding: 3rem !important } .px-md-0 { padding-left: 0 !important; padding-right: 0 !important } .px-md-1 { padding-left: .25rem !important; padding-right: .25rem !important } .px-md-2 { padding-left: .5rem !important; padding-right: .5rem !important } .px-md-3 { padding-left: 1rem !important; padding-right: 1rem !important } .px-md-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important } .px-md-5 { padding-left: 3rem !important; padding-right: 3rem !important } .py-md-0 { padding-bottom: 0 !important; padding-top: 0 !important } .py-md-1 { padding-bottom: .25rem !important; padding-top: .25rem !important } .py-md-2 { padding-bottom: .5rem !important; padding-top: .5rem !important } .py-md-3 { padding-bottom: 1rem !important; padding-top: 1rem !important } .py-md-4 { padding-bottom: 1.5rem !important; padding-top: 1.5rem !important } .py-md-5 { padding-bottom: 3rem !important; padding-top: 3rem !important } .pt-md-0 { padding-top: 0 !important } .pt-md-1 { padding-top: .25rem !important } .pt-md-2 { padding-top: .5rem !important } .pt-md-3 { padding-top: 1rem !important } .pt-md-4 { padding-top: 1.5rem !important } .pt-md-5 { padding-top: 3rem !important } .pe-md-0 { padding-right: 0 !important } .pe-md-1 { padding-right: .25rem !important } .pe-md-2 { padding-right: .5rem !important } .pe-md-3 { padding-right: 1rem !important } .pe-md-4 { padding-right: 1.5rem !important } .pe-md-5 { padding-right: 3rem !important } .pb-md-0 { padding-bottom: 0 !important } .pb-md-1 { padding-bottom: .25rem !important } .pb-md-2 { padding-bottom: .5rem !important } .pb-md-3 { padding-bottom: 1rem !important } .pb-md-4 { padding-bottom: 1.5rem !important } .pb-md-5 { padding-bottom: 3rem !important } .ps-md-0 { padding-left: 0 !important } .ps-md-1 { padding-left: .25rem !important } .ps-md-2 { padding-left: .5rem !important } .ps-md-3 { padding-left: 1rem !important } .ps-md-4 { padding-left: 1.5rem !important } .ps-md-5 { padding-left: 3rem !important } .gap-md-0 { gap: 0 !important } .gap-md-1 { gap: .25rem !important } .gap-md-2 { gap: .5rem !important } .gap-md-3 { gap: 1rem !important } .gap-md-4 { gap: 1.5rem !important } .gap-md-5 { gap: 3rem !important } .row-gap-md-0 { row-gap: 0 !important } .row-gap-md-1 { row-gap: .25rem !important } .row-gap-md-2 { row-gap: .5rem !important } .row-gap-md-3 { row-gap: 1rem !important } .row-gap-md-4 { row-gap: 1.5rem !important } .row-gap-md-5 { row-gap: 3rem !important } .column-gap-md-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-md-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-md-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-md-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-md-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-md-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .text-md-start { text-align: left !important } .text-md-end { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width: 992px) { .float-lg-start { float: left !important } .float-lg-end { float: right !important } .float-lg-none { float: none !important } .object-fit-lg-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-lg-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-lg-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-lg-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-lg-none { -o-object-fit: none !important; object-fit: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-grid { display: grid !important } .d-lg-inline-grid { display: inline-grid !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: flex !important } .d-lg-inline-flex { display: inline-flex !important } .d-lg-none { display: none !important } .flex-lg-fill { flex: 1 1 auto !important } .flex-lg-row { flex-direction: row !important } .flex-lg-column { flex-direction: column !important } .flex-lg-row-reverse { flex-direction: row-reverse !important } .flex-lg-column-reverse { flex-direction: column-reverse !important } .flex-lg-grow-0 { flex-grow: 0 !important } .flex-lg-grow-1 { flex-grow: 1 !important } .flex-lg-shrink-0 { flex-shrink: 0 !important } .flex-lg-shrink-1 { flex-shrink: 1 !important } .flex-lg-wrap { flex-wrap: wrap !important } .flex-lg-nowrap { flex-wrap: nowrap !important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-lg-start { justify-content: flex-start !important } .justify-content-lg-end { justify-content: flex-end !important } .justify-content-lg-center { justify-content: center !important } .justify-content-lg-between { justify-content: space-between !important } .justify-content-lg-around { justify-content: space-around !important } .justify-content-lg-evenly { justify-content: space-evenly !important } .align-items-lg-start { align-items: flex-start !important } .align-items-lg-end { align-items: flex-end !important } .align-items-lg-center { align-items: center !important } .align-items-lg-baseline { align-items: baseline !important } .align-items-lg-stretch { align-items: stretch !important } .align-content-lg-start { align-content: flex-start !important } .align-content-lg-end { align-content: flex-end !important } .align-content-lg-center { align-content: center !important } .align-content-lg-between { align-content: space-between !important } .align-content-lg-around { align-content: space-around !important } .align-content-lg-stretch { align-content: stretch !important } .align-self-lg-auto { align-self: auto !important } .align-self-lg-start { align-self: flex-start !important } .align-self-lg-end { align-self: flex-end !important } .align-self-lg-center { align-self: center !important } .align-self-lg-baseline { align-self: baseline !important } .align-self-lg-stretch { align-self: stretch !important } .order-lg-first { order: -1 !important } .order-lg-0 { order: 0 !important } .order-lg-1 { order: 1 !important } .order-lg-2 { order: 2 !important } .order-lg-3 { order: 3 !important } .order-lg-4 { order: 4 !important } .order-lg-5 { order: 5 !important } .order-lg-last { order: 6 !important } .m-lg-0 { margin: 0 !important } .m-lg-1 { margin: .25rem !important } .m-lg-2 { margin: .5rem !important } .m-lg-3 { margin: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .m-lg-auto { margin: auto !important } .mx-lg-0 { margin-left: 0 !important; margin-right: 0 !important } .mx-lg-1 { margin-left: .25rem !important; margin-right: .25rem !important } .mx-lg-2 { margin-left: .5rem !important; margin-right: .5rem !important } .mx-lg-3 { margin-left: 1rem !important; margin-right: 1rem !important } .mx-lg-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important } .mx-lg-5 { margin-left: 3rem !important; margin-right: 3rem !important } .mx-lg-auto { margin-left: auto !important; margin-right: auto !important } .my-lg-0 { margin-bottom: 0 !important; margin-top: 0 !important } .my-lg-1 { margin-bottom: .25rem !important; margin-top: .25rem !important } .my-lg-2 { margin-bottom: .5rem !important; margin-top: .5rem !important } .my-lg-3 { margin-bottom: 1rem !important; margin-top: 1rem !important } .my-lg-4 { margin-bottom: 1.5rem !important; margin-top: 1.5rem !important } .my-lg-5 { margin-bottom: 3rem !important; margin-top: 3rem !important } .my-lg-auto { margin-bottom: auto !important; margin-top: auto !important } .mt-lg-0 { margin-top: 0 !important } .mt-lg-1 { margin-top: .25rem !important } .mt-lg-2 { margin-top: .5rem !important } .mt-lg-3 { margin-top: 1rem !important } .mt-lg-4 { margin-top: 1.5rem !important } .mt-lg-5 { margin-top: 3rem !important } .mt-lg-auto { margin-top: auto !important } .me-lg-0 { margin-right: 0 !important } .me-lg-1 { margin-right: .25rem !important } .me-lg-2 { margin-right: .5rem !important } .me-lg-3 { margin-right: 1rem !important } .me-lg-4 { margin-right: 1.5rem !important } .me-lg-5 { margin-right: 3rem !important } .me-lg-auto { margin-right: auto !important } .mb-lg-0 { margin-bottom: 0 !important } .mb-lg-1 { margin-bottom: .25rem !important } .mb-lg-2 { margin-bottom: .5rem !important } .mb-lg-3 { margin-bottom: 1rem !important } .mb-lg-4 { margin-bottom: 1.5rem !important } .mb-lg-5 { margin-bottom: 3rem !important } .mb-lg-auto { margin-bottom: auto !important } .ms-lg-0 { margin-left: 0 !important } .ms-lg-1 { margin-left: .25rem !important } .ms-lg-2 { margin-left: .5rem !important } .ms-lg-3 { margin-left: 1rem !important } .ms-lg-4 { margin-left: 1.5rem !important } .ms-lg-5 { margin-left: 3rem !important } .ms-lg-auto { margin-left: auto !important } .p-lg-0 { padding: 0 !important } .p-lg-1 { padding: .25rem !important } .p-lg-2 { padding: .5rem !important } .p-lg-3 { padding: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .px-lg-0 { padding-left: 0 !important; padding-right: 0 !important } .px-lg-1 { padding-left: .25rem !important; padding-right: .25rem !important } .px-lg-2 { padding-left: .5rem !important; padding-right: .5rem !important } .px-lg-3 { padding-left: 1rem !important; padding-right: 1rem !important } .px-lg-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important } .px-lg-5 { padding-left: 3rem !important; padding-right: 3rem !important } .py-lg-0 { padding-bottom: 0 !important; padding-top: 0 !important } .py-lg-1 { padding-bottom: .25rem !important; padding-top: .25rem !important } .py-lg-2 { padding-bottom: .5rem !important; padding-top: .5rem !important } .py-lg-3 { padding-bottom: 1rem !important; padding-top: 1rem !important } .py-lg-4 { padding-bottom: 1.5rem !important; padding-top: 1.5rem !important } .py-lg-5 { padding-bottom: 3rem !important; padding-top: 3rem !important } .pt-lg-0 { padding-top: 0 !important } .pt-lg-1 { padding-top: .25rem !important } .pt-lg-2 { padding-top: .5rem !important } .pt-lg-3 { padding-top: 1rem !important } .pt-lg-4 { padding-top: 1.5rem !important } .pt-lg-5 { padding-top: 3rem !important } .pe-lg-0 { padding-right: 0 !important } .pe-lg-1 { padding-right: .25rem !important } .pe-lg-2 { padding-right: .5rem !important } .pe-lg-3 { padding-right: 1rem !important } .pe-lg-4 { padding-right: 1.5rem !important } .pe-lg-5 { padding-right: 3rem !important } .pb-lg-0 { padding-bottom: 0 !important } .pb-lg-1 { padding-bottom: .25rem !important } .pb-lg-2 { padding-bottom: .5rem !important } .pb-lg-3 { padding-bottom: 1rem !important } .pb-lg-4 { padding-bottom: 1.5rem !important } .pb-lg-5 { padding-bottom: 3rem !important } .ps-lg-0 { padding-left: 0 !important } .ps-lg-1 { padding-left: .25rem !important } .ps-lg-2 { padding-left: .5rem !important } .ps-lg-3 { padding-left: 1rem !important } .ps-lg-4 { padding-left: 1.5rem !important } .ps-lg-5 { padding-left: 3rem !important } .gap-lg-0 { gap: 0 !important } .gap-lg-1 { gap: .25rem !important } .gap-lg-2 { gap: .5rem !important } .gap-lg-3 { gap: 1rem !important } .gap-lg-4 { gap: 1.5rem !important } .gap-lg-5 { gap: 3rem !important } .row-gap-lg-0 { row-gap: 0 !important } .row-gap-lg-1 { row-gap: .25rem !important } .row-gap-lg-2 { row-gap: .5rem !important } .row-gap-lg-3 { row-gap: 1rem !important } .row-gap-lg-4 { row-gap: 1.5rem !important } .row-gap-lg-5 { row-gap: 3rem !important } .column-gap-lg-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-lg-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-lg-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-lg-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-lg-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-lg-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .text-lg-start { text-align: left !important } .text-lg-end { text-align: right !important } .text-lg-center { text-align: center !important } } @media (min-width: 1200px) { .float-xl-start { float: left !important } .float-xl-end { float: right !important } .float-xl-none { float: none !important } .object-fit-xl-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-xl-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-xl-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-xl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-xl-none { -o-object-fit: none !important; object-fit: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-grid { display: grid !important } .d-xl-inline-grid { display: inline-grid !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: flex !important } .d-xl-inline-flex { display: inline-flex !important } .d-xl-none { display: none !important } .flex-xl-fill { flex: 1 1 auto !important } .flex-xl-row { flex-direction: row !important } .flex-xl-column { flex-direction: column !important } .flex-xl-row-reverse { flex-direction: row-reverse !important } .flex-xl-column-reverse { flex-direction: column-reverse !important } .flex-xl-grow-0 { flex-grow: 0 !important } .flex-xl-grow-1 { flex-grow: 1 !important } .flex-xl-shrink-0 { flex-shrink: 0 !important } .flex-xl-shrink-1 { flex-shrink: 1 !important } .flex-xl-wrap { flex-wrap: wrap !important } .flex-xl-nowrap { flex-wrap: nowrap !important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-xl-start { justify-content: flex-start !important } .justify-content-xl-end { justify-content: flex-end !important } .justify-content-xl-center { justify-content: center !important } .justify-content-xl-between { justify-content: space-between !important } .justify-content-xl-around { justify-content: space-around !important } .justify-content-xl-evenly { justify-content: space-evenly !important } .align-items-xl-start { align-items: flex-start !important } .align-items-xl-end { align-items: flex-end !important } .align-items-xl-center { align-items: center !important } .align-items-xl-baseline { align-items: baseline !important } .align-items-xl-stretch { align-items: stretch !important } .align-content-xl-start { align-content: flex-start !important } .align-content-xl-end { align-content: flex-end !important } .align-content-xl-center { align-content: center !important } .align-content-xl-between { align-content: space-between !important } .align-content-xl-around { align-content: space-around !important } .align-content-xl-stretch { align-content: stretch !important } .align-self-xl-auto { align-self: auto !important } .align-self-xl-start { align-self: flex-start !important } .align-self-xl-end { align-self: flex-end !important } .align-self-xl-center { align-self: center !important } .align-self-xl-baseline { align-self: baseline !important } .align-self-xl-stretch { align-self: stretch !important } .order-xl-first { order: -1 !important } .order-xl-0 { order: 0 !important } .order-xl-1 { order: 1 !important } .order-xl-2 { order: 2 !important } .order-xl-3 { order: 3 !important } .order-xl-4 { order: 4 !important } .order-xl-5 { order: 5 !important } .order-xl-last { order: 6 !important } .m-xl-0 { margin: 0 !important } .m-xl-1 { margin: .25rem !important } .m-xl-2 { margin: .5rem !important } .m-xl-3 { margin: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .m-xl-auto { margin: auto !important } .mx-xl-0 { margin-left: 0 !important; margin-right: 0 !important } .mx-xl-1 { margin-left: .25rem !important; margin-right: .25rem !important } .mx-xl-2 { margin-left: .5rem !important; margin-right: .5rem !important } .mx-xl-3 { margin-left: 1rem !important; margin-right: 1rem !important } .mx-xl-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important } .mx-xl-5 { margin-left: 3rem !important; margin-right: 3rem !important } .mx-xl-auto { margin-left: auto !important; margin-right: auto !important } .my-xl-0 { margin-bottom: 0 !important; margin-top: 0 !important } .my-xl-1 { margin-bottom: .25rem !important; margin-top: .25rem !important } .my-xl-2 { margin-bottom: .5rem !important; margin-top: .5rem !important } .my-xl-3 { margin-bottom: 1rem !important; margin-top: 1rem !important } .my-xl-4 { margin-bottom: 1.5rem !important; margin-top: 1.5rem !important } .my-xl-5 { margin-bottom: 3rem !important; margin-top: 3rem !important } .my-xl-auto { margin-bottom: auto !important; margin-top: auto !important } .mt-xl-0 { margin-top: 0 !important } .mt-xl-1 { margin-top: .25rem !important } .mt-xl-2 { margin-top: .5rem !important } .mt-xl-3 { margin-top: 1rem !important } .mt-xl-4 { margin-top: 1.5rem !important } .mt-xl-5 { margin-top: 3rem !important } .mt-xl-auto { margin-top: auto !important } .me-xl-0 { margin-right: 0 !important } .me-xl-1 { margin-right: .25rem !important } .me-xl-2 { margin-right: .5rem !important } .me-xl-3 { margin-right: 1rem !important } .me-xl-4 { margin-right: 1.5rem !important } .me-xl-5 { margin-right: 3rem !important } .me-xl-auto { margin-right: auto !important } .mb-xl-0 { margin-bottom: 0 !important } .mb-xl-1 { margin-bottom: .25rem !important } .mb-xl-2 { margin-bottom: .5rem !important } .mb-xl-3 { margin-bottom: 1rem !important } .mb-xl-4 { margin-bottom: 1.5rem !important } .mb-xl-5 { margin-bottom: 3rem !important } .mb-xl-auto { margin-bottom: auto !important } .ms-xl-0 { margin-left: 0 !important } .ms-xl-1 { margin-left: .25rem !important } .ms-xl-2 { margin-left: .5rem !important } .ms-xl-3 { margin-left: 1rem !important } .ms-xl-4 { margin-left: 1.5rem !important } .ms-xl-5 { margin-left: 3rem !important } .ms-xl-auto { margin-left: auto !important } .p-xl-0 { padding: 0 !important } .p-xl-1 { padding: .25rem !important } .p-xl-2 { padding: .5rem !important } .p-xl-3 { padding: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .px-xl-0 { padding-left: 0 !important; padding-right: 0 !important } .px-xl-1 { padding-left: .25rem !important; padding-right: .25rem !important } .px-xl-2 { padding-left: .5rem !important; padding-right: .5rem !important } .px-xl-3 { padding-left: 1rem !important; padding-right: 1rem !important } .px-xl-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important } .px-xl-5 { padding-left: 3rem !important; padding-right: 3rem !important } .py-xl-0 { padding-bottom: 0 !important; padding-top: 0 !important } .py-xl-1 { padding-bottom: .25rem !important; padding-top: .25rem !important } .py-xl-2 { padding-bottom: .5rem !important; padding-top: .5rem !important } .py-xl-3 { padding-bottom: 1rem !important; padding-top: 1rem !important } .py-xl-4 { padding-bottom: 1.5rem !important; padding-top: 1.5rem !important } .py-xl-5 { padding-bottom: 3rem !important; padding-top: 3rem !important } .pt-xl-0 { padding-top: 0 !important } .pt-xl-1 { padding-top: .25rem !important } .pt-xl-2 { padding-top: .5rem !important } .pt-xl-3 { padding-top: 1rem !important } .pt-xl-4 { padding-top: 1.5rem !important } .pt-xl-5 { padding-top: 3rem !important } .pe-xl-0 { padding-right: 0 !important } .pe-xl-1 { padding-right: .25rem !important } .pe-xl-2 { padding-right: .5rem !important } .pe-xl-3 { padding-right: 1rem !important } .pe-xl-4 { padding-right: 1.5rem !important } .pe-xl-5 { padding-right: 3rem !important } .pb-xl-0 { padding-bottom: 0 !important } .pb-xl-1 { padding-bottom: .25rem !important } .pb-xl-2 { padding-bottom: .5rem !important } .pb-xl-3 { padding-bottom: 1rem !important } .pb-xl-4 { padding-bottom: 1.5rem !important } .pb-xl-5 { padding-bottom: 3rem !important } .ps-xl-0 { padding-left: 0 !important } .ps-xl-1 { padding-left: .25rem !important } .ps-xl-2 { padding-left: .5rem !important } .ps-xl-3 { padding-left: 1rem !important } .ps-xl-4 { padding-left: 1.5rem !important } .ps-xl-5 { padding-left: 3rem !important } .gap-xl-0 { gap: 0 !important } .gap-xl-1 { gap: .25rem !important } .gap-xl-2 { gap: .5rem !important } .gap-xl-3 { gap: 1rem !important } .gap-xl-4 { gap: 1.5rem !important } .gap-xl-5 { gap: 3rem !important } .row-gap-xl-0 { row-gap: 0 !important } .row-gap-xl-1 { row-gap: .25rem !important } .row-gap-xl-2 { row-gap: .5rem !important } .row-gap-xl-3 { row-gap: 1rem !important } .row-gap-xl-4 { row-gap: 1.5rem !important } .row-gap-xl-5 { row-gap: 3rem !important } .column-gap-xl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-xl-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-xl-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-xl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-xl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-xl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .text-xl-start { text-align: left !important } .text-xl-end { text-align: right !important } .text-xl-center { text-align: center !important } } @media (min-width: 1400px) { .float-xxl-start { float: left !important } .float-xxl-end { float: right !important } .float-xxl-none { float: none !important } .object-fit-xxl-contain { -o-object-fit: contain !important; object-fit: contain !important } .object-fit-xxl-cover { -o-object-fit: cover !important; object-fit: cover !important } .object-fit-xxl-fill { -o-object-fit: fill !important; object-fit: fill !important } .object-fit-xxl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important } .object-fit-xxl-none { -o-object-fit: none !important; object-fit: none !important } .d-xxl-inline { display: inline !important } .d-xxl-inline-block { display: inline-block !important } .d-xxl-block { display: block !important } .d-xxl-grid { display: grid !important } .d-xxl-inline-grid { display: inline-grid !important } .d-xxl-table { display: table !important } .d-xxl-table-row { display: table-row !important } .d-xxl-table-cell { display: table-cell !important } .d-xxl-flex { display: flex !important } .d-xxl-inline-flex { display: inline-flex !important } .d-xxl-none { display: none !important } .flex-xxl-fill { flex: 1 1 auto !important } .flex-xxl-row { flex-direction: row !important } .flex-xxl-column { flex-direction: column !important } .flex-xxl-row-reverse { flex-direction: row-reverse !important } .flex-xxl-column-reverse { flex-direction: column-reverse !important } .flex-xxl-grow-0 { flex-grow: 0 !important } .flex-xxl-grow-1 { flex-grow: 1 !important } .flex-xxl-shrink-0 { flex-shrink: 0 !important } .flex-xxl-shrink-1 { flex-shrink: 1 !important } .flex-xxl-wrap { flex-wrap: wrap !important } .flex-xxl-nowrap { flex-wrap: nowrap !important } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-xxl-start { justify-content: flex-start !important } .justify-content-xxl-end { justify-content: flex-end !important } .justify-content-xxl-center { justify-content: center !important } .justify-content-xxl-between { justify-content: space-between !important } .justify-content-xxl-around { justify-content: space-around !important } .justify-content-xxl-evenly { justify-content: space-evenly !important } .align-items-xxl-start { align-items: flex-start !important } .align-items-xxl-end { align-items: flex-end !important } .align-items-xxl-center { align-items: center !important } .align-items-xxl-baseline { align-items: baseline !important } .align-items-xxl-stretch { align-items: stretch !important } .align-content-xxl-start { align-content: flex-start !important } .align-content-xxl-end { align-content: flex-end !important } .align-content-xxl-center { align-content: center !important } .align-content-xxl-between { align-content: space-between !important } .align-content-xxl-around { align-content: space-around !important } .align-content-xxl-stretch { align-content: stretch !important } .align-self-xxl-auto { align-self: auto !important } .align-self-xxl-start { align-self: flex-start !important } .align-self-xxl-end { align-self: flex-end !important } .align-self-xxl-center { align-self: center !important } .align-self-xxl-baseline { align-self: baseline !important } .align-self-xxl-stretch { align-self: stretch !important } .order-xxl-first { order: -1 !important } .order-xxl-0 { order: 0 !important } .order-xxl-1 { order: 1 !important } .order-xxl-2 { order: 2 !important } .order-xxl-3 { order: 3 !important } .order-xxl-4 { order: 4 !important } .order-xxl-5 { order: 5 !important } .order-xxl-last { order: 6 !important } .m-xxl-0 { margin: 0 !important } .m-xxl-1 { margin: .25rem !important } .m-xxl-2 { margin: .5rem !important } .m-xxl-3 { margin: 1rem !important } .m-xxl-4 { margin: 1.5rem !important } .m-xxl-5 { margin: 3rem !important } .m-xxl-auto { margin: auto !important } .mx-xxl-0 { margin-left: 0 !important; margin-right: 0 !important } .mx-xxl-1 { margin-left: .25rem !important; margin-right: .25rem !important } .mx-xxl-2 { margin-left: .5rem !important; margin-right: .5rem !important } .mx-xxl-3 { margin-left: 1rem !important; margin-right: 1rem !important } .mx-xxl-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important } .mx-xxl-5 { margin-left: 3rem !important; margin-right: 3rem !important } .mx-xxl-auto { margin-left: auto !important; margin-right: auto !important } .my-xxl-0 { margin-bottom: 0 !important; margin-top: 0 !important } .my-xxl-1 { margin-bottom: .25rem !important; margin-top: .25rem !important } .my-xxl-2 { margin-bottom: .5rem !important; margin-top: .5rem !important } .my-xxl-3 { margin-bottom: 1rem !important; margin-top: 1rem !important } .my-xxl-4 { margin-bottom: 1.5rem !important; margin-top: 1.5rem !important } .my-xxl-5 { margin-bottom: 3rem !important; margin-top: 3rem !important } .my-xxl-auto { margin-bottom: auto !important; margin-top: auto !important } .mt-xxl-0 { margin-top: 0 !important } .mt-xxl-1 { margin-top: .25rem !important } .mt-xxl-2 { margin-top: .5rem !important } .mt-xxl-3 { margin-top: 1rem !important } .mt-xxl-4 { margin-top: 1.5rem !important } .mt-xxl-5 { margin-top: 3rem !important } .mt-xxl-auto { margin-top: auto !important } .me-xxl-0 { margin-right: 0 !important } .me-xxl-1 { margin-right: .25rem !important } .me-xxl-2 { margin-right: .5rem !important } .me-xxl-3 { margin-right: 1rem !important } .me-xxl-4 { margin-right: 1.5rem !important } .me-xxl-5 { margin-right: 3rem !important } .me-xxl-auto { margin-right: auto !important } .mb-xxl-0 { margin-bottom: 0 !important } .mb-xxl-1 { margin-bottom: .25rem !important } .mb-xxl-2 { margin-bottom: .5rem !important } .mb-xxl-3 { margin-bottom: 1rem !important } .mb-xxl-4 { margin-bottom: 1.5rem !important } .mb-xxl-5 { margin-bottom: 3rem !important } .mb-xxl-auto { margin-bottom: auto !important } .ms-xxl-0 { margin-left: 0 !important } .ms-xxl-1 { margin-left: .25rem !important } .ms-xxl-2 { margin-left: .5rem !important } .ms-xxl-3 { margin-left: 1rem !important } .ms-xxl-4 { margin-left: 1.5rem !important } .ms-xxl-5 { margin-left: 3rem !important } .ms-xxl-auto { margin-left: auto !important } .p-xxl-0 { padding: 0 !important } .p-xxl-1 { padding: .25rem !important } .p-xxl-2 { padding: .5rem !important } .p-xxl-3 { padding: 1rem !important } .p-xxl-4 { padding: 1.5rem !important } .p-xxl-5 { padding: 3rem !important } .px-xxl-0 { padding-left: 0 !important; padding-right: 0 !important } .px-xxl-1 { padding-left: .25rem !important; padding-right: .25rem !important } .px-xxl-2 { padding-left: .5rem !important; padding-right: .5rem !important } .px-xxl-3 { padding-left: 1rem !important; padding-right: 1rem !important } .px-xxl-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important } .px-xxl-5 { padding-left: 3rem !important; padding-right: 3rem !important } .py-xxl-0 { padding-bottom: 0 !important; padding-top: 0 !important } .py-xxl-1 { padding-bottom: .25rem !important; padding-top: .25rem !important } .py-xxl-2 { padding-bottom: .5rem !important; padding-top: .5rem !important } .py-xxl-3 { padding-bottom: 1rem !important; padding-top: 1rem !important } .py-xxl-4 { padding-bottom: 1.5rem !important; padding-top: 1.5rem !important } .py-xxl-5 { padding-bottom: 3rem !important; padding-top: 3rem !important } .pt-xxl-0 { padding-top: 0 !important } .pt-xxl-1 { padding-top: .25rem !important } .pt-xxl-2 { padding-top: .5rem !important } .pt-xxl-3 { padding-top: 1rem !important } .pt-xxl-4 { padding-top: 1.5rem !important } .pt-xxl-5 { padding-top: 3rem !important } .pe-xxl-0 { padding-right: 0 !important } .pe-xxl-1 { padding-right: .25rem !important } .pe-xxl-2 { padding-right: .5rem !important } .pe-xxl-3 { padding-right: 1rem !important } .pe-xxl-4 { padding-right: 1.5rem !important } .pe-xxl-5 { padding-right: 3rem !important } .pb-xxl-0 { padding-bottom: 0 !important } .pb-xxl-1 { padding-bottom: .25rem !important } .pb-xxl-2 { padding-bottom: .5rem !important } .pb-xxl-3 { padding-bottom: 1rem !important } .pb-xxl-4 { padding-bottom: 1.5rem !important } .pb-xxl-5 { padding-bottom: 3rem !important } .ps-xxl-0 { padding-left: 0 !important } .ps-xxl-1 { padding-left: .25rem !important } .ps-xxl-2 { padding-left: .5rem !important } .ps-xxl-3 { padding-left: 1rem !important } .ps-xxl-4 { padding-left: 1.5rem !important } .ps-xxl-5 { padding-left: 3rem !important } .gap-xxl-0 { gap: 0 !important } .gap-xxl-1 { gap: .25rem !important } .gap-xxl-2 { gap: .5rem !important } .gap-xxl-3 { gap: 1rem !important } .gap-xxl-4 { gap: 1.5rem !important } .gap-xxl-5 { gap: 3rem !important } .row-gap-xxl-0 { row-gap: 0 !important } .row-gap-xxl-1 { row-gap: .25rem !important } .row-gap-xxl-2 { row-gap: .5rem !important } .row-gap-xxl-3 { row-gap: 1rem !important } .row-gap-xxl-4 { row-gap: 1.5rem !important } .row-gap-xxl-5 { row-gap: 3rem !important } .column-gap-xxl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important } .column-gap-xxl-1 { -moz-column-gap: .25rem !important; column-gap: .25rem !important } .column-gap-xxl-2 { -moz-column-gap: .5rem !important; column-gap: .5rem !important } .column-gap-xxl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important } .column-gap-xxl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important } .column-gap-xxl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important } .text-xxl-start { text-align: left !important } .text-xxl-end { text-align: right !important } .text-xxl-center { text-align: center !important } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important } .fs-2 { font-size: 2rem !important } .fs-3 { font-size: 1.75rem !important } .fs-4 { font-size: 1.5rem !important } } @media print { .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-grid { display: grid !important } .d-print-inline-grid { display: inline-grid !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: flex !important } .d-print-inline-flex { display: inline-flex !important } .d-print-none { display: none !important } } body.has-backdrop.open #content { pointer-events: none } .cookie-modal-container { bottom: 0; display: none; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden } .cookie-modal-container .cookie-modal-overlay { background: rgba(0, 0, 0, .6); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 100 } .cookie-modal-container .cookie-modal-wrapper { background-color: #fff; display: block; left: 5%; padding: 20px; position: absolute; text-align: center; top: 50px; width: 90%; z-index: 101 } .cookie-modal-container .cookie-modal-wrapper .btn-link { display: inline-block; margin-bottom: 20px } @media (min-width: 768px) { .cookie-modal-container .cookie-modal-wrapper { left: 30%; width: 40% } .cookie-modal-container .cookie-modal-wrapper .btn-link { margin-bottom: 0 } } .cookie-modal-container .cookie-modal-wrapper .js-cookie-details { outline: none } .cookie-modal-container.show-sidebar .cookie-modal-wrapper { z-index: 90 } .cookie-modal-container.open { display: block; opacity: 1; visibility: visible; z-index: 11 } .cookie-sidebar { background-color: #fff; bottom: 0; box-shadow: 0 2px 10px -3px #999; height: 100%; left: 0; max-width: 100%; min-width: 100%; position: fixed; z-index: 2147483647 } @media (min-width: 480px) { .cookie-sidebar { max-width: 480px; min-width: 480px } } .cookie-sidebar .btn { font-size: 1.4rem; padding: 5px 10px } .cookie-sidebar .accordion-button { font-size: 1.4rem } .cookie-sidebar .cookie-sidebar-logo { background-color: #fff; border-bottom: 1px solid #e9e9e9; height: 59px; left: 0; padding: 10px 0 10px 25px; position: absolute; right: 0; top: 0 } .cookie-sidebar .cookie-sidebar-logo .cookie-sidebar-close { cursor: pointer; font-size: 19px; outline: none; position: absolute; right: 20px; top: 15px } .cookie-sidebar .cookie-sidebar-content { bottom: 125px; overflow-x: hidden; overflow-y: scroll; padding: 0 20px; position: absolute; top: 60px } .cookie-sidebar .cookie-sidebar-content::-webkit-scrollbar { width: 11px } .cookie-sidebar .cookie-sidebar-content::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 10px } .cookie-sidebar .cookie-sidebar-content .h3, .cookie-sidebar .cookie-sidebar-content h3 { font-size: 18px; font-weight: 700; margin-top: 25px } .cookie-sidebar .cookie-sidebar-content a:not(.btn), .cookie-sidebar .cookie-sidebar-content p { font-size: 13px } .cookie-sidebar .cookie-sidebar-content .cookie-sidebar-content-copy { margin-bottom: 10px } .cookie-sidebar .cookie-sidebar-content .cookie-sidebar-content-copy p:last-of-type { margin-bottom: 0 } .cookie-sidebar .cookie-sidebar-content .cookie-sidebar-toggle { cursor: pointer; float: right; font-size: 25px; margin-top: -3px } .cookie-sidebar .cookie-sidebar-controls { background-color: #fff; border-top: 1px solid #d8d8d8; bottom: 0; max-height: 160px; padding: 10px 0; position: absolute; text-align: center; width: 100% } @media (min-width: 480px) { .cookie-sidebar .cookie-sidebar-controls .btn-group-lg > .btn, .cookie-sidebar .cookie-sidebar-controls .btn.btn-lg { min-width: 200px } } .cookie-sidebar .cookie-sidebar-controls .btn-group-lg > .btn, .cookie-sidebar .cookie-sidebar-controls .btn.btn-lg { margin: 5px } .cookie-banner-control { border-bottom: 70px solid purple; border-right: 70px solid transparent; bottom: 0; color: #fff; cursor: pointer; font-size: 19px; height: 0; left: 0; position: fixed; width: 0; z-index: 9999 } .cookie-banner-control i { margin-left: 16px; margin-top: 42px } .toggle-off, .toggle-on { background-repeat: no-repeat; display: inline-block; height: 29px; width: 40px } .toggle-on { background-image: url(images/toggle-on.svg) } .toggle-off { background-image: url(images/toggle-off.svg) } .ck-accordion .ck-accordion-wrapper { border-bottom: 1px solid } .ck-accordion .ck-accordion-wrapper.active .ck-accordion-item .ck-accordion-header-chevron i:before { content: "\f078" } .ck-accordion .ck-accordion-wrapper.active .ck-accordion-body { display: block } .ck-accordion .ck-accordion-wrapper .ck-accordion-item { display: flex; margin-top: 10px } .ck-accordion .ck-accordion-wrapper .ck-accordion-item .ck-accordion-header-chevron { color: #000; cursor: pointer; margin-right: 22px; position: relative; width: 0; word-break: break-word } .ck-accordion .ck-accordion-wrapper .ck-accordion-item .ck-accordion-header-wrapper { cursor: pointer; width: 100% } .ck-accordion .ck-accordion-wrapper .ck-accordion-item .ck-accordion-header-wrapper .ck-accordion-header { align-items: center; display: flex; justify-content: space-between } .ck-accordion .ck-accordion-wrapper .ck-accordion-item .ck-accordion-header-wrapper .ck-accordion-header > button { background: transparent; border: none; box-shadow: none; color: #000; cursor: pointer; font-family: inherit; font-size: 16px; font-weight: 700; line-height: 24px; margin: 0; min-height: 0; padding: 0; text-shadow: none; text-transform: none } .ck-accordion .ck-accordion-wrapper .ck-accordion-item .ck-accordion-header-wrapper .ck-accordion-header .ck-accordion-always-active { color: green; font-size: 14px; font-weight: 600; line-height: 24px } .ck-accordion .ck-accordion-wrapper .ck-accordion-item .ck-accordion-header-wrapper .ck-accordion-header-desc { font-size: 14px; line-height: 24px; margin: 10px 0 16px } .ck-accordion .ck-accordion-wrapper .ck-accordion-body { display: none; margin-bottom: 16px; padding: 0 22px } .ck-accordion .ck-accordion-wrapper .ck-accordion-body .ck-accordion-table { background: #f4f4f4; border-color: #ebebeb; border-radius: 6px } .ck-accordion .ck-accordion-wrapper .ck-accordion-body .ck-accordion-table > ul { border-bottom: 1px solid; border-bottom-color: inherit; font-size: 12px; font-weight: 400; line-height: 24px; margin: 0; padding: 15px 10px } .ck-accordion .ck-accordion-wrapper .ck-accordion-body .ck-accordion-table > ul:last-child { border-bottom: 0 } .ck-accordion .ck-accordion-wrapper .ck-accordion-body .ck-accordion-table > ul li { display: flex; list-style-type: none; padding: 3px 0 } .ck-accordion .ck-accordion-wrapper .ck-accordion-body .ck-accordion-table > ul li:first-child { padding-top: 0 } .ck-accordion .ck-accordion-wrapper .ck-accordion-body .ck-accordion-table > ul li div:first-child { word-wrap: break-word; font-weight: 600; width: 100px; word-break: break-word } .ck-accordion .ck-accordion-wrapper .ck-accordion-body .ck-accordion-table > ul li div:last-child { word-wrap: break-word; flex: 1; margin-left: 8px; word-break: break-word } .navbar { border-radius: 0; box-shadow: none; margin: 0 } .navbar.has-border { border-bottom: 20px solid #321f5e } .navbar.navbar-default { border: 0 } .navbar.brand-nav.float-in-banner { left: 0; margin: 20px; position: absolute; right: 0; z-index: 2 } .navbar .container { display: block } .navbar-mobile { min-height: 80px } .navbar-mobile .nav-logo { text-align: center } .navbar-mobile .nav-logo img { cursor: pointer; display: block; height: auto; margin: 10px; max-width: 150px; min-height: 35px; width: auto } .navbar-mobile .hamburger { box-sizing: content-box; display: inline-block; float: left; font-size: 0; height: 35px; margin-top: 13px; padding: 10px; position: relative } .navbar-mobile .hamburger a { display: block; height: 15px; margin-top: 10px; padding: 0; width: 22px } .navbar-mobile .hamburger a span { font-size: 0 !important } .navbar-mobile .hamburger a svg rect { fill: #321f5e } @media (min-width: 884px) { .navbar-main .container.__full-width { max-width: 992px; *width: 992px } } @media (min-width: 992px) { .navbar-main .container.__full-width { max-width: 1100px } } @media (min-width: 1200px) { .navbar-main .container.__full-width { max-width: 98%; width: 98% } } .navbar-main .flex-container { align-content: stretch; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between } .navbar-main .nav-logo { display: inline-block; margin-right: 20px } .navbar-main .nav-logo .logo-wrapper { display: table; min-height: 80px } .navbar-main .nav-logo .logo-wrapper .logo-inner { display: table-cell; vertical-align: middle } .navbar-main .main-nav { display: inline-table; float: left; height: 60px; margin: 10px 0; max-height: 60px; padding-top: 6px; position: relative } .navbar-main .main-nav > ul { float: right; list-style: none; margin: 0; padding: 0; width: 100% } .navbar-main .main-nav > ul > li { box-sizing: border-box; float: left; font-family: Arial, sans-serif; font-style: normal; font-weight: 400; margin-right: 40px } .navbar-main .main-nav > ul > li.last { margin-right: 0 } @media (min-width: 576px) { .navbar-main .main-nav > ul > li { margin-right: 10px } } @media (min-width: 768px) { .navbar-main .main-nav > ul > li { margin-right: 30px } } .navbar-main .main-nav > ul > li.active a, .navbar-main .main-nav > ul > li:active a, .navbar-main .main-nav > ul > li:hover a { border-bottom: 5px solid #321f5e; text-decoration: none } .navbar-main .main-nav > ul > li > a, .navbar-main .main-nav > ul > li > span { border-bottom: 5px transparent; color: #666; display: block; font-size: 16px; font-size: 1.6rem; height: auto; line-height: 1.2; padding: 15px 0 } @media (min-width: 576px) { .navbar-main .main-nav > ul > li > a, .navbar-main .main-nav > ul > li > span { font-size: 14px; font-size: 1.4rem } } @media (min-width: 768px) { .navbar-main .main-nav > ul > li > a, .navbar-main .main-nav > ul > li > span { font-size: 18px; font-size: 1.8rem; padding: 14px 0 7px } } .side-menu { background-color: #fff; display: block; height: 100%; min-height: 400px; position: fixed; top: 0; transition: left .25s linear, right .25s linear; width: 100%; z-index: 999999 } .side-menu.__left { left: -100% } .side-menu.__right { right: -100% } .side-menu .side-menu-header { background: #fff; border-bottom: 1px solid #d7d8d6; display: block; height: 51px; position: relative; width: 100% } .side-menu .side-menu-header .menu-text.h1, .side-menu .side-menu-header h1.menu-text { display: block; font-family: Arial, sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 18px; margin: 0 auto; padding-top: 17px; text-align: center } .side-menu .side-menu-header .close-menu { background-color: #fff; display: block; float: left; height: 30px; line-height: 1.5; margin: .9375rem; overflow: hidden; position: relative; width: 30px } .side-menu .side-menu-header .close-menu .line-1, .side-menu .side-menu-header .close-menu .line-2 { background-color: #321f5e; display: inline-block; height: 2px; left: 18%; position: absolute; top: 46%; width: 60% } .side-menu .side-menu-header .close-menu:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .side-menu .side-menu-header .close-menu > span { font-size: 26px; font-size: 2.6rem } .side-menu .side-menu-header .close-menu .line-1 { transform: rotate(45deg) } .side-menu .side-menu-header .close-menu .line-2 { transform: rotate(-45deg) } .side-menu ul { background: #fff; list-style: none; margin: 0; padding: 0 } .side-menu ul li { border-bottom: 1px solid #eaedf2; cursor: pointer; display: block; font-family: Arial, sans-serif; font-size: 16px; font-size: 1.6rem; letter-spacing: .5px; line-height: 18px; margin: 0; padding: 13px 0 13px 20px; position: relative; text-align: left; width: 100% } .side-menu ul li a { color: inherit } .side-menu ul li a span { display: inline-block; margin-right: 12px } .side-menu.open.__left { left: 0 } .side-menu.open.__right { right: 0 } .brand-nav.nav-top-bar { background-color: #000; height: auto; width: 100% } @media (min-width: 884px) { .brand-nav.nav-top-bar .container.__full-width { max-width: 992px; *width: 992px } } @media (min-width: 992px) { .brand-nav.nav-top-bar .container.__full-width { max-width: 1100px } } @media (min-width: 1200px) { .brand-nav.nav-top-bar .container.__full-width { max-width: 98%; width: 98% } } .brand-nav.nav-top-bar nav { display: block } .brand-nav.nav-top-bar nav:after { clear: both; content: ""; display: block } .brand-nav.nav-top-bar nav > ul { list-style: none; margin: 0; padding: 0 } .brand-nav.nav-top-bar nav > ul > li { color: #fff; float: left; font-size: 12px; font-size: 1.2rem; min-height: 37px; padding: 0; position: relative; text-decoration: none } .brand-nav.nav-top-bar nav > ul > li > a, .brand-nav.nav-top-bar nav > ul > li > span { color: #fff; display: table; padding: 9px 13px; text-decoration: none } .brand-nav.nav-top-bar nav > ul > li > a > span, .brand-nav.nav-top-bar nav > ul > li > span > span { display: table-cell } .brand-nav.nav-top-bar nav > ul > li.active a, .brand-nav.nav-top-bar nav > ul > li:active a, .brand-nav.nav-top-bar nav > ul > li:hover a { background-color: #fff; color: #000 } .nav-bottom-bar { background-color: #321f5e; width: 100% } .nav-bottom-bar nav { display: block } .nav-bottom-bar nav:after { clear: both; content: ""; display: block } .nav-bottom-bar nav > ul { list-style: none; margin: 0; padding: 0; position: relative } .nav-bottom-bar nav > ul > li { color: #555; float: left; font-size: 14px; font-size: 1.4rem; padding: 0; position: relative; text-decoration: none } .nav-bottom-bar nav > ul > li.has-children { position: unset } .nav-bottom-bar nav > ul > li > a, .nav-bottom-bar nav > ul > li > span { color: #555; display: inline-block; padding: 14px; text-decoration: none } .nav-bottom-bar nav > ul > li.active a, .nav-bottom-bar nav > ul > li:active a, .nav-bottom-bar nav > ul > li:hover a { background-color: #fff; color: #555 } .nav-bottom-bar nav > ul > li.active > ul, .nav-bottom-bar nav > ul > li:active > ul, .nav-bottom-bar nav > ul > li:hover > ul { display: block } .nav-bottom-bar nav > ul > li > ul { background-color: #fff; box-shadow: 4px 5px 4px rgba(0, 0, 0, .1); display: none; left: 0; list-style-type: none; margin: 0; padding: 0; position: absolute; right: 0; top: 70px; z-index: 99 } .nav-bottom-bar nav > ul > li > ul > li { color: #555; float: left; font-size: 12px; font-size: 1.2rem; padding: 0; position: relative; text-decoration: none } .nav-bottom-bar nav > ul > li > ul > li > a, .nav-bottom-bar nav > ul > li > ul > li > span { color: #555; display: inline-block; padding: 12px; text-decoration: none } .nav-bottom-bar.navbar-mobile { min-height: 35px; padding-right: 10px } .nav-bottom-bar.navbar-mobile .hamburger { margin-top: 0; padding: 0 10px } .nav-bottom-bar.navbar-mobile .hamburger a { font-size: 1.6rem; height: 20px; line-height: 2.3; margin-top: 0; vertical-align: middle; width: auto } .nav-bottom-bar.navbar-mobile a { position: relative } .nav-bottom-bar.navbar-mobile .navbar-icon-item { border-left: 1px solid #ccc; font-size: 2rem; padding: 0 10px; text-align: center } .nav-bottom-bar.navbar-mobile .navbar-icon-item:first-of-type { border-left: 0 } .nav-bottom-bar.navbar-mobile .count-indicator { background-color: #007bc0; border-radius: 12px; bottom: 5px; color: #fff; font-size: .85rem; height: 12px; left: 27px; line-height: 12px; min-width: 12px; padding: 0 2px; position: absolute; text-align: center; vertical-align: middle } .below-nav { border-top: 1px solid #e6e6e6 } .below-nav .breadcrumbs { font-size: 1.2rem; margin: 10px 0; vertical-align: middle } @media (min-width: 768px) { .below-nav .breadcrumbs { height: 35px } } .below-nav .breadcrumbs nav ol { background-color: #fff } .below-nav ul { float: right; height: 25px; list-style-type: none; margin: 10px 0; padding: 0 } .below-nav ul li { border-right: 1px solid #e6e6e6; float: left; padding: 0 10px } @media (min-width: 600px) { .below-nav ul li { padding: 5px 10px } } @media (min-width: 900px) { .below-nav ul li { padding: 0 15px } } .below-nav ul li:last-of-type { border-right: 0 } .below-nav ul li a { color: #000; font-size: 1.2rem; font-weight: 400; line-height: 1.8rem; position: relative } .below-nav ul li a:hover { color: #00639a; text-decoration: none } .below-nav ul li a .icon { font-size: 2.4rem; vertical-align: middle } .below-nav ul li a .count-indicator { background-color: #007bc0; border-radius: 12px; bottom: -7px; color: #fff; font-size: .85rem; height: 12px; left: -3px; line-height: 12px; min-width: 12px; padding: 0 2px; position: absolute; text-align: center; vertical-align: middle } .row-flex.__with_search { align-items: center } .navbar-search-form { display: block; height: 100%; position: relative; text-align: right; width: 100% } .navbar-search-form button { background-color: transparent !important; border: none; border-radius: 0; color: #000 !important; font-size: 2.4rem; max-width: 100%; outline: 0; padding: 5px; text-align: center; width: auto } .navbar-search-form form input { border: 0; border-bottom: 1px solid #ccc; font-weight: 100 } .navbar-search-form .nav-search-results { background: #fff; border: 1px solid #ccc; display: none; padding: 10px; position: absolute; right: 0; top: 65px; visibility: hidden; width: 500px; z-index: 200 } .navbar-search-form .nav-search-results .h5, .navbar-search-form .nav-search-results h5 { margin-top: 0 !important } @media (min-width: 576px) { .navbar-search-form .nav-search-results { right: -40px; width: 330px } } .navbar-search-form .nav-search-results .search-result { padding: 10px 20px 5px 10px } .navbar-search-form .nav-search-results .search-result .img { float: left } .navbar-search-form .nav-search-results .search-result a { color: #321f5e; float: left; font-size: 14px; text-decoration: none } @media (min-width: 576px) { .navbar-search-form .nav-search-results .search-result a { font-size: 12px } } .navbar-search-form .nav-search-results .search-result a:focus, .navbar-search-form .nav-search-results .search-result a:hover { color: #321f5e } .navbar-search-form .nav-search-results .search-result p { float: left; margin: 0 20px } @media (min-width: 576px) { .navbar-search-form .nav-search-results .search-result p span { font-size: 12px } } .navbar-search-form .nav-search-results.active { display: block; visibility: visible } .navbar-search-form .nav-search-results:before { border-bottom: 15px solid #ccc; top: -16px } .navbar-search-form .nav-search-results:after, .navbar-search-form .nav-search-results:before { border-left: 15px solid transparent; border-right: 15px solid transparent; content: ""; left: 83.3333333333%; margin: 0; position: absolute } .navbar-search-form .nav-search-results:after { border-bottom: 15px solid #fff; top: -15px } .navbar-search-form .nav-search-results .close-search { cursor: pointer; font-size: 2.4rem; line-height: 2.8rem; position: absolute; right: 5px; top: 5px } .navbar-search-form .nav-search-results .search-result-list { list-style-type: none; margin: 0; max-height: 500px; overflow-x: hidden; overflow-y: auto; padding: 20px 0 0 } .navbar-search-form .nav-search-results .search-result-list li { font-size: 1.4rem; text-align: left } .main-container { padding: 0 } @media (min-width: 576px) { .main-container { padding-left: 15px; padding-right: 15px } } .banner { display: block; position: relative; width: 100% } .banner .banner-image { overflow: hidden; position: relative; width: 100% } .banner .banner-image.__responsive { background-position: 50%; background-repeat: no-repeat; background-size: cover; min-height: 400px } @media (min-width: 576px) { .banner .banner-image.__responsive { min-height: 420px } } .banner .banner-image img { height: auto; width: 100% } .banner .banner-content { background: #fff; box-sizing: border-box; font-family: sans-serif; padding: 26px } .banner .banner-content .h1, .banner .banner-content h1 { font-size: 24px; font-size: 2.4rem; line-height: 29px; margin: 0 0 8px } .banner .banner-content p { font-size: 16px; font-size: 1.6rem; line-height: 20px; margin-bottom: 21px } @media (min-width: 576px) { .banner .banner-content { left: 20px; position: absolute; top: 7%; width: 45% } } .banner .banner-promo { bottom: 0; left: 0; position: absolute; right: 0; text-align: center } .banner .banner-promo .hero { background-color: #321f5e; color: #fff; padding: 10px; text-align: center; width: 100% } @media (min-width: 768px) { .banner .banner-promo .hero { max-width: 750px } } @media (min-width: 992px) { .banner .banner-promo .hero { max-width: 970px } } @media (min-width: 1200px) { .banner .banner-promo .hero { max-width: 1170px } } .banner .banner-promo .hero .h1, .banner .banner-promo .hero h1 { color: #fff; font-size: 28px; font-size: 2.8rem } @media (min-width: 768px) { .banner .banner-promo .hero { padding: 1px 10px 10px 15px; width: 400px } .banner .banner-promo .hero .h1, .banner .banner-promo .hero h1 { font-size: 36px; font-size: 3.6rem } .banner.__top_left .banner-promo { top: 0 } .banner.__top_left .banner-promo .hero { float: left; margin: 33px 0 0 33px } .banner.__top .banner-promo { top: 0 } .banner.__top .banner-promo .hero { margin: 33px auto } .banner.__top_right .banner-promo { top: 0 } .banner.__top_right .banner-promo .hero { float: right; margin: 33px 33px 0 0 } .banner.__left .banner-image .banner-promo-container { display: table } .banner.__left .banner-promo { display: table-cell; position: relative; vertical-align: middle } .banner.__left .banner-promo .hero { margin-left: 33px } .banner.__center .banner-image .banner-promo-container { display: table } .banner.__center .banner-promo { display: table-cell; position: relative; vertical-align: middle } .banner.__center .banner-promo .hero { margin: auto } .banner.__right .banner-image .banner-promo-container { display: table } .banner.__right .banner-promo { display: table-cell; position: relative; vertical-align: middle } .banner.__right .banner-promo .hero { float: right; margin-right: 33px } .banner.__bottom_left .banner-promo { bottom: 0 } .banner.__bottom_left .banner-promo .hero { float: left; margin-right: 33px } .banner.__bottom .banner-promo { bottom: 0 } .banner.__bottom .banner-promo .hero { margin: auto } .banner.__bottom_right .banner-promo { bottom: 0 } .banner.__bottom_right .banner-promo .hero { float: right; margin-right: 33px } } .banner .banner-overlay { background-color: rgba(0, 0, 0, .2); bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .main-content .block { background-color: #f2f2f2; display: block; margin-bottom: 20px; position: relative; width: 100%; z-index: 10 } .main-content .block:hover { text-decoration: none } .main-content .block:hover .block__heading-text { text-decoration: underline } .main-content .block .block-header { display: block; position: relative } .main-content .block .block-header img { display: block; height: auto; width: 100% } .main-content .block .block-body { display: block; padding: 20px 14px } .main-content .block .block-body .h3, .main-content .block .block-body h3 { font-size: 18px; font-size: 1.8rem; font-weight: 700; margin: 0; text-align: center } .main-content .block .block-body p { color: #333; font-size: 16px; font-size: 1.6rem; line-height: 150%; margin-bottom: 21px; text-align: center } @media (min-width: 992px) { .main-content .block .block-body p { font-size: 14px; font-size: 1.4rem } } @media (min-width: 1180px) { .main-content .block .block-body p { font-size: 16px; font-size: 1.6rem } } .main-content .block .block-body p:last-of-type { margin-bottom: 0 } .main-content .block .block-body .small, .main-content .block .block-body small { font-family: Arial, sans-serif; font-size: 14px; font-size: 1.4rem } .main-content .block.__image_bottom .block-header { padding: 0 30px 30px } @media (min-width: 768px) { .main-content .block.__image_bottom .block-header { padding: 0 20px 20px } } .main-content .block .block-link { padding: 0 20px 20px } .card > img { width: 100% } footer.footer, footer.footer-bottom, main.main-content { padding: 0 10px } @media (min-width: 768px) { footer.footer, footer.footer-bottom, main.main-content { padding: 0 } } .main-content .main-content-wrapper { padding-bottom: 40px } .main-content .main-content-copy { padding: 40px 0 } .main-content .main-content-copy .h1, .main-content .main-content-copy .h2, .main-content .main-content-copy .h3, .main-content .main-content-copy h1, .main-content .main-content-copy h2, .main-content .main-content-copy h3 { color: #321f5e; margin-bottom: 40px; margin-top: 20px } .main-content .main-content-copy .h1, .main-content .main-content-copy h1 { font-size: 46px; font-size: 4.6rem; font-weight: 900 } .main-content .main-content-copy .h2, .main-content .main-content-copy h2 { font-size: 36px; font-size: 3.6rem; font-weight: 700 } .main-content .main-content-copy .h3, .main-content .main-content-copy h3 { font-size: 28px; font-size: 2.8rem } .main-content .main-content-copy .h4, .main-content .main-content-copy h4 { font-size: 22px; font-size: 2.2rem } .main-content .main-content-copy .h5, .main-content .main-content-copy h5 { font-size: 18px; font-size: 1.8rem } .main-content .main-content-copy .h6, .main-content .main-content-copy h6 { font-size: 16px; font-size: 1.6rem } .main-content .main-content-copy p { margin-bottom: 30px; margin-top: 10px } .main-content .main-content-copy ol, .main-content .main-content-copy ul { font-size: 16px; font-size: 1.6rem; list-style-position: inside; padding-left: 0 } .main-content .main-content-copy a:not(.btn) { color: #58595f; font-weight: 700; text-decoration: underline; word-break: break-all } .main-content .main-content-copy .content_block { padding-top: 0 } .main-content .main-content-copy .content_block .h1, .main-content .main-content-copy .content_block .h2, .main-content .main-content-copy .content_block .h3, .main-content .main-content-copy .content_block .h4, .main-content .main-content-copy .content_block h1, .main-content .main-content-copy .content_block h2, .main-content .main-content-copy .content_block h3, .main-content .main-content-copy .content_block h4 { margin-top: 0 } .main-content .main-content-copy .form-text, .main-content .main-content-copy .form-text p { text-align: left } .main-content .main-content-copy.__left .h1, .main-content .main-content-copy.__left .h2, .main-content .main-content-copy.__left .h3, .main-content .main-content-copy.__left .h4, .main-content .main-content-copy.__left .h5, .main-content .main-content-copy.__left .h6, .main-content .main-content-copy.__left a, .main-content .main-content-copy.__left h1, .main-content .main-content-copy.__left h2, .main-content .main-content-copy.__left h3, .main-content .main-content-copy.__left h4, .main-content .main-content-copy.__left h5, .main-content .main-content-copy.__left h6, .main-content .main-content-copy.__left li, .main-content .main-content-copy.__left ol, .main-content .main-content-copy.__left p, .main-content .main-content-copy.__left strong, .main-content .main-content-copy.__left ul { text-align: left !important } .main-content .main-content-copy.__center .h1, .main-content .main-content-copy.__center .h2, .main-content .main-content-copy.__center .h3, .main-content .main-content-copy.__center .h4, .main-content .main-content-copy.__center .h5, .main-content .main-content-copy.__center .h6, .main-content .main-content-copy.__center a, .main-content .main-content-copy.__center h1, .main-content .main-content-copy.__center h2, .main-content .main-content-copy.__center h3, .main-content .main-content-copy.__center h4, .main-content .main-content-copy.__center h5, .main-content .main-content-copy.__center h6, .main-content .main-content-copy.__center li, .main-content .main-content-copy.__center ol, .main-content .main-content-copy.__center p, .main-content .main-content-copy.__center strong, .main-content .main-content-copy.__center ul { text-align: center !important } .main-content .main-content-copy.__right .h1, .main-content .main-content-copy.__right .h2, .main-content .main-content-copy.__right .h3, .main-content .main-content-copy.__right .h4, .main-content .main-content-copy.__right .h5, .main-content .main-content-copy.__right .h6, .main-content .main-content-copy.__right a, .main-content .main-content-copy.__right h1, .main-content .main-content-copy.__right h2, .main-content .main-content-copy.__right h3, .main-content .main-content-copy.__right h4, .main-content .main-content-copy.__right h5, .main-content .main-content-copy.__right h6, .main-content .main-content-copy.__right li, .main-content .main-content-copy.__right ol, .main-content .main-content-copy.__right p, .main-content .main-content-copy.__right strong, .main-content .main-content-copy.__right ul { text-align: right !important } .main-content .main-content-copy .simple-accordion { margin-bottom: 3px } .main-content .main-content-copy .simple-accordion .collapse-label { border: none; cursor: pointer; display: inline-block; font-size: 18px; font-size: 1.8rem; text-align: left; transition: .4s; width: 100% } .main-content .main-content-copy .simple-accordion .collapse-label:focus-visible { border: 2px solid blue !important; outline: 1px auto -webkit-focus-ring-color !important } .main-content .main-content-copy .simple-accordion .collapse-label:after { content: "\f077"; float: right; font-family: FontAwesome; font-size: 16px; font-size: 1.6rem; font-weight: 100 } .main-content .main-content-copy .simple-accordion .collapse-label.collapsed:after { content: "\f078" } .main-content .main-content-copy .simple-accordion section { display: none; overflow: hidden } .main-content .main-content-copy .simple-accordion section * { text-align: left } .main-content .main-content-copy .code-display { margin-bottom: 10px; width: 100% } .main-content .main-content-copy .code-display .code-image { background-color: #fff; display: block; margin: 0; padding: 10px; text-align: center } .main-content .main-content-copy .code-display .code-content { background-color: #fff; display: block; padding: 0 10px 10px } .main-content .main-content-copy .code-display .code-content p, .main-content .main-content-copy .code-display .code-content p strong, .main-content .main-content-copy .code-display .code-content strong { color: #000; margin: 0 !important; text-align: center } p.small { font-size: 1.3rem !important } .small-print { padding-bottom: 20px; padding-top: 20px } .small-print p { font-size: 12px; font-size: 1.2rem; font-weight: 500; line-height: 18px } .hero-container { margin-left: 200px; margin-top: 200px; width: 500px } .modal-body { max-height: 420px; overflow-y: scroll } .btn { background-color: #58595f; border: none; color: #fff; font-weight: 400; line-height: 22px; line-height: 2.2rem; padding: 10px 20px; text-align: center; text-decoration: none !important; transition: background-color .35s, border-color .35s, color .35s } .btn:hover { background-color: #3f4045; text-decoration: none } .btn.active, .btn:active { background-color: #321f5e } .btn-group-lg > .btn, .btn.btn-lg { font-size: 15px; font-size: 1.5rem; min-width: 200px } .login { margin: 0 auto; max-width: 540px; padding: 40px 0 } .login-header { margin: 0 0 40px; text-align: center } .login-form label { margin-bottom: 10px } .login-form input { border: 2px solid #ececec; border-radius: 4px; padding: 10px 20px; width: 100% } .content_block { padding: 20px 0 } .content_block.__full_width { left: calc(-50vw + 50%); padding: 40px 0; position: relative; width: 100vw } .content_block.__placeholder { margin: 20px 0 } .content_block :last-of-type { margin-bottom: 0 } .tabs { list-style: none; margin: 0; padding: 0 } .tabs li { float: left; margin-right: 20px; margin-top: 10px; width: 100% } .tabs li:first-of-type { margin-top: 0 } .tabs li a { width: 100% } @media screen and (min-width: 638px) { .tabs li { margin-right: 10px; margin-top: 0; width: auto } .tabs li a { font-size: 11px; font-size: 1.1rem; padding: 5px 15px !important; width: auto } } @media screen and (min-width: 1056px) { .tabs li { margin-right: 20px } .tabs li a { font-size: 14px; font-size: 1.4rem; padding: 10px 30px !important; width: auto } } .alert { text-align: left !important } .alert a { text-decoration: underline } .alert.alert-success a { color: #155724 !important } .alert.alert-info a { color: #004085 !important } .alert.alert-warning a { color: #856404 !important } .alert.alert-danger a { color: #721c24 !important } @media screen and (max-width: 767px) { .text-mobile-left { text-align: left } .text-mobile-center { text-align: center } .text-mobile-right { text-align: right } } @media screen and (min-width: 768px) { .text-desktop-left { text-align: left } .text-desktop-center { text-align: center } .text-desktop-right { text-align: right } .page-break.mobile-only { height: 0 !important } } .markdown-link-external-icon { font-size: 14px; font-size: 1.4rem; margin-left: .3rem } .h1, h1 { font-size: 46px; font-size: 4.6rem; font-weight: 900 } .h2, h2 { font-size: 36px; font-size: 3.6rem; font-weight: 700 } .h3, h3 { font-size: 28px; font-size: 2.8rem } .h4, h4 { font-size: 22px; font-size: 2.2rem } .h5, h5 { font-size: 18px; font-size: 1.8rem } .btn, .h6, h6 { font-size: 16px; font-size: 1.6rem } .terms.small ol, .terms.small ol li, .terms.small ul, .terms.small ul li, small.terms ol, small.terms ol li, small.terms ul, small.terms ul li { font-size: 92% !important } .well { margin-bottom: 0 } .content-box p:first-of-type { margin-top: 0 } .content-box p:last-of-type { margin-bottom: 0 } fieldset.card legend { border-bottom: 0; font-size: 20px; font-size: 2rem } .card { overflow: hidden } .form-submit { margin-top: 10px } .form-submit p { margin-bottom: 0 } .btn.btn-block { width: 100% !important } #main-content .main-content-copy.__center form, #main-content .main-content-copy.__center form .small, #main-content .main-content-copy.__center form a, #main-content .main-content-copy.__center form label, #main-content .main-content-copy.__center form p, #main-content .main-content-copy.__center form small, #main-content .main-content-copy.__right form, #main-content .main-content-copy.__right form .small, #main-content .main-content-copy.__right form a, #main-content .main-content-copy.__right form label, #main-content .main-content-copy.__right form p, #main-content .main-content-copy.__right form small { text-align: left !important } #main-content .main-content-copy.__center form label, #main-content .main-content-copy.__right form label { display: block } .dob-controls { display: block; height: 36px; width: 100% } .dob-controls .__control { display: inline-block; float: left; width: 30% } .dob-controls .__line { display: inline-block; float: left; width: 5% } .dob-controls .__line span { background-color: #ccc; display: inline-block; height: 3px; margin-left: 15%; margin-right: 15%; margin-top: 15px; width: 70% } .has-error .control-label, .has-error .control-label p, .has-error .control-label strong, .has-error .error-block .error-msg, .has-error .error-block .error-msg p, .has-error .error-block .error-msg strong, .has-error .form-text, .has-error .form-text p, .has-error .form-text strong, .has-error .radio-wrapper, .has-error .radio-wrapper p, .has-error .radio-wrapper strong, .has-error label, .has-error label p, .has-error label strong, .has-error p strong, .has-error p strong p, .has-error p strong strong { color: #cd2026 !important } .has-error textarea { border: 1px solid #cd2026 } .has-error .form-text ul li { color: #cd2026 !important; text-align: left !important } .form-text ul li { text-align: left !important } .flat-login-form { margin: 30px 0 20px; padding: 0 !important } .btn.btn-address { height: auto !important; padding: 7px 20px !important } .form-group.has-success .input-wrapper { position: relative } .form-group.has-success .input-wrapper:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00c"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; position: absolute; right: 10px; text-rendering: auto; top: 10px } .form-group.has-error .input-wrapper { position: relative } .form-group.has-error .input-wrapper:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; position: absolute; right: 10px; text-rendering: auto; top: 10px } fieldset.form-group .form-text, fieldset.form-group label.control-label, fieldset.form-group legend.control-label { color: #58595f; font-size: 14px; font-size: 1.4rem } fieldset.form-group label.control-label, fieldset.form-group legend.control-label { border-bottom: none; color: inherit; display: inline-block; font-weight: 700; line-height: 1.6; margin-bottom: 5px; max-width: 100% } .form-control { font-size: 14px; font-size: 1.4rem } .form-control:focus, input:focus, select:focus, textarea:focus { box-shadow: inset 0 0 0 2px !important; outline: 3px solid #e59700 !important; outline-offset: 0 !important; outline-style: auto !important } .radio-wrapper { margin: .5rem .3rem } .radio-wrapper input[type=radio]:focus + label:before, .radio-wrapper.focus input[type=radio] + label:before, .radio-wrapper:focus input[type=radio] + label:before { box-shadow: 0 0 0 1px #6f686a, 0 0 8px #321f5e; outline: 2px dotted transparent } .radio-wrapper input[type=radio] { opacity: 0 } .radio-wrapper input[type=radio] + label { cursor: pointer; display: inline-block; font-weight: 400; line-height: 1.2; margin-bottom: 0; position: relative } .radio-wrapper input[type=radio] + label:before { border: 1px solid #6f686a; border-radius: 50%; box-sizing: content-box; content: ""; height: 18px; left: -24px; position: absolute; top: 0; width: 18px } .radio-wrapper input[type=radio] + label:after { border-radius: 50%; content: ""; height: 12px; left: -20px; position: absolute; top: 4px; width: 12px } .radio-wrapper input[type=radio]:checked + label:after, .radio-wrapper input[type=radio][checked] + label:after { background: #321f5e } @media screen and (-ms-high-contrast: active) { .radio-wrapper input[type=radio]:checked + label:after, .radio-wrapper input[type=radio][checked] + label:after { background: WindowText } } .radio-wrapper .has-error input[type=radio]:checked + label:after { background: #cd2026 } input[type=checkbox] { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px } input[type=checkbox] + label { cursor: pointer; display: block; font-weight: 400 !important; line-height: 1.2; margin-bottom: 10px; padding: 0 1.5rem; position: relative } input[type=checkbox] + label:before { background: #fff; border: 1px solid #6f686a; content: ""; display: inline-block; height: 20px; margin-right: 10px; position: relative; vertical-align: bottom; width: 20px } input[type=checkbox]:checked + label:before { background: #5ac5c9 } input[type=checkbox]:checked + label:after { border-bottom: 2px solid #000; border-left: 2px solid #000; content: ""; height: 6px; left: 19px; position: absolute; top: 6px; transform: rotate(-45deg); width: 13px } input[type=checkbox]:focus + label:before { box-shadow: 0 0 8px #5e9ed6; outline: 1px solid #5d9dd5 } input[type=checkbox]:disabled + label { color: #575757 } input[type=checkbox]:disabled + label:before { background: #ddd } .single-checkbox input[type=checkbox] + label { padding-left: 0 } .single-checkbox input[type=checkbox]:checked + label:after { left: 4px } .single-checkbox a { color: #58595f; font-size: 14px; font-size: 1.4rem } .input-number-selector { border: 1px solid #007bc0; display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0; padding: 0 } .input-number-selector button { background: #f7f7f7; border: none; border-radius: 0; color: #00629a; cursor: pointer; display: block; flex: 0 0 auto; float: left; font-size: 1.6rem; font-weight: 400; height: 4.8rem; line-height: 12px; max-width: 46px; outline: 0; padding: 0; text-align: center; width: 25% } .input-number-selector button:active, .input-number-selector button:hover { background-color: #d1e4ff } .input-number-selector button:disabled { background: none !important; color: #c1c7cc } .input-number-selector button:disabled i { opacity: .2 } .input-number-selector input { background: 0 0; border: none; color: #007bc0; flex: 1 1 auto; float: left; height: 4.8rem; margin: 0; max-width: 100%; outline: 0; padding: 0; text-align: center; width: 100% } .input-number-selector input:disabled { background: none !important; color: #c1c7cc } .input-rating { display: block; font-size: 3.9rem; height: 39px; line-height: 3.9rem; position: relative } .input-rating label { cursor: pointer; height: 100%; left: 0; position: absolute; top: 0 } .input-rating label:last-child { position: static } .input-rating label:first-child { z-index: 5 } .input-rating label:nth-child(2) { z-index: 4 } .input-rating label:nth-child(3) { z-index: 3 } .input-rating label:nth-child(4) { z-index: 2 } .input-rating label:nth-child(5) { z-index: 1 } .input-rating label input { left: 0; opacity: 0; position: absolute; top: 0 } .input-rating label .star { color: transparent; float: left } .input-rating label:last-child .star, .input-rating:hover label:hover input ~ .star, .input-rating:not(:hover) label input:checked ~ .star { color: gold } .input-rating:hover label:hover input ~ .star i:before, .input-rating:not(:hover) label input:checked ~ .star i:before { content: "\f005" } .input-rating label input:focus:not(:checked) ~ .star:last-child { color: #000 } .hc-hide { display: none } .btn:focus-visible { outline: revert } .claim { padding: 40px 0 } .claim-heading { color: #321f5e; font-size: 18px; font-size: 1.8rem; margin: 0 0 20px } .claim-form form .form-check { margin: 0 0 10px } .claim-form form .form-check input[type=checkbox], .claim-form form .form-check input[type=radio] { display: none } .claim-form form .form-check input[type=checkbox]:checked + label, .claim-form form .form-check input[type=radio]:checked + label { background-image: url(../images/checked.png) } .claim-form form .form-check label { background-position: 50%; background-repeat: no-repeat; background-size: 16px; border: 1px solid #a5b5bd; border-radius: 4px; cursor: pointer; float: left; height: 24px; margin: 0 10px 0 0; width: 24px } .claim-form form .form-check span { float: left; font-size: 14px; font-size: 1.4rem } .claim-form form .form-check:after { clear: both; content: ""; display: block } .claim-form form .form-gcaptcha { height: 100px; margin: 20px 0 } .claim-form form .form-submit { margin: 30px 0 0 } .claim-form form .form-submit button { background-color: #321f5e; border: none; border-radius: 6px; min-width: 200px } .footer { background-color: #404040; color: #fff; font-size: 16px; font-size: 1.6rem; padding: 60px 0; text-align: center; z-index: 99 } .footer-top-row { margin-bottom: 30px } .footer-top-row .footer-logo { display: inline-block; margin-bottom: 30px; min-height: 48px; text-align: center; width: 100% } @media (min-width: 768px) { .footer-top-row .footer-logo { text-align: left } } .footer-top-row .footer-social { display: inline-block; text-align: center; width: 100% } .footer-top-row .footer-social ul { display: inline-block; list-style-type: none; margin: 0 auto; padding: 0 } .footer-top-row .footer-social ul li { float: left; margin-right: 7px } .footer-top-row .footer-social ul li:last-child { margin-right: 0 } .footer-top-row .footer-social ul li a { background-position: 50%; background-repeat: no-repeat; background-size: 100% auto; display: block; height: 48px; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 48px } @media screen and (min-width: 768px) { .footer-top-row .footer-social ul li a { height: 48px; width: 48px } } .footer-top-row .footer-social ul li a.footer-social-facebook { background-image: url(images/social/social-icon-fb.svg) } .footer-top-row .footer-social ul li a.footer-social-facebook:hover { background-image: url(images/social/social-icon-fb-hover.svg) } .footer-top-row .footer-social ul li a.footer-social-twitter { background-image: url(images/social/social-icon-tw.svg) } .footer-top-row .footer-social ul li a.footer-social-twitter:hover { background-image: url(images/social/social-icon-tw-hover.svg) } .footer-top-row .footer-social ul li a.footer-social-instagram { background-image: url(images/social/social-icon-ig.svg) } .footer-top-row .footer-social ul li a.footer-social-instagram:hover { background-image: url(images/social/social-icon-ig-hover.svg) } .footer-top-row .footer-social ul li a.footer-social-pinterest { background-image: url(images/social/social-icon-pi.svg) } .footer-top-row .footer-social ul li a.footer-social-pinterest:hover { background-image: url(images/social/social-icon-pi-hover.svg) } .footer-top-row .footer-social ul li a.footer-social-youtube { background-image: url(images/social/social-icon-yt.svg) } .footer-top-row .footer-social ul li a.footer-social-youtube:hover { background-image: url(images/social/social-icon-yt-hover.svg) } .footer-bottom { background-color: #404040; color: #fff; font-size: 16px; font-size: 1.6rem; padding: 10px 0; text-align: center; z-index: 99 } @media (max-width: 868px) { .footer-bottom { padding-bottom: 50px !important } } .footer .footer-nav, .footer-bottom .footer-nav { list-style-type: none; margin: 0 auto; padding: 0; text-align: center } .footer .footer-nav > li, .footer-bottom .footer-nav > li { display: inline-block; margin-right: 20px } .footer .footer-nav > li span, .footer-bottom .footer-nav > li span { display: inline-block } .footer .footer-nav > li.last, .footer-bottom .footer-nav > li.last { margin-right: 0 } .footer .footer-nav > li > a, .footer-bottom .footer-nav > li > a { border-bottom: 1px solid transparent; color: #fff; display: inline-block; text-decoration: none; transition: border-bottom-color .25s } .footer .footer-nav > li > a:hover, .footer-bottom .footer-nav > li > a:hover { border-bottom-color: #fff } .footer .footer-nav.__vertical > li, .footer-bottom .footer-nav.__vertical > li { display: block } .footer-bottom .footer-nav { margin: 0 auto } .footer-bottom a { border-bottom: 1px solid transparent; text-decoration: none; transition: border-bottom-color .25s } .footer-bottom a:hover { border-bottom-color: #fff } .footer-menu-blocks.row-flex .col-flex { margin: 0; width: 100% } @media (min-width: 576px) { .footer-menu-blocks.row-flex .col-flex { width: 50% } } @media (min-width: 768px) { .footer-menu-blocks.row-flex .col-flex { width: 25% } } .tracker { display: block; width: 100% } .tracker .tracker-icon { display: block; height: 180px; margin: 0 auto } .tracker .tracker-title { text-align: center } .messages { margin-bottom: 20px; max-height: 560px; overflow-y: scroll; padding: 10px } .message { border: 1px solid; display: block; margin-bottom: 30px; padding: 10px; position: relative; width: 100% } .message.message-customer { background-color: #d3f1cd; border-color: #a4db98 } .message.message-customer .triangle { border-color: transparent #a4db98 transparent transparent } .message.message-customer .triangle:after { border-color: transparent #d3f1cd transparent transparent } .message.message-agent { background-color: #ebebeb; border-color: #cecece } .message.message-agent .triangle { border-color: #cecece transparent transparent; border-width: 20px 20px 0 0; bottom: -20px; left: -1px } .message.message-agent .triangle:after { border-color: #ebebeb transparent transparent; border-width: 18px 18px 0 0; top: -20px } .message .message-header .message-name { font-weight: 700 } .message .message-header .message-time { text-align: right } .message .message-body { word-break: break-word } .message .triangle { border-style: solid; border-width: 0 20px 20px 0; bottom: -20px; right: -1px } .message .triangle, .message .triangle:after { height: 0; line-height: 0; position: absolute; width: 0 } .message .triangle:after { border-style: solid; border-width: 0 18px 18px 0; content: ""; left: 1px; top: 0 } .share-block { border-radius: 3px; display: flex; height: 64px; margin-bottom: 20px; width: 100% } .share-block.share-facebook, .share-block.share-facebook .share-button { background-color: #4e4990; border-color: #4e4990 } .share-block.share-twitter, .share-block.share-twitter .share-button { background-color: #0098f4; border-color: #0098f4 } .share-block.share-whatsapp, .share-block.share-whatsapp .share-button { background-color: #1ebea5; border-color: #1ebea5 } .share-block.share-pinterest, .share-block.share-pinterest .share-button { background-color: #dc0000; border-color: #dc0000 } .share-block.share-linkedin, .share-block.share-linkedin .share-button { background-color: #0067b1; border-color: #0067b1 } .share-block.share-envelope, .share-block.share-envelope .share-button { background-color: #3b3b3b; border-color: #3b3b3b } .share-block .share-icon span.fa { color: #fff; font-size: 26px; font-size: 2.6rem; height: 62px; line-height: 62px; margin: 0; padding: 0; text-align: center; width: 64px } .share-block .share-link { flex-grow: 2; margin-top: 1px } .share-block .share-link label { width: 100% } .share-block .share-link input { border: none; border-radius: 0; color: #000; font-size: 20px; font-size: 2rem; height: 62px; padding: 0 15px; width: 100% } .share-block .share-button { color: #fff; display: inline-block; font-size: 26px; font-size: 2.6rem; height: 62px; line-height: 62px; margin: 0; padding: 0; position: relative; text-align: center; width: 64px } .social-btn-container { display: block; text-align: center; width: 100% } .social-btn { border: 2px solid; border-radius: 30px; display: inline-block; font-size: 18px; font-size: 1.8rem; padding: 8px 28px } .social-btn span { color: #fff } .social-btn:not(:last-of-type) { margin-right: 20px } .social-btn.__facebook { background-color: #4e4990; border-color: #4e4990 } .social-btn.__twitter { background-color: #0098f4; border-color: #0098f4 } .social-btn.__whatsapp { background-color: #1ebea5; border-color: #1ebea5 } .social-btn.__pinterest { background-color: #dc0000; border-color: #dc0000 } .social-btn.__linkedin { background-color: #0067b1; border-color: #0067b1 } .social-whatsapp { margin: 20px auto 0; width: 40% } .social-whatsapp .btn.btn-primary { border-radius: 0 5px 5px 0; height: 36px; line-height: 15px } .list-social li { display: inline-block; list-style-type: none } .list-social li:before { content: "​" } .slider-wrapper .slider { width: 100% !important } .slider-wrapper .slider .slider-control { display: inline-block; height: 33px; width: 100% } .slider-wrapper .slider .slider-control input { margin-top: 12px } .slider-wrapper .slider .slider-output { margin-top: 7px; width: 80px !important } .slider-wrapper .slider .slider-output output { color: green; font-size: 15px; font-size: 1.5rem; font-weight: 700; padding-right: 10px; padding-top: 0; text-align: right !important; width: 60px } .strength-indicator { display: block; height: 3px; margin: 10px 0 15px; width: 100% } .strength-indicator:after { clear: both; content: ""; display: block } .strength-indicator .indicator { background-color: #ddd; border-radius: 3px; float: left; height: 3px; margin-right: 1%; width: 24.25% } .strength-indicator .indicator:last-of-type { margin-right: 0 } .strength-indicator .indicator span, .strength-indicator span.__short { display: none; font-size: 12px; font-size: 1.2rem; margin-top: 2px } .strength-indicator span.__short { color: red } .strength-indicator._short span.__short { display: block } .strength-indicator.__weak .indicator:first-child { background-color: red; color: red } .strength-indicator.__weak .indicator:first-child span { display: block } .strength-indicator.__bad .indicator:first-child, .strength-indicator.__bad .indicator:nth-child(2) { background-color: #ff8100; color: #ff8100 } .strength-indicator.__bad .indicator:nth-child(2) span { display: block } .strength-indicator.__good .indicator:first-child, .strength-indicator.__good .indicator:nth-child(2), .strength-indicator.__good .indicator:nth-child(3) { background-color: #ccab03; color: #ccab03 } .strength-indicator.__good .indicator:nth-child(3) span { display: block } .strength-indicator.__strong .indicator:first-child, .strength-indicator.__strong .indicator:nth-child(2), .strength-indicator.__strong .indicator:nth-child(3), .strength-indicator.__strong .indicator:nth-child(4) { background-color: #55b136; color: #55b136 } .strength-indicator.__strong .indicator:nth-child(4) span { display: block } /*! * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker { border-radius: 4px; direction: ltr; padding: 4px } .datepicker-inline { width: 220px } .datepicker-rtl { direction: rtl } .datepicker-rtl.dropdown-menu { left: auto } .datepicker-rtl table tr td span { float: right } .datepicker-dropdown { left: 0; top: 0 } .datepicker-dropdown:before { border-bottom: 7px solid rgba(0, 0, 0, .2); border-left: 7px solid transparent; border-right: 7px solid transparent } .datepicker-dropdown:after, .datepicker-dropdown:before { border-top: 0; content: ""; display: inline-block; position: absolute } .datepicker-dropdown:after { border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent } .datepicker-dropdown.datepicker-orient-left:before { left: 6px } .datepicker-dropdown.datepicker-orient-left:after { left: 7px } .datepicker-dropdown.datepicker-orient-right:before { right: 6px } .datepicker-dropdown.datepicker-orient-right:after { right: 7px } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px } .datepicker-dropdown.datepicker-orient-top:before { border-bottom: 0; border-top: 7px solid #999; bottom: -7px } .datepicker-dropdown.datepicker-orient-top:after { border-bottom: 0; border-top: 6px solid #fff; bottom: -6px } .datepicker table { -webkit-touch-callout: none; margin: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none } .datepicker td, .datepicker th { border: none; border-radius: 4px; height: 20px; text-align: center; width: 20px } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent } .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { background: #eee; cursor: pointer } .datepicker table tr td.new, .datepicker table tr td.old { color: #999 } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: 0 0; color: #999; cursor: default } .datepicker table tr td.highlighted { background: #d9edf7; border-radius: 0 } .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover { background-color: #fde19a; background-image: linear-gradient(180deg, #fdd49a, #fdf59a); background-repeat: repeat-x; border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); color: #000; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a", endColorstr="#fdf59a", GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) } .datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] { background-color: #fdf59a } .datepicker table tr td.today.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover:active { background-color: #fbf069 \9 } .datepicker table tr td.today:hover:hover { color: #000 } .datepicker table tr td.today.active:hover { color: #fff } .datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover { background: #eee; border-radius: 0 } .datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover { background-color: #f3d17a; background-image: linear-gradient(180deg, #f3c17a, #f3e97a); background-repeat: repeat-x; border-color: #f3e97a #f3e97a #edde34; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); border-radius: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a", endColorstr="#f3e97a", GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) } .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] { background-color: #f3e97a } .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover:active { background-color: #efe24b \9 } .datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover { background-color: #9e9e9e; background-image: linear-gradient(180deg, #b3b3b3, grey); background-repeat: repeat-x; border-color: grey grey #595959; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3", endColorstr="#808080", GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] { background-color: grey } .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover:active { background-color: #666 \9 } .datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover { background-color: #006dcc; background-image: linear-gradient(180deg, #08c, #04c); background-repeat: repeat-x; border-color: #04c #04c #002a80; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] { background-color: #04c } .datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active { background-color: #039 \9 } .datepicker table tr td span { border-radius: 4px; cursor: pointer; display: block; float: left; height: 54px; line-height: 54px; margin: 1%; width: 23% } .datepicker table tr td span.focused, .datepicker table tr td span:hover { background: #eee } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: 0 0; color: #999; cursor: default } .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover { background-color: #006dcc; background-image: linear-gradient(180deg, #08c, #04c); background-repeat: repeat-x; border-color: #04c #04c #002a80; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] { background-color: #04c } .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active { background-color: #039 \9 } .datepicker table tr td span.new, .datepicker table tr td span.old { color: #999 } .datepicker .datepicker-switch { width: 145px } .datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th { cursor: pointer } .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover { background: #eee } .datepicker .next.disabled, .datepicker .prev.disabled { visibility: hidden } .datepicker .cw { font-size: 10px; padding: 0 2px 0 5px; vertical-align: middle; width: 12px } .input-append.date .add-on, .input-prepend.date .add-on { cursor: pointer } .input-append.date .add-on i, .input-prepend.date .add-on i { margin-top: 3px } .input-daterange input { text-align: center } .input-daterange input:first-child { border-radius: 3px 0 0 3px } .input-daterange input:last-child { border-radius: 0 3px 3px 0 } .input-daterange .add-on { background-color: #eee; border: 1px solid #ccc; display: inline-block; font-weight: 400; height: 18px; line-height: 18px; margin-left: -5px; margin-right: -5px; min-width: 16px; padding: 4px 5px; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; width: auto } #main-content .main-content-copy .raf-content .h2, #main-content .main-content-copy .raf-content h2, #main-content .main-content-copy .raf-content p { text-align: center !important } @keyframes leftClawGrab { 0%, 20% { transform: translateY(0) rotate(30deg) } 25%, 95%, to { transform: translateY(-.2em) translateX(-.3em) rotate(0) } } @keyframes centerClawGrab { 0%, 20% { transform: translateY(0) scaleY(.67) } 25%, 95%, to { transform: translateY(-.2em) scaleY(1) } } @keyframes rightClawGrab { 0%, 20% { transform: translateY(0) rotate(-30deg) } 25%, 95%, to { transform: translateY(-.2em) translateX(.3em) rotate(0) } } @keyframes swingMove { 0%, to { transform: rotate(0) } 25% { transform: rotate(10deg) } 75% { transform: rotate(-10deg) } } @keyframes swing { 0%, 20%, 30%, 50%, to { transform: rotate(0) } 35%, 5% { transform: rotate(5deg) } 15%, 45% { transform: rotate(-5deg) } } @keyframes flash { 0%, to { filter: brightness(100%); -webkit-filter: brightness(100%); visibility: visible } 50% { filter: brightness(75%); -webkit-filter: brightness(75%); visibility: visible } } @media (min-width: 768px) { .game-content { margin-top: 40px } } .game-content .card-body .h1, .game-content .card-body h1 { margin-top: 0 } .gift-box { animation: shake .87s cubic-bezier(.36, .07, .19, .97) both; animation-iteration-count: infinite; animation-timing-function: ease-in-out; height: 125px; margin: auto; transform: translateZ(0); width: 100px } .gift-box .__ribbon { border-radius: 0 8px 0 8px; height: 60px; margin: auto auto -38px; position: relative; transform: rotate(45deg); width: 60px } .gift-box .__ribbon:before { height: 24px; position: absolute; top: 18px; width: 100% } .gift-box .__ribbon:after, .gift-box .__ribbon:before { background-color: #91c129; border-radius: inherit; box-shadow: 0 0 1px rgba(0, 0, 0, .4); content: ""; display: block } .gift-box .__ribbon:after { height: 100%; margin: auto; width: 24px } .gift-box .__box { background-color: #223153; border-radius: 2px; box-shadow: 2px 2px 3px rgba(0, 0, 0, .4); height: 100px; margin: auto; overflow: hidden; position: relative; width: 100px } .gift-box .__box:before { height: 24%; position: absolute; top: 38%; width: 100% } .gift-box .__box:after, .gift-box .__box:before { background-color: #91c129; box-shadow: inherit; content: ""; display: block } .gift-box .__box:after { height: 100%; margin: auto; width: 24% } .wheel-container { margin: 20px auto } .wheel-container .wheel { background-position: 50%; background-repeat: no-repeat; display: block; height: 438px; position: relative; width: 438px } .wheel-container.__tall .wheel { height: 582px; padding-left: 2px; padding-top: 74px; transform-origin: top left } .wheel-container .wheel-overlay { background-repeat: no-repeat; bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .wheel-wrapper .wheel-container .wheel { margin: 0 auto } @media (min-width: 768px) { .wheel-wrapper .wheel-container .wheel { margin: 0 0 0 auto } } .wheel-wrapper.__play .wheel-container .wheel { margin: 0 auto } .wheel-wrapper .wheel-control { display: block; margin-bottom: 20px; text-align: center } .drumHolder { margin-top: 50px; position: relative; width: 100% } .drumHolder .raffleHolder { left: 1%; position: absolute; top: 2%; width: 98% } .drumHolder .drumMask { overflow: hidden } .drumHolder .drumGlassHolder, .drumHolder .drumMask { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .drumHolder .drumGlassHolder { z-index: 100 } .drumHolder .drumSideHolder { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 100 } .drumHolder .drumSideHolder .side { position: absolute; top: 20%; width: 100% } .drumHolder .itemsWrapper, .drumHolder .itemsWrapper .items { height: 100%; left: 0; position: absolute; width: 100% } .drumHolder .itemsWrapper .items { top: 0 } .drumHolder .ticketResult { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .drumHolder .itemsWrapper .item, .drumHolder .ticketResult .item { position: absolute } .drumHolder .displayNumber { color: #666; font-family: Verdana, Geneva, sans-serif; font-size: 2.5vw; font-weight: 700; height: 100%; left: 0; line-height: 2.5vw; padding-top: 35%; position: absolute; text-align: center; top: 0; width: 100% } .drumHolder.fitImg img { display: block; height: auto; width: 100% } @media only screen and (min-width: 600px) { .drumHolder .displayNumber { font-size: 20px; line-height: 20px } } .sc-panel .sc-body { position: relative } .sc-panel .sc-body .sc-background { width: 100% } .sc-panel .sc-body .sc-box { display: block; height: 67.612%; left: 13%; position: absolute; top: 16.6%; width: 73.873% } .sc-panel .sc-body .sc-box .sc-prize { bottom: 2%; display: block; height: 96%; left: 2%; position: absolute; right: 2%; top: 2%; width: 96%; z-index: 2 } .sc-panel .sc-body .sc-box canvas { z-index: 3 } .clear-sc canvas { z-index: -1 } .claw-machine { background: #00a750; border: 8px outset #07c663; color: #fff; display: block; height: 580px; margin: 10px auto 20px; padding: 10px 15px; position: relative; width: 345px } .claw-machine:after { clear: both; content: ""; display: block } .claw-machine .machine-top { display: block; height: 80px; position: relative; width: 100% } .claw-machine .machine-window { background: #fff; display: block; height: 250px; overflow: hidden; position: relative; width: 100% } .claw-machine .machine-window .machine-claw { left: 12px; position: absolute; top: -130px } .claw-machine .machine-window .machine-claw .arm { background: linear-gradient(#969696, #969696) 50% 0/.25em 100%; height: 150px; margin: 0 auto; position: relative; width: 4px } .claw-machine .machine-window .machine-claw .claw { background: linear-gradient(#969696, #969696) 50% 1em/1.5em .25em, linear-gradient(-80deg, hsla(0, 0%, 59%, 0) 38%, #969696 41% 64%, hsla(0, 0%, 59%, 0) 67%) .15em 1em/1em 2em, linear-gradient(80deg, hsla(0, 0%, 59%, 0) 38%, #969696 41% 64%, hsla(0, 0%, 59%, 0) 67%) 1.75em 1em/1em 2em, linear-gradient(#636363, #636363) 49% 0/.9em .75em, linear-gradient(#575757, #575757) 50% .75em/.75em 1.5em, linear-gradient(#969696, #969696) 50% 2.25em/.5em .5em; display: block; height: 130px; margin: 0 auto; position: relative; top: 0; transform-origin: 50% 0; -webkit-transform-origin: 50% 0; width: 40px } .claw-machine .machine-window .machine-claw .claw > span.finger { color: #969696; height: 3em; position: absolute; top: 3em; width: 1.5em } .claw-machine .machine-window .machine-claw .claw > span.finger:first-child { border-left: .5em solid; border-radius: 100% 0 0 100%/35% 0 0 50%; border-top: .25em solid; left: 0; transform: rotate(30deg); -webkit-transform: rotate(30deg); transform-origin: 100% 0; -webkit-transform-origin: 100% 0; z-index: 5 } .claw-machine .machine-window .machine-claw .claw > span.finger:nth-child(2) { background: #7d7d7d; border-radius: 0 0 50% 50%/0 0 100% 100%; left: calc(50% - .25em); transform: scaleY(.67); -webkit-transform: scaleY(.67); transform-origin: 50% 0; -webkit-transform-origin: 50% 0; width: .5em } .claw-machine .machine-window .machine-claw .claw > span.finger:nth-child(3) { border-radius: 0 100% 100% 0/0 35% 50% 0; border-right: .5em solid; border-top: .25em solid; right: 0; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform-origin: 0 0; -webkit-transform-origin: 0 0; z-index: 5 } .claw-machine .machine-window .machine-claw .claw > span.palm { background: #a3a3a3; border-radius: .25em; height: .5em; left: calc(50% - .625em); position: absolute; top: 2.75em; width: 1.25em } .claw-machine .machine-window .machine-claw .arm, .claw-machine .machine-window .machine-claw .claw { background-repeat: no-repeat } .claw-machine .machine-window .machine-claw .claw-prize img { height: 40px; position: absolute; top: 44px; transform: rotate(35deg); -webkit-transform: rotate(35deg); width: 40px } .claw-machine .machine-window .machine-claw .claw-prize.__let-go img { z-index: 10 } .claw-machine .machine-window .machine-items { bottom: 0; height: 70px; left: 0; position: absolute; right: 0; z-index: 5 } .claw-machine .machine-window .machine-items img.prizes { height: 70px; max-width: 100%; -o-object-fit: contain; object-fit: contain } .claw-machine .machine-controls { margin-top: 20px } .claw-machine .machine-controls button.control { background: #0478ca; border: none; border-radius: 50%; box-shadow: none; color: #f2f2f2; cursor: pointer; display: block; float: left; height: 56px; margin: 0 .75em; position: relative; text-align: center; text-transform: uppercase; transform: translateY(.375em); -webkit-transform: translateY(.375em); width: 56px; z-index: 3 } .claw-machine .machine-controls button.control:after { border-left: 3px solid #fff; border-radius: 50%; content: ""; display: block; filter: blur(4px); -webkit-filter: blur(4px); height: 2.8em; left: .2em; position: absolute; top: .2em; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 2.8em } .claw-machine .machine-controls button.control:active { transform: translateY(10px); -webkit-transform: translateY(10px) } .claw-machine .machine-controls button.control span.arrow { border-bottom: .5em solid transparent; display: inline-block; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) } .claw-machine .machine-controls button.control.__left span.arrow { border-right: 1em solid; border-top: .5em solid transparent; left: 48% } .claw-machine .machine-controls button.control.__right span.arrow { border-left: 1em solid; border-top: .5em solid transparent; left: 55% } .claw-machine .machine-controls button.play { background: #0478ca; border-color: hsla(0, 0%, 100%, .2) rgba(0, 0, 0, .25) rgba(0, 0, 0, .3) hsla(0, 0%, 100%, .2); border-radius: 10px; border-style: solid; border-width: .25em; box-shadow: 0 2px 2px #000; color: #f2f2f2; font-size: 16px; font-size: 1.6rem; letter-spacing: .5px; margin-top: 3px; padding: 10px 20px; position: relative; text-align: center; text-transform: uppercase } .claw-machine .machine-controls button.play[aria-disabled=true] { background: #3e6784 } .claw-machine .machine-bottom { align-items: center; background: none; border: none; border-radius: 25px; bottom: 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); display: flex; height: 110px; justify-content: space-between; padding: 20px; position: absolute; width: 90% } .claw-machine .machine-bottom:before { border-radius: 25px; border-top: none; border-color: hsla(0, 0%, 100%, .2) rgba(0, 0, 0, .25) rgba(0, 0, 0, .3) hsla(0, 0%, 100%, .2); border-style: solid; border-width: .5em; content: ""; display: block; height: 100%; left: 0; opacity: .8; position: absolute; top: 0; width: 100% } .claw-machine .machine-bottom > img { max-height: 50px; max-width: 100% } .claw-machine .machine-bottom .prize-slot { background-color: #ddd; border-radius: 5px; height: 50px; padding: 5px; width: 50px } .claw-machine .machine-bottom .prize-slot img { max-height: 40px; max-width: 40px } .claw-machine .machine-feet { bottom: -20px; height: 20px; left: 0; position: absolute; width: 100% } .claw-machine .machine-feet:after, .claw-machine .machine-feet:before { background: linear-gradient(90deg, #a3a3a3 2em, transparent 2em 15em, #a3a3a3 15em) 0 100%/100% 50%, linear-gradient(90deg, transparent .5em, #969696 .5em 1.5em, transparent 1.5em 15.5em, #969696 15.5em 16.5em, transparent 16.5em); background-repeat: no-repeat; content: ""; height: 20px; position: absolute; width: 30px } .claw-machine .machine-feet:before { left: 10% } .claw-machine .machine-feet:after { right: 10% } .claw-machine.__init.__grab .machine-window .machine-claw .claw span.finger { animation-duration: 2s; animation-fill-mode: forwards; animation-timing-function: linear } .claw-machine.__init.__grab .machine-window .machine-claw .claw span.finger:first-child { animation-name: leftClawGrab } .claw-machine.__init.__grab .machine-window .machine-claw .claw span.finger:nth-child(2) { animation-name: centerClawGrab } .claw-machine.__init.__grab .machine-window .machine-claw .claw span.finger:nth-child(3) { animation-name: rightClawGrab } .claw-machine.__init.__let-go .machine-window .machine-claw .claw span.finger { animation-direction: reverse; animation-duration: 2s; animation-fill-mode: forwards; animation-timing-function: linear } .claw-machine.__init.__let-go .machine-window .machine-claw .claw span.finger:first-child { animation-name: leftClawGrab } .claw-machine.__init.__let-go .machine-window .machine-claw .claw span.finger:nth-child(2) { animation-name: centerClawGrab } .claw-machine.__init.__let-go .machine-window .machine-claw .claw span.finger:nth-child(3) { animation-name: rightClawGrab } .claw-machine.__init.__move-right .machine-window .machine-claw .claw { animation: swingMove 1s linear infinite } .claw-machine.__init.__move-left .machine-window .machine-claw .claw { animation: swingMove 1s linear infinite reverse } .claw-machine.__init.__active .machine-controls button.play:not([aria-disabled=true]) { animation: flash 1s steps(1) infinite } .claw-machine.__init.__swing .machine-window .machine-claw .claw { animation-duration: 4s; animation-name: swing; animation-timing-function: linear } .slot-machine { align-items: center; display: flex; flex-direction: row; height: 100%; justify-content: center; transform-origin: center; transform-style: preserve-3d; width: 100% } .slot-machine .slot-container { -moz-column-gap: 27px; column-gap: 27px; display: flex; height: 656px; padding-left: 32px; padding-top: 90px; position: relative; width: 874px } .slot-machine .slot-container:after { bottom: 0; content: " "; left: 0; position: absolute; right: 0; top: 0 } .slot-machine .slot-container .slot-wrapper { background: #fafafa; height: 475px; overflow: hidden; position: relative; width: 254px } .slot-machine .slot-container .slot-wrapper .slot-inner { position: absolute; top: 0 } .slot-machine .slot-container .slot-wrapper .slot-inner.active .slot { filter: blur(1px) } .slot-machine .slot-container .slot-wrapper .slot-inner .slot { align-items: center; display: flex; height: 200px; justify-content: center; width: 254px } .slot-machine .slot-container .slot-wrapper .slot-inner .slot img { height: 180px; width: 180px } #slot-trigger { cursor: pointer; height: 85px; position: relative; top: 60px; width: 37px } #slot-trigger div { position: absolute; top: 0 } #slot-trigger .ring1 { background: #282828; background: linear-gradient(180deg, #282828 0, #959595 14%, #d1d1d1 37%, #bababa 49%, #959595 67%, #212121); border-radius: 0 2px 2px 0; box-shadow: inset 0 2px 3px rgba(0, 0, 0, .8); height: 300px; left: 0; top: -150px; width: 20px; z-index: 2 } #slot-trigger .ring1 .shadow { background: linear-gradient(180deg, hsla(0, 0%, 58%, .2) 0, hsla(0, 0%, 5%, .18) 46%, rgba(1, 1, 1, .18) 50%, hsla(0, 0%, 4%, .18) 53%, rgba(78, 78, 78, .17) 76%, rgba(56, 56, 56, .16) 87%, rgba(27, 27, 27, .15)); border-radius: 0 2px 2px 0; height: 50%; left: 0; opacity: 0; position: absolute; top: 0; width: 10px; z-index: 1 } #slot-trigger .ring2 { background: #282828; background: linear-gradient(180deg, #282828 0, #959595 14%, #d1d1d1 37%, #bababa 49%, #959595 67%, #212121); border-radius: 0 2px 2px 0; box-shadow: inset 0 2px 3px rgba(0, 0, 0, .8); height: 260px; left: 20px; overflow: hidden; top: -130px; width: 30px; z-index: 1 } #slot-trigger .ring2 .shadow { background: linear-gradient(180deg, hsla(0, 0%, 58%, .15) 0, hsla(0, 0%, 5%, .15) 46%, rgba(1, 1, 1, .15) 50%, hsla(0, 0%, 4%, .15) 53%, rgba(78, 78, 78, .15) 76%, rgba(56, 56, 56, .15) 87%, rgba(27, 27, 27, .15)); border-radius: 0 2px 2px 0; height: 50%; left: 0; opacity: 0; position: absolute; top: 0; width: 10px; z-index: 1 } #slot-trigger .arm { background: #0d0d0d; background: linear-gradient(90deg, #0d0d0d 0, #4e4e4e 47%, #383838 87%, #1b1b1b); border-radius: 0 0 4px 4px; box-shadow: inset 0 2px 5px rgba(0, 0, 0, .8); height: 200px; left: 28px; overflow: visible !important; top: -300px; width: 14px; z-index: 3 } #slot-trigger .arm .knob { background: #6ec800; background: radial-gradient(ellipse at center, #6ec800 0, #579d03 100%); border-radius: 40px; box-shadow: 0 1px 1px rgba(0, 0, 0, .4); height: 42px; left: -14px; top: -30px; width: 42px; z-index: 4 } #slot-trigger .arm-shadow { background: #000; border-radius: 10px; bottom: 66px; box-shadow: 0 1px 1px rgba(0, 0, 0, .4); height: 8px; left: 27px; top: -105px; width: 16px; z-index: 2 } #cable-connect { background-color: #000; background-repeat: no-repeat; padding: 265px 5px 5px; position: relative } @media (min-width: 768px) { #cable-connect { padding: 265px 20px 20px } } @media (min-width: 992px) { #cable-connect { padding: 325px 50px 50px } } #cable-connect #result-container { opacity: 0; transition: 1s; visibility: hidden } #cable-connect #how-to-play-container { opacity: 1; transition: .5s } #cable-connect #how-to-play-container.fade-out { opacity: 0; pointer-events: none } #cable-connect #how-to-play-container, #cable-connect #result-container { align-content: space-around; align-items: center; background-color: rgba(0, 0, 0, .565); display: flex; height: 100%; justify-content: space-around; left: 0; position: absolute; top: 0; width: 100%; z-index: 20 } #cable-connect #how-to-play-container .info-box, #cable-connect #result-container .info-box { background-color: #fff; border-radius: 10px; display: flex; flex-direction: column; justify-content: flex-start; padding: 20px; width: 90% } #cable-connect #how-to-play-container .info-box .h1, #cable-connect #how-to-play-container .info-box .h2, #cable-connect #how-to-play-container .info-box .h3, #cable-connect #how-to-play-container .info-box .h4, #cable-connect #how-to-play-container .info-box h1, #cable-connect #how-to-play-container .info-box h2, #cable-connect #how-to-play-container .info-box h3, #cable-connect #how-to-play-container .info-box h4, #cable-connect #result-container .info-box .h1, #cable-connect #result-container .info-box .h2, #cable-connect #result-container .info-box .h3, #cable-connect #result-container .info-box .h4, #cable-connect #result-container .info-box h1, #cable-connect #result-container .info-box h2, #cable-connect #result-container .info-box h3, #cable-connect #result-container .info-box h4 { text-align: center } @media (min-width: 992px) { #cable-connect #how-to-play-container .info-box, #cable-connect #result-container .info-box { padding: 40px } } #cable-connect #how-to-play-container .info-box .info-box-content, #cable-connect #result-container .info-box .info-box-content { margin-top: 20px } #cable-connect #how-to-play-container .info-box .info-box-content p, #cable-connect #result-container .info-box .info-box-content p { text-align: center } #cable-connect #how-to-play-container .info-box .final-time, #cable-connect #result-container .info-box .final-time { background-color: red; border-radius: 5px; color: #fff; font-weight: 700; padding: 5px 10px } #cable-connect #how-to-play-container .info-box .final-rank, #cable-connect #result-container .info-box .final-rank { background-color: #00ab00; border-radius: 5px; color: #fff; font-weight: 700; padding: 5px 8px } #cable-connect #how-to-play-container .info-box .close-button, #cable-connect #result-container .info-box .close-button { border: 1px solid #000; border-radius: 100%; height: 25px; left: 0; position: relative; top: 0; width: 25px } #cable-connect #how-to-play-container .info-box .close-button:before, #cable-connect #result-container .info-box .close-button:before { border-right: 1px solid #000; content: ""; height: 15px; position: absolute; top: 4px; transform: rotate(45deg) } #cable-connect #how-to-play-container .info-box .close-button:after, #cable-connect #result-container .info-box .close-button:after { border-right: 1px solid #000; content: ""; height: 15px; position: absolute; top: 4px; transform: rotate(-45deg) } #cable-connect #cables { height: 100%; overflow: visible; pointer-events: none; position: absolute; width: 100%; z-index: 10 } #cable-connect #cables path { stroke: #fff; stroke-width: 5; fill: none } #cable-connect #background-container, #cable-connect #background-container div { height: 100%; left: 0; position: absolute; top: 0; width: 100% } #cable-connect #background-container div { background-position: 50%; background-size: cover; opacity: 1; transition: opacity .5s linear } #cable-connect #background-container .fade-out { opacity: 0 } #cable-connect #timer { align-content: space-around; align-items: flex-end; background-color: #000; border: 2px solid #fff; border-radius: 10px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1); display: flex; height: 70px; justify-content: space-around; margin: auto auto 20px; max-width: 220px; position: relative; z-index: 10 } #cable-connect #timer p { color: red; font-family: monospace; font-size: 28px } @media (min-width: 992px) { #cable-connect #timer { height: 90px } #cable-connect #timer p { font-size: 40px } } #cable-connect #cable-panel { align-content: space-between; align-items: center; background-color: #000; background-size: cover; border: 2px solid #fff; border-radius: 10px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1); display: grid; height: 200px; overflow: hidden; padding: 20px; position: relative; z-index: 10 } #cable-connect #cable-panel img { filter: drop-shadow(0 .2rem .25rem rgba(0, 0, 0, .2)); height: 15px; width: 15px } #cable-connect #cable-panel-bottom, #cable-connect #cable-panel-top { display: flex; justify-content: space-between } #cable-connect #cable-panel-top cable-stub { top: -28px } #cable-connect #cable-panel-bottom cable-stub { top: 14px } #cable-connect node-element { border-radius: 100%; height: 19px; margin: 5px; position: relative; width: 19px; z-index: 1 } #cable-connect node-element cable-stub { height: 30px; left: 7px; position: absolute; width: 5px; z-index: -1 } #cable-connect select-box { border-radius: 100%; height: 100%; left: 0; opacity: 0; outline-offset: 3px; outline-style: solid; outline-width: 3px; position: absolute; top: 0; width: 100% } #cable-connect .hovered-node select-box { opacity: 1 } #cable-connect .selected-node select-box { animation-duration: 2s; animation-iteration-count: infinite; animation-name: selectedAnimation; opacity: 1 } #cable-connect .no-match-anim select-box { animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: 1; animation-name: noMatchAnimation } @keyframes selectedAnimation { 0% { outline-offset: 3px } 50% { outline-offset: 9px } to { outline-offset: 3px } } @keyframes noMatchAnimation { 0% { opacity: 1; outline-offset: 3px } 10% { left: -3px } 20% { left: 3px } 30% { left: -3px } 40% { left: 3px } 45% { left: 0 } to { opacity: 0; outline-offset: 12px } } #cable-connect .red-node { background-color: red; outline-color: red } #cable-connect .red-node cable-stub { background-color: red } #cable-connect .blue-node { background-color: #0029ff; outline-color: #0029ff } #cable-connect .blue-node cable-stub { background-color: #0029ff } #cable-connect .yellow-node { background-color: #ffd600; outline-color: #ffd600 } #cable-connect .yellow-node cable-stub { background-color: #ffd600 } #cable-connect .green-node { background-color: #05ff00; outline-color: #05ff00 } #cable-connect .green-node cable-stub { background-color: #05ff00 } #cable-connect .purple-node { background-color: #e18cff; outline-color: #e18cff } #cable-connect .purple-node cable-stub { background-color: #e18cff } #cable-connect .white-node { background-color: #fff; outline-color: #fff } #cable-connect .white-node cable-stub, #game-loading-screen { background-color: #fff } #game-loading-screen { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: center; left: 0; opacity: 1; position: absolute; top: 0; transition: 1s; width: 100%; z-index: 100 } #game-loading-screen .loading-icon { animation-duration: 1s; animation-iteration-count: infinite; animation-name: loadingAnimation; height: 20px; margin-bottom: 10px; overflow: visible; width: 20px } #game-loading-screen .loading-icon circle { fill: none } #game-loading-screen .loading-icon .dashed { stroke: #321f5e; stroke-dasharray: 20, 10; stroke-width: 3px; stroke-linecap: round; stroke-linejoin: round } #game-loading-screen p { background-color: #321f5e; border-radius: 5px; color: #fff; padding: 5px 10px } @keyframes loadingAnimation { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } #game-loading-screen.fade-out { opacity: 0; pointer-events: none } .stock-indicator-wrapper { display: block; font-size: 12px; width: 100% } .stock-indicator-wrapper .stock-indicator { display: inline-block } .stock-indicator-wrapper .stock-indicator:before { -webkit-font-smoothing: antialiased; speak: none; content: "\f111"; display: inline-block; font-family: Font Awesome\ 5 Pro; font-size: 7px; font-style: normal; font-weight: 900; margin-right: 4px; position: relative; top: -2px } .stock-indicator-wrapper .stock-indicator.in-stock { color: #00884a } .stock-indicator-wrapper .stock-indicator.out-of-stock { color: #e11f26 } .store-list .store-listing { background-color: #fff; border-radius: 0; margin-bottom: 30px; overflow: hidden; padding: 30px 16px; position: relative; width: 100% } .store-list .store-listing > :last-of-type { margin-bottom: 0 } .store-list .store-listing.__outline { border: 1px solid #ccc } .store-list .store-listing .store-listing-tags { display: block; left: 0; position: absolute; right: 0; text-align: center; top: -3px } .store-list .store-listing .store-listing-tags .label { border-radius: 0; font-size: 1.3rem; font-weight: 400 } .store-list .store-listing .__model-number { font-size: 1.2rem; font-weight: 400 !important; line-height: 1.5; margin: 0 } .store-list .store-listing .__rating { font-size: 1.2rem; line-height: normal; text-align: right } .store-list .store-listing .__name { color: #000 } .store-list .store-listing .__name span { font-size: 20px; font-weight: 100; margin: 0 0 10px } .store-list .store-listing .__name:hover { color: #00629a; text-decoration: none } .store-list .store-listing .__image { display: block; height: 180px; margin-bottom: 10px; text-align: center; width: 100% } .store-list .store-listing .__image img { margin: 0 auto; max-height: 180px; max-width: 100% } .store-list .store-listing .__price { color: #000; display: block; font-size: 2rem; font-weight: 600; width: 100% } .store-list .store-listing .row-flex { margin-bottom: 0 } .store-list .store-listing .item-options { margin: 0 0 10px } .store-list .store-listing .item-options .item-option { display: block } .store-list .store-listing .item-options .colour-dot { border-radius: 50%; display: inline-block; font-size: 0; height: 30px; margin-bottom: 5px; margin-right: 5px; vertical-align: middle; width: 30px } .store-list .store-listing .item-options .price-dot, .store-list .store-listing .item-options .size-dot { background-color: #efefef; border-radius: 50%; display: inline-block; font-size: 11px; height: 30px; line-height: 2.6; margin-bottom: 5px; margin-right: 5px; text-align: center; vertical-align: middle; width: 30px } .store-added-to-basket { background: #fff; bottom: 90px; box-shadow: 1px 1px 6px rgba(0, 0, 0, .4); display: block; left: 0; margin: 0 17px; max-width: 100%; opacity: 0; padding: 20px; pointer-events: none; position: absolute; right: 0; transform: translateZ(0); transition: opacity .4s; z-index: 110 } .store-added-to-basket:not(.is-active) { left: -9999em !important; top: -9999em !important } .store-added-to-basket.is-active { opacity: 1; pointer-events: auto } .store-added-to-basket .h3, .store-added-to-basket h3 { color: #000; font-size: 1.8rem; font-weight: 600; margin: 0 0 5px } .store-added-to-basket p { margin: 0 } .store-added-to-basket img { width: 100% } .store-added-to-basket .btn { margin-top: 10px } .store-added-to-basket .store-checkout-tab-arrow { bottom: -40px; box-shadow: 0 16px 0 -17px rgba(0, 0, 0, .5); height: 40px; left: 162px; overflow: hidden; position: absolute; transform: rotate(180deg); width: 60px } .store-added-to-basket .store-checkout-tab-arrow:after { background: #fff; box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, .5); content: ""; height: 20px; left: 30px; position: absolute; top: 30px; transform: rotate(45deg); width: 20px } .rating { color: #000 } .rating .star { color: gold } .rating span { font-size: 1.2rem } .item-details .identifier { color: #000; display: block; font-size: 1.6rem; font-weight: 400; line-height: 1.5; margin: 0 } .item-details .heading { color: #000; display: block; font-size: 3.2rem; font-weight: 600 } .item-details .pricing { display: block; margin: 30px 0 } .item-details .pricing .amount { display: block; font-size: 3.2rem; font-weight: 600; line-height: 3.2rem } .item-details .pricing .price-details { color: #000; display: block; font-size: 1.4rem } .item-details .stock-indicator-wrapper { margin-bottom: 30px } .item-details .store-checkout-tab { bottom: 64px } a.basic-link { color: #000 !important; font-weight: 400 !important; padding-right: 21px; text-decoration: none !important } @media (min-width: 576px) { a.basic-link .h4, a.basic-link h4 { font-size: 1.7rem !important } } a.basic-link:hover { color: #00639a !important; text-decoration: none !important } table.table.table-shopping-cart { border: 0 } table.table.table-shopping-cart tbody tr.dark-border td { border-bottom-color: #71767c } table.table.table-shopping-cart tbody tr td .price { color: #00639a; display: block; font-size: 2.4rem; font-weight: 600; margin-bottom: 10px; text-align: right; width: 100% } table.table.table-shopping-cart tbody tr td .item-details > a { text-decoration: none } table.table.table-shopping-cart tbody tr td .item-details > a:hover { color: #00639a; text-decoration: none } table.table.table-shopping-cart tbody tr td .item-details > a > .h2, table.table.table-shopping-cart tbody tr td .item-details > a > h2 { display: block !important; font-size: 2.8rem; margin: 0 !important; width: 100% } table.table.table-shopping-cart tbody tr td .item-details > p { font-size: 1.28rem; margin-bottom: 2px } table.table.table-shopping-cart tbody tr td .item-details > p > strong { font-size: 1.28rem; font-weight: 700 } table.table.table-shopping-cart tbody tr.no-border td { border: 0 !important } table.table.table-shopping-cart tbody tr:last-of-type td { border: 0 !important; color: #000 !important; font-weight: 100 !important } @media (min-width: 576px) { table.table.table-shopping-cart tbody.cart-items tr td { border-bottom: 0; height: auto } table.table.table-shopping-cart tbody.cart-items tr td img { margin-bottom: 10px; margin-right: 10px; max-width: 100px !important } table.table.table-shopping-cart tbody.cart-items tr td .mtb { width: 100% !important } table.table.table-shopping-cart tbody.cart-items tr td .row-flex { float: left; width: 100% } table.table.table-shopping-cart tbody.cart-items .stock-indicator-wrapper { margin-bottom: 0 } table.table.table-shopping-cart tbody.cart-items .row:after { display: none } } table.table.table-shopping-cart .sub-total { float: right; list-style: none; margin-left: 0; padding: 0; width: 100% } @media (min-width: 600px) { table.table.table-shopping-cart .sub-total { width: 60% } } @media (min-width: 900px) { table.table.table-shopping-cart .sub-total { width: 40% } } table.table.table-shopping-cart .sub-total li { display: block; text-align: right } table.table.table-shopping-cart .sub-total li:after { clear: both; content: ""; display: table; width: 100% } table.table.table-shopping-cart .sub-total li:first-of-type { margin: 30px 0 } table.table.table-shopping-cart .sub-total li:first-of-type .label, table.table.table-shopping-cart .sub-total li:first-of-type .value { font-size: 2rem } table.table.table-shopping-cart .sub-total li:first-of-type .value { color: #00639a } table.table.table-shopping-cart .sub-total li .label, table.table.table-shopping-cart .sub-total li .value { color: #000; float: left; font-size: 1.4rem; font-weight: 100; margin: 0; min-height: 19px; padding: 0; width: 50% } table.table.table-shopping-cart .sub-total li .label { text-align: left } table.table.table-shopping-cart .sub-total li .value { text-align: right } table.table.table-shopping-cart .total { float: right; list-style: none; margin: 30px 0; padding: 0; width: 100% } @media (min-width: 600px) { table.table.table-shopping-cart .total { width: 60% } } @media (min-width: 900px) { table.table.table-shopping-cart .total { width: 40% } } table.table.table-shopping-cart .total li { display: block; margin-bottom: 10px; text-align: right } table.table.table-shopping-cart .total li .label, table.table.table-shopping-cart .total li .value { color: #000; display: inline-block; font-size: 2rem; font-weight: 100; margin: 0; min-height: 19px; padding: 0 } table.table.table-shopping-cart .total li .label { margin-right: 10px; text-align: left } table.table.table-shopping-cart .total li .value { color: #00639a; text-align: right } table.table.table-shopping-cart .total li .value.highlight { font-size: 2.8rem; font-weight: 600 } .cart-form p { font-size: 1.4rem !important } .cart-form .row-flex .col-flex:first-of-type { flex: 6 } .cart-form .row-flex .col-flex:first-of-type .form-group { width: 100% } .collapse-link { display: block; position: relative; width: 100% } .collapse-link:not(.no-icon):after { bottom: 0; content: "\f077"; display: block; font-family: Font Awesome\ 5 Pro, serif; font-size: 2.4rem; font-weight: 900; line-height: 2.6rem; position: absolute; right: 0; top: 0 } .collapse-link:not(.no-icon).collapsed:after { content: "\f078" } .collapse-link.no-icon.collapsed:after, .collapse-link.no-icon:after { content: "" } .label-control-image { display: inline-block; float: left; height: 200px; margin-bottom: 10px } .label-control-image input { display: none } .label-control-image label { border: 3px solid transparent } .label-control-image label img { cursor: pointer; height: 200px } .label-control-image input:checked + label { border-color: #321f5e } .cart-preview { margin: 0 auto; position: relative } .cart-preview, .cart-preview img.wireframe { height: 500px; width: 400px } .cart-preview img.overlay { height: 50px; left: 0; position: absolute; top: 0; width: 50px } .shop-account-menu { margin: 0; padding: 0 } .shop-account-menu li { border-bottom: 1px solid #ddd; list-style-type: none; padding: 10px } .shop-account-menu li:last-of-type { border-bottom: 0 } .shop-account-menu li a { color: #58595f; display: block } .shop-account-menu li a:active, .shop-account-menu li a:focus, .shop-account-menu li a:hover { color: #321f5e; text-decoration: none } .shop-account-menu li a:active i, .shop-account-menu li a:focus i, .shop-account-menu li a:hover i { color: #321f5e !important } .shop-account-menu li a i { color: #000 !important; font-size: 2.1rem; margin: 0 10px } .shop-account-menu li a span { font-size: 1.7rem } .shop-account-menu li.active a { color: #321f5e } .shop-account-menu li.active a i { color: #321f5e !important } .customer-questions { max-height: 500px; overflow-y: scroll; position: relative } .customer-questions.no-scroll { max-height: inherit; overflow-y: visible } .customer-questions::-webkit-scrollbar { width: 3px } .customer-questions::-webkit-scrollbar-thumb { background-color: #a9a9a9; border-radius: 5px; outline: 1px solid #708090; width: 3px } .customer-reviews { max-height: 500px; overflow-y: scroll; position: relative } .customer-reviews.no-scroll { max-height: inherit; overflow-y: visible } .customer-reviews::-webkit-scrollbar { width: 3px } .customer-reviews::-webkit-scrollbar-thumb { background-color: #a9a9a9; border-radius: 5px; outline: 1px solid #708090; width: 3px } .customer-question, .customer-review { border: 1px solid #ddd; margin-bottom: 20px; padding: 20px } .customer-question .h6, .customer-question h6, .customer-review .h6, .customer-review h6 { color: #58595f; font-size: 1.5rem !important } .customer-question p, .customer-review p { color: #58595f; font-size: 1.3rem !important; margin-bottom: 0 } .customer-question p .small, .customer-question p small, .customer-review p .small, .customer-review p small { color: #58595f; font-size: 1.2rem !important } .rating-list li:after { clear: both; content: ""; display: block } .rating-list li span:first-of-type { display: inline-block; float: left; font-size: 1.3rem !important } .rating-list li .progress { display: inline-block; height: 17px; margin: 0 0 0 8px; max-width: 131px; vertical-align: text-top; width: 100% } .rating-list li span:last-of-type { display: inline-block; float: right; font-size: 1.3rem !important } .address-box { font-size: 1.3rem; height: 300px } .address-box .inner { display: block; height: 216px } .address-box .callout { background-color: #321f5e; color: #fff; font-size: 1.2rem; padding: 3px 5px; position: absolute; top: 0 } .address-box .card-body { padding-top: 30px } .address-box p { margin-bottom: 3px } .address-box p:last-of-type { margin-bottom: 0 } .address-box.well { border-radius: 0; box-shadow: none; cursor: pointer; position: relative } .address-box.well .box-label { font-size: 2rem; left: 0; margin-top: -35px; position: absolute; right: 0; text-align: center; top: 50% } .address-box.well .box-label i { display: block; font-size: 2.4rem; font-weight: 600 } .item-slider .top-slider { max-height: 500px; overflow: hidden } .item-slider .slider-nav .slick-slide .slider-preview { border: 2px solid transparent } .item-slider .slick-slide img { width: 100% } .item-slider .slider-nav .slick-slide:hover .slider-preview:after { background-color: rgba(0, 0, 0, .4); bottom: 8px; content: " "; cursor: pointer; display: block; left: 2px; position: absolute; right: 2px; top: 2px } .item-slider .slider-nav .slick-slide.slick-current .slider-preview { border: 2px solid #ccc } .item-slider .top-slider { position: relative } .item-slider .top-slider .slider-main { height: 500px } .item-slider .top-slider .slider-main img { height: 100%; margin: 0 auto; max-width: 100%; width: auto !important } .item-slider .slick-next, .item-slider .slick-prev { background: 0 0; border: none; color: #007bc0; display: block; font-size: 0; font-weight: 700; height: 60px; margin-top: -30px; padding: 0; position: absolute; right: 0; text-shadow: 0 0 10px hsla(0, 0%, 100%, .5); top: 50%; transition: color .8s cubic-bezier(.38, .04, .35, .96); width: 60px; z-index: 99 } .item-slider .slick-next:before, .item-slider .slick-prev:before { -webkit-font-smoothing: antialiased; speak: none; content: "\e008"; display: inline-block; font-family: icons, serif; font-size: 56px; font-style: normal; font-weight: 400; line-height: normal } .item-slider .slick-prev { left: 0; right: inherit; top: 50% } .item-slider .slick-prev:before { content: "\e007" } .item-slider .bottom-slider .slick-next, .item-slider .bottom-slider .slick-prev { height: 30px; margin-top: -30px; top: 30%; width: 30px } .item-slider .bottom-slider .slick-next:before, .item-slider .bottom-slider .slick-prev:before { font-size: 32px } .item-slider .slider-counter { background-color: #fff; bottom: 0; color: #000; display: block; font-size: 1.2rem; margin: 10px 10px 17px; padding: 5px 8px; position: absolute; right: 0 } .li-carousel-wrapper { padding: 0 40px 40px 30px } .linked-item-slider .slider-container--item--upper { margin: 10px; min-height: 400px; position: relative } .linked-item-slider .slider-container--item--upper .h3, .linked-item-slider .slider-container--item--upper h3 { font-size: 18px !important } .linked-item-slider .slider-container--item--upper .h3 a, .linked-item-slider .slider-container--item--upper h3 a { color: #321f5e !important; text-decoration: none !important } .linked-item-slider .slider-container--item--upper .similar-products-js .js-add-to-cart { bottom: 0; position: absolute } .linked-item-slider .slick-slide img { max-height: 300px; width: 100% } .linked-item-slider .slick-next, .linked-item-slider .slick-prev { background: 0 0; border: none; color: #007bc0; display: block; font-size: 0; font-weight: 700; height: 60px; margin-top: -30px; padding: 0; position: absolute; right: -8%; text-shadow: 0 0 10px hsla(0, 0%, 100%, .5); top: 50%; transition: color .8s cubic-bezier(.38, .04, .35, .96); width: 60px; z-index: 99 } .linked-item-slider .slick-next:before, .linked-item-slider .slick-prev:before { -webkit-font-smoothing: antialiased; speak: none; content: "\e008"; display: inline-block; font-family: icons, serif; font-size: 56px; font-style: normal; font-weight: 400; line-height: normal } .linked-item-slider .slick-prev { left: -10%; right: inherit; top: 50% } .linked-item-slider .slick-prev:before { content: "\e007" } .cart-sub-category { flex-grow: inherit !important; height: 133px; width: 130px } .cart-sub-category a { text-decoration: none !important; width: 130px } .cart-sub-category a img { height: 77px; width: 130px } .cart-sub-category a span { background: #eff1f2; color: #000; display: block; font-size: 1.1rem; font-weight: 700; height: 56px; line-height: 55px; padding: 0 6px; text-align: center; text-decoration: none !important; width: 100% } .cart-sub-category.highlight a span { background-color: #39a4cb; color: #fff } .product-filters { border-bottom: 1px solid #8a9097; margin-bottom: 20px; margin-top: 20px; padding-bottom: 10px } .product-filters .dropdown { display: inline-block; height: 48px; margin: 4px 8px 6px 0; max-width: 252px } .product-filters .dropdown button { background-color: #d0d4d8; border: 0; border-radius: 0; color: #000; min-width: 222px; padding: 12px 18px } .product-filters .dropdown button > i:first-of-type { float: left; font-size: 2.3rem; height: 24px; line-height: 2.3rem; vertical-align: middle } .product-filters .dropdown button span.__label { float: left } .product-filters .dropdown button > i:last-of-type { float: right } .product-filters .dropdown button span.__label, .product-filters .dropdown button > i:last-of-type { font-size: 1.6rem; height: 24px; line-height: 2.3rem; vertical-align: middle } .product-filters .dropdown .dropdown-menu { border: 0; border-radius: 0; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4); padding: 0 } .product-filters .dropdown .dropdown-menu li.active a, .product-filters .dropdown .dropdown-menu li.active a:focus, .product-filters .dropdown .dropdown-menu li.active a:hover { background: #c1c7cc } .product-filters .dropdown .dropdown-menu li a { color: #000; padding: 6px 10px 6px 16px; vertical-align: middle } .product-filters .dropdown .dropdown-menu li a:hover { background: #e0e2e5; color: #000 } .product-filters .dropdown .dropdown-menu li a:active { background: #c1c7cc; color: #000 } .product-filters .colour-block { display: inline-block; height: 16px; vertical-align: middle; width: 16px } .checkout-steps-container { display: block; width: 100% } .checkout-steps-container .checkout-steps-wrapper { cursor: default; margin: 10px 0 30px; pointer-events: none } .checkout-steps-container .checkout-steps-wrapper ul { display: flex; justify-content: space-around; margin: 0 0 10px 10px; padding: 0; width: 100% } @media (min-width: 600px) { .checkout-steps-container .checkout-steps-wrapper ul { justify-content: center } } .checkout-steps-container .checkout-steps-wrapper ul li { cursor: default; display: table-cell; height: 55px; padding: .5em 1em; position: relative; text-align: center; vertical-align: middle; white-space: nowrap; width: auto; z-index: 0 } @media (min-width: 600px) { .checkout-steps-container .checkout-steps-wrapper ul li { padding: 8px 48px } } .checkout-steps-container .checkout-steps-wrapper ul li:after { background-color: #8a9097; content: ""; display: block; height: 2px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: -1 } @media (max-width: 599px) { .checkout-steps-container .checkout-steps-wrapper ul li:after { display: none } } .checkout-steps-container .checkout-steps-wrapper ul li:last-child:after { display: none } .checkout-steps-container .checkout-steps-wrapper ul li.is-active { border: none; color: #000; font-weight: 400 } .checkout-steps-container .checkout-steps-wrapper ul li.is-active a .step-content i { background-color: #007bc0; color: #fff } .checkout-steps-container .checkout-steps-wrapper ul li.is-not-active { color: #c1c7cc } .checkout-steps-container .checkout-steps-wrapper ul li a .step-content i { background-color: #e0e2e5; border-radius: 16px; color: #979ea4; font-size: 1.4rem; font-variant: no-common-ligatures; height: 32px; line-height: 1; padding: 6px; width: 32px } .checkout-steps-container .checkout-steps-wrapper ul li a .step-content span.text { display: block; font-size: 1.2rem; font-weight: 400; left: 50%; line-height: 1.8rem; margin-top: 4px; position: absolute; transform: translateX(-50%) } .cart-box { border: 1px solid #e6e6e6; padding: 17px 20px } .cart-box .h2, .cart-box h2 { font-size: 2.4rem !important } .cart-box .highlight { color: #321f5e !important; font-size: 2rem } .address-list ul { list-style-type: none; margin: 0; padding: 0 } .address-list ul li { border: 1px solid transparent; cursor: pointer; padding: 10px } .address-list ul li.selected { background-color: #e6e6e6; border: 1px solid #ccc } .address-list ul li label { cursor: pointer; font-size: 1.4rem !important; font-weight: 400 } .address-list ul li label input { cursor: pointer; vertical-align: top } .address-list ul li label span { display: inline-block } .address-list ul li label strong { font-size: 1.4rem !important } .delivery-field { padding: 20px } .delivery-field label { cursor: pointer; font-weight: 400; margin-bottom: 0; padding: 19px } .delivery-field label .row-flex { margin-bottom: 0 } .delivery-field label .row-flex .col-flex { justify-content: center; margin-bottom: 0 } .delivery-field label input[type=radio] { display: inline-block } .delivery-field label span { font-weight: 600 !important } .delivery-field label p { margin-bottom: 0 } .address-preview { background-color: #f7f7f7; display: flex; flex-direction: column; margin-bottom: 20px; padding: 25px } @media (min-width: 600px) { .address-preview { flex-direction: row; flex-wrap: wrap; padding: 25px 5px } } @media (min-width: 900px) { .address-preview { justify-content: space-between; padding: 25px 5px } } .address-preview .billing-address, .address-preview .delivery-address { border-bottom: 1px solid #ccc; flex: 1; float: left; margin-bottom: 25px; margin-left: 0; margin-right: 0; padding: 0 0 25px; width: 100% } .address-preview .billing-address .h2, .address-preview .billing-address h2, .address-preview .delivery-address .h2, .address-preview .delivery-address h2 { font-size: 2.3rem !important; margin-bottom: 20px !important } .address-preview .billing-address address, .address-preview .delivery-address address { font-size: 1.4rem !important } .address-preview .billing-address address span, .address-preview .delivery-address address span { color: #000; display: block } .address-preview .billing-address address span strong, .address-preview .delivery-address address span strong { color: #000 } @media (min-width: 600px) { .address-preview .billing-address, .address-preview .delivery-address { border-bottom: none; border-right: 1px solid #ccc; flex: 0 0 50%; padding: 0 25px } .address-preview .billing-address .h2, .address-preview .billing-address h2, .address-preview .delivery-address .h2, .address-preview .delivery-address h2 { font-size: 2.6rem !important } } @media (min-width: 900px) { .address-preview .billing-address, .address-preview .delivery-address { border-right: 1px solid #ccc; flex: 0 0 33%; margin-bottom: 0; padding: 0 25px } .address-preview .billing-address .h2, .address-preview .billing-address h2, .address-preview .delivery-address .h2, .address-preview .delivery-address h2 { font-size: 2.6rem !important } } @media (min-width: 600px) { .address-preview .billing-address { padding-right: 1.3888888889% } } @media (min-width: 900px) { .address-preview .billing-address { margin-bottom: 0; width: 33.3333333333% } } .address-preview .delivery-address { border: none } .sticky-compare { background: #fff; bottom: 0; display: none; min-height: 100px; position: fixed; text-align: center; width: 100%; z-index: 999 } .sticky-compare .compare-b { display: inline-block; padding: 20px } .sticky-compare .compare-b .btn { float: left } .sticky-compare .compare-b .btn .disabled { cursor: default; pointer-events: none } .sticky-compare .stick-w { margin: 0 auto; padding: 5px } .sticky-compare .stick-w .img-block { display: inline-block } .sticky-compare .stick-w .img-block p { color: #000; margin-top: 5px } .sticky-compare .stick-w .vl { border-left: 1px solid #666; display: inline-block; height: 80px; margin-left: 20% } .sticky-compare .stick-w .compare-p { display: inline-block; width: 175px } .sticky-compare .stick-w .compare-p .comparebar-thumb-close { cursor: pointer; float: right; font-size: 10px; position: absolute } .product-comparison { padding: 40px 0 } .compare-block { margin: 0 auto; max-width: 450px; text-align: center } .compare-block img { width: 100% } .card-default { background-image: linear-gradient(#3d64ff, rgba(0, 53, 248, .8)) } .card-default, .mastercard { border-radius: 20px; box-shadow: 2px 2px 20px #707070; color: #fff; font-size: 16px; height: 212px; margin: 20px; width: 350px } .mastercard { background-image: linear-gradient(#e6e0e0, hsla(0, 0%, 59%, .8)) } .card-number { font-size: 20px; margin: -60px 0 0; -moz-text-align-last: center; text-align-last: center } .top-block { height: 155px } .bottom-block, .top-block { display: inline-block; width: 350px } .bottom-block { height: 50px } .card-chip { float: left; margin: 20px } .card-name { float: right; font-size: 28px; font-weight: 550 } .card-name, .expire { margin: 20px; position: relative } .expire { float: left; top: 10px } .balance { float: right; margin: 20px; position: relative; top: 10px } .card-balance { font-size: 30px; font-weight: 700; margin-top: 10px } .card-icon { float: right; margin: 75px 20px 0 0 } .circle-left { margin-right: -15px; opacity: .7 } .sticky-cart { margin-bottom: 20px } @media (min-width: 768px) { .sticky-cart { position: sticky; top: 0 } } .shop-option-labels { display: block; margin-bottom: 20px } .shop-option-label { border: 2px solid #ccc; border-radius: 50%; display: inline-block; height: 48px; margin-left: 5px; position: relative; width: 48px } .shop-option-label > span { background-color: #f9f9f9; border-radius: 50%; display: inline-block; font-size: 14px; height: 44px; left: 0; line-height: 3.2; position: absolute; text-align: center; top: 0; width: 44px } .shop-radio input[type=radio] { display: none } .shop-radio label { border: 2px solid #ccc; border-radius: 50%; cursor: pointer; display: inline-block; height: 48px; margin-left: 5px; position: relative; width: 48px } .shop-radio label > span { border-radius: 50%; display: inline-block; height: 44px; left: 0; position: absolute; top: 0; width: 44px } .shop-radio input:checked + label { border-color: #321f5e; padding: 5px } .shop-radio input:checked + label > span { height: 34px; left: 5px; line-height: 2.5; top: 5px; width: 34px } .shop-radio p { font-weight: 700 } .shop-radio p span { font-weight: 400 } .shop-radio.shop-radio-colour label > span { font-size: 0 } .shop-radio.shop-radio-size label > span { background-color: #f9f9f9; font-size: 14px; line-height: 3.2; text-align: center } .store-list > .col-flex { margin-bottom: 0 } @media (min-width: 768px) { .store-list > .col-flex { max-width: 24% } } .truncate { display: block; height: 32px; overflow: hidden; position: relative; white-space: nowrap; z-index: 1 } .truncate:not(:hover) { text-overflow: ellipsis } .truncate.slide:focus span, .truncate.slide:hover span { animation-delay: 0s; animation-direction: normal; animation-duration: 5s; animation-iteration-count: 1; animation-name: scroll-text; animation-timing-function: linear; display: inline-block } @keyframes scroll-text { 0% { transform: translateX(0) } to { transform: translateX(-100%) } } .three-wide.row-flex .col-flex { flex-direction: row; margin-right: 1%; width: 100% } .three-wide.row-flex .col-flex:last-of-type { margin-right: 0 } .three-wide.row-flex .col-flex .well { width: 100% } @media (min-width: 576px) { .three-wide.row-flex .col-flex { flex-direction: column; max-width: 380px; width: 32% } } .three-wide.row-flex .well img { display: block; margin: 0 auto; max-height: 330px; max-width: 178px; width: 100% } @media (min-width: 576px) { .three-wide.row-flex .well img { max-width: 330px } } .account-box { float: left; margin-right: 2%; padding-bottom: 30px; padding-top: 12px; text-align: center; width: 48% } @media (min-width: 576px) { .account-box { float: none; margin: 0; width: 100% } } .account-box i { color: #fff !important; font-size: 110px !important } .account-box .h2, .account-box h2 { color: #fff !important; font-size: 1.6rem !important; text-align: center !important } .account-box .h2 strong, .account-box h2 strong { color: #fff !important } @media (min-width: 576px) { .account-box .h2, .account-box h2 { font-size: 3.4rem !important } } .account-box:first-of-type { margin-bottom: 11px } .account-box.__green { background-color: #00884a } .account-box.__pink { background-color: #9e2896 } @media (min-width: 992px) and (max-width: 1199px) { .store-listing .btn i { font-size: 1.4rem !important } .store-listing .btn span { font-size: 1.2rem !important } } .countdown { display: block; padding-top: 10px; text-align: center; width: 100% } .countdown .countdown-inner { margin: 0 auto } .countdown .countdown-block { display: inline-block; text-align: center; width: 50px } .countdown .countdown-block:not(:first-of-type) { margin-left: 5px } .countdown .countdown-block .__digit { background-color: #321f5e; color: #fff; display: block; font-size: 21px; font-size: 2.1rem; height: 50px; line-height: 46px; width: 50px } .countdown .countdown-block .__label { display: block; font-size: 13px; font-size: 1.3rem } .main-content-copy.__left .countdown { text-align: left } .main-content-copy.__center .countdown { text-align: center } .main-content-copy.__right .countdown { text-align: right } @media (min-width: 576px) { .main-content-copy .table-bordered { display: block; overflow-x: auto; width: 100% } .main-content-copy .table:not(.table-bordered) { border-collapse: separate; border-spacing: 0 20px } .main-content-copy .table:not(.table-bordered) thead { display: none } .main-content-copy .table:not(.table-bordered) tbody tr td { display: block } .main-content-copy .table:not(.table-bordered) tbody tr td:last-child { height: auto !important } .main-content-copy .table:not(.table-bordered) tbody tr td:last-child .btn, .main-content-copy .table:not(.table-bordered) tbody tr td:last-child a { margin-bottom: 5px } .main-content-copy .table:not(.table-bordered) tbody tr td .btn { width: 100% !important } .main-content-copy .table:not(.table-bordered) tbody tr td .mtb { display: block !important; float: left; margin-right: 10px; min-width: 120px } } .slick-slider { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; box-sizing: border-box; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; user-select: none } .slick-list, .slick-slider { display: block; position: relative } .slick-list { margin: 0; overflow: hidden; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-list, .slick-slider .slick-track { transform: translateZ(0) } .slick-track { display: block; left: 0; margin-left: auto; margin-right: auto; position: relative; top: 0 } .slick-track:after, .slick-track:before { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir=rtl] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { border: 1px solid transparent; display: block; height: auto } .slick-arrow.slick-hidden { display: none } .info-carousel-wrapper { -ms-flex-pack: center; align-items: center; background: #eff1f2; display: flex; height: 48px; margin-left: 0; padding-left: 0; padding-right: 0 } @media only screen and (min-width: 1170px) { .info-carousel-wrapper { overflow: visible; position: relative; width: auto } .info-carousel-wrapper:after, .info-carousel-wrapper:before { background: #eff1f2; content: " "; display: block; height: 48px; left: calc(-50vw - -585px); top: 0; width: calc(50vw - 585px) } } .info-carousel-wrapper .slider-arrow { cursor: pointer; font-size: 23px } .info-carousel-wrapper .info-carousel-container { flex-grow: 1; margin: 0 auto; max-width: 1124px; overflow: hidden; position: relative } .info-carousel-wrapper .info-carousel-container .info-carousel { background: #eff1f2; height: 48px } .info-carousel-wrapper .info-carousel-container .info-carousel .slick-slide, .info-carousel-wrapper .info-carousel-container .info-carousel > div:not(.slick-list) { -ms-flex-pack: center; align-items: center; display: flex; font-size: 12px; justify-content: space-evenly; line-height: 3.6; min-height: 48px; opacity: .3; text-align: center; transition: opacity .5s ease-in-out } .info-carousel-wrapper .info-carousel-container .info-carousel .slick-slide.slick-active, .info-carousel-wrapper .info-carousel-container .info-carousel > div:not(.slick-list).slick-active { opacity: 1; transition: opacity .5s ease-in-out } .info-carousel-wrapper .info-carousel-container .info-carousel .slick-slide a, .info-carousel-wrapper .info-carousel-container .info-carousel > div:not(.slick-list) a { color: #58595f; text-decoration: none } .info-carousel-wrapper .info-carousel-container .info-carousel .slick-slide a:hover, .info-carousel-wrapper .info-carousel-container .info-carousel > div:not(.slick-list) a:hover { text-decoration: none } .slider-img-desktop { display: none !important } @media (min-width: 768px) { .slider-img-desktop { display: block !important } .slider-img-mobile { display: none !important } } .slick-dotted.slick-slider { margin-bottom: 0 } @media (min-width: 766px) { .slick-dotted.slick-slider { margin-bottom: 20px } } .slick-dots { display: block; height: 35px; list-style: none; margin: 0; text-align: center; width: 100% } .slick-dots, .slick-dots li { padding: 0; position: relative } .slick-dots li { cursor: pointer; display: inline-block; height: 8px; margin: 0 5px; width: 8px } .slick-dots li button { background: transparent; border: 0; height: 20px; outline: none; padding: 5px; width: 20px } .slick-dots li button:focus, .slick-dots li button:hover { outline: none } .slick-dots li button:focus .slick-dots li button:focus:before, .slick-dots li button:focus .slick-dots li button:hover:before, .slick-dots li button:hover .slick-dots li button:focus:before, .slick-dots li button:hover .slick-dots li button:hover:before { opacity: 1 } .slick-dots li button:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; content: "•"; font-size: 6px; height: 20px; left: 0; line-height: 20px; opacity: .25; position: absolute; text-align: center; top: 0; width: 20px } .slick-dots li.slick-active button:before { color: #000; opacity: .75 } .slick-list { padding: 0 !important } .slick-dots li button { background: #8a9097; border: none; border-radius: 100%; color: transparent; cursor: pointer; display: block; font-size: 0; height: 8px; line-height: 0; margin: 0; max-height: 8px; max-width: 8px; opacity: 1; outline: 0; overflow: hidden; padding: 0; transition: transform .4s cubic-bezier(.38, .04, .35, .96), opacity .4s cubic-bezier(.38, .04, .35, .96); width: 8px } .slick-dots li.slick-active button, .slick-dots li:hover button { background: #007bc0; opacity: 1; transform: scale(1.5) } .carousel .slick-arrow { all: unset; background-color: #eff1f2 !important; border: 0; color: #000; content: ""; cursor: pointer; display: none !important; font-size: 0; font-weight: 700; height: 60px; margin-top: -40px; position: absolute; text-shadow: 0 0 10px hsla(0, 0%, 100%, .5); top: 50%; width: 60px; z-index: 9999 } @media (min-width: 766px) { .carousel .slick-arrow { display: block !important } } .carousel .slick-arrow:after { color: #000; display: block; font-size: 70px; font-weight: 100; line-height: 16px; margin-top: -14px; text-align: center } .carousel .slick-arrow.slick-prev:after { content: "‹" } .carousel .slick-arrow.slick-next { right: 0 } .carousel .slick-arrow.slick-next:after { content: "›" } .slick-slide { display: block; overflow: hidden; position: relative } .carousel-slide-hero { background: #fff; bottom: 30px; height: auto; left: 30px; margin: 40px 1.3888888889% 0; max-width: 710px; padding: 15px 20px 20px; position: absolute; text-align: left !important; width: 100%; z-index: 9999 } @media (min-width: 900px) { .carousel-slide-hero { bottom: auto; left: auto; margin: auto auto 0; padding: 32px; position: absolute; right: auto; top: auto; width: 50% } .carousel-slide-hero.top-left { left: 10%; top: 10% } .carousel-slide-hero.top-right { right: 10%; top: 10% } .carousel-slide-hero.bottom-left { bottom: 10%; left: 10% } .carousel-slide-hero.bottom-right { bottom: 10%; right: 10% } } @media (max-width: 899px) { .carousel-slide-hero { margin-top: 40px } } .carousel-slide-hero .h2, .carousel-slide-hero h2 { color: #000; font-size: 2rem; font-weight: 600; margin-bottom: 11px; margin-top: 2px } @media (min-width: 600px) { .carousel-slide-hero .h2, .carousel-slide-hero h2 { font-size: 3.4rem; margin-bottom: 18px } } .carousel-slide-hero p { color: #000 !important; display: block; font-size: 1.6rem; font-variant: no-common-ligatures; line-height: 1.5; margin-bottom: 0; margin-top: 0; text-align: left !important; width: 100% } .carousel-slide-hero p.bottom { margin-bottom: 30px } @media (min-width: 600px) { .carousel-slide-hero p.bottom { margin-bottom: 14px } } .carousel-slide-hero .btn-cta { background: #007bc0; border: 1px solid #007bc0; border-radius: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 1.6rem; font-weight: 400; line-height: 1.5; outline: 0; padding: 11px 16px; position: relative; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap } @media (max-width: 765px) { .carousel .carousel-slide-hero { bottom: auto; left: auto; right: auto; top: 220px } } @font-face { font-family: swiper-icons; font-style: normal; font-weight: 400; src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff") } :root { --swiper-theme-color: #142033 } .swiper-container { list-style: none; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0; position: relative; z-index: 1 } .swiper-container-vertical > .swiper-wrapper { flex-direction: column } .swiper-wrapper { box-sizing: content-box; display: flex; height: 100%; position: relative; transition-property: transform; width: 100%; z-index: 1 } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translateZ(0) } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap } .swiper-container-multirow-column > .swiper-wrapper { flex-direction: column; flex-wrap: wrap } .swiper-container-free-mode > .swiper-wrapper { margin: 0 auto; transition-timing-function: ease-out } .swiper-container-pointer-events { touch-action: pan-y } .swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; height: 100%; position: relative; transition-property: transform; width: 100% } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height } .swiper-container-3d { perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-css-mode > .swiper-wrapper { -ms-overflow-style: none; overflow: auto; scrollbar-width: none } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { align-items: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); cursor: pointer; display: flex; height: var(--swiper-navigation-size); justify-content: center; margin-top: calc(0px - var(--swiper-navigation-size) / 2); position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); z-index: 10 } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { cursor: auto; opacity: .35; pointer-events: none } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); font-variant: normal; letter-spacing: 0; line-height: 1; text-transform: none !important; text-transform: none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "prev" } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: auto; right: 10px } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: "next" } .swiper-button-next.swiper-button-blue, .swiper-button-prev.swiper-button-blue { --swiper-navigation-color: #0d6efd } .swiper-button-next.swiper-button-indigo, .swiper-button-prev.swiper-button-indigo { --swiper-navigation-color: #6610f2 } .swiper-button-next.swiper-button-purple, .swiper-button-prev.swiper-button-purple { --swiper-navigation-color: #6f42c1 } .swiper-button-next.swiper-button-pink, .swiper-button-prev.swiper-button-pink { --swiper-navigation-color: #d63384 } .swiper-button-next.swiper-button-red, .swiper-button-prev.swiper-button-red { --swiper-navigation-color: #dc3545 } .swiper-button-next.swiper-button-orange, .swiper-button-prev.swiper-button-orange { --swiper-navigation-color: #fd7e14 } .swiper-button-next.swiper-button-yellow, .swiper-button-prev.swiper-button-yellow { --swiper-navigation-color: #ffc107 } .swiper-button-next.swiper-button-green, .swiper-button-prev.swiper-button-green { --swiper-navigation-color: #198754 } .swiper-button-next.swiper-button-teal, .swiper-button-prev.swiper-button-teal { --swiper-navigation-color: #20c997 } .swiper-button-next.swiper-button-cyan, .swiper-button-prev.swiper-button-cyan { --swiper-navigation-color: #0dcaf0 } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000 } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #fff } .swiper-button-next.swiper-button-gray, .swiper-button-prev.swiper-button-gray { --swiper-navigation-color: #6c757d } .swiper-button-next.swiper-button-gray-dark, .swiper-button-prev.swiper-button-gray-dark { --swiper-navigation-color: #343a40 } .swiper-button-lock { display: none } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0) } 20%, 80% { transform: translate3d(2px, 0, 0) } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0) } 40%, 60% { transform: translate3d(4px, 0, 0) } } @keyframes bounce { 0%, 20%, 50%, 80%, to { transform: translateX(0) } 40% { transform: translateX(-20px) } 60% { transform: translateX(-10px) } } #taketime .row-flex { display: flex; flex-wrap: wrap } #taketime .navbar-tt { background: #f3f3f3 } #taketime .navbar-tt ul.navbar-top-level { border-bottom: 1px solid #e0e0e0; display: block; height: 72px; list-style: none; margin: 0; padding: 0; width: 100% } #taketime .navbar-tt ul.navbar-top-level > li { border-right: 1px solid #ccc; float: left; position: relative; text-align: center; width: 33% } #taketime .navbar-tt ul.navbar-top-level > li > a { background-color: transparent; color: #142033; display: block; font-family: ProximaNova, Arial, sans-serif; font-size: 13px; font-size: 1.3rem; font-weight: 400; padding: 9px 10px; transition: .3s ease } #taketime .navbar-tt ul.navbar-top-level > li:hover > a { background: rgba(20, 32, 51, .9); color: #fff } #taketime .navbar-tt ul.navbar-top-level > li.active, #taketime .navbar-tt ul.navbar-top-level > li:active { border-color: #142033 } #taketime .navbar-tt ul.navbar-top-level > li.active > a, #taketime .navbar-tt ul.navbar-top-level > li:active > a { background: #142033; color: #fff } #taketime .navbar-tt ul.navbar-top-level > li > ul { background: #fff; box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, .12); display: none; left: 0; padding: 40px 30px; position: absolute; top: 38px; width: 380px; z-index: 300 } #taketime .navbar-tt ul.navbar-top-level > li > ul > li { display: block; padding: 10px 5px } #taketime .navbar-tt ul.navbar-top-level > li > ul > li a { color: #142033; display: block; font-family: ProximaNova, Arial, sans-serif; font-size: 18px; font-size: 1.8rem; font-weight: 600; letter-spacing: 0; line-height: 1.5; margin-bottom: 0; padding: 7px 50px 5px 0; position: relative; text-transform: none } #taketime .navbar-tt ul.navbar-top-level > li > ul > li a .font-ico-arrow { animation: none; color: #142033; position: absolute; right: 7px; top: 3px } #taketime .navbar-tt ul.navbar-top-level > li > ul > li:focus .font-ico-arrow, #taketime .navbar-tt ul.navbar-top-level > li > ul > li:hover .font-ico-arrow { animation: bounce 1.3s infinite } @media (hover: hover) and (pointer: fine) { #taketime .navbar-tt ul.navbar-top-level > li:hover > ul { display: block } } #taketime .navbar-tt ul.navbar-top-level > li:nth-of-type(3n) { border-right: 0 } @media (min-width: 992px) { #taketime .navbar-tt ul.navbar-top-level { height: 40px } #taketime .navbar-tt ul.navbar-top-level > li { text-align: left; width: auto } #taketime .navbar-tt ul.navbar-top-level > li > a { font-size: 16px; padding: 7px 28px } #taketime .navbar-tt ul.navbar-top-level > li:nth-of-type(3n) { border-right: 1px solid #ccc } } #taketime .logo-area { display: table-cell; padding-bottom: 26px; padding-top: 33px; vertical-align: middle } #taketime .page-title-block { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 24px; margin-bottom: 25px; padding: 15px 0; text-align: center } #taketime .page-title-block.no-banner { border-top: none; padding-bottom: 25px; padding-top: 0 } #taketime .section-header { margin-bottom: 20px; margin-top: 20px; position: relative } #taketime .section-header:before { border-top: 4px double #ccc; box-sizing: border-box; content: " "; display: block; position: absolute; top: 40%; width: 100% } #taketime .section-header .h2, #taketime .section-header h2 { background-color: #fff; color: #142033; display: inline-block; font-size: 16px; font-size: 1.6rem; font-weight: 700; letter-spacing: .12em; line-height: 20px; margin: 0; padding: 0 15px; text-transform: uppercase } #taketime .offer-block { background-color: #f1f1f1; border: 1px solid #fff; height: 380px; margin-bottom: 25px; position: relative } #taketime .offer-block .offer-main-image { height: 109px; overflow: hidden } #taketime .offer-block .offer-main-image a { display: block; height: 100%; width: 100% } #taketime .offer-block .offer-logo { position: relative } #taketime .offer-block .offer-logo .img-frame { background-color: #fff; border-radius: 5px; box-shadow: 0 1px 15px 1px rgba(0, 0, 0, .45); display: block; height: 110px; left: 0; margin-left: auto; margin-right: auto; overflow: hidden; position: absolute; right: 0; top: -60px; vertical-align: middle; width: 110px } #taketime .offer-block .offer-logo .img-frame img { bottom: 0; margin: auto; padding: 5px; position: absolute; top: 0 } #taketime .offer-block .offer-logo .img-frame a { display: block; height: 100%; width: 100% } #taketime .offer-block .offer-offer-type { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; bottom: 0; color: #fff; display: block; font-size: 12px; font-size: 1.2rem; left: 0; letter-spacing: 2px; margin-left: auto; margin-right: auto; overflow: hidden; padding: 8px 5px; position: absolute; right: 0; text-align: center; text-transform: uppercase; width: 85% } #taketime .offer-block .offer-offer-type.online { background-color: #b8ddd6; color: #000 } #taketime .offer-block .offer-offer-type.offline { background-color: #000 } #taketime .offer-block .offer-description { padding: 70px 15px 15px; text-align: center } #taketime .offer-block .offer-description .h3, #taketime .offer-block .offer-description h3 { color: #142033; font-size: 18px; font-size: 1.8rem; font-weight: 700; line-height: normal; margin-bottom: 10px } #taketime .offer-block .offer-description p { line-height: 1.2; margin-bottom: 0 } #taketime .offer-block .offer-description p:first-child { margin-bottom: 3px } @media screen and (min-width: 768px) { #taketime .offer-block.layout-two .offer-main-image { background-position: 50%; background-size: cover; height: 188px; overflow: hidden } #taketime .offer-block.layout-two .offer-logo .img-frame { left: 30px; margin-left: inherit; margin-right: inherit; right: 0; top: -40px } #taketime .offer-block.layout-two .offer-offer-type { bottom: 0; left: 30px; letter-spacing: 1px } #taketime .offer-block.layout-two .offer-description { padding-left: 170px; padding-top: 15px; text-align: left } } #taketime .swipe { background-color: hsla(0, 0%, 100%, .6); border-radius: 7px; display: block; padding: 6px; position: absolute; right: 11px; top: 24px; z-index: 1000 } #taketime .swipe img { animation-duration: 4s; animation-iteration-count: infinite; animation-name: shake; animation-timing-function: ease-in-out } @media only screen and (min-width: 1024px) { #taketime .swipe { display: none } } #taketime .swiper-container { height: 100%; width: 100% } #taketime .swiper-container .swiper-slide { align-items: center; background: #fff; display: flex; font-size: 18px; justify-content: center; text-align: center } #taketime .swiper-container .swiper-slide a { width: 100% } #taketime .swiper-container .swiper-slide a div.img { background-position: 50%; background-repeat: no-repeat; background-size: contain; height: 100px; width: 100% } #taketime .swiper-container.swiper-container-brands .swiper-slide a { border: 1px solid #ccc; border-radius: 5px; margin-left: 1px; min-height: 120px; padding: 20px } #taketime .swiper-container .swiper-button-next, #taketime .swiper-container .swiper-button-prev { background-color: hsla(0, 0%, 100%, .75); background-size: 50px 50px; border-radius: 5px; height: 70px; top: 40%; width: 50px } @media only screen and (max-width: 1023px) { #taketime .swiper-container .swiper-button-next, #taketime .swiper-container .swiper-button-prev { display: none } } #taketime .simple-list-container .simple-list-image { background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 220px; position: relative; width: 100% } #taketime .simple-list-container .simple-list-body { font-size: 14px; font-size: 1.4rem; padding: 20px 0; text-align: left } #taketime .simple-list-container .simple-list-body > .__title { color: #142033; display: block; font-weight: 700 } #taketime .simple-list-container .simple-list-body > .__subtitle { color: #5a5a5a; display: block } #taketime .simple-list-container.__table { display: table; height: 100%; width: 100% } #taketime .simple-list-container.__table .simple-list-inner { display: table-cell; vertical-align: middle } #taketime .simple-list-container.__boxed .simple-list-body { border: 1px solid #ccc; border-top: 0; text-align: center } #taketime .simple-list-container.__tall .simple-list-image { height: 248px } #taketime .simple-list-container.__high .simple-list-image { height: 300px } #taketime .simple-list-container.__centered .simple-list-body { text-align: center } #taketime .simple-list-container.__centered .simple-list-body > .__title { text-transform: uppercase } #taketime .simple-list-container .simple-list-body.__spaced .__subtitle { margin: 20px 0 } #taketime .simple-list-container .simple-list-body.__spaced .__link { color: #142033; font-size: 13px; font-size: 1.3rem; font-weight: 700; text-transform: uppercase } @media screen and (max-width: 400px) { #taketime .simple-list-container .simple-list-image { background-size: contain } } #taketime .article-listing-container { margin-bottom: 20px } #taketime .article-listing-container img { text-align: left; width: 100% } #taketime .article-listing-container .article-list-copy > .h6, #taketime .article-listing-container .article-list-copy > h6 { color: #142033; font-weight: 700 } #taketime .article-listing-container .article-list-copy > .h6:after, #taketime .article-listing-container .article-list-copy > h6:after { background-color: #bdbdbd; content: ""; display: block; height: 1px; margin: 10px 0; width: 110px } #taketime .article-listing-container .article-list-copy > p { color: #797979; font-size: 13px; font-size: 1.3rem } #taketime .article-listing-container .article-list-copy > a { color: #142033; font-size: 13px; font-size: 1.3rem; font-weight: 700; text-transform: uppercase } #taketime .search-block-view { margin-bottom: 25px } @media only screen and (max-width: 991px) { #taketime .search-block-view { margin-bottom: 3px; margin-top: 15px } } #taketime .search-block-view .custom-select { display: block; font-weight: 400; outline: none; position: relative; width: 100% } #taketime .search-block-view .custom-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-color: #d5d8db; color: #333; cursor: pointer; display: block; float: right; font-size: 14px; outline: none; padding: 7px 10px; width: 100% } #taketime .search-block-view .custom-select:after { color: #59a620; content: "\f107"; font: normal normal normal 17px/1 FontAwesome; font-size: 26px; font-size: 2.6rem; pointer-events: none; position: absolute; right: 6px; top: 6px } #taketime .list-filters { font-size: 14px; list-style: none; margin: 0; padding: 0 } #taketime .list-filters .filter-selected { background-color: #f7f7f7; border: 1px solid #e6e6e6; color: grey; font-size: 14px; font-size: 1.4rem; padding: 5px 15px } #taketime .list-filters .filter-selected.can-remove { cursor: pointer } #taketime .list-filters .filter-selected.can-remove .remove-filter { float: right } #taketime .list-filters .strong { font-weight: 700 } #taketime .list-filters li { margin: 0 0 8px; padding: 0 } #taketime .list-filters.items li { border-top: 1px solid #ccc; cursor: pointer; margin-bottom: 0 } #taketime .list-filters.items li .checkmark { top: 2px } #taketime .list-filters.items li div.item-parent { padding: 8px 0 } #taketime .list-filters.items li div.item-parent.active { padding: 8px 0 0 } #taketime .list-filters.cats { margin: 0 } #taketime .list-filters.cats .checkmark { left: -25px } #taketime .list-filters.cats label { float: left; font-weight: 400; margin-left: 25px } #taketime .list-filters.cats .icon:before { color: #142033; cursor: pointer; display: none; float: right; font-size: 12px; font-size: 1.2rem; height: 13px; padding: 0 5px 0 8px; width: 13px } #taketime .list-filters.cats .subs { clear: both; display: none; list-style: none; margin: 0; padding: 0 } #taketime .list-filters.cats .subs label { float: none } #taketime .list-filters.cats .subs .icon:before { color: #142033; cursor: pointer; display: none; float: right } #taketime .list-filters.cats .subs li { border-top: none; display: block; padding: 5px 0 0 } #taketime .list-filters.cats .subs:before { clear: both; content: " "; display: block; padding-top: 5px; width: 100% } #taketime .list-filters.cats .subs .subs { padding-top: 0 } #taketime .list-filters.cats .subs .subs:before { clear: both; content: " "; display: block; padding-top: 0; width: 100% } #taketime .list-filters.cats .subs .subs li { border-top: none; display: block; padding: 5px 0 0 25px } #taketime .list-filters .item-parent.has-children .icon:before { background-image: url(images/tt/plus.svg); background-position: 0 3px; background-repeat: no-repeat; background-size: 13px; content: ""; display: inline-block; height: 16px } #taketime .list-filters .item-parent.has-children .active.icon:before, #taketime .list-filters .item-parent.has-children.active .icon:before { background-image: url(images/tt/minus.svg); background-position: 0 9px; background-repeat: no-repeat; background-size: 16px; content: ""; display: inline-block; height: 16px } #taketime .facets .top-section { border-bottom: 1px solid #d8d8d8; margin-bottom: 20px; padding: 20px 16px } #taketime .facets .top-section .h1, #taketime .facets .top-section h1 { font-size: 20px; font-size: 2rem } #taketime .facets .top-section .main-title.small { font-size: 18px; font-size: 1.8rem; font-weight: 300 } #taketime .facets .top-section .main-title.small .icon { margin-right: 10px } #taketime .filters-modal-container { position: absolute } #taketime .filter-bar { position: relative } #taketime .filter-bar .filters-block .list-filters:last-child { border-bottom: 1px solid #ccc } #taketime .filter-bar .filters-block .cats .subs { max-height: 350px; overflow-x: hidden; overflow-y: auto; padding-bottom: 8px } #taketime .filter-bar .filters-block .cat-filter .subs { max-height: none; overflow-x: visible; overflow-y: visible } #taketime .filter-bar .filters-block .cat-filter .subs .subs { max-height: 350px; overflow-x: hidden; overflow-y: auto; padding-bottom: 8px } #taketime .filter-bar .filters-block .cat-filter.browse-ul { max-height: 350px; overflow-x: hidden; overflow-y: auto } #taketime .filter-bar .checkbox-container { cursor: pointer; display: block; margin-bottom: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none } #taketime .filter-bar .checkbox-container input { opacity: 0; position: absolute } #taketime .filter-bar .checkbox-container .checkmark { border: 1px solid #142033; height: 15px; position: absolute; right: 0; top: 0; width: 15px } #taketime .filter-bar .checkbox-container.disabled .checkmark { background-color: #ccc } #taketime .filter-bar .checkbox-container:not(.disabled) input { cursor: pointer } #taketime .filter-bar .checkbox-container:not(.disabled):hover input ~ .checkmark { background-color: #f1f1f1 } #taketime .filter-bar .checkbox-container .checkmark:after { content: ""; display: none; position: absolute } #taketime .filter-bar .checkbox-container input:checked ~ .checkmark:after { border: solid #142033; border-width: 0 3px 3px 0; color: #142033; display: block; height: 10px; left: 5px; top: 0; transform: rotate(45deg); width: 5px } #taketime .promo-banner { position: relative } #taketime .promo-banner.__no_banner { min-height: 240px } #taketime .promo-banner.__no_banner .banner-caption-block { left: 0 } #taketime .promo-banner .banner-image { display: block; width: 100% } #taketime .promo-banner .banner-image img { width: 100% } #taketime .promo-banner .banner-caption-block { background-color: #fff; border: 2px solid rgba(125, 5, 46, .4); border-bottom-left-radius: 15px; border-top-right-radius: 15px; left: 5%; margin-top: 18px; padding-bottom: 12px; padding-top: 12px; position: absolute; right: 5%; top: 0; width: 230px } #taketime .promo-banner .banner-caption-block img.logo { margin-bottom: 12px; width: 204px } #taketime .promo-banner .banner-caption-block p { margin-bottom: 0 } @media only screen and (min-width: 992px) { #taketime .promo-banner .banner-caption-block { border-bottom-left-radius: 30px; border-top-right-radius: 30px; margin-top: 40px; max-height: 370px; padding: 25px 25px 12px; width: 300px } #taketime .promo-banner .banner-caption-block img.logo { width: 100% } } #taketime #loading-map { background-color: rgba(0, 0, 0, .3); height: 100%; left: 15px; position: absolute; right: 15px; top: 0; z-index: 1050 } #taketime #loading-map img { height: 100px; margin: 225px calc(50% - 50px) 0; width: 100px } #taketime .local-search-map { min-height: 400px; width: 100% } #taketime .local-search-map .offer-block .offer-description .h3, #taketime .local-search-map .offer-block .offer-description h3 { font-size: 16px; font-size: 1.6rem } #taketime .local-search-map .offer-block .offer-description p { font-size: 14px; font-size: 1.4rem } #taketime #local-search-map .filters-block { margin-bottom: 20px } @media (min-width: 768px) { #taketime #local-search-map .filters-block { margin-bottom: 0 } #taketime #local-search-map .collapse { display: block !important } } #taketime #local-search-map .filter-collapse { color: #000; position: relative; text-align: left } #taketime #local-search-map .filter-collapse:after { background-image: url(/images/tt/minus.svg); background-position: 0 9px; background-repeat: no-repeat; background-size: 16px; content: ""; display: inline-block; height: 16px; position: absolute; right: 6px; top: 6px; width: 16px } #taketime #local-search-map .filter-collapse.collapsed:after { background-image: url(/images/tt/plus.svg); background-position: 0 3px; background-size: 13px } #taketime .article-card { border-radius: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12); color: inherit; display: flex; flex-direction: column; transition: box-shadow .2s ease-in-out } #taketime .article-card:focus, #taketime .article-card:hover { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .42) } #taketime .article-card .article-card__inner { background-color: #fff; border-radius: 0 6px 6px; display: flex; flex: 1 0 auto; flex-direction: column; padding: 16px 16px 24px } @media (min-width: 768px) { #taketime .article-card .article-card__inner { padding: 24px } } #taketime .article-card .article-card__image { overflow: hidden; position: relative } #taketime .article-card .article-card__image img { border-radius: 6px 6px 0 0; height: auto; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100% } #taketime .article-card .article-card__heading { font-size: 25px; font-size: 2.5rem; font-weight: 800; margin-bottom: 16px } @media (min-width: 768px) { #taketime .article-card .article-card__heading { font-size: 30px; font-size: 3rem; line-height: 1.333; margin-bottom: 24px } } #taketime .article-card .article-card__body { margin-bottom: 24px } #taketime .article-card .article-card__body p { color: inherit; margin: 0 } #taketime .article-card .article-card__meta { display: flex; flex-direction: column; margin-top: auto } #taketime .article-card .article-card__category { color: #fc4238; font-size: 14px; font-size: 1.4rem; font-weight: 700; letter-spacing: 3px; margin-bottom: 6px; text-transform: uppercase } #taketime .article-card .article-card__read-time { color: #142033; font-size: 14px; font-size: 1.4rem } #taketime .article-card.object-fit .article-card__image img { height: 100%; -o-object-fit: cover; object-fit: cover } #taketime .article-card--showcase { margin-bottom: 32px } #taketime .article-card--showcase .article-card__inner { flex: 1 0 50%; padding: 24px } @media (min-width: 768px) { #taketime .article-card--showcase { display: flex; flex-direction: row; margin-bottom: 60px } #taketime .article-card--showcase .article-card__image { flex: 1 0 50%; position: relative } #taketime .article-card--showcase .article-card__image img { border-radius: 6px 0 0 6px } #taketime .article-card--showcase .article-card__meta { padding-top: 52px } } @media (max-width: 767px) { #taketime .article-card--showcase { margin-left: -20px; margin-right: -20px } } @media (min-width: 768px) { #taketime .article-card--showcase .article-card__inner { padding: 48px 48px 24px } } @media (max-width: 767px) { #taketime .article-card--showcase .article-card__image { border-radius: 6px 6px 0 0; height: 0; padding-bottom: 35.8% } } @media (min-width: 768px) { #taketime .article-card-grid { display: flex; flex-wrap: wrap; margin-left: -12px; margin-right: -12px } } #taketime .article-card-grid .article-card { margin: 0 0 32px } @media (min-width: 768px) { #taketime .article-card-grid .article-card { flex-basis: calc(33.333% - 24px); flex-grow: 1; flex-shrink: 0; margin: 0 12px 32px; max-width: calc(33.333% - 24px) } } #taketime .article-card-grid .article-card__image { border-radius: 6px 6px 0 0; height: 0; padding-bottom: 35.8% } #taketime .suggestions-list { background-color: #f7f7f7; border: 1px solid #d9d9d9; border-top: none; box-shadow: 0 2px 5px 0 rgba(10, 9, 10, .1); left: 0; margin-left: auto; margin-right: auto; padding: 0; position: absolute; right: 0; top: 100%; width: calc(100% - 40px); z-index: 1200 } #taketime .suggestions-list .divider { padding: 4px 20px } #taketime .suggestions-list .divider .inner { border-top: 1px solid #ccc } #taketime .suggestions-list .item { cursor: pointer; padding: 8px 20px } #taketime .suggestions-list .item.active { background-color: #ccc !important } #taketime .suggestions-list .item:hover { background-color: #e9e9e9 } #taketime .suggestions-list .item .dept, #taketime .suggestions-list .item .location { color: #999; font-size: 14px; font-size: 1.4rem; margin-left: 5px } #taketime .suggestions-list ul { display: block; list-style: none } #taketime .filters-modal-container { background-color: #fff; display: none; left: 0; overflow-y: auto; padding: 20px; position: fixed; right: 0; top: 0; width: 100%; z-index: 99999 } #taketime .filters-modal-container .facets .top-section { border-bottom: 1px solid #d8d8d8; margin-bottom: 20px; padding: 20px 0 } #taketime .filters-modal-container .facets .top-section .h1, #taketime .filters-modal-container .facets .top-section h1 { font-size: 20px; font-size: 2rem; margin: 0 } @media (min-width: 768px) { .main-content .main-content-copy .advance-contact-form { width: 68.38% } } .main-content .main-content-copy .advance-contact-form .main-level-section > .h3, .main-content .main-content-copy .advance-contact-form .main-level-section > h3 { color: #000; font-size: 3.6rem; font-style: normal; font-weight: 700; margin-bottom: 1.6rem; text-transform: inherit } .main-content .main-content-copy .advance-contact-form .sub-nested-list { border-left: 4px solid #000; margin-top: 10px; padding-left: 20px } .main-content .main-content-copy .advance-contact-form .sub-nested-list > .h3, .main-content .main-content-copy .advance-contact-form .sub-nested-list > h3 { color: #000; font-size: 3.6rem; font-style: normal; font-weight: 700; line-height: 3.6rem; margin-bottom: 1.6rem; text-transform: inherit } .main-content .main-content-copy .advance-contact-form .acf-radio label { background-color: #fff; border: 2px solid #000; color: #000; font-size: 1.6rem; font-style: normal; font-weight: 600; margin-bottom: 1rem; padding: 11px 8px; text-transform: inherit; width: 360px } .main-content .main-content-copy .advance-contact-form .acf-radio label:hover { background-color: #efefef; cursor: pointer } .main-content .main-content-copy .advance-contact-form .acf-radio label:has(input:checked) { border-width: 4px } .main-content .main-content-copy .advance-contact-form .main-level-section .acf-radio { display: block } .main-content .main-content-copy .advance-contact-form select.hc-subject { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; border: 2px solid #000; border-radius: 0; color: #000; font-size: 2rem; margin-bottom: 1.6rem; max-width: 700px; padding: 4px } .main-content .main-content-copy .advance-contact-form .info-level-section .card { border: 0 solid #000; border-radius: 0; margin-bottom: 20px; margin-top: 10px } .main-content .main-content-copy .advance-contact-form .info-level-section .card .card-header { background-color: #000; border: 0 solid #000; color: #fff; font-size: 3rem; padding: 10px 20px; text-align: left } .main-content .main-content-copy .advance-contact-form .info-level-section .card .card-body { background-color: #efefef; padding: 10px; text-align: left } .main-content .main-content-copy .advance-contact-form .info-level-section .card .card-body p { font-size: 1.6rem } .main-content .main-content-copy .advance-contact-form .info-level-section .card .card-body p:last-of-type { margin-bottom: 0 } .main-content .main-content-copy .advance-contact-form .contact-level-section .cls-top { margin-bottom: 10px } .main-content .main-content-copy .advance-contact-form .contact-level-section .acf-radio { display: inline-block } .main-content .main-content-copy .advance-contact-form .contact-level-section .acf-radio label { min-width: 100px; text-align: center } .main-content .main-content-copy .advance-contact-form .contact-level-section .acf-radio label input { display: none } .toast { max-width: 100%; opacity: 0; pointer-events: none; position: fixed; right: 0; top: 70px; transform: translate(75%); transition: all .3s ease, transform .3s cubic-bezier(.645, .045, .355, 1); z-index: 10000 } .toast.displayed { opacity: 1; transform: translate(0) } .toast > .body { word-wrap: break-word; background-color: #dff0d8; border-color: #d6e9c6; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, .5); color: #3c763d; font-size: medium; margin: 0 1em 1em; padding: .5em; pointer-events: all; position: relative } .toast > .body.info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f } .toast > .body.warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b } .toast > .body.error { background-color: #f2dede; border-color: #ebccd1; color: #a94442 } .toast > .body.done { background: rgba(147, 255, 157, .9) } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .mw-100 { max-width: 100% !important } .mh-100 { max-height: 100% !important } .m-0 { margin: 0 !important } .mt-0, .my-0 { margin-top: 0 !important } .mr-0, .mx-0 { margin-right: 0 !important } .mb-0, .my-0 { margin-bottom: 0 !important } .ml-0, .mx-0 { margin-left: 0 !important } .m-1 { margin: .25rem !important } .mt-1, .my-1 { margin-top: .25rem !important } .mr-1, .mx-1 { margin-right: .25rem !important } .mb-1, .my-1 { margin-bottom: .25rem !important } .ml-1, .mx-1 { margin-left: .25rem !important } .m-2 { margin: .5rem !important } .mt-2, .my-2 { margin-top: .5rem !important } .mr-2, .mx-2 { margin-right: .5rem !important } .mb-2, .my-2 { margin-bottom: .5rem !important } .ml-2, .mx-2 { margin-left: .5rem !important } .m-3 { margin: 1rem !important } .mt-3, .my-3 { margin-top: 1rem !important } .mr-3, .mx-3 { margin-right: 1rem !important } .mb-3, .my-3 { margin-bottom: 1rem !important } .ml-3, .mx-3 { margin-left: 1rem !important } .m-4 { margin: 1.5rem !important } .mt-4, .my-4 { margin-top: 1.5rem !important } .mr-4, .mx-4 { margin-right: 1.5rem !important } .mb-4, .my-4 { margin-bottom: 1.5rem !important } .ml-4, .mx-4 { margin-left: 1.5rem !important } .m-5 { margin: 3rem !important } .mt-5, .my-5 { margin-top: 3rem !important } .mr-5, .mx-5 { margin-right: 3rem !important } .mb-5, .my-5 { margin-bottom: 3rem !important } .ml-5, .mx-5 { margin-left: 3rem !important } .p-0 { padding: 0 !important } .pt-0, .py-0 { padding-top: 0 !important } .pr-0, .px-0 { padding-right: 0 !important } .pb-0, .py-0 { padding-bottom: 0 !important } .pl-0, .px-0 { padding-left: 0 !important } .p-1 { padding: .25rem !important } .pt-1, .py-1 { padding-top: .25rem !important } .pr-1, .px-1 { padding-right: .25rem !important } .pb-1, .py-1 { padding-bottom: .25rem !important } .pl-1, .px-1 { padding-left: .25rem !important } .p-2 { padding: .5rem !important } .pt-2, .py-2 { padding-top: .5rem !important } .pr-2, .px-2 { padding-right: .5rem !important } .pb-2, .py-2 { padding-bottom: .5rem !important } .pl-2, .px-2 { padding-left: .5rem !important } .p-3 { padding: 1rem !important } .pt-3, .py-3 { padding-top: 1rem !important } .pr-3, .px-3 { padding-right: 1rem !important } .pb-3, .py-3 { padding-bottom: 1rem !important } .pl-3, .px-3 { padding-left: 1rem !important } .p-4 { padding: 1.5rem !important } .pt-4, .py-4 { padding-top: 1.5rem !important } .pr-4, .px-4 { padding-right: 1.5rem !important } .pb-4, .py-4 { padding-bottom: 1.5rem !important } .pl-4, .px-4 { padding-left: 1.5rem !important } .p-5 { padding: 3rem !important } .pt-5, .py-5 { padding-top: 3rem !important } .pr-5, .px-5 { padding-right: 3rem !important } .pb-5, .py-5 { padding-bottom: 3rem !important } .pl-5, .px-5 { padding-left: 3rem !important } .m-auto { margin: auto !important } .mt-auto, .my-auto { margin-top: auto !important } .mr-auto, .mx-auto { margin-right: auto !important } .mb-auto, .my-auto { margin-bottom: auto !important } .ml-auto, .mx-auto { margin-left: auto !important } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important } .mt-sm-0, .my-sm-0 { margin-top: 0 !important } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important } .m-sm-1 { margin: .25rem !important } .mt-sm-1, .my-sm-1 { margin-top: .25rem !important } .mr-sm-1, .mx-sm-1 { margin-right: .25rem !important } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem !important } .ml-sm-1, .mx-sm-1 { margin-left: .25rem !important } .m-sm-2 { margin: .5rem !important } .mt-sm-2, .my-sm-2 { margin-top: .5rem !important } .mr-sm-2, .mx-sm-2 { margin-right: .5rem !important } .mb-sm-2, .my-sm-2 { margin-bottom: .5rem !important } .ml-sm-2, .mx-sm-2 { margin-left: .5rem !important } .m-sm-3 { margin: 1rem !important } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important } .p-sm-0 { padding: 0 !important } .pt-sm-0, .py-sm-0 { padding-top: 0 !important } .pr-sm-0, .px-sm-0 { padding-right: 0 !important } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important } .pl-sm-0, .px-sm-0 { padding-left: 0 !important } .p-sm-1 { padding: .25rem !important } .pt-sm-1, .py-sm-1 { padding-top: .25rem !important } .pr-sm-1, .px-sm-1 { padding-right: .25rem !important } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem !important } .pl-sm-1, .px-sm-1 { padding-left: .25rem !important } .p-sm-2 { padding: .5rem !important } .pt-sm-2, .py-sm-2 { padding-top: .5rem !important } .pr-sm-2, .px-sm-2 { padding-right: .5rem !important } .pb-sm-2, .py-sm-2 { padding-bottom: .5rem !important } .pl-sm-2, .px-sm-2 { padding-left: .5rem !important } .p-sm-3 { padding: 1rem !important } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important } .m-sm-auto { margin: auto !important } .mt-sm-auto, .my-sm-auto { margin-top: auto !important } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important } .mt-md-0, .my-md-0 { margin-top: 0 !important } .mr-md-0, .mx-md-0 { margin-right: 0 !important } .mb-md-0, .my-md-0 { margin-bottom: 0 !important } .ml-md-0, .mx-md-0 { margin-left: 0 !important } .m-md-1 { margin: .25rem !important } .mt-md-1, .my-md-1 { margin-top: .25rem !important } .mr-md-1, .mx-md-1 { margin-right: .25rem !important } .mb-md-1, .my-md-1 { margin-bottom: .25rem !important } .ml-md-1, .mx-md-1 { margin-left: .25rem !important } .m-md-2 { margin: .5rem !important } .mt-md-2, .my-md-2 { margin-top: .5rem !important } .mr-md-2, .mx-md-2 { margin-right: .5rem !important } .mb-md-2, .my-md-2 { margin-bottom: .5rem !important } .ml-md-2, .mx-md-2 { margin-left: .5rem !important } .m-md-3 { margin: 1rem !important } .mt-md-3, .my-md-3 { margin-top: 1rem !important } .mr-md-3, .mx-md-3 { margin-right: 1rem !important } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important } .ml-md-3, .mx-md-3 { margin-left: 1rem !important } .m-md-4 { margin: 1.5rem !important } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important } .m-md-5 { margin: 3rem !important } .mt-md-5, .my-md-5 { margin-top: 3rem !important } .mr-md-5, .mx-md-5 { margin-right: 3rem !important } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important } .ml-md-5, .mx-md-5 { margin-left: 3rem !important } .p-md-0 { padding: 0 !important } .pt-md-0, .py-md-0 { padding-top: 0 !important } .pr-md-0, .px-md-0 { padding-right: 0 !important } .pb-md-0, .py-md-0 { padding-bottom: 0 !important } .pl-md-0, .px-md-0 { padding-left: 0 !important } .p-md-1 { padding: .25rem !important } .pt-md-1, .py-md-1 { padding-top: .25rem !important } .pr-md-1, .px-md-1 { padding-right: .25rem !important } .pb-md-1, .py-md-1 { padding-bottom: .25rem !important } .pl-md-1, .px-md-1 { padding-left: .25rem !important } .p-md-2 { padding: .5rem !important } .pt-md-2, .py-md-2 { padding-top: .5rem !important } .pr-md-2, .px-md-2 { padding-right: .5rem !important } .pb-md-2, .py-md-2 { padding-bottom: .5rem !important } .pl-md-2, .px-md-2 { padding-left: .5rem !important } .p-md-3 { padding: 1rem !important } .pt-md-3, .py-md-3 { padding-top: 1rem !important } .pr-md-3, .px-md-3 { padding-right: 1rem !important } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important } .pl-md-3, .px-md-3 { padding-left: 1rem !important } .p-md-4 { padding: 1.5rem !important } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important } .p-md-5 { padding: 3rem !important } .pt-md-5, .py-md-5 { padding-top: 3rem !important } .pr-md-5, .px-md-5 { padding-right: 3rem !important } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important } .pl-md-5, .px-md-5 { padding-left: 3rem !important } .m-md-auto { margin: auto !important } .mt-md-auto, .my-md-auto { margin-top: auto !important } .mr-md-auto, .mx-md-auto { margin-right: auto !important } .mb-md-auto, .my-md-auto { margin-bottom: auto !important } .ml-md-auto, .mx-md-auto { margin-left: auto !important } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important } .mt-lg-0, .my-lg-0 { margin-top: 0 !important } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important } .m-lg-1 { margin: .25rem !important } .mt-lg-1, .my-lg-1 { margin-top: .25rem !important } .mr-lg-1, .mx-lg-1 { margin-right: .25rem !important } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem !important } .ml-lg-1, .mx-lg-1 { margin-left: .25rem !important } .m-lg-2 { margin: .5rem !important } .mt-lg-2, .my-lg-2 { margin-top: .5rem !important } .mr-lg-2, .mx-lg-2 { margin-right: .5rem !important } .mb-lg-2, .my-lg-2 { margin-bottom: .5rem !important } .ml-lg-2, .mx-lg-2 { margin-left: .5rem !important } .m-lg-3 { margin: 1rem !important } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important } .p-lg-0 { padding: 0 !important } .pt-lg-0, .py-lg-0 { padding-top: 0 !important } .pr-lg-0, .px-lg-0 { padding-right: 0 !important } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important } .pl-lg-0, .px-lg-0 { padding-left: 0 !important } .p-lg-1 { padding: .25rem !important } .pt-lg-1, .py-lg-1 { padding-top: .25rem !important } .pr-lg-1, .px-lg-1 { padding-right: .25rem !important } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem !important } .pl-lg-1, .px-lg-1 { padding-left: .25rem !important } .p-lg-2 { padding: .5rem !important } .pt-lg-2, .py-lg-2 { padding-top: .5rem !important } .pr-lg-2, .px-lg-2 { padding-right: .5rem !important } .pb-lg-2, .py-lg-2 { padding-bottom: .5rem !important } .pl-lg-2, .px-lg-2 { padding-left: .5rem !important } .p-lg-3 { padding: 1rem !important } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important } .m-lg-auto { margin: auto !important } .mt-lg-auto, .my-lg-auto { margin-top: auto !important } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important } .mt-xl-0, .my-xl-0 { margin-top: 0 !important } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important } .m-xl-1 { margin: .25rem !important } .mt-xl-1, .my-xl-1 { margin-top: .25rem !important } .mr-xl-1, .mx-xl-1 { margin-right: .25rem !important } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem !important } .ml-xl-1, .mx-xl-1 { margin-left: .25rem !important } .m-xl-2 { margin: .5rem !important } .mt-xl-2, .my-xl-2 { margin-top: .5rem !important } .mr-xl-2, .mx-xl-2 { margin-right: .5rem !important } .mb-xl-2, .my-xl-2 { margin-bottom: .5rem !important } .ml-xl-2, .mx-xl-2 { margin-left: .5rem !important } .m-xl-3 { margin: 1rem !important } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important } .p-xl-0 { padding: 0 !important } .pt-xl-0, .py-xl-0 { padding-top: 0 !important } .pr-xl-0, .px-xl-0 { padding-right: 0 !important } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important } .pl-xl-0, .px-xl-0 { padding-left: 0 !important } .p-xl-1 { padding: .25rem !important } .pt-xl-1, .py-xl-1 { padding-top: .25rem !important } .pr-xl-1, .px-xl-1 { padding-right: .25rem !important } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem !important } .pl-xl-1, .px-xl-1 { padding-left: .25rem !important } .p-xl-2 { padding: .5rem !important } .pt-xl-2, .py-xl-2 { padding-top: .5rem !important } .pr-xl-2, .px-xl-2 { padding-right: .5rem !important } .pb-xl-2, .py-xl-2 { padding-bottom: .5rem !important } .pl-xl-2, .px-xl-2 { padding-left: .5rem !important } .p-xl-3 { padding: 1rem !important } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important } .m-xl-auto { margin: auto !important } .mt-xl-auto, .my-xl-auto { margin-top: auto !important } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important } } .text-justify { text-align: justify !important } .text-nowrap { white-space: nowrap !important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } .main-content .main-content-copy .table.table-preview-cart > tbody > tr > td { vertical-align: top !important } .hide { display: none !important } .show { display: block !important } @media (prefers-reduced-motion) { .fa-pulse { animation: fa-spin 1s steps(4) infinite !important } } /*# sourceMappingURL=front.css.map*/