/*! * Bootstrap v5.0.2 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --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-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --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-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)) } *, *::before, *::after { box-sizing: border-box } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth } } body { margin: 0; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25 } hr:not([size]) { height: 1px } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } 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-top: 0; margin-bottom: 1rem } abbr[title], abbr[data-bs-original-title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } ol, ul { padding-left: 2rem } ol, ul, dl { margin-top: 0; margin-bottom: 1rem } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: 0.5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: bolder } small, .small { font-size: .875em } mark, .mark { padding: .2em; background-color: #fcf8e3 } sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } a { color: #0d6efd; text-decoration: underline } a:hover { color: #0a58ca } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr /* rtl:ignore */ ; unicode-bidi: bidi-override } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em } pre code { font-size: inherit; color: inherit; word-break: normal } code { font-size: .875em; color: #d63384; word-wrap: break-word } a>code { color: inherit } kbd { padding: .2rem .4rem; font-size: .875em; color: #fff; background-color: #212529; border-radius: .2rem } kbd kbd { padding: 0; font-size: 1em; font-weight: 700 } figure { margin: 0 0 1rem } img, svg { vertical-align: middle } table { caption-side: bottom; border-collapse: collapse } caption { padding-top: .5rem; padding-bottom: .5rem; color: #6c757d; text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0 } label { display: inline-block } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } input, .custom-select, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, select { text-transform: none } [role="button"] { cursor: pointer } select { word-wrap: normal } select:disabled { opacity: 1 } [list]::-webkit-calendar-picker-indicator { display: none } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer } ::-moz-focus-inner { padding: 0; border-style: none } textarea { resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { float: left; width: 100%; padding: 0; margin-bottom: .5rem; font-size: calc(1.275rem + .3vw); line-height: inherit } @media (min-width: 1200px) { legend { font-size: 1.5rem } } legend+* { clear: left } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0 } ::-webkit-inner-spin-button { height: auto } [type="search"] { outline-offset: -2px; -webkit-appearance: textfield } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-color-swatch-wrapper { padding: 0 } ::file-selector-button { font: inherit } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } iframe { border: 0 } summary { display: list-item; cursor: pointer } 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-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: .875em; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.25rem } .blockquote>:last-child { margin-bottom: 0 } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: .875em; color: #6c757d } .blockquote-footer::before { content: "\2014\00A0" } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: .875em; color: #6c757d } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem); margin-right: auto; margin-left: auto } @media (min-width: 576px) { .container, .container-sm { max-width: 540px } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px } } @media (min-width: 1400px) { .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1320px } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5) } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y) } .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.33333% } .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.66667% } @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.33333% } .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.66667% } } @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.33333% } .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.66667% } } @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.33333% } .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.66667% } } @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.33333% } .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.66667% } } @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.33333% } .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.66667% } } .col-auto { flex: 0 0 auto; width: auto } .col-1 { flex: 0 0 auto; width: 8.33333% } .col-2 { flex: 0 0 auto; width: 16.66667% } .col-3 { flex: 0 0 auto; width: 25% } .col-4 { flex: 0 0 auto; width: 33.33333% } .col-5 { flex: 0 0 auto; width: 41.66667% } .col-6 { flex: 0 0 auto; width: 50% } .col-7 { flex: 0 0 auto; width: 58.33333% } .col-8 { flex: 0 0 auto; width: 66.66667% } .col-9 { flex: 0 0 auto; width: 75% } .col-10 { flex: 0 0 auto; width: 83.33333% } .col-11 { flex: 0 0 auto; width: 91.66667% } .col-12 { flex: 0 0 auto; width: 100% } .offset-1 { margin-left: 8.33333% } .offset-2 { margin-left: 16.66667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333% } .offset-5 { margin-left: 41.66667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333% } .offset-8 { margin-left: 66.66667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333% } .offset-11 { margin-left: 91.66667% } .g-0, .gx-0 { --bs-gutter-x: 0 } .g-0, .gy-0 { --bs-gutter-y: 0 } .g-1, .gx-1 { --bs-gutter-x: .25rem } .g-1, .gy-1 { --bs-gutter-y: .25rem } .g-2, .gx-2 { --bs-gutter-x: .5rem } .g-2, .gy-2 { --bs-gutter-y: .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-auto { flex: 0 0 auto; width: auto } .col-sm-1 { flex: 0 0 auto; width: 8.33333% } .col-sm-2 { flex: 0 0 auto; width: 16.66667% } .col-sm-3 { flex: 0 0 auto; width: 25% } .col-sm-4 { flex: 0 0 auto; width: 33.33333% } .col-sm-5 { flex: 0 0 auto; width: 41.66667% } .col-sm-6 { flex: 0 0 auto; width: 50% } .col-sm-7 { flex: 0 0 auto; width: 58.33333% } .col-sm-8 { flex: 0 0 auto; width: 66.66667% } .col-sm-9 { flex: 0 0 auto; width: 75% } .col-sm-10 { flex: 0 0 auto; width: 83.33333% } .col-sm-11 { flex: 0 0 auto; width: 91.66667% } .col-sm-12 { flex: 0 0 auto; width: 100% } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333% } .offset-sm-2 { margin-left: 16.66667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333% } .offset-sm-5 { margin-left: 41.66667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333% } .offset-sm-8 { margin-left: 66.66667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333% } .offset-sm-11 { margin-left: 91.66667% } .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: .25rem } .g-sm-1, .gy-sm-1 { --bs-gutter-y: .25rem } .g-sm-2, .gx-sm-2 { --bs-gutter-x: .5rem } .g-sm-2, .gy-sm-2 { --bs-gutter-y: .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-auto { flex: 0 0 auto; width: auto } .col-md-1 { flex: 0 0 auto; width: 8.33333% } .col-md-2 { flex: 0 0 auto; width: 16.66667% } .col-md-3 { flex: 0 0 auto; width: 25% } .col-md-4 { flex: 0 0 auto; width: 33.33333% } .col-md-5 { flex: 0 0 auto; width: 41.66667% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-7 { flex: 0 0 auto; width: 58.33333% } .col-md-8 { flex: 0 0 auto; width: 66.66667% } .col-md-9 { flex: 0 0 auto; width: 75% } .col-md-10 { flex: 0 0 auto; width: 83.33333% } .col-md-11 { flex: 0 0 auto; width: 91.66667% } .col-md-12 { flex: 0 0 auto; width: 100% } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333% } .offset-md-2 { margin-left: 16.66667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333% } .offset-md-5 { margin-left: 41.66667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333% } .offset-md-8 { margin-left: 66.66667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333% } .offset-md-11 { margin-left: 91.66667% } .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: .25rem } .g-md-1, .gy-md-1 { --bs-gutter-y: .25rem } .g-md-2, .gx-md-2 { --bs-gutter-x: .5rem } .g-md-2, .gy-md-2 { --bs-gutter-y: .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-auto { flex: 0 0 auto; width: auto } .col-lg-1 { flex: 0 0 auto; width: 8.33333% } .col-lg-2 { flex: 0 0 auto; width: 16.66667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.33333% } .col-lg-5 { flex: 0 0 auto; width: 41.66667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.33333% } .col-lg-8 { flex: 0 0 auto; width: 66.66667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.33333% } .col-lg-11 { flex: 0 0 auto; width: 91.66667% } .col-lg-12 { flex: 0 0 auto; width: 100% } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333% } .offset-lg-2 { margin-left: 16.66667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333% } .offset-lg-5 { margin-left: 41.66667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333% } .offset-lg-8 { margin-left: 66.66667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333% } .offset-lg-11 { margin-left: 91.66667% } .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: .25rem } .g-lg-1, .gy-lg-1 { --bs-gutter-y: .25rem } .g-lg-2, .gx-lg-2 { --bs-gutter-x: .5rem } .g-lg-2, .gy-lg-2 { --bs-gutter-y: .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-auto { flex: 0 0 auto; width: auto } .col-xl-1 { flex: 0 0 auto; width: 8.33333% } .col-xl-2 { flex: 0 0 auto; width: 16.66667% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-4 { flex: 0 0 auto; width: 33.33333% } .col-xl-5 { flex: 0 0 auto; width: 41.66667% } .col-xl-6 { flex: 0 0 auto; width: 50% } .col-xl-7 { flex: 0 0 auto; width: 58.33333% } .col-xl-8 { flex: 0 0 auto; width: 66.66667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-10 { flex: 0 0 auto; width: 83.33333% } .col-xl-11 { flex: 0 0 auto; width: 91.66667% } .col-xl-12 { flex: 0 0 auto; width: 100% } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333% } .offset-xl-2 { margin-left: 16.66667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333% } .offset-xl-5 { margin-left: 41.66667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333% } .offset-xl-8 { margin-left: 66.66667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333% } .offset-xl-11 { margin-left: 91.66667% } .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: .25rem } .g-xl-1, .gy-xl-1 { --bs-gutter-y: .25rem } .g-xl-2, .gx-xl-2 { --bs-gutter-x: .5rem } .g-xl-2, .gy-xl-2 { --bs-gutter-y: .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-auto { flex: 0 0 auto; width: auto } .col-xxl-1 { flex: 0 0 auto; width: 8.33333% } .col-xxl-2 { flex: 0 0 auto; width: 16.66667% } .col-xxl-3 { flex: 0 0 auto; width: 25% } .col-xxl-4 { flex: 0 0 auto; width: 33.33333% } .col-xxl-5 { flex: 0 0 auto; width: 41.66667% } .col-xxl-6 { flex: 0 0 auto; width: 50% } .col-xxl-7 { flex: 0 0 auto; width: 58.33333% } .col-xxl-8 { flex: 0 0 auto; width: 66.66667% } .col-xxl-9 { flex: 0 0 auto; width: 75% } .col-xxl-10 { flex: 0 0 auto; width: 83.33333% } .col-xxl-11 { flex: 0 0 auto; width: 91.66667% } .col-xxl-12 { flex: 0 0 auto; width: 100% } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.33333% } .offset-xxl-2 { margin-left: 16.66667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.33333% } .offset-xxl-5 { margin-left: 41.66667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.33333% } .offset-xxl-8 { margin-left: 66.66667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.33333% } .offset-xxl-11 { margin-left: 91.66667% } .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: .25rem } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: .25rem } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: .5rem } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: .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-bg: rgba(0, 0, 0, 0); --bs-table-accent-bg: rgba(0, 0, 0, 0); --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6 } .table>:not(caption)>*>* { padding: .5rem .5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg) } .table>tbody { vertical-align: inherit } .table>thead { vertical-align: bottom } .table>:not(:last-child)>:last-child>* { border-bottom-color: currentColor } .caption-top { caption-side: top } .table-sm>:not(caption)>*>* { padding: .25rem .25rem } .table-bordered>:not(caption)>* { border-width: 1px 0 } .table-bordered>:not(caption)>*>* { border-width: 0 1px } .table-borderless>:not(caption)>*>* { border-bottom-width: 0 } .table-striped>tbody>tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color) } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color) } .table-hover>tbody>tr:hover { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color) } .table-primary { --bs-table-bg: #cfe2ff; --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; color: #000; border-color: #bacbe6 } .table-secondary { --bs-table-bg: #e2e3e5; --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; color: #000; border-color: #cbccce } .table-success { --bs-table-bg: #d1e7dd; --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; color: #000; border-color: #bcd0c7 } .table-info { --bs-table-bg: #cff4fc; --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; color: #000; border-color: #badce3 } .table-warning { --bs-table-bg: #fff3cd; --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; color: #000; border-color: #e6dbb9 } .table-danger { --bs-table-bg: #f8d7da; --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; color: #000; border-color: #dfc2c4 } .table-light { --bs-table-bg: #f8f9fa; --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; color: #000; border-color: #dfe0e1 } .table-dark { --bs-table-bg: #212529; --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; color: #fff; border-color: #373b3e } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch } } .form-label { margin-bottom: .5rem } .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem } .form-text { margin-top: .25rem; font-size: .875em; color: #6c757d } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out } @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 { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25) } .form-control::-webkit-date-and-time-value { height: 1.5em } .form-control::-moz-placeholder { color: #6c757d; opacity: 1 } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1 } .form-control::file-selector-button { padding: .375rem .75rem; margin: -.375rem -.75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3 } .form-control::-webkit-file-upload-button { padding: .375rem .75rem; margin: -.375rem -.75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-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; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3 } .form-control-plaintext { display: block; width: 100%; padding: .375rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0 } .form-control-sm { min-height: calc(1.5em + (.5rem + 2px)); padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .form-control-sm::file-selector-button { padding: .25rem .5rem; margin: -.25rem -.5rem; margin-inline-end: .5rem } .form-control-sm::-webkit-file-upload-button { padding: .25rem .5rem; margin: -.25rem -.5rem; margin-inline-end: .5rem } .form-control-lg { min-height: calc(1.5em + (1rem + 2px)); padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .form-control-lg::file-selector-button { padding: .5rem 1rem; margin: -.5rem -1rem; margin-inline-end: 1rem } .form-control-lg::-webkit-file-upload-button { padding: .5rem 1rem; margin: -.5rem -1rem; margin-inline-end: 1rem } textarea.form-control { min-height: calc(1.5em + (.75rem + 2px)) } textarea.form-control-sm { min-height: calc(1.5em + (.5rem + 2px)) } textarea.form-control-lg { min-height: calc(1.5em + (1rem + 2px)) } .form-control-color { max-width: 3rem; height: auto; padding: .375rem } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: .25rem } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: .25rem } .form-select { display: block; width: 100%; padding: .375rem 2.25rem .375rem .75rem; -moz-padding-start: calc(.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%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 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion: reduce) { .form-select { transition: none } } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25) } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: .75rem; background-image: none } .form-select:disabled { background-color: #e9ecef } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529 } .form-select-sm { padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem } .form-select-lg { padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: .125rem } .form-check .form-check-input { float: left; margin-left: -1.5em } .form-check-input { width: 1em; height: 1em; margin-top: .25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact } .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; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25) } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd } .form-check-input:checked[type="checkbox"] { background-image: url("data:image/svg+xml,%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 10l3 3l6-6'/%3e%3c/svg%3e") } .form-check-input:checked[type="radio"] { background-image: url("data:image/svg+xml,%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 { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%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") } .form-check-input:disabled { pointer-events: none; filter: none; opacity: .5 } .form-check-input[disabled]~.form-check-label, .form-check-input:disabled~.form-check-label { opacity: .5 } .form-switch { padding-left: 2.5em } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,0,0,0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%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 { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .form-check-inline { display: inline-block; margin-right: 1rem } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .btn-check[disabled]+.btn, .btn-check:disabled+.btn { pointer-events: none; filter: none; opacity: .65 } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .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, 0.25) } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, 0.25) } .form-range::-moz-focus-outer { border: 0 } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none } @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 { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none } @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 { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .form-range:disabled { pointer-events: none } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd } .form-floating { position: relative } .form-floating>.form-control, .form-floating>.form-select { height: calc(3.5rem + 2px); line-height: 1.25 } .form-floating>label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem .75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out } @media (prefers-reduced-motion: reduce) { .form-floating>label { transition: none } } .form-floating>.form-control { padding: 1rem .75rem } .form-floating>.form-control::-moz-placeholder { color: transparent } .form-floating>.form-control::placeholder { color: transparent } .form-floating>.form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-select { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-control:not(:-moz-placeholder-shown)~label { opacity: .65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem) } .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { opacity: .65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem) } .form-floating>.form-control:-webkit-autofill~label { opacity: .65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem) } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% } .input-group>.form-control, .input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0 } .input-group>.form-control:focus, .input-group>.form-select:focus { z-index: 3 } .input-group .btn { position: relative; z-index: 2 } .input-group .btn:focus { z-index: 3 } .input-group-text { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem } .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text, .input-group-lg>.btn { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text, .input-group-sm>.btn { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .input-group-lg>.form-select, .input-group-sm>.form-select { padding-right: 3rem } .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #198754 } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(25, 135, 84, 0.9); border-radius: .25rem } .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip, .is-valid~.valid-feedback, .is-valid~.valid-tooltip { display: block } .was-validated .form-control:valid, .form-control.is-valid { border-color: #198754; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 .25rem rgba(25, 135, 84, 0.25) } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .was-validated .form-select:valid, .form-select.is-valid { border-color: #198754 } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%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 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right .75rem center, center right 2.25rem; background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem) } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 .25rem rgba(25, 135, 84, 0.25) } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #198754 } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #198754 } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 .25rem rgba(25, 135, 84, 0.25) } .was-validated .form-check-input:valid~.form-check-label, .form-check-input.is-valid~.form-check-label { color: #198754 } .form-check-inline .form-check-input~.valid-feedback { margin-left: .5em } .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid { z-index: 1 } .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus { z-index: 3 } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #dc3545 } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: .25rem } .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip, .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip { display: block } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' 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-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .25rem rgba(220, 53, 69, 0.25) } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: #dc3545 } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%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 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' 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(.75em + .375rem) calc(.75em + .375rem) } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .25rem rgba(220, 53, 69, 0.25) } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #dc3545 } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #dc3545 } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 .25rem rgba(220, 53, 69, 0.25) } .was-validated .form-check-input:invalid~.form-check-label, .form-check-input.is-invalid~.form-check-label { color: #dc3545 } .form-check-inline .form-check-input~.invalid-feedback { margin-left: .5em } .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid { z-index: 2 } .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus { z-index: 3 } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; border-radius: .25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .btn { transition: none } } .btn:hover { color: #212529 } .btn-check:focus+.btn, .btn:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25) } .btn:disabled, .btn.disabled, fieldset:disabled .btn { pointer-events: none; opacity: .65 } .btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca } .btn-check:focus+.btn-primary, .btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; box-shadow: 0 0 0 .25rem rgba(49, 132, 253, 0.5) } .btn-check:checked+.btn-primary, .btn-check:active+.btn-primary, .btn-primary:active, .btn-primary.active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be } .btn-check:checked+.btn-primary:focus, .btn-check:active+.btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(49, 132, 253, 0.5) } .btn-primary:disabled, .btn-primary.disabled { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64 } .btn-check:focus+.btn-secondary, .btn-secondary:focus { color: #fff; background-color: #5c636a; border-color: #565e64; box-shadow: 0 0 0 .25rem rgba(130, 138, 145, 0.5) } .btn-check:checked+.btn-secondary, .btn-check:active+.btn-secondary, .btn-secondary:active, .btn-secondary.active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #565e64; border-color: #51585e } .btn-check:checked+.btn-secondary:focus, .btn-check:active+.btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(130, 138, 145, 0.5) } .btn-secondary:disabled, .btn-secondary.disabled { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-success { color: #fff; background-color: #198754; border-color: #198754 } .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43 } .btn-check:focus+.btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; box-shadow: 0 0 0 .25rem rgba(60, 153, 110, 0.5) } .btn-check:checked+.btn-success, .btn-check:active+.btn-success, .btn-success:active, .btn-success.active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f } .btn-check:checked+.btn-success:focus, .btn-check:active+.btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show>.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(60, 153, 110, 0.5) } .btn-success:disabled, .btn-success.disabled { color: #fff; background-color: #198754; border-color: #198754 } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2 } .btn-check:focus+.btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; box-shadow: 0 0 0 .25rem rgba(11, 172, 204, 0.5) } .btn-check:checked+.btn-info, .btn-check:active+.btn-info, .btn-info:active, .btn-info.active, .show>.btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2 } .btn-check:checked+.btn-info:focus, .btn-check:active+.btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show>.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(11, 172, 204, 0.5) } .btn-info:disabled, .btn-info.disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720 } .btn-check:focus+.btn-warning, .btn-warning:focus { color: #000; background-color: #ffca2c; border-color: #ffc720; box-shadow: 0 0 0 .25rem rgba(217, 164, 6, 0.5) } .btn-check:checked+.btn-warning, .btn-check:active+.btn-warning, .btn-warning:active, .btn-warning.active, .show>.btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720 } .btn-check:checked+.btn-warning:focus, .btn-check:active+.btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show>.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(217, 164, 6, 0.5) } .btn-warning:disabled, .btn-warning.disabled { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37 } .btn-check:focus+.btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; box-shadow: 0 0 0 .25rem rgba(225, 83, 97, 0.5) } .btn-check:checked+.btn-danger, .btn-check:active+.btn-danger, .btn-danger:active, .btn-danger.active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834 } .btn-check:checked+.btn-danger:focus, .btn-check:active+.btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(225, 83, 97, 0.5) } .btn-danger:disabled, .btn-danger.disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:focus+.btn-light, .btn-light:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 .25rem rgba(211, 212, 213, 0.5) } .btn-check:checked+.btn-light, .btn-check:active+.btn-light, .btn-light:active, .btn-light.active, .show>.btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:checked+.btn-light:focus, .btn-check:active+.btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(211, 212, 213, 0.5) } .btn-light:disabled, .btn-light.disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-dark { color: #fff; background-color: #212529; border-color: #212529 } .btn-dark:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21 } .btn-check:focus+.btn-dark, .btn-dark:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 .25rem rgba(66, 70, 73, 0.5) } .btn-check:checked+.btn-dark, .btn-check:active+.btn-dark, .btn-dark:active, .btn-dark.active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f } .btn-check:checked+.btn-dark:focus, .btn-check:active+.btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show>.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(66, 70, 73, 0.5) } .btn-dark:disabled, .btn-dark.disabled { color: #fff; background-color: #212529; border-color: #212529 } .btn-outline-primary { color: #0d6efd; border-color: #0d6efd } .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.5) } .btn-check:checked+.btn-outline-primary, .btn-check:active+.btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:checked+.btn-outline-primary:focus, .btn-check:active+.btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.5) } .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: #0d6efd; background-color: transparent } .btn-outline-secondary { color: #6c757d; border-color: #6c757d } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:focus+.btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 .25rem rgba(108, 117, 125, 0.5) } .btn-check:checked+.btn-outline-secondary, .btn-check:active+.btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:checked+.btn-outline-secondary:focus, .btn-check:active+.btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 .25rem rgba(108, 117, 125, 0.5) } .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { color: #6c757d; background-color: transparent } .btn-outline-success { color: #198754; border-color: #198754 } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:focus+.btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 .25rem rgba(25, 135, 84, 0.5) } .btn-check:checked+.btn-outline-success, .btn-check:active+.btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:checked+.btn-outline-success:focus, .btn-check:active+.btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { box-shadow: 0 0 0 .25rem rgba(25, 135, 84, 0.5) } .btn-outline-success:disabled, .btn-outline-success.disabled { color: #198754; background-color: transparent } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0 } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:focus+.btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 .25rem rgba(13, 202, 240, 0.5) } .btn-check:checked+.btn-outline-info, .btn-check:active+.btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:checked+.btn-outline-info:focus, .btn-check:active+.btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { box-shadow: 0 0 0 .25rem rgba(13, 202, 240, 0.5) } .btn-outline-info:disabled, .btn-outline-info.disabled { color: #0dcaf0; background-color: transparent } .btn-outline-warning { color: #ffc107; border-color: #ffc107 } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:focus+.btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 .25rem rgba(255, 193, 7, 0.5) } .btn-check:checked+.btn-outline-warning, .btn-check:active+.btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:checked+.btn-outline-warning:focus, .btn-check:active+.btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { box-shadow: 0 0 0 .25rem rgba(255, 193, 7, 0.5) } .btn-outline-warning:disabled, .btn-outline-warning.disabled { color: #ffc107; background-color: transparent } .btn-outline-danger { color: #dc3545; border-color: #dc3545 } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:focus+.btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 .25rem rgba(220, 53, 69, 0.5) } .btn-check:checked+.btn-outline-danger, .btn-check:active+.btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:checked+.btn-outline-danger:focus, .btn-check:active+.btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { box-shadow: 0 0 0 .25rem rgba(220, 53, 69, 0.5) } .btn-outline-danger:disabled, .btn-outline-danger.disabled { color: #dc3545; background-color: transparent } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:focus+.btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 .25rem rgba(248, 249, 250, 0.5) } .btn-check:checked+.btn-outline-light, .btn-check:active+.btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:checked+.btn-outline-light:focus, .btn-check:active+.btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { box-shadow: 0 0 0 .25rem rgba(248, 249, 250, 0.5) } .btn-outline-light:disabled, .btn-outline-light.disabled { color: #f8f9fa; background-color: transparent } .btn-outline-dark { color: #212529; border-color: #212529 } .btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:focus+.btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 .25rem rgba(33, 37, 41, 0.5) } .btn-check:checked+.btn-outline-dark, .btn-check:active+.btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:checked+.btn-outline-dark:focus, .btn-check:active+.btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { box-shadow: 0 0 0 .25rem rgba(33, 37, 41, 0.5) } .btn-outline-dark:disabled, .btn-outline-dark.disabled { color: #212529; background-color: transparent } .btn-link { font-weight: 400; color: #0d6efd; text-decoration: underline } .btn-link:hover { color: #0a58ca } .btn-link:disabled, .btn-link.disabled { color: #6c757d } .btn-lg, .btn-group-lg>.btn { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .btn-sm, .btn-group-sm>.btn { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .fade { transition: opacity 0.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 0.35s ease } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none } } .dropup, .dropend, .dropdown, .dropstart { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent } .dropdown-toggle:empty::after { margin-left: 0 } .dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: .5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: .25rem } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: .125rem } .dropdown-menu-start { --bs-position: start } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-end { --bs-position: end } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-sm-end { --bs-position: end } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-md-end { --bs-position: end } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-lg-end { --bs-position: end } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xl-end { --bs-position: end } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xxl-end { --bs-position: end } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent } .dropup .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem } .dropend .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid } .dropend .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-toggle::after { vertical-align: 0 } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: "" } .dropstart .dropdown-toggle::after { display: none } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropstart .dropdown-toggle:empty::after { margin-left: 0 } .dropstart .dropdown-toggle::before { vertical-align: 0 } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.15) } .dropdown-item { display: block; width: 100%; padding: .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:hover, .dropdown-item:focus { color: #1e2125; background-color: #e9ecef } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: .5rem 1rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap } .dropdown-item-text { display: block; padding: .25rem 1rem; color: #212529 } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0, 0, 0, 0.15) } .dropdown-menu-dark .dropdown-item { color: #dee2e6 } .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { color: #fff; background-color: rgba(255, 255, 255, 0.15) } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #0d6efd } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0, 0, 0, 0.15) } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6 } .dropdown-menu-dark .dropdown-header { color: #adb5bd } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle } .btn-group>.btn, .btn-group-vertical>.btn { position: relative; flex: 1 1 auto } .btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn-check:checked+.btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn:hover, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group>.btn:not(:first-child), .btn-group>.btn-group:not(:first-child) { margin-left: -1px } .btn-group>.btn:not(:last-child):not(.dropdown-toggle), .btn-group>.btn-group:not(:last-child)>.btn { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn, .btn-group>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0 } .dropstart .dropdown-toggle-split::before { margin-right: 0 } .btn-sm+.dropdown-toggle-split, .btn-group-sm>.btn+.dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-lg+.dropdown-toggle-split, .btn-group-lg>.btn+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { width: 100% } .btn-group-vertical>.btn:not(:first-child), .btn-group-vertical>.btn-group:not(:first-child) { margin-top: -1px } .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical>.btn-group:not(:last-child)>.btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn~.btn, .btn-group-vertical>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-top-right-radius: 0 } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem; color: #0d6efd; text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none } } .nav-link:hover, .nav-link:focus { color: #0a58ca } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #dee2e6 } .nav-tabs .nav-link { margin-bottom: -1px; background: none; border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; isolation: isolate } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-pills .nav-link { background: none; border: 0; border-radius: .25rem } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: #0d6efd } .nav-fill>.nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center } .nav-justified>.nav-link, .nav-justified .nav-item { 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 { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: .5rem; padding-bottom: .5rem } .navbar>.container, .navbar>.container-fluid, .navbar>.container-sm, .navbar>.container-md, .navbar>.container-lg, .navbar>.container-xl, .navbar>.container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between } .navbar-brand { padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link { padding-right: 0; padding-left: 0 } .navbar-nav .dropdown-menu { position: static } .navbar-text { padding-top: .5rem; padding-bottom: .5rem } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem; transition: box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none } } .navbar-toggler:hover { text-decoration: none } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 .25rem } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100% } .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-right: .5rem; padding-left: .5rem } .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 } } @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-right: .5rem; padding-left: .5rem } .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 } } @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-right: .5rem; padding-left: .5rem } .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 } } @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-right: .5rem; padding-left: .5rem } .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 } } @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-right: .5rem; padding-left: .5rem } .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 { 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-right: .5rem; padding-left: .5rem } .navbar-expand .navbar-nav-scroll { overflow: visible } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9) } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9) } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.55) } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3) } .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9) } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.55); border-color: rgba(0, 0, 0, 0.1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.55) } .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9) } .navbar-dark .navbar-brand { color: #fff } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.55) } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75) } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25) } .navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .nav-link.active { color: #fff } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); border-color: rgba(255, 255, 255, 0.1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.55) } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: .25rem } .card>hr { margin-right: 0; margin-left: 0 } .card>.list-group { border-top: inherit; border-bottom: inherit } .card>.list-group:first-child { border-top-width: 0; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card>.card-header+.list-group, .card>.list-group+.card-footer { border-top: 0 } .card-body { flex: 1 1 auto; padding: 1rem 1rem } .card-title { margin-bottom: .5rem } .card-subtitle { margin-top: -.25rem; margin-bottom: 0 } .card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link+.card-link { margin-left: 1rem } .card-header { padding: .5rem 1rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125) } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 } .card-footer { padding: .5rem 1rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125) } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) } .card-header-tabs { margin-right: -.5rem; margin-bottom: -.5rem; margin-left: -.5rem; border-bottom: 0 } .card-header-pills { margin-right: -.5rem; margin-left: -.5rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(.25rem - 1px) } .card-img, .card-img-top, .card-img-bottom { width: 100% } .card-img, .card-img-top { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card-img, .card-img-bottom { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card-group>.card { margin-bottom: .75rem } @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 { margin-left: 0; border-left: 0 } .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group>.card:not(:last-child) .card-img-top, .card-group>.card:not(:last-child) .card-header { border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-img-bottom, .card-group>.card:not(:last-child) .card-footer { border-bottom-right-radius: 0 } .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group>.card:not(:first-child) .card-img-top, .card-group>.card:not(:first-child) .card-header { border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-img-bottom, .card-group>.card:not(:first-child) .card-footer { border-bottom-left-radius: 0 } } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; 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 } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none } } .accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125) } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%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"); transform: rotate(-180deg) } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%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"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform 0.2s ease-in-out } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none } } .accordion-button:hover { z-index: 2 } .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25) } .accordion-header { margin-bottom: 0 } .accordion-item { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125) } .accordion-item:first-of-type { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .accordion-item:first-of-type .accordion-button { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .accordion-item:not(:first-of-type) { border-top: 0 } .accordion-item:last-of-type { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .accordion-body { padding: 1rem 1.25rem } .accordion-flush .accordion-collapse { border-width: 0 } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 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 { border-radius: 0 } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none } .breadcrumb-item+.breadcrumb-item { padding-left: .5rem } .breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: .5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */ } .breadcrumb-item.active { color: #6c757d } .pagination { display: flex; padding-left: 0; list-style: none } .page-link { position: relative; display: block; color: #0d6efd; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .page-link { transition: none } } .page-link:hover { z-index: 2; color: #0a58ca; background-color: #e9ecef; border-color: #dee2e6 } .page-link:focus { z-index: 3; color: #0a58ca; background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25) } .page-item:not(:first-child) .page-link { margin-left: -1px } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #0d6efd; border-color: #0d6efd } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6 } .page-link { padding: .375rem .75rem } .page-item:first-child .page-link { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem } .badge { display: inline-block; padding: .35em .65em; font-size: .75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 3rem } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem } .alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe } .alert-primary .alert-link { color: #06357a } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8 } .alert-secondary .alert-link { color: #34383c } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc } .alert-success .alert-link { color: #0c4128 } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb } .alert-info .alert-link { color: #04414d } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5 } .alert-warning .alert-link { color: #523e02 } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7 } .alert-danger .alert-link { color: #6a1a21 } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe } .alert-light .alert-link { color: #4f5050 } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf } .alert-dark .alert-link { color: #101214 } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #0d6efd; transition: width 0.6s ease } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: .25rem } .list-group-numbered { list-style-type: none; counter-reset: section } .list-group-numbered>li::before { content: counters(section, ".") ". "; counter-increment: section } .list-group-item-action { width: 100%; color: #495057; text-align: inherit } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa } .list-group-item-action:active { color: #212529; background-color: #e9ecef } .list-group-item { position: relative; display: block; padding: .5rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125) } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff } .list-group-item.active { z-index: 2; color: #fff; background-color: #0d6efd; border-color: #0d6efd } .list-group-item+.list-group-item { border-top-width: 0 } .list-group-item+.list-group-item.active { margin-top: -1px; border-top-width: 1px } .list-group-horizontal { flex-direction: row } .list-group-horizontal>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal>.list-group-item.active { margin-top: 0 } .list-group-horizontal>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row } .list-group-horizontal-sm>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-sm>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row } .list-group-horizontal-md>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-md>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-md>.list-group-item.active { margin-top: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row } .list-group-horizontal-lg>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-lg>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row } .list-group-horizontal-xl>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xl>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row } .list-group-horizontal-xxl>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xxl>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xxl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xxl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } .list-group-flush { border-radius: 0 } .list-group-flush>.list-group-item { border-width: 0 0 1px } .list-group-flush>.list-group-item:last-child { border-bottom-width: 0 } .list-group-item-primary { color: #084298; background-color: #cfe2ff } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #084298; background-color: #bacbe6 } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298 } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5 } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #41464b; background-color: #cbccce } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b } .list-group-item-success { color: #0f5132; background-color: #d1e7dd } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0f5132; background-color: #bcd0c7 } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132 } .list-group-item-info { color: #055160; background-color: #cff4fc } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #055160; background-color: #badce3 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160 } .list-group-item-warning { color: #664d03; background-color: #fff3cd } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #664d03; background-color: #e6dbb9 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03 } .list-group-item-danger { color: #842029; background-color: #f8d7da } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #842029; background-color: #dfc2c4 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029 } .list-group-item-light { color: #636464; background-color: #fefefe } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #636464; background-color: #e5e5e5 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464 } .list-group-item-dark { color: #141619; background-color: #d3d3d4 } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #141619; background-color: #bebebf } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619 } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: .25rem; opacity: .5 } .btn-close:hover { color: #000; text-decoration: none; opacity: .75 } .btn-close:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25); opacity: 1 } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: .25 } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%) } .toast { width: 350px; max-width: 100%; font-size: .875rem; pointer-events: auto; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: .25rem } .toast:not(.showing):not(.show) { opacity: 0 } .toast.hide { display: none } .toast-container { width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none } .toast-container>:not(:last-child) { margin-bottom: .75rem } .toast-header { display: flex; align-items: center; padding: .5rem .75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .toast-header .btn-close { margin-right: -.375rem; margin-left: .75rem } .toast-body { padding: .75rem; word-wrap: break-word } .modal { position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px) } @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% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem) } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .modal-header .btn-close { padding: .5rem .5rem; margin: -.5rem -.5rem -.5rem auto } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px) } .modal-footer>* { margin: .25rem } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto } .modal-dialog-scrollable { height: calc(100% - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-sm { max-width: 300px } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen .modal-header { border-radius: 0 } .modal-fullscreen .modal-body { overflow-y: auto } .modal-fullscreen .modal-footer { border-radius: 0 } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-sm-down .modal-header { border-radius: 0 } .modal-fullscreen-sm-down .modal-body { overflow-y: auto } .modal-fullscreen-sm-down .modal-footer { border-radius: 0 } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-md-down .modal-header { border-radius: 0 } .modal-fullscreen-md-down .modal-body { overflow-y: auto } .modal-fullscreen-md-down .modal-footer { border-radius: 0 } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-lg-down .modal-header { border-radius: 0 } .modal-fullscreen-lg-down .modal-body { overflow-y: auto } .modal-fullscreen-lg-down .modal-footer { border-radius: 0 } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xl-down .modal-header { border-radius: 0 } .modal-fullscreen-xl-down .modal-body { overflow-y: auto } .modal-fullscreen-xl-down .modal-footer { border-radius: 0 } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xxl-down .modal-header { border-radius: 0 } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0 } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen .modal-header { border-radius: 0 } .modal-fullscreen .modal-body { overflow-y: auto } .modal-fullscreen .modal-footer { border-radius: 0 } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-sm-down .modal-header { border-radius: 0 } .modal-fullscreen-sm-down .modal-body { overflow-y: auto } .modal-fullscreen-sm-down .modal-footer { border-radius: 0 } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-md-down .modal-header { border-radius: 0 } .modal-fullscreen-md-down .modal-body { overflow-y: auto } .modal-fullscreen-md-down .modal-footer { border-radius: 0 } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-lg-down .modal-header { border-radius: 0 } .modal-fullscreen-lg-down .modal-body { overflow-y: auto } .modal-fullscreen-lg-down .modal-footer { border-radius: 0 } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xl-down .modal-header { border-radius: 0 } .modal-fullscreen-xl-down .modal-body { overflow-y: auto } .modal-fullscreen-xl-down .modal-footer { border-radius: 0 } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xxl-down .modal-header { border-radius: 0 } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0 } } .tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: .9 } .tooltip .tooltip-arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^="top"] { padding: .4rem 0 } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { bottom: 0 } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { top: -1px; border-width: .4rem .4rem 0; border-top-color: #000 } .bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^="right"] { padding: 0 .4rem } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { right: -1px; border-width: .4rem .4rem .4rem 0; border-right-color: #000 } .bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^="bottom"] { padding: .4rem 0 } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { top: 0 } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { bottom: -1px; border-width: 0 .4rem .4rem; border-bottom-color: #000 } .bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^="left"] { padding: 0 .4rem } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { left: -1px; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem } .popover { position: absolute; top: 0; left: 0 /* rtl:ignore */ ; z-index: 1070; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: .3rem } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: .5rem } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-top>.popover-arrow, .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow { bottom: calc(-.5rem - 1px) } .bs-popover-top>.popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0, 0, 0, 0.25) } .bs-popover-top>.popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff } .bs-popover-end>.popover-arrow, .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow { left: calc(-.5rem - 1px); width: .5rem; height: 1rem } .bs-popover-end>.popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0, 0, 0, 0.25) } .bs-popover-end>.popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff } .bs-popover-bottom>.popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow { top: calc(-.5rem - 1px) } .bs-popover-bottom>.popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before { top: 0; border-width: 0 .5rem .5rem .5rem; border-bottom-color: rgba(0, 0, 0, 0.25) } .bs-popover-bottom>.popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after { top: 1px; border-width: 0 .5rem .5rem .5rem; border-bottom-color: #fff } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f0f0f0 } .bs-popover-start>.popover-arrow, .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow { right: calc(-.5rem - 1px); width: .5rem; height: 1rem } .bs-popover-start>.popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0, 0, 0, 0.25) } .bs-popover-start>.popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff } .popover-header { padding: .5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .popover-header:empty { display: none } .popover-body { padding: 1rem 1rem; color: #212529 } .carousel { position: relative } .carousel.pointer-event { touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner::after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform .6s ease-in-out } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block } .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%) } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s .6s } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: .5; transition: opacity 0.15s ease } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100% } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%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,%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 { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100) } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000 } .carousel-dark .carousel-caption { color: #000 } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */ } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -.125em; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: .75s linear infinite spinner-border } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em } @keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -.125em; background-color: currentColor; border-radius: 50%; opacity: 0; animation: .75s linear infinite spinner-grow } .spinner-grow-sm { width: 1rem; height: 1rem } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s } } .offcanvas { position: fixed; bottom: 0; z-index: 1050; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none } } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem } .offcanvas-header .btn-close { padding: .5rem .5rem; margin-top: -.5rem; margin-right: -.5rem; margin-bottom: -.5rem } .offcanvas-title { margin-bottom: 0; line-height: 1.5 } .offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(-100%) } .offcanvas-end { top: 0; right: 0; width: 400px; border-left: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(100%) } .offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(-100%) } .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(100%) } .offcanvas.show { transform: none } .clearfix::after { display: block; clear: both; content: "" } .link-primary { color: #0d6efd } .link-primary:hover, .link-primary:focus { color: #0a58ca } .link-secondary { color: #6c757d } .link-secondary:hover, .link-secondary:focus { color: #565e64 } .link-success { color: #198754 } .link-success:hover, .link-success:focus { color: #146c43 } .link-info { color: #0dcaf0 } .link-info:hover, .link-info:focus { color: #3dd5f3 } .link-warning { color: #ffc107 } .link-warning:hover, .link-warning:focus { color: #ffcd39 } .link-danger { color: #dc3545 } .link-danger:hover, .link-danger:focus { color: #b02a37 } .link-light { color: #f8f9fa } .link-light:hover, .link-light:focus { color: #f9fafb } .link-dark { color: #212529 } .link-dark:hover, .link-dark:focus { color: #1a1e21 } .ratio { position: relative; width: 100% } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: "" } .ratio>* { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .ratio-1x1 { --bs-aspect-ratio: 100% } .ratio-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%) } .ratio-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%) } .ratio-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%) } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } .sticky-top { position: sticky; top: 0; z-index: 1020 } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020 } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020 } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020 } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020 } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020 } } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: "" } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .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 } .overflow-auto { overflow: auto !important } .overflow-hidden { overflow: hidden !important } .overflow-visible { overflow: visible !important } .overflow-scroll { overflow: 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-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: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important } .shadow-none { box-shadow: none !important } .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: 1px solid #dee2e6 !important } .border-0 { border: 0 !important } .border-top { border-top: 1px solid #dee2e6 !important } .border-top-0 { border-top: 0 !important } .border-end { border-right: 1px solid #dee2e6 !important } .border-end-0 { border-right: 0 !important } .border-bottom { border-bottom: 1px solid #dee2e6 !important } .border-bottom-0 { border-bottom: 0 !important } .border-start { border-left: 1px solid #dee2e6 !important } .border-start-0 { border-left: 0 !important } .border-primary { border-color: #0d6efd !important } .border-secondary { border-color: #6c757d !important } .border-success { border-color: #198754 !important } .border-info { border-color: #0dcaf0 !important } .border-warning { border-color: #ffc107 !important } .border-danger { border-color: #dc3545 !important } .border-light { border-color: #f8f9fa !important } .border-dark { border-color: #212529 !important } .border-white { border-color: #fff !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 } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .mw-100 { max-width: 100% !important } .vw-100 { width: 100vw !important } .min-vw-100 { min-width: 100vw !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .mh-100 { max-height: 100% !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 } .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 } .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 } .m-0 { margin: 0 !important } .m-1 { margin: .25rem !important } .m-2 { margin: .5rem !important } .m-3 { margin: 1rem !important } .m-4 { margin: 1.5rem !important } .m-5 { margin: 3rem !important } .m-auto { margin: auto !important } .mx-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-auto { margin-right: auto !important; margin-left: auto !important } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-auto { margin-top: auto !important; margin-bottom: 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 } .p-0 { padding: 0 !important } .p-1 { padding: .25rem !important } .p-2 { padding: .5rem !important } .p-3 { padding: 1rem !important } .p-4 { padding: 1.5rem !important } .p-5 { padding: 3rem !important } .px-0 { padding-right: 0 !important; padding-left: 0 !important } .px-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-5 { padding-top: 3rem !important; padding-bottom: 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 } .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-light { font-weight: 300 !important } .fw-lighter { font-weight: lighter !important } .fw-normal { font-weight: 400 !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.5 !important } .lh-lg { line-height: 2 !important } .text-start { text-align: left !important } .text-end { text-align: right !important } .text-center { text-align: center !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-nowrap { white-space: nowrap !important } .text-break { word-wrap: break-word !important; word-break: break-word !important } .text-primary { color: #0d6efd !important } .text-secondary { color: #6c757d !important } .text-success { color: #198754 !important } .text-info { color: #0dcaf0 !important } .text-warning { color: #ffc107 !important } .text-danger { color: #dc3545 !important } .text-light { color: #f8f9fa !important } .text-dark { color: #212529 !important } .text-white { color: #fff !important } .text-body { color: #212529 !important } .text-muted { color: #6c757d !important } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important } .text-reset { color: inherit !important } .bg-primary { background-color: #0d6efd !important } .bg-secondary { background-color: #6c757d !important } .bg-success { background-color: #198754 !important } .bg-info { background-color: #0dcaf0 !important } .bg-warning { background-color: #ffc107 !important } .bg-danger { background-color: #dc3545 !important } .bg-light { background-color: #f8f9fa !important } .bg-dark { background-color: #212529 !important } .bg-body { background-color: #fff !important } .bg-white { background-color: #fff !important } .bg-transparent { background-color: rgba(0, 0, 0, 0) !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: .25rem !important } .rounded-0 { border-radius: 0 !important } .rounded-1 { border-radius: .2rem !important } .rounded-2 { border-radius: .25rem !important } .rounded-3 { border-radius: .3rem !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: 50rem !important } .rounded-top { border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important } .rounded-end { border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important } .rounded-bottom { border-bottom-right-radius: .25rem !important; border-bottom-left-radius: .25rem !important } .rounded-start { border-bottom-left-radius: .25rem !important; border-top-left-radius: .25rem !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } @media (min-width: 576px) { .float-sm-start { float: left !important } .float-sm-end { float: right !important } .float-sm-none { float: 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-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 } .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 } .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-right: 0 !important; margin-left: 0 !important } .mx-sm-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-sm-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-sm-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-sm-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-sm-auto { margin-top: auto !important; margin-bottom: 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-right: 0 !important; padding-left: 0 !important } .px-sm-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-sm-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-sm-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-sm-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 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 } .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 } .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-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 } .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 } .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-right: 0 !important; margin-left: 0 !important } .mx-md-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-md-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-md-auto { margin-right: auto !important; margin-left: auto !important } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-md-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-md-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-md-auto { margin-top: auto !important; margin-bottom: 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-right: 0 !important; padding-left: 0 !important } .px-md-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-md-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-md-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-md-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-md-5 { padding-top: 3rem !important; padding-bottom: 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 } .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 } .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-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 } .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 } .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-right: 0 !important; margin-left: 0 !important } .mx-lg-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-lg-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-lg-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-lg-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-lg-auto { margin-top: auto !important; margin-bottom: 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-right: 0 !important; padding-left: 0 !important } .px-lg-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-lg-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-lg-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-lg-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 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 } .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 } .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-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 } .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 } .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-right: 0 !important; margin-left: 0 !important } .mx-xl-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-xl-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-xl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-xl-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-xl-auto { margin-top: auto !important; margin-bottom: 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-right: 0 !important; padding-left: 0 !important } .px-xl-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-xl-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-xl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-xl-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 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 } .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 } .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-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 } .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 } .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-right: 0 !important; margin-left: 0 !important } .mx-xxl-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-xxl-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-xxl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-xxl-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-xxl-auto { margin-top: auto !important; margin-bottom: 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-right: 0 !important; padding-left: 0 !important } .px-xxl-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-xxl-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-xxl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-xxl-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 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 } .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-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 } } :root { --bs-gutter-x: 1rem; --bs-gutter-y: 1rem } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px) } 100% { opacity: 1; transform: translateY(0px) } } @keyframes placeholderShimmer { 0% { background-position: -1200px 0 } 100% { background-position: 1200px 0 } } .header { position: sticky; z-index: 1030; top: 0; width: 100%; font-weight: 400; font-size: 0.875rem; background: #fff; /*  border-bottom: solid 1px #dee2e6 */ } @media (min-width: 992px) { .header { min-height: 115px } } .header .container { max-width: none } @media (min-width: 992px) { .header .container { padding: 0 3rem } } .header .top-bar { padding: 10px 0; background-color: #020843; color: #fff; fill: currentColor; transition: all 300ms linear 0s } @media (min-width: 992px) { .header .top-bar { padding: 0 } } .header .top-bar__inner { display: grid; align-items: center; grid-template-columns: 1fr 2fr } .header .top-bar__left { display: flex; align-items: center } .header .top-bar .slogan { line-height: 1; color: inherit; padding: 8px 0 } .header .main-bar { display: none; background-color: #010423; color: #fff } @media (min-width: 992px) { .header .main-bar { display: block } } .header .main-bar__inner { display: flex; justify-content: space-between; align-items: center; flex: 1; padding: 0 } .header .logo { width: 120px; margin: 10px 0; margin-right: 1.5rem; display: flex; justify-content: center } @media (max-width: 991.98px) { .header .logo { max-width: 100px } } .header .logo img { height: auto } @media (max-width: 575.98px) { .header .logo img { max-width: 90px } } @media (min-width: 992px) { .header .logo img[data-ratio="16:9"] { max-width: 120px } } @media (min-width: 992px) { .header .logo img[data-ratio="1:1"] { max-width: 60px } } .header-location { display: flex; align-items: center } .header-location input, .header-location .custom-select { border: none; background-color: transparent; border-radius: 0; color: #fff; font-size: 0.875rem; background-image: url("images/icon__map.svg"); background-repeat: no-repeat; background-position: left center; padding-left: 30px } .header-location input::-webkit-input-placeholder, .header-location .custom-select::-webkit-input-placeholder { color: #fff } .header-location input::-moz-placeholder, .header-location .custom-select::-moz-placeholder { color: #fff } .header-location input:-ms-input-placeholder, .header-location .custom-select:-ms-input-placeholder { color: #fff } .header-location input:-moz-placeholder, .header-location .custom-select:-moz-placeholder { color: #fff } .header-location input:focus, .header-location .custom-select:focus { background-color: transparent; color: #fff } .header-location__icon { margin-left: 1rem; width: 40px; cursor: pointer } .header .btn-mbl-menu { background: none; border: none; margin-right: 10px } @media (min-width: 1200px) { .header .btn-mbl-menu { display: none } } .quick-nav { display: flex; align-items: center; justify-content: flex-end; grid-gap: 1rem } @media (min-width: 992px) { .quick-nav { grid-gap: 1.5rem } } .quick-nav-item { display: block; padding: 0 } .quick-nav-item.item-desktop { display: none } @media (min-width: 992px) { .quick-nav-item.item-desktop { display: block } } .quick-nav-item.item-mobile { display: block } @media (min-width: 992px) { .quick-nav-item.item-mobile { display: none } } .quick-nav-link { margin: 0; padding: 6px 0; background: none; border: none; font-weight: 500; line-height: 1; display: flex; align-items: center; gap: 0.5rem; color: currentColor } .quick-nav-link:hover { text-decoration: none; color: var(--secondary-color) } .quick-nav-more::after { content: " ↓" } .quick-nav-pipe { margin-left: 1rem; position: relative } .quick-nav-pipe:before { content: ""; position: absolute; left: -21px; top: 0; bottom: 0; border-left: solid 1px #dee2e6 } .quick-nav .svg { color: currentColor; fill: currentColor } .quick-nav .txt { display: none } @media (min-width: 992px) { .quick-nav .txt { display: inherit } } .quick-nav .btn-cta { background-color: var(--secondary-color); color: var(--secondary-color-inverse); border: solid 1px var(--secondary-color); border-radius: 40px; padding: 0.5rem 1rem } .quick-nav .btn-cta:hover, .quick-nav .btn-cta:focus { text-decoration: none; background-color: var(--brand-color); color: var(--brand-color-inverse); border-color: var(--brand-color) } .quick-nav .btn-cta-outline { border: solid 1px var(--secondary-color); border-radius: 40px; color: var(--secondary-color); padding: 0.5rem 1rem } .quick-nav .btn-cta-outline:hover, .quick-nav .btn-cta-outline:focus { background-color: var(--secondary-color); color: var(--secondary-color-inverse); text-decoration: none; border-color: var(--secondary-color) } .nav-more { position: absolute; left: 0; right: 0; top: 58px; background-color: #fff; border-bottom: solid 1px #dee2e6; padding: 3rem 2rem } .nav-more ul { max-width: 1000px; margin: 0 auto; display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) } .button-cart { position: relative } .button-cart .cart-qty { position: absolute; left: 10px; top: 6px; background-color: var(--brand-color); color: var(--brand-color-inverse); font-size: 8px; border-radius: 50%; width: 12px; height: 12px; line-height: 12px; display: flex; align-items: center; justify-content: center } .dropdown.is-active .dropdown__target { pointer-events: auto } .btn-engagespot .sc-jOrMOR { border-radius: 50% !important } .btn-engagespot .sc-jOrMOR>svg { fill: var(--secondary-color); stroke: var(--secondary-color) !important } .navigation { width: 100%; margin: 0; display: flex; padding: 0; align-items: center; justify-content: space-between; color: currentColor } .navigation.less { justify-content: flex-start } .navigation-item { display: block; font-weight: 400; position: static; margin: 0 20px } .navigation-item:first-child { margin-left: 0; padding-left: 0 } .navigation-item .link__mobilenav { display: none } .navigation-item .subnav { display: block } .navigation-item .subnav-inner { position: absolute; top: 100%; left: 0; right: 0; width: 100%; opacity: 0; transform: translate(0, -1%); visibility: hidden; padding: 0; background-color: #fff; z-index: 998; transition: all 0.3s ease-in-out 0s; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); overflow: auto } .navigation-item.is-focus>a { color: var(--brand-color) } .navigation-item.is-focus .arrow { opacity: 1; visibility: visible } .navigation-item.is-focus .subnav-inner { opacity: 1; visibility: visible; transform: translate(0, 0) } .navigation-item.is-focus .subnav-inner .categories-cols { transform: translateY(0); opacity: 1; visibility: visible } .navigation-link { color: currentColor; display: block; overflow: hidden; padding: 1.625rem 0; position: relative; text-align: center; text-overflow: ellipsis; white-space: nowrap; line-height: 1; font-size: 0.9rem; font-weight: 600; border: none; background-color: transparent; background-image: linear-gradient(currentColor, currentColor); background-position: 50% 100%; background-repeat: no-repeat; background-size: 0% 2px; transition: background-size 0.3s } .navigation-link:hover, .navigation-link.active, .navigation-link:focus { color: var(--brand-color); text-decoration: none; background-size: 100% 2px } .navigation-link:hover a, .navigation-link.active a, .navigation-link:focus a { background-size: 100% 2px; color: var(--brand-color) } .navigation .more .svg { width: 24px; height: 17px } .navigation .categories-container { margin: 0 auto; padding-top: 1.5rem; padding-bottom: 1.5rem; display: flex } .navs_toggle { cursor: pointer; display: none; height: 22px; line-height: 1; width: 30px; z-index: 1 } .navs_toggle span { background: #000; border-radius: 3px; display: block; margin-bottom: 5px; transition: 0.3s all ease; height: 3px; width: 30px } .navs_toggle span:nth-child(1) { width: 25px } .navs_toggle:hover span:nth-child(3) { width: 25px } .navs_toggle:hover span:nth-child(2) { width: 30px } .navs_toggle:hover span:nth-child(1) { width: 20px } .categories-block { flex: 1; margin: 0 auto; -moz-columns: 4 auto; columns: 4 auto } @media (max-width: 991.98px) { .categories-block { padding: 0.5rem 0 } } .categories-block .categories-cols { display: inline-block; vertical-align: top; padding-right: 1rem; margin-bottom: 1rem; min-width: 250px; transition-delay: 0.4s; transform: translateY(30px); opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out 0s } .categories-block .categories-cols .categories-list { list-style: none; margin: 0 } .categories-block .categories-cols .categories-list-item { display: flex } .categories-block .categories-cols .categories-list-link { font-weight: 400; color: rgba(0, 0, 0, 0.97); text-transform: none; padding: 4px 0; position: relative } .categories-block .categories-cols .categories-list-link:after { transition: all 0.5s ease; position: absolute; right: -0.5rem; opacity: 0; content: "→" } .categories-block .categories-cols .categories-list-link:hover { color: var(--brand-color); text-decoration: none } .categories-block .categories-cols .categories-list-link:hover:after { transition: all 0.5s ease; right: -1rem; width: auto; opacity: 1 } .categories-block .categories-cols .categories-list-head { color: var(--brand-color); font-weight: 600 } @media (max-width: 991.98px) { .navs_toggle { display: inline-block } .navs_toggle:after { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background-color: rgba(13, 17, 55, 0.8); opacity: 0; visibility: hidden; pointer-events: none; content: ""; transition: 0.3s ease-in-out all } .navs_toggle.is-focus:after { opacity: 1; visibility: visible; pointer-events: auto } body.toggled_left .common_overlay { opacity: 1; visibility: visible; transform: translateY(0%); transition: opacity 0.5s, transform 0.5s } body.toggled_left .navigation-wrapper { opacity: 1; transform: translate(0px, 0px) } .navigation-wrapper { background: #fff; bottom: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); left: 0; opacity: 0; overflow: auto; padding: 0; position: fixed; top: 0; transform: translate(-100%, 0px); transition: all 300ms ease 0s; width: 260px; z-index: 110 } .navigation { margin: 0; width: 100%; padding: 0; flex-direction: column; justify-content: flex-start; display: block } .navigation-item { display: block; float: none; width: auto; margin: 0; padding: 0; position: relative; border-bottom: solid 1px var(#dee2e6) } .navigation-item .link__mobilenav { bottom: 0; cursor: pointer; display: block; opacity: 1; position: absolute; right: 0; top: 0; visibility: visible; width: 40px; z-index: 1 } .navigation-item .link__mobilenav:before, .navigation-item .link__mobilenav:after { background: #000; content: ""; height: 2px; left: 14px; position: absolute; top: 15px; width: 12px } .navigation-item .link__mobilenav:after { transform: rotate(90deg) } .navigation-item .link__mobilenav.is-focus:after { content: normal } .navigation-item .subnav { display: none; position: relative; width: 100% } .navigation-item .subnav-inner { background: #fff; border-top: none; box-shadow: none; display: inline-block; opacity: 1; position: relative; top: 0; visibility: visible; width: 100%; transform: none; padding: 0 } .navigation-link { text-align: left; color: inherit; display: block; padding: 20px 15px; position: relative; overflow: visible; height: auto } .navigation-link:after, .navigation-link:before { content: normal } .categories-block { flex-direction: column } .categories-block .categories-cols { min-width: auto; opacity: 1; padding: 0 0 10px 0 } } .category-media { text-align: center; color: var(--brand-color); font-weight: 600; margin-left: auto; max-width: 300px; padding: 0 } .category-media figcaption { padding: 0.5rem 0; text-decoration: underline; display: inline-block } @media (min-width: 992px) { .is-mobile { display: none } } .mobile-actions { font-size: 0.8rem; display: none } @media (max-width: 991.98px) { .mobile-actions { background-color: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); box-shadow: 0 -10px 30px 0 rgba(111, 111, 111, 0.1); display: flex; align-items: center; flex-flow: row nowrap; justify-content: space-between; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1030 } .mobile-actions-item { flex: 1 1 0% } .mobile-actions-link { margin: 0 auto; border: none; background-color: transparent; padding: 1rem 10px; display: flex; align-items: center; flex-direction: column; color: rgba(0, 0, 0, 0.97) } .mobile-actions-link .svg { width: 20px; height: 20px; fill: var(--secondary-color) } .mobile-actions-link:hover { color: currentColor } } .mobile-actions .txt { font-weight: 600; margin-top: 5px } .offcanvas-mbl { max-width: 320px } .offcanvas-mbl .offcanvas-body { position: relative; padding: 0 } .offcanvas-mbl .offcanvas-foot { padding: 1rem } .offcanvas-mbl .btn-close { position: absolute; right: 0; top: 0; margin: 1rem } .profile { background-color: #f3f4f5; color: rgba(0, 0, 0, 0.97); padding: 1rem 2rem; display: flex; align-items: center; flex-direction: row; grid-gap: 1rem; font-size: 0.8rem } .profile-image { margin-bottom: 1rem } .profile-avatar { border-radius: 50%; max-width: 80px; box-shadow: 0 0px 2px rgba(0, 0, 0, 0.33) } .profile-name { font-weight: 500; font-size: 1rem } .profile-email, .profile-phone { font-weight: 300; font-size: 0.8rem } .account-nav { display: flex; flex-direction: column; font-size: 1rem } .account-nav-item { border-bottom: solid 1px #dee2e6 } .account-nav-link { display: flex; align-items: center; justify-content: space-between; padding: 1rem 2rem } .account-nav .icon { display: inline-block; font-size: inherit; font-style: normal; height: 1em; position: relative; text-indent: -9999px; vertical-align: middle; width: 1em; font-size: 0.8rem; transform: scale(1); margin-left: auto } .account-nav .icon::before { content: ""; display: block; left: 50%; position: absolute; top: 50%; border: 0.1rem solid currentColor; border-bottom: 0; border-right: 0; height: 0.65em; width: 0.65em; transform: translate(-75%, -50%) rotate(135deg) } .btn-logout { display: block; width: 100%; background-color: var(--brand-color); color: var(--brand-color-inverse); border-radius: 4px } .zeynep { bottom: 0; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-y: auto; pointer-events: none; position: fixed; top: 0; transform: translateX(-100%) translateZ(0px); z-index: 1050 } .zeynep:not(.no-transition), .zeynep .submenu:not(.no-transition) { transition: all 250ms } .zeynep-overlay { background-color: rgba(0, 0, 0, 0.42); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 1049 } .zeynep-opened .zeynep-overlay { display: block } .zeynep.opened { pointer-events: auto; transform: translateX(0px) translateZ(0px) } .zeynep.submenu-opened { overflow: hidden } .zeynep .submenu { bottom: 0; min-height: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-y: auto; pointer-events: none; position: fixed; top: 0; width: 100% } .zeynep .submenu.opened { left: 0; pointer-events: auto } .zeynep .submenu.opened:not(.current) { overflow: hidden } .lead { font-size: 16px; line-height: 1.44; max-width: 260px; margin: 0 auto; margin-bottom: 25px } .zeynep { background-color: #ffffff; color: #404143; width: 295px } .zeynep ul { list-style-type: none; padding: 0; padding-left: 0; -webkit-overflow-scrolling: touch } .zeynep ul>li { display: block } .zeynep ul>li>a { color: inherit; display: block; font-size: 14px; font-weight: 500; padding: 18px 20px; text-decoration: none; transition: all 150ms } .zeynep ul>li>a:hover { background-color: #efefef; border-radius: 3px } .zeynep ul>li:not(:last-child)>a { border-bottom: 1px solid #efefef } .zeynep ul>li.has-submenu>a { background-image: url("images/retina/submenu-arrow.svg"); background-position: right 20px center; background-repeat: no-repeat; background-size: 8px 14px } .zeynep ul>li.has-submenu>a:hover { background-image: url("images/retina/submenu-arrow-active.svg") } .zeynep .submenu { background-color: #ffffff; left: 295px } .zeynep .submenu-header { background-image: url("images/retina/menu-back.svg"); background-position: left 20px center; background-repeat: no-repeat; background-size: 8px 14px; border-bottom: solid 1px #efefef; cursor: pointer; position: relative } .zeynep .submenu-header>a { color: inherit; display: block; font-size: 14px; font-weight: bold; padding: 18px 20px; padding-left: 40px; text-decoration: none } .zeynep .submenu-header>a:before { background-image: url("images/retina/submenu-arrow.svg"); background-position: right 20px center; background-repeat: no-repeat; background-size: 8px 14px; content: ""; height: 100%; left: 26px; position: absolute; top: 0; transform: rotate(-180deg); width: 20px } .zeynep .submenu>label { color: var(--brand-color); display: block; font-size: 13px; font-weight: 500; margin-bottom: 8px; margin-top: 19px; padding-left: 20px; width: 100% } body { left: 0 } .zeynep-opened body { overflow: hidden } .zeynep { right: auto; left: 0 } @media (min-width: 992px) { .zeynep .is-mobile { display: none } } .hamburger-categories { background-color: transparent; border: none; font-size: 1rem; font-weight: 600; color: #fff; display: flex; align-items: center; gap: 10px } .seemore>a { font-weight: 600 !important; color: var(--secondary-color) !important; border: none } .seemore>a::after { content: " →" } @media (min-width: 992px) { .seemore>a::after { content: " ↓" } } .footer { color: rgba(0, 0, 0, 0.77); background: #fff; padding-bottom: 5rem !important } @media (min-width: 992px) { .footer { padding-bottom: 1rem !important } } .footer-logo { max-width: 120px; margin-bottom: 1.5rem } .footer .contact-info { display: flex; flex-direction: column; margin-bottom: 1.5rem } .footer .contact-info-item { display: flex; align-items: center; margin: 0; font-size: 0.875rem; font-weight: 600; color: rgba(0, 0, 0, 0.97) } .footer .contact-info-item .icn { margin-right: 8px } .footer .contact-info-item .icn img { max-width: 15px; max-height: 15px } .footer .contact-info-link { color: inherit; text-decoration: underline } @media (max-width: 575.98px) { .footer .dropdown-lang { flex: 1 } } .footer .btn-language .dropdown-toggle-custom-arrow { transform: none } @media (max-width: 575.98px) { .footer .btn-language { display: block; width: 100% } } .footer .btn-language .svg { width: 14px; height: 14px } .footer .select-lang-currency { min-width: 330px; font-size: 0.85rem; padding: 2rem; color: rgba(0, 0, 0, 0.77) } .footer .select-lang-currency .h6 { display: block; padding: 0; margin-bottom: 10px; font-size: 0.8rem; white-space: nowrap; color: currentColor; text-transform: uppercase } .footer .select-lang-currency .list-options { overflow: auto; max-height: 200px; display: flex; flex-wrap: wrap; gap: 10px } .footer .select-lang-currency .list-options-item { border: none } .footer .select-lang-currency .list-options-item.is-active a { border-color: var(--brand-color); color: var(--brand-color) } .footer .select-lang-currency .list-options-item:last-child { margin: 0 } .footer .select-lang-currency .list-options-link { color: currentColor; border: solid 1px #dee2e6; border-radius: 0; display: flex; align-items: center; padding: 0.4rem 0.8rem } .footer .select-lang-currency .list-options .icon { margin-right: 5px; width: 14px; height: 14px } .footer .select-lang-currency .space { display: table; margin: 1rem 0 } .footer-bottom { border-top: solid 1px #dee2e6 } .footer-bottom-inner { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem 0; flex-direction: column } @media (min-width: 992px) { .footer-bottom-inner { flex-direction: row } } .footer-bottom-inner .copyright { color: rgba(0, 0, 0, 0.77); font-size: 0.75rem; padding: 10px 0 } .footer-bottom-inner .copyright a { color: var(--brand-color); font-weight: 600 } .footer-bottom-inner .copyright a:hover { text-decoration: underline } .footer-bottom-inner .payment { display: flex } .footer-bottom-inner .payment img { width: 36px; margin-right: 5px; display: inline-block } .footer-bottom-inner .payment img:last-child { margin-right: 0 } .footer-top { padding-bottom: 2rem } .footer .footer-layout { display: grid; grid-gap: 2rem; grid-template-columns: auto } @media (min-width: 992px) { .footer .footer-layout { grid-gap: 4rem; grid-template-columns: 25% 1fr 12% } } @media (max-width: 991.98px) { .footer .footer-layout .footer-logo-wrap { display: flex; flex-flow: row wrap; gap: 2rem; align-items: flex-start; justify-content: space-between } } .footer .footer-group-head { color: rgba(0, 0, 0, 0.97); font-size: 1rem; font-weight: 500; padding: 5px 0; margin-bottom: 20px; border-radius: 4px } @media (min-width: 992px) { .footer .footer-group-head { cursor: default } } .footer .footer-group-head .dropdown-toggle-custom { cursor: default } .footer .footer-group-head .dropdown-toggle-custom-arrow { right: 1rem; display: none } @media (max-width: 575.98px) { .footer .footer-group-head .dropdown-toggle-custom-arrow { display: block } } @media (max-width: 575.98px) { .footer .footer-group-head { background-color: #f3f4f5; padding: 1rem } .footer .footer-group-head.is-active { background-color: #d7dbde } } @media (max-width: 575.98px) { .footer .footer-group .footer-nav { display: none } } .footer .footer-group .footer-nav-item { color: inherit; font-size: 0.875em; font-weight: 400; padding: 5px 0; display: block } .footer .footer-group .footer-nav-link { color: rgba(0, 0, 0, 0.77); font-size: inherit; position: relative; text-rendering: optimizeLegibility; transition: color 0.3s ease-in-out; background-image: linear-gradient(currentColor, currentColor); background-position: 50% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.3s } .footer .footer-group .footer-nav-link:hover, .footer .footer-group .footer-nav-link:focus { color: var(--brand-color); text-decoration: none; background-size: 100% 1px } .footer-social { margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; font-size: 0.8rem } @media (min-width: 992px) { .footer-social { flex-direction: column } } .footer-social-item { flex: 1 0 40%; margin: 0.5rem 0 } .footer-social-link { display: inline-flex; color: rgba(0, 0, 0, 0.97); font-weight: 600 } .footer-social-link:hover, .footer-social-link:focus { color: var(--brand-color) } .footer-social-icon { width: 20px; height: 20px; margin-right: 8px; border-radius: 50% } .captcha .wrapper { padding-bottom: 80px } .accordion-footer { margin-bottom: 25px; border-bottom: solid 1px #dee2e6 } .accordion_triger { padding: 15px 0; position: relative; color: inherit; font-size: 0.9em; font-weight: 600; text-transform: uppercase; line-height: 1; cursor: pointer } .accordion_triger span { float: right; font-size: inherit; font-weight: inherit; position: relative; line-height: 1 } .accordion_triger span:after { content: "+"; padding-left: 5px } .accordion_triger.active span:after { content: "-" } .accordion_content { display: none; padding: 10px 0; padding-top: 0 } .footerSubCategories li { display: inline-block; font-size: 0.8em; color: inherit; line-height: 1; font-weight: 400; position: relative } .footerSubCategories li a { font-size: inherit; color: inherit } .footerSubCategories li:after { content: "|"; padding-left: 2px } .footerSubCategories li:last-child:after { content: normal } .footerSubCategories li a:hover { color: var(--brand-color) } .about-platform { margin-bottom: 2rem } .about-platform:last-child { margin: 0 } .about-platform h1, .about-platform .h1, .about-platform h2, .about-platform .h2, .about-platform h3, .about-platform .h3 { font-weight: 500; color: rgba(0, 0, 0, 0.97); font-size: 18px; margin-bottom: 0.5rem } .about-platform p { color: rgba(0, 0, 0, 0.77); font-size: 14px; margin-bottom: 1rem } .main-search { padding: 10px 0; margin-left: auto } .offcanvas-mega-search { height: 100% } @media (min-width: 992px) { .offcanvas-mega-search { height: 70vh } } .mega-search { display: flex; gap: 2rem; width: 100%; height: 100%; margin: 0 auto; padding: 3rem 2rem; position: relative; flex-flow: row wrap } @media (max-width: 575.98px) { .mega-search { text-align: center; justify-content: center; flex-direction: column } } .mega-search-inner { flex: 1; width: 100%; max-width: 600px; margin: 0 auto; height: 100%; display: flex; flex-direction: column } .mega-search-form { flex: 1 } .mega-search-input { padding: 10px 1rem; padding-left: 40px; font-size: 0.85rem; background-color: #f3f4f5 !important; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM4ODgiIGQ9Ik0yMjUuNDc0LDBDMTAxLjE1MSwwLDAsMTAxLjE1MSwwLDIyNS40NzRjMCwxMjQuMzMsMTAxLjE1MSwyMjUuNDc0LDIyNS40NzQsMjI1LjQ3NA0KCQkJYzEyNC4zMywwLDIyNS40NzQtMTAxLjE0NCwyMjUuNDc0LTIyNS40NzRDNDUwLjk0OCwxMDEuMTUxLDM0OS44MDQsMCwyMjUuNDc0LDB6IE0yMjUuNDc0LDQwOS4zMjMNCgkJCWMtMTAxLjM3MywwLTE4My44NDgtODIuNDc1LTE4My44NDgtMTgzLjg0OFMxMjQuMTAxLDQxLjYyNiwyMjUuNDc0LDQxLjYyNnMxODMuODQ4LDgyLjQ3NSwxODMuODQ4LDE4My44NDgNCgkJCVMzMjYuODQ3LDQwOS4zMjMsMjI1LjQ3NCw0MDkuMzIzeiIvPg0KCTwvZz4NCjwvZz4gDQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzg4OCIgZD0iTTUwNS45MDIsNDc2LjQ3MkwzODYuNTc0LDM1Ny4xNDRjLTguMTMxLTguMTMxLTIxLjI5OS04LjEzMS0yOS40MywwYy04LjEzMSw4LjEyNC04LjEzMSwyMS4zMDYsMCwyOS40M2wxMTkuMzI4LDExOS4zMjgNCgkJCWM0LjA2NSw0LjA2NSw5LjM4Nyw2LjA5OCwxNC43MTUsNi4wOThjNS4zMjEsMCwxMC42NDktMi4wMzMsMTQuNzE1LTYuMDk4QzUxNC4wMzMsNDk3Ljc3OCw1MTQuMDMzLDQ4NC41OTYsNTA1LjkwMiw0NzYuNDcyeiIvPg0KCTwvZz4NCjwvZz4NCiANCjwvc3ZnPg0K"); background-repeat: no-repeat; background-position: calc(15px) center; background-size: 14px; border: none; border-radius: 20px; height: 40px; width: 100%; margin-bottom: 2rem; transition: all 0.2s ease; -webkit-appearance: search-cancel-button } .mega-search-input:focus { background-color: #d7dbde !important } .mega-search-input::-webkit-search-cancel-button { -webkit-appearance: none; height: 1.25em; width: 1.25em; border-radius: 50em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z'/%3E%3C/svg%3E") no-repeat 50% 50%; background-size: contain } .mega-search-input::-webkit-search-cancel-button:hover { cursor: pointer } [dir="rtl"] .mega-search-input { padding-right: 40px; background-position: calc(-15px) center } .mega-search .btn-search-close { background-color: #f3f4f5 !important; display: block; margin: 0; width: 40px; height: 40px; line-height: 40px; min-height: 40px; padding: 0; border-radius: 50% } @media (max-width: 991.98px) { .mega-search .btn-search-close { margin: 0 auto } } .btn-mega-search { background-color: transparent; color: var(--secondary-color-inverse); border-radius: 50%; width: 2.625rem; height: 2.625rem; border: none; display: flex; align-items: center; justify-content: center } .search-suggestions { max-height: 280px; overflow: auto; font-size: 0.8rem; padding: 0; display: flex; flex-direction: row; gap: 1.5rem; border-radius: 4px; text-align: left } .search-suggestions .suggestions-title { text-transform: uppercase; color: rgba(0, 0, 0, 0.97); font-size: 0.8rem; margin-bottom: 0.5rem; padding: 0 } .search-suggestions .text-suggestions { flex: 1; display: flex; flex-direction: column; font-size: 0.75rem } .search-suggestions .text-suggestions-item { padding-bottom: 8px; transition: all 0.2s ease-in-out } .search-suggestions .text-suggestions-link { display: inline-block; transition: all 0.2s linear; position: relative } .search-suggestions .text-suggestions-link:after { transition: all 0.5s ease; position: absolute; right: -0.5rem; opacity: 0; content: "→" } .search-suggestions .text-suggestions-link:hover { color: var(--brand-color); text-decoration: none } .search-suggestions .text-suggestions-link:hover:after { transition: all 0.5s ease; right: -1rem; width: auto; opacity: 1 } .search-suggestions .history-suggestions { width: 100% } .search-suggestions .history-suggestions li { display: flex; justify-content: space-between; align-items: center } .search-suggestions .history-suggestions .clear-all { font-size: inherit } .search-suggestions .history-suggestions .recent-search { margin: 8px 0 } .search-suggestions .history-suggestions .recent-search:last-child { margin: 0 } .search-suggestions .history-suggestions .recent-search__cross { position: relative; flex: 0 0 20px; max-width: 20px; height: 20px; margin-right: 10px } .search-suggestions .history-suggestions .recent-search__cross .close-layer { top: 0; left: 0; right: auto } .search-suggestions .history-suggestions .recent-search__link { flex: 1 } .search-suggestions .history-suggestions .recent-search__arrow { transform: rotate(-45deg); cursor: pointer } .search-suggestions .history-suggestions .recent-search__arrow .svg { width: 16px; height: 16px; fill: currentColor } .search-suggestions .matched { display: block } .search-suggestions .matched .matched-brands { margin-bottom: 2rem } .js-carousel { grid-auto-flow: column } @media (min-width: 992px) { .js-carousel { margin: 0 -1.5rem } } @media (min-width: 992px) { .js-carousel .item { margin: 0 1.5rem } } .js-carousel .slick-track { margin: 0 } .acc-triger { position: relative } .acc-triger:before { background: #000; content: ""; height: 2px; position: absolute; right: 0; top: 50%; font-weight: 800; transform: rotate(90deg); transition: all 0.2s ease-in-out; width: 10px } .acc-triger:after { font-weight: 800; background: #000; content: ""; height: 2px; position: absolute; right: 0; top: 50%; width: 10px } .acc-triger.active:before { transform: rotate(0deg) } .acc-data { padding: 0; display: none } .grouplisting { margin: 20px 0 0 } .grouplisting .group { border-radius: 5px; margin: 5px 0 0 } .groups .group__head { width: 100%; position: relative; padding: 1rem; margin: 0.5rem 0; cursor: pointer; border: solid 1px #dee2e6; border-radius: 4px } .groups .group__head:after { width: 20px; height: 20px; position: absolute; right: 15px; top: 6px; content: "+"; pointer-events: none; font-size: 1.6rem; padding: 0 0 0 1px } .groups .group__head h5, .groups .group__head .h5 { padding: 0; font-size: 0.95rem; margin: 0 } .groups .group__body { padding: 1rem; display: none } .groups.is-active .group__head:after { content: "-"; font-size: 2.2em; top: 0 } .editor-container, .groups .group__body h5, .groups .group__body .h5 { font-size: 0.95em } .editor-container, .groups .group__body p { font-size: 0.9rem; line-height: 1.6; color: #666; margin-bottom: 30px } .autocomplete-suggestions.search-dropdown-menu { left: 0; top: 100%; padding: 10px; background: #fff; box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); border-radius: 0 0 4px 4px; width: 100% !important; border-top: 1px solid #ddd; font-size: 0.8em; overflow-y: auto } .autocomplete-suggestions.search-dropdown-menu li { padding: 5px 0 } .autocomplete-suggestions.search-dropdown-menu li strong { font-weight: 700 } .auto-suggestion { min-width: 220px; z-index: 10; top: 100%; background: #fff; box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1); position: absolute; transform: scale(0); opacity: 0; filter: alpha(opacity=0); transition: all 300ms; transform-origin: top right; transform: scale(1); opacity: 1; filter: alpha(opacity=100) } .auto-suggestion li { padding: 5px 10px; border-bottom: solid 1px #dee2e6 } .auto-suggestion li a { display: block } .avtar { height: 60px; position: relative; width: 60px; overflow: hidden; width: 60px; height: 60px; border: solid 1px #dee2e6; border-radius: 100%; position: relative } .avtar .avtar--rounded { border-radius: 50% !important } .avtar .avtar--rounded img { border-radius: 100% !important } .avtar.avtar--large { width: 130px; height: 130px } .avtar img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto } .avtar--info { padding-top: 5px } .avtar--info .avtar { float: left; margin: 0 15px 0 0 } .avtar--info h5, .avtar--info .h5 { padding: 5px 0 0 } .avtar--rounded { border-radius: 100% !important } .avtar--rounded img { border-radius: 100% !important } .profile-avatar { display: inline-flex; align-items: center } .profile-avatar .profile-dp { overflow: hidden; border-radius: 50%; width: 50px; height: 50px; max-width: 50px; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0px 2px rgba(0, 0, 0, 0.33); margin: 0; margin-right: 1rem } .profile-avatar .title { margin: 0; font-size: 0.875rem; color: rgba(0, 0, 0, 0.97) } .profile-avatar .dated { display: block; font-size: 12px; color: rgba(0, 0, 0, 0.77) } .back-to-top { background-color: #fff; border-radius: 4px; cursor: pointer; width: 44px; height: 50px; padding: 10px 0; position: fixed; z-index: 1030; right: 0; bottom: 150px; text-align: center; text-decoration: none; display: flex; justify-content: center; flex-direction: column; color: rgba(0, 0, 0, 0.97); font-size: 0.8rem; font-weight: 600; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1) } .back-to-top .svg { margin: auto; width: 1rem; height: 1rem } .form .form-group, .form .field-set { margin-bottom: 1.3rem } .form .form-group.form-group, .form .field-set.form-group { position: relative } .form-label, .form .label, .form .field_label { font-size: 0.8rem; color: rgba(0, 0, 0, 0.97); margin: 0; margin-bottom: 8px; display: inline-block; cursor: default; font-weight: 500 } .form-label:empty, .form .label:empty, .form .field_label:empty { min-height: 21px; display: block } .form input[type="text"], .form .custom-select[type="text"] { border: solid 1px #dedede; background-color: transparent; color: #474747; height: 3rem; width: 100%; padding: 0 1.25rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; outline: none; font-family: inherit; transition: 0.3s all ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form input[type="text"]:focus, .form .custom-select[type="text"]:focus, .form input[type="text"]:hover, .form .custom-select[type="text"]:hover { border-color: #000; box-shadow: none; transition: 0.3s all ease-in-out } .form input[type="text"]:disabled, .form .custom-select[type="text"]:disabled { opacity: 0.5 } .form input[type="text"]:disabled:hover, .form .custom-select[type="text"]:disabled:hover { cursor: not-allowed } .form input[type="text"].error, .form .custom-select[type="text"].error { border: 1px solid #fd397a; background-color: transparent } .form input[type="email"], .form .custom-select[type="email"] { border: solid 1px #dedede; background-color: transparent; color: #474747; height: 3rem; width: 100%; padding: 0 1.25rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; outline: none; font-family: inherit; transition: 0.3s all ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form input[type="email"]:focus, .form .custom-select[type="email"]:focus, .form input[type="email"]:hover, .form .custom-select[type="email"]:hover { border-color: #000; box-shadow: none; transition: 0.3s all ease-in-out } .form input[type="email"]:disabled, .form .custom-select[type="email"]:disabled { opacity: 0.5 } .form input[type="email"]:disabled:hover, .form .custom-select[type="email"]:disabled:hover { cursor: not-allowed } .form input[type="email"].error, .form .custom-select[type="email"].error { border: 1px solid #fd397a; background-color: transparent } .form input[type="phone"], .form .custom-select[type="phone"] { border: solid 1px #dedede; background-color: transparent; color: #474747; height: 3rem; width: 100%; padding: 0 1.25rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; outline: none; font-family: inherit; transition: 0.3s all ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form input[type="phone"]:focus, .form .custom-select[type="phone"]:focus, .form input[type="phone"]:hover, .form .custom-select[type="phone"]:hover { border-color: #000; box-shadow: none; transition: 0.3s all ease-in-out } .form input[type="phone"]:disabled, .form .custom-select[type="phone"]:disabled { opacity: 0.5 } .form input[type="phone"]:disabled:hover, .form .custom-select[type="phone"]:disabled:hover { cursor: not-allowed } .form input[type="phone"].error, .form .custom-select[type="phone"].error { border: 1px solid #fd397a; background-color: transparent } .form input[type="search"], .form .custom-select[type="search"] { border: solid 1px #dedede; background-color: transparent; color: #474747; height: 3rem; width: 100%; padding: 0 1.25rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; outline: none; font-family: inherit; transition: 0.3s all ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; appearance: none; padding-left: 40px; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM4ODgiIGQ9Ik0yMjUuNDc0LDBDMTAxLjE1MSwwLDAsMTAxLjE1MSwwLDIyNS40NzRjMCwxMjQuMzMsMTAxLjE1MSwyMjUuNDc0LDIyNS40NzQsMjI1LjQ3NA0KCQkJYzEyNC4zMywwLDIyNS40NzQtMTAxLjE0NCwyMjUuNDc0LTIyNS40NzRDNDUwLjk0OCwxMDEuMTUxLDM0OS44MDQsMCwyMjUuNDc0LDB6IE0yMjUuNDc0LDQwOS4zMjMNCgkJCWMtMTAxLjM3MywwLTE4My44NDgtODIuNDc1LTE4My44NDgtMTgzLjg0OFMxMjQuMTAxLDQxLjYyNiwyMjUuNDc0LDQxLjYyNnMxODMuODQ4LDgyLjQ3NSwxODMuODQ4LDE4My44NDgNCgkJCVMzMjYuODQ3LDQwOS4zMjMsMjI1LjQ3NCw0MDkuMzIzeiIvPg0KCTwvZz4NCjwvZz4gDQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzg4OCIgZD0iTTUwNS45MDIsNDc2LjQ3MkwzODYuNTc0LDM1Ny4xNDRjLTguMTMxLTguMTMxLTIxLjI5OS04LjEzMS0yOS40MywwYy04LjEzMSw4LjEyNC04LjEzMSwyMS4zMDYsMCwyOS40M2wxMTkuMzI4LDExOS4zMjgNCgkJCWM0LjA2NSw0LjA2NSw5LjM4Nyw2LjA5OCwxNC43MTUsNi4wOThjNS4zMjEsMCwxMC42NDktMi4wMzMsMTQuNzE1LTYuMDk4QzUxNC4wMzMsNDk3Ljc3OCw1MTQuMDMzLDQ4NC41OTYsNTA1LjkwMiw0NzYuNDcyeiIvPg0KCTwvZz4NCjwvZz4NCiANCjwvc3ZnPg0K"); background-size: 14px; background-repeat: no-repeat; background-position: calc(13px) center; -webkit-appearance: search-cancel-button } .form input[type="search"]:focus, .form .custom-select[type="search"]:focus, .form input[type="search"]:hover, .form .custom-select[type="search"]:hover { border-color: #000; box-shadow: none; transition: 0.3s all ease-in-out } .form input[type="search"]:disabled, .form .custom-select[type="search"]:disabled { opacity: 0.5 } .form input[type="search"]:disabled:hover, .form .custom-select[type="search"]:disabled:hover { cursor: not-allowed } .form input[type="search"].error, .form .custom-select[type="search"].error { border: 1px solid #fd397a; background-color: transparent } .form input[type="search"]::-webkit-search-cancel-button, .form .custom-select[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; height: 1.25em; width: 1.25em; border-radius: 50em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z'/%3E%3C/svg%3E") no-repeat 50% 50%; background-size: contain } .form input[type="search"]::-webkit-search-cancel-button:hover, .form .custom-select[type="search"]::-webkit-search-cancel-button:hover { cursor: pointer } [dir="rtl"] .form input[type="search"], [dir="rtl"] .form .custom-select[type="search"] { padding-right: 40px; background-position: calc(100% - 13px) center } .form input[type="password"], .form .custom-select[type="password"] { border: solid 1px #dedede; background-color: transparent; color: #474747; height: 3rem; width: 100%; padding: 0 1.25rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; outline: none; font-family: inherit; transition: 0.3s all ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form input[type="password"]:focus, .form .custom-select[type="password"]:focus, .form input[type="password"]:hover, .form .custom-select[type="password"]:hover { border-color: #000; box-shadow: none; transition: 0.3s all ease-in-out } .form input[type="password"]:disabled, .form .custom-select[type="password"]:disabled { opacity: 0.5 } .form input[type="password"]:disabled:hover, .form .custom-select[type="password"]:disabled:hover { cursor: not-allowed } .form input[type="password"].error, .form .custom-select[type="password"].error { border: 1px solid #fd397a; background-color: transparent } .form input[type="date"], .form .custom-select[type="date"] { border: solid 1px #dedede; background-color: transparent; color: #474747; height: 3rem; width: 100%; padding: 0 1.25rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; outline: none; font-family: inherit; transition: 0.3s all ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form input[type="date"]:focus, .form .custom-select[type="date"]:focus, .form input[type="date"]:hover, .form .custom-select[type="date"]:hover { border-color: #000; box-shadow: none; transition: 0.3s all ease-in-out } .form input[type="date"]:disabled, .form .custom-select[type="date"]:disabled { opacity: 0.5 } .form input[type="date"]:disabled:hover, .form .custom-select[type="date"]:disabled:hover { cursor: not-allowed } .form input[type="date"].error, .form .custom-select[type="date"].error { border: 1px solid #fd397a; background-color: transparent } .form input[type="url"], .form .custom-select[type="url"] { border: solid 1px #dedede; background-color: transparent; color: #474747; height: 3rem; width: 100%; padding: 0 1.25rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; outline: none; font-family: inherit; transition: 0.3s all ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form input[type="url"]:focus, .form .custom-select[type="url"]:focus, .form input[type="url"]:hover, .form .custom-select[type="url"]:hover { border-color: #000; box-shadow: none; transition: 0.3s all ease-in-out } .form input[type="url"]:disabled, .form .custom-select[type="url"]:disabled { opacity: 0.5 } .form input[type="url"]:disabled:hover, .form .custom-select[type="url"]:disabled:hover { cursor: not-allowed } .form input[type="url"].error, .form .custom-select[type="url"].error { border: 1px solid #fd397a; background-color: transparent } .form input[type="tel"], .form .custom-select[type="tel"] { border: solid 1px #dedede; background-color: transparent; color: #474747; height: 3rem; width: 100%; padding: 0 1.25rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; outline: none; font-family: inherit; transition: 0.3s all ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form input[type="tel"]:focus, .form .custom-select[type="tel"]:focus, .form input[type="tel"]:hover, .form .custom-select[type="tel"]:hover { border-color: #000; box-shadow: none; transition: 0.3s all ease-in-out } .form input[type="tel"]:disabled, .form .custom-select[type="tel"]:disabled { opacity: 0.5 } .form input[type="tel"]:disabled:hover, .form .custom-select[type="tel"]:disabled:hover { cursor: not-allowed } .form input[type="tel"].error, .form .custom-select[type="tel"].error { border: 1px solid #fd397a; background-color: transparent } .form input[type="number"], .form .custom-select[type="number"] { border: solid 1px #dedede; background-color: transparent; color: #474747; height: 3rem; width: 100%; padding: 0 1.25rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; outline: none; font-family: inherit; transition: 0.3s all ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form input[type="number"]:focus, .form .custom-select[type="number"]:focus, .form input[type="number"]:hover, .form .custom-select[type="number"]:hover { border-color: #000; box-shadow: none; transition: 0.3s all ease-in-out } .form input[type="number"]:disabled, .form .custom-select[type="number"]:disabled { opacity: 0.5 } .form input[type="number"]:disabled:hover, .form .custom-select[type="number"]:disabled:hover { cursor: not-allowed } .form input[type="number"].error, .form .custom-select[type="number"].error { border: 1px solid #fd397a; background-color: transparent } .form input[type="file"], .form .custom-select[type="file"] { border: solid 1px #dedede; background-color: transparent; color: #474747; height: 3rem; width: 100%; padding: 0 1.25rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; outline: none; font-family: inherit; transition: 0.3s all ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: auto; overflow: hidden } .form input[type="file"]:focus, .form .custom-select[type="file"]:focus, .form input[type="file"]:hover, .form .custom-select[type="file"]:hover { border-color: #000; box-shadow: none; transition: 0.3s all ease-in-out } .form input[type="file"]:disabled, .form .custom-select[type="file"]:disabled { opacity: 0.5 } .form input[type="file"]:disabled:hover, .form .custom-select[type="file"]:disabled:hover { cursor: not-allowed } .form input[type="file"].error, .form .custom-select[type="file"].error { border: 1px solid #fd397a; background-color: transparent } .form input[type="file"], .form .custom-select[type="file"] { height: auto; width: 100% } .form input.field--calender, .form .field--calender.custom-select, .form input[type="date"], .form .custom-select[type="date"] { padding-right: 38px !important; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTIwIDNoLTFWMWgtMnYySDdWMUg1djJINGMtMS4xIDAtMiAuOS0yIDJ2MTZjMCAxLjEuOSAyIDIgMmgxNmMxLjEgMCAyLS45IDItMlY1YzAtMS4xLS45LTItMi0yem0wIDE4SDRWMTBoMTZ2MTF6bTAtMTNINFY1aDE2djN6Ii8+PC9zdmc+"); background-size: 16px; background-repeat: no-repeat; background-position: calc(100% - 11px) center } [dir="rtl"] .form input.field--calender, [dir="rtl"] .form .field--calender.custom-select, [dir="rtl"] .form input[type="date"], [dir="rtl"] .form .custom-select[type="date"] { padding-left: 38px !important; background-position: calc(0% - -11px) center } .form select { border: solid 1px #dedede; background-color: transparent; color: #474747; height: 3rem; width: 100%; padding: 0 1.25rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; outline: none; font-family: inherit; transition: 0.3s all ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 4px; padding-right: 35px; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzA2cHgiIGhlaWdodD0iMzA2cHgiIHZpZXdCb3g9IjAgMCAzMDYgMzA2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDYgMzA2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQoJPGc+DQoJCTxnIGlkPSJleHBhbmQtbW9yZSI+DQoJCQk8cG9seWdvbiBwb2ludHM9IjI3MC4zLDU4LjY1IDE1MywxNzUuOTUgMzUuNyw1OC42NSAwLDk0LjM1IDE1MywyNDcuMzUgMzA2LDk0LjM1IiAvPg0KCQk8L2c+DQoJPC9nPg0KDQo8L3N2Zz4NCg=="); background-size: 10px; background-repeat: no-repeat; background-position: calc(100% - 12px) center } .form select:focus, .form select:hover { border-color: #000; box-shadow: none; transition: 0.3s all ease-in-out } .form select:disabled { opacity: 0.5 } .form select:disabled:hover { cursor: not-allowed } .form select.error { border: 1px solid #fd397a; background-color: transparent } .form select:hover { cursor: pointer } .form select:disabled { opacity: 0.5 } .form select:disabled:hover { cursor: not-allowed } [dir="rtl"] .form select { padding-left: 35px; background-position: calc(0% - -12px) center } .form textarea { border: solid 1px #dedede; background-color: transparent; color: #474747; height: 3rem; width: 100%; padding: 0 1.25rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; outline: none; font-family: inherit; transition: 0.3s all ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; resize: vertical; resize: vertical; height: 120px; line-height: 1.5; padding-top: 10px } .form textarea:focus, .form textarea:hover { border-color: #000; box-shadow: none; transition: 0.3s all ease-in-out } .form textarea:disabled { opacity: 0.5 } .form textarea:disabled:hover { cursor: not-allowed } .form textarea.error { border: 1px solid #fd397a; background-color: transparent } .form textarea.txtarea-height { height: 85px } .form:disabled { color: rgba(0, 0, 0, 0.38); background-color: rgba(0, 0, 0, 0.12); box-shadow: none; cursor: initial; border-color: transparent } .form.is-invalid { border-color: #dc3545 } .form input[type="submit"], .form .custom-select[type="submit"] { position: relative; display: inline-block; margin: 0; padding: 0 1.25rem; min-width: 64px; text-align: center; border: solid 1px transparent; height: 3rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; overflow: hidden; outline: none; cursor: pointer; width: auto } .form input button, .form .custom-select button { position: relative; display: inline-block; margin: 0; padding: 0 1.25rem; min-width: 64px; text-align: center; border: solid 1px transparent; height: 3rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; overflow: hidden; outline: none; cursor: pointer; width: auto } .form button i:before { opacity: 1 !important } .form button:focus>:before { opacity: 0.2 } .form button:active>:before { opacity: 0.32 } .form button:active :after { opacity: 0.4; transform: translate(-50%, -50%) scale(0); transition: transform 0s } .form button:disabled :after { opacity: 0 } .form .no-focus:focus { outline: none !important; border-color: inherit !important } .custom-select { border: solid 1px #dedede; background-color: transparent; color: #474747; height: 3rem; width: 100%; padding: 0 1.25rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 1rem; padding-right: 35px; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzA2cHgiIGhlaWdodD0iMzA2cHgiIHZpZXdCb3g9IjAgMCAzMDYgMzA2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDYgMzA2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQoJPGc+DQoJCTxnIGlkPSJleHBhbmQtbW9yZSI+DQoJCQk8cG9seWdvbiBwb2ludHM9IjI3MC4zLDU4LjY1IDE1MywxNzUuOTUgMzUuNyw1OC42NSAwLDk0LjM1IDE1MywyNDcuMzUgMzA2LDk0LjM1IiAvPg0KCQk8L2c+DQoJPC9nPg0KDQo8L3N2Zz4NCg=="); background-size: 10px; background-color: #fff; background-repeat: no-repeat; background-position: calc(100% - 11px) center } [dir="rtl"] .custom-select { background-position: calc(0% - -11px) center } .custom-select-sm { font-size: 0.8rem } .custom-select option { line-height: 1.5 } .omni-search { border: solid 1px #dedede; background-color: transparent; color: #474747; height: 3rem; width: 100%; padding: 0 1.25rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; outline: none; font-family: inherit; transition: 0.3s all ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; appearance: none; padding-left: 40px; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM4ODgiIGQ9Ik0yMjUuNDc0LDBDMTAxLjE1MSwwLDAsMTAxLjE1MSwwLDIyNS40NzRjMCwxMjQuMzMsMTAxLjE1MSwyMjUuNDc0LDIyNS40NzQsMjI1LjQ3NA0KCQkJYzEyNC4zMywwLDIyNS40NzQtMTAxLjE0NCwyMjUuNDc0LTIyNS40NzRDNDUwLjk0OCwxMDEuMTUxLDM0OS44MDQsMCwyMjUuNDc0LDB6IE0yMjUuNDc0LDQwOS4zMjMNCgkJCWMtMTAxLjM3MywwLTE4My44NDgtODIuNDc1LTE4My44NDgtMTgzLjg0OFMxMjQuMTAxLDQxLjYyNiwyMjUuNDc0LDQxLjYyNnMxODMuODQ4LDgyLjQ3NSwxODMuODQ4LDE4My44NDgNCgkJCVMzMjYuODQ3LDQwOS4zMjMsMjI1LjQ3NCw0MDkuMzIzeiIvPg0KCTwvZz4NCjwvZz4gDQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzg4OCIgZD0iTTUwNS45MDIsNDc2LjQ3MkwzODYuNTc0LDM1Ny4xNDRjLTguMTMxLTguMTMxLTIxLjI5OS04LjEzMS0yOS40MywwYy04LjEzMSw4LjEyNC04LjEzMSwyMS4zMDYsMCwyOS40M2wxMTkuMzI4LDExOS4zMjgNCgkJCWM0LjA2NSw0LjA2NSw5LjM4Nyw2LjA5OCwxNC43MTUsNi4wOThjNS4zMjEsMCwxMC42NDktMi4wMzMsMTQuNzE1LTYuMDk4QzUxNC4wMzMsNDk3Ljc3OCw1MTQuMDMzLDQ4NC41OTYsNTA1LjkwMiw0NzYuNDcyeiIvPg0KCTwvZz4NCjwvZz4NCiANCjwvc3ZnPg0K"); background-size: 14px; background-repeat: no-repeat; background-position: calc(13px) center } .omni-search:focus, .omni-search:hover { border-color: #000; box-shadow: none; transition: 0.3s all ease-in-out } .omni-search:disabled { opacity: 0.5 } .omni-search:disabled:hover { cursor: not-allowed } .omni-search.error { border: 1px solid #fd397a; background-color: transparent } [dir="rtl"] .omni-search { padding-right: 40px; background-position: calc(100% - 13px) center } .note-messages { font-size: 13px; color: #cea14b; padding: 5px 0; display: inline-block; font-style: italic } .thanks-msg { display: block; font-style: italic; margin: 10px auto; text-align: center } .btn--fileupload { overflow: hidden; position: relative; cursor: pointer } .btn--fileupload input, .btn--fileupload .custom-select { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; height: auto !important } .uploadedphoto { margin: 25px 0; display: block } .uploadedphoto img { display: inline-block; vertical-align: top; margin-right: 10px; max-width: 150px } form.custom-form { display: table; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center } form.custom-form input[type="text"], form.custom-form .custom-select[type="text"] { width: auto; margin: 0; margin-right: 5px; flex: 1 } form.custom-form input[type="submit"], form.custom-form .custom-select[type="submit"] { margin: 0 } .form-apply { margin-bottom: 1rem; position: relative } .form-apply .btn-apply { position: absolute; right: 2px; top: 1px; bottom: 1px; border: 1px; background-color: #fff; color: var(--brand-color); font-weight: 600; width: auto; padding: 0 1rem } .form-otp .otp-row { display: flex; align-items: center } .form-otp .otp-col { display: flex; align-items: center; flex: 1 } .form-otp .otp-col input, .form-otp .otp-col .custom-select { text-align: center } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% } .input-group input, .input-group .custom-select { position: relative; flex: 1 1 auto; width: 1% !important; margin-bottom: 0 } .input-group input:not(:first-child), .input-group .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group input:not(:last-child), .input-group .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .icon-group { display: flex; align-items: center } .icon-group .btn { margin-left: 5px } .form-text { font-size: 0.7rem } .form-floating__group { position: relative } .form-floating__label { position: absolute; left: 1rem; top: 0; line-height: 50px; margin: 0; color: rgba(0, 0, 0, 0.77); font-size: 0.85rem; transform: scale(1); transform-origin: left top; transition: transform 0.2s ease-in-out; pointer-events: none } .form-floating__field { padding-top: 16px !important; width: 100%; height: 50px !important; line-height: normal; resize: none; transition: all 0.35s ease-in-out } .form-floating__field:focus { outline-color: var(--brand-color); border-color: var(--brand-color) } .form-floating__field:focus+.form-floating__label { transform: translateY(-6px) scale(0.8) } .form-floating__field.filled+.form-floating__label { opacity: 0.7; transform: translateY(-6px) scale(0.8) } .magni-search { background: url(images/retina/magni-gray.svg) no-repeat 9px center; background-size: 20px; padding-left: 36px; font-size: 0.8rem } .field-password { position: absolute; right: 5px; top: 0; height: 100%; height: 3rem; width: 3rem; cursor: pointer; font-weight: 500; font-size: 0.8rem; text-align: center; background-repeat: no-repeat; background-position: center; background-color: transparent; border: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGhyZWUtZG90cyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMyA5LjVhMS41IDEuNSAwIDEgMSAwLTMgMS41IDEuNSAwIDAgMSAwIDN6bTUgMGExLjUgMS41IDAgMSAxIDAtMyAxLjUgMS41IDAgMCAxIDAgM3ptNSAwYTEuNSAxLjUgMCAxIDEgMC0zIDEuNSAxLjUgMCAwIDEgMCAzeiIvPgo8L3N2Zz4=) } .field-password-show { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZXllIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xNiA4cy0zLTUuNS04LTUuNVMwIDggMCA4czMgNS41IDggNS41UzE2IDggMTYgOHpNMS4xNzMgOGExMy4xMzMgMTMuMTMzIDAgMCAxIDEuNjYtMi4wNDNDNC4xMiA0LjY2OCA1Ljg4IDMuNSA4IDMuNWMyLjEyIDAgMy44NzkgMS4xNjggNS4xNjggMi40NTdBMTMuMTMzIDEzLjEzMyAwIDAgMSAxNC44MjggOGMtLjA1OC4wODctLjEyMi4xODMtLjE5NS4yODgtLjMzNS40OC0uODMgMS4xMi0xLjQ2NSAxLjc1NUMxMS44NzkgMTEuMzMyIDEwLjExOSAxMi41IDggMTIuNWMtMi4xMiAwLTMuODc5LTEuMTY4LTUuMTY4LTIuNDU3QTEzLjEzNCAxMy4xMzQgMCAwIDEgMS4xNzIgOHoiLz4KICA8cGF0aCBkPSJNOCA1LjVhMi41IDIuNSAwIDEgMCAwIDUgMi41IDIuNSAwIDAgMCAwLTV6TTQuNSA4YTMuNSAzLjUgMCAxIDEgNyAwIDMuNSAzLjUgMCAwIDEtNyAweiIvPgo8L3N2Zz4=) } .checkbox, .radio { margin: 0; font-size: 0.8rem; font-weight: 400; line-height: 1rem; cursor: pointer; display: flex; gap: 8px } .checkbox a, .radio a { color: var(--brand-color); text-decoration: underline } .checkbox input, .radio input, .checkbox .custom-select, .radio .custom-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: -1px; right: 0; bottom: 0; left: 0; height: 16px !important; width: 16px !important; flex: 0 0 16px; max-width: 16px; transition: all 0.15s ease-out 0s; border: solid 1px #c1c9d0; border-radius: 2px; background-color: transparent; cursor: pointer; display: inline-block; padding: 0 !important; outline: none; position: relative; z-index: 1; vertical-align: middle } .checkbox input[disabled], .radio input[disabled], .checkbox .custom-select[disabled], .radio .custom-select[disabled] { opacity: 0.6; cursor: not-allowed } .checkbox input:hover, .radio input:hover, .checkbox .custom-select:hover, .radio .custom-select:hover { border-color: #8796a4; text-decoration: none !important; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04), 0px 4px 5px 0px rgba(0, 0, 0, 0.04), 0px 1px 10px 0px rgba(0, 0, 0, 0.04) } .checkbox input:focus, .radio input:focus, .checkbox .custom-select:focus, .radio .custom-select:focus { outline: none !important; box-shadow: inset 0px 1px 2px -1px rgba(0, 0, 0, 0.08), inset 0px 4px 5px 0px rgba(0, 0, 0, 0.08), inset 0px 1px 10px 0px rgba(0, 0, 0, 0.08) } .checkbox input:active, .radio input:active, .checkbox .custom-select:active, .radio .custom-select:active { box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04), 0px 4px 5px 0px rgba(0, 0, 0, 0.04), 0px 1px 10px 0px rgba(0, 0, 0, 0.04) } .checkbox input:checked, .radio input:checked, .checkbox .custom-select:checked, .radio .custom-select:checked { background: #000; border-color: #000; color: #fff } .checkbox input:checked:before, .radio input:checked:before, .checkbox .custom-select:checked:before, .radio .custom-select:checked:before { height: 10px; width: 6px; position: absolute; content: ""; display: inline-block; font-size: 1rem; text-align: center; line-height: 1rem; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); left: 50%; top: 50%; margin: -7px 0 0 -3px } .checkbox input:checked:after, .radio input:checked:after, .checkbox .custom-select:checked:after, .radio .custom-select:checked:after { background: #000; color: #fff; content: ""; display: block; position: relative; z-index: 100 } .radio input, .radio .custom-select { border-radius: 50% !important } .radio input:after, .radio .custom-select:after { border-radius: 50% } .switch { display: flex; align-items: center; gap: 10px; font-size: 0.85rem; cursor: pointer } .switch input:empty, .switch .custom-select:empty { overflow: hidden; position: absolute; display: inline-block; position: relative; text-indent: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; line-height: 30px; margin: 2px 0; height: 30px; width: 54px; border-radius: 16px } .switch input:empty:before, .switch .custom-select:empty:before { position: absolute; display: block; top: 0; bottom: 0; left: 0; content: " "; transition: all 100ms ease-in; width: 54px; border-radius: 16px; background-color: #666 } .switch input:empty:after, .switch .custom-select:empty:after { position: absolute; display: block; top: 0; bottom: 0; left: 0; content: " "; transition: all 100ms ease-in; width: 54px; border-radius: 16px; height: 24px; width: 24px; line-height: 26px; top: 3px; bottom: 3px; margin-left: 3px; font-size: 0.9em; text-align: center; color: #f8f9fb; background-color: #fff } .switch input:checked:after, .switch .custom-select:checked:after { margin-left: 26px } .switch input:checked:before, .switch .custom-select:checked:before { background-color: var(--secondary-color) } .switch input[disabled], .switch .custom-select[disabled] { cursor: not-allowed; opacity: 0.5 } .switch.switch-lg input:empty, .switch.switch-lg .custom-select:empty { line-height: 40px; margin: 2px 0; height: 40px; width: 75px; border-radius: 20px } .switch.switch-lg input:empty:before, .switch.switch-lg .custom-select:empty:before { width: 72px; border-radius: 20px } .switch.switch-lg input:empty:after, .switch.switch-lg .custom-select:empty:after { width: 72px; border-radius: 20px; height: 34px; width: 34px; line-height: 34px; top: 3px; bottom: 3px; margin-left: 3px; font-size: 1em; text-align: center; vertical-align: middle } .switch.switch-lg input:checked:after, .switch.switch-lg .custom-select:checked:after { margin-left: 34px } .switch.switch-sm input:empty, .switch.switch-sm .custom-select:empty { line-height: 20px; margin: 2px 0; height: 20px; width: 40px; border-radius: 12px } .switch.switch-sm input:empty:before, .switch.switch-sm .custom-select:empty:before { width: 38px; border-radius: 12px } .switch.switch-sm input:empty:after, .switch.switch-sm .custom-select:empty:after { border-radius: 12px; height: 16px; width: 16px; line-height: 16px; top: 2px; bottom: 2px; margin-left: 2px; font-size: 0.7rem; text-align: center; vertical-align: middle } .switch.switch-sm input:checked:after, .switch.switch-sm .custom-select:checked:after { margin-left: 20px } button:focus, .btn:focus, .btn:active { outline: none; box-shadow: none } .btn { display: inline-flex; align-items: center; justify-content: center; border: solid 1px transparent; padding: 0 1.25rem; height: 3rem; border-radius: 4px; font-size: .85rem; font-weight: 500; line-height: 3rem; white-space: nowrap } .btn:hover { text-decoration: none !important; box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) } .btn:focus { outline: none !important; box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) } .btn:active { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) } .btn-brand { background-color: var(--brand-color); color: var(--brand-color-inverse); border-color: var(--brand-color) } .btn-brand:hover { color: var(--brand-color-inverse) } .btn-outline-brand { background-color: transparent; border-color: var(--brand-color); color: var(--brand-color) } .btn-outline-brand:hover { color: currentColor; background-color: var(--brand-color); color: var(--brand-color-inverse) } .btn-white { background-color: #fff; color: #000 } .btn-white:hover { color: currentColor } .btn-outline-white { background-color: transparent; border-color: #fff; color: #fff } .btn-outline-white:hover { color: currentColor } .btn-secondary { background-color: var(--secondary-color); border-color: var(--secondary-color); color: var(--secondary-color-inverse) } .btn-secondary:hover { color: var(--secondary-color-inverse) !important } .btn-outline-secondary { background-color: transparent; border-color: var(--secondary-color); color: var(--secondary-color) } .btn-outline-secondary:hover { color: currentColor } .btn-black { background-color: #000; border-color: #000; color: #fff } .btn-black:hover { color: #fff } .btn-outline-black { background-color: transparent; border-color: #000; color: rgba(0, 0, 0, 0.97) } .btn-outline-black:hover { background-color: #000; color: #fff } .btn-outline-gray { background-color: transparent; border-color: #dee2e6; color: rgba(0, 0, 0, 0.97) } .btn-outline-gray:hover { color: currentColor } .btn-block { display: block; width: 100% !important } .btn-wide { padding-left: 2rem !important; padding-right: 2rem !important } .btn-sm, .btn-group-sm>.btn { height: auto; padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5 } .btn-arrow { gap: 6px } .btn-arrow .svg { width: 12px; height: 12px; margin-top: -4px } .btn-icon { gap: 6px } .btn-link { text-decoration: none; color: rgba(0, 0, 0, 0.97); padding: 0; height: auto; line-height: 1 } .btn-link .arrow { display: inline-block; transition: all 0.2s ease-in-out } .btn-link .arrow .svg { width: 12px; height: 12px; margin-right: 5px; fill: currentcolor } .btn-link:hover { box-shadow: none } .btn-link:hover .arrow { transform: translateX(0.25rem) } .btn-link:focus { box-shadow: none } .btn-underline { text-decoration: underline } .btn .icn svg { width: 16px; height: 16px; fill: currentColor } .btn-back { padding: 0; width: 40px; flex-shrink: 0; height: 40px; display: inline-flex; align-items: center; justify-content: center; background-color: #f3f4f5; border-radius: 50% } .btn-back:hover { background-color: #e5e7e9 } [dir="rtl"] .btn-back .svg { transform: scaleX(-1) } a.link { color: var(--brand-color); position: relative; font-size: 0.875rem; white-space: nowrap; text-rendering: optimizeLegibility; transition: color 0.3s ease-in-out; background-image: linear-gradient(currentColor, currentColor); background-position: 50% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.3s } a.link:after { position: absolute; height: 1px; bottom: -2px; left: 0; right: 0; background-color: var(--brand-color); color: var(--brand-color-inverse); transform-origin: bottom left; transform: scaleX(1); transition: transform 0.3s ease-in-out } a.link:hover { text-decoration: none; background-size: 100% 1px } a.link-arrow { color: var(--brand-color); position: relative; font-size: 0.875rem; white-space: nowrap; text-rendering: optimizeLegibility; transition: color 0.3s ease-in-out; background-image: linear-gradient(currentColor, currentColor); background-position: 50% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size 0.3s; display: inline-flex; align-items: center } a.link-arrow:after { transition: all 0.5s ease; position: absolute; right: -0.5rem; opacity: 0; content: "→" } a.link-arrow:hover { color: var(--brand-color); text-decoration: none } a.link-arrow:hover:after { transition: all 0.5s ease; right: -1rem; width: auto; opacity: 1 } a.link-arrow--inline { display: inline-flex } .link-text { display: inline-flex; align-items: center; font-size: 0.9rem; color: var(--primary-color) } .link-text .icn { width: 12px; height: 12px; display: block; margin-right: 8px } .link-text .icn .svg { width: 100%; height: 100%; display: flex; fill: currentColor } .link-underline { padding: 0; color: var(--brand-color); position: relative; font-size: 0.875rem; font-weight: 500; white-space: nowrap; text-rendering: optimizeLegibility; transition: color 0.3s ease-in-out; background-image: linear-gradient(currentColor, currentColor); background-position: 50% 100%; background-repeat: no-repeat; background-color: transparent; transition: background-size 0.3s; text-decoration: none; background-size: 100% 1px; border: none } .link-underline:hover, .link-underline:focus { color: var(--secondary-color); text-decoration: none !important; background-size: 95% 1px } .link-underline-black { color: #000 } @keyframes moltinShake { 12.5% { transform: translateX(-6px) rotateY(-5deg) } 37.5% { transform: translateX(5px) rotateY(4deg) } 62.5% { transform: translateX(-3px) rotateY(-2deg) } 87.5% { transform: translateX(2px) rotateY(1deg) } 100% { transform: translateX(0) } } .invalid { animation: moltinShake 0.4s ease-in-out 0.1s normal forwards 1 running } .link-dotted { -webkit-text-decoration: dotted underline; text-decoration: dotted underline; text-underline-offset: 4px } .link-dotted:hover { color: var(--brand-color) } .cart-footer { position: sticky !important; top: 185px } .section { padding: calc(1rem + 4vw) 0 } @media (max-width: 575.98px) { .section { padding: calc(1rem + 3vw) 0 } } .section-head { width: 100%; margin-bottom: 1.2rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; overflow: auto } @media (min-width: 992px) { .section-head { flex-direction: row; margin-bottom: 2.5rem } } .section-head-center { justify-content: center; text-align: center } .section-heading { color: rgba(0, 0, 0, 0.97); display: inline-block } .section-heading h1, .section-heading .h1, .section-heading h2, .section-heading .h2, .section-heading h3, .section-heading .h3, .section-heading h4, .section-heading .h4 { font-weight: 500 } .section-heading h1, .section-heading .h1, .section-heading h2, .section-heading .h2 { font-size: clamp(1.2rem, 2vw, 3rem) } .section-heading h1>span, .section-heading .h1>span, .section-heading h2>span, .section-heading .h2>span { display: block; font-size: 0.875rem; text-align: center } .section-heading h1 .search-results, .section-heading .h1 .search-results, .section-heading h2 .search-results, .section-heading .h2 .search-results { font-size: 2rem; display: inline-block } .section-heading p { font-size: 1rem; font-weight: 300 } .section-foot { text-align: center; margin-top: 1.5rem } .page-banner { min-height: 320px; padding: 2rem 0; display: flex; align-items: center; justify-content: center; position: relative; color: #fff } .page-banner:after { background: transparent linear-gradient(80deg, var(--brand-color) 0%, var(--brand-color) 38%, rgba(1, 34, 69, 0) 100%) 0% 0% no-repeat; height: 100%; width: 100%; content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0 } .page-banner-txt { max-width: 475px } .page-banner .container { z-index: 1; position: relative } .cms-center { text-align: center } .cms h1, .cms .h1 { font-weight: 400 } .cms h2, .cms .h2 { font-weight: 400 } .cms h3, .cms .h3 { font-size: 1.5rem; color: #000; font-weight: 400 } .cms h4, .cms .h4 { font-size: 1.25rem; font-weight: 400 } .cms h5, .cms .h5 { font-size: 1rem; font-weight: 400 } .cms h6, .cms .h6 { font-size: 0.875rem; font-weight: 400 } .cms p { font-size: 0.875rem; line-height: 1.8; margin-bottom: 1rem; word-break: break-word; font-weight: 300; color: rgba(0, 0, 0, 0.77) } .cms.space { padding: 50px 0 } .cms ul { margin: 10px 0; color: rgba(0, 0, 0, 0.97) } .cms ul li { position: relative; padding: 5px 0; margin: 0 15px; color: inherit; list-style: disc; display: list-item } .cms ul li ul li { font-size: 0.875rem } .cms ol { list-style: decimal } .cms ol li { position: relative; padding: 0 0 15px 0; color: #666; margin: 0; font-size: 1.1em } .cms ol a { color: inherit } .cms table th { font-weight: 600 } .cms table th, .cms table td { padding: 10px; font-size: 0.875rem; vertical-align: top } .bg-stats { background-color: #f3f4f5; border-radius: 20px; padding: calc(1rem + 4vw) 1rem } .stats { display: flex; align-items: center; justify-content: space-between; flex-flow: row wrap; margin: 0 auto; gap: 1rem } @media (min-width: 992px) { .stats { max-width: 800px } } .stats-block { text-align: center } @media (max-width: 767.98px) { .stats-block { flex: 0 0 45%; max-width: 45% } } .stats-block h4, .stats-block .h4 { font-size: 3.125rem; color: var(--brand-color); font-weight: 700 } .stats-block p { color: rgba(0, 0, 0, 0.97); font-size: 1.12rem; font-weight: 600 } .content-wrap .content-block { padding: calc(1rem + 3vw) 0; display: flex; align-items: center; flex-flow: row wrap; gap: 2rem } @media (min-width: 1200px) { .content-wrap .content-block { flex-direction: row-reverse; gap: 5rem } } .content-wrap .content-block-img { border-radius: 10px; overflow: hidden; aspect-ratio: 16/9; background-color: rgba(0, 0, 0, 0.03) } @media (min-width: 768px) { .content-wrap .content-block-img { flex: 0 1 50% } } .content-wrap .content-block-img img { border-radius: 10px } .content-wrap .content-block-cms { flex: 1 } @media (min-width: 768px) { .content-wrap .content-block:nth-child(even) { flex-direction: row } } @media (min-width: 768px) { .content-wrap .content-block-even { flex-direction: row } } .list-vertical { margin: 0; padding: 0 } .list-vertical li { padding: 8px 0; display: block; position: relative; border: none !important } .list-vertical li .divider { margin: 0 } .list-vertical li span { color: rgba(0, 0, 0, 0.97) } .list-vertical li.logout a { color: #000; font-weight: 600 } .list-vertical li:last-child { border-bottom: none } .list-vertical li.is-active a { color: #555555; font-weight: 700 } .list-vertical li .parents--link { position: relative; display: block; cursor: pointer } .list-vertical li .parents--link:after { position: absolute; content: "+"; font-weight: 600; font-size: 1.25em; color: #888; right: 10px; top: -4px } .list-vertical li.seprator { border-top: solid 1px #dee2e6; padding-top: 10px; margin-top: 10px } .list-vertical .remove_buyTogether { margin-right: 10px; cursor: pointer } .list-vertical .remove_buyTogether:hover { color: var(--brand-color) } .list-vertical a { color: rgba(0, 0, 0, 0.97); display: block; overflow: hidden; position: relative; font-size: 0.9em; font-weight: 400; display: flex; align-items: center; text-decoration: none; transition: all 0.2s linear; padding: 5px 0 } .list-vertical img { display: inline-block; vertical-align: middle; margin-right: 5px } .list-vertical .childs { display: none } .list-vertical .childs.opened { display: block } .list-vertical .childs li { font-size: 0.95em; margin: 4px 0; padding-left: 0 } .listing--check li { color: #666; overflow: hidden; padding: 0; position: relative; text-overflow: ellipsis; white-space: nowrap; margin: 0.5rem 0 } .listing--check li a { color: #666; font-size: 14px; padding: 0; padding-left: 30px; position: relative; min-height: 22px; display: block } .listing--check li a:before { height: 20px; width: 20px; border: solid 1px #dee2e6; position: absolute; left: 0; top: 0; content: ""; border-radius: 2px } .listing--check li.is-active a:before { background: var(--brand-color); color: var(--brand-color-inverse); border-color: var(--brand-color) } .listing--check li.is-active a:after { height: 12px; width: 7px; position: absolute; content: ""; display: inline-block; font-size: 16px; text-align: center; line-height: 16px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); left: 6px; top: 2px } .listing--bullet li { position: relative; line-height: 30px; padding: 0 0 8px 18px; font-size: 0.875em; color: rgba(0, 0, 0, 0.97) } .listing--bullet li:before { position: absolute; left: 0; top: 11px; width: 8px; height: 8px; content: ""; display: inline-block; background-color: #888 } .promotion-area ul { display: flex; justify-content: center; flex-wrap: wrap } @media (max-width: 767.98px) { .promotion-area ul { justify-content: flex-start } } .listing--icons li { padding: 10px 1rem; display: flex } .listing--icons li .fa { font-size: 2.5em; opacity: 0.6; margin: 0 20px 0 0; width: 2.5rem } .listing--icons li p { font-size: 0.875rem } .listing--icons li p strong { display: block; opacity: 1; font-weight: 500 } .links-inline { color: rgba(0, 0, 0, 0.97); display: flex; gap: 10px; width: 100% } .links-inline-center { justify-content: center } .links-inline li { font-size: 0.875rem; padding-bottom: 5px; padding-right: 1rem } .links-inline li a { color: inherit; text-decoration: underline } .links-inline li a:hover { color: var(--brand-color); text-decoration: underline } .links-inline li .fa { margin: 0 5px 0 0 } .heading1 { color: rgba(0, 0, 0, 0.97); font-size: 2em } .heading2 { color: rgba(0, 0, 0, 0.97); font-size: 1.8em } .heading3 { color: rgba(0, 0, 0, 0.97); font-size: 1.3em } .heading4 { font-size: 1.2em } .heading4 span { color: var(--brand-color) } span.subheading { color: #555555; display: block; font-weight: 300; font-size: 1.2rem } .txt-sm { font-size: 0.8rem } .cookies-notice { position: fixed; bottom: 0; z-index: 1030; margin-bottom: 10px } @media (min-width: 992px) { .cookies-notice { width: 60%; left: 50%; transform: translateX(-50%) } } .cookies-notice-content { width: 100%; height: 100%; display: flex; flex-flow: row wrap; gap: 10px; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 1rem } @media (min-width: 992px) { .cookies-notice-content { flex-flow: row nowrap; justify-content: space-between; border-radius: 50px } } .cookies-notice-content a { color: currentColor; text-decoration: underline } .cookies-notice-message { font-size: 13px; font-weight: 400; color: #fff; width: 100%; padding: 0 1rem } .cookies-notice-buttons { display: flex; flex-flow: row nowrap; align-items: center; gap: 8px; margin-left: 0 } .cookies-notice-buttons .btn-decline { background-color: transparent; border-color: #fff; color: #fff; border-radius: 40px; padding: 10px 14px } .cookies-notice-buttons .btn-decline:hover { text-decoration: underline; box-shadow: none } .cookies-notice-buttons .btn-accept { background-color: #fff; color: #000; border-radius: 40px; padding: 10px 14px } .no-data-found { margin: 2rem auto; text-align: center; display: flex; flex-direction: column } .no-data-found .img { max-width: 100%; margin: 1rem auto } .no-data-found .img img, .no-data-found .img .svg { width: 100%; max-width: 400px } .no-data-found .data { margin-top: 1rem } .no-data-found .data h2, .no-data-found .data .h2 { font-size: 1.8rem; margin: 0; font-weight: 400 } .no-data-found .data p { margin-bottom: 1rem; color: rgba(0, 0, 0, 0.77); font-size: 0.85rem } .no-data-found.no-data-found--md .img { max-width: 150px } .no-data-found.no-data-found--md .data h2, .no-data-found.no-data-found--md .data .h2 { font-size: 1.5rem } .no-data-found.no-data-found--sm .img { max-width: 100px } .no-data-found.no-data-found--sm .data h2, .no-data-found.no-data-found--sm .data .h2 { font-size: 1.2rem } .block-empty { padding: 2rem 20px; margin: auto } .block-empty .block__img { display: block; margin: 20px auto 30px !important } .block-empty .error__img { width: 449px; display: block; margin: 20px auto 0 } .block-empty h3, .block-empty .h3 { font-size: 1.2rem } .block-empty h6, .block-empty .h6 { font-size: 0.9rem; font-weight: 400; color: rgba(0, 0, 0, 0.77) } .no-product { text-align: center } .no-product ul { justify-content: center } .not-found { text-align: center; max-width: 600px; margin: 0 auto; height: 100vh; display: flex; flex-direction: column; justify-content: center } .not-found img { margin-bottom: 2rem } .not-found h3, .not-found .h3 { margin-bottom: 1rem } .not-found p { margin-bottom: 1rem } .dropdown-item.active, .dropdown-item:active { background-color: var(--brand-color); color: var(--brand-color-inverse) } .dropdown__target { border-radius: 4px; z-index: 10; left: 0; top: 110%; background: #fff; box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); position: absolute; transform: scaleY(0); opacity: 0; visibility: hidden; filter: alpha(opacity=0); transition: all 300ms; transform-origin: center } .dropdown__target:before { content: ""; display: block; border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; top: -6px; left: 20px } .dropdown__target__right { left: auto; right: 0 } .dropdown__target__right:before { left: auto; right: 20px } .dropdown.is-active .dropdown__target { transform: scaleY(1); opacity: 1; filter: alpha(opacity=100); visibility: visible } .dropdown__target-space { padding: 15px 25px; min-width: 200px } .dropdown__target-head { padding: 15px; background: var(--brand-color); color: var(--brand-color-inverse) } .dropdown__target-head p { margin: 6px 0 0; color: #fff; font-size: 0.9em } .dropdown__target-head p a { color: #fff; text-decoration: underline } .dropdown__target-head .link { border: 1px solid #fff; color: #fff; display: inline-block; margin: 5px 0; padding: 2px 20px 4px } .dropdown__target .iconavtar { border: 2px solid #fff; display: block; position: relative; margin: 0 auto 5px; width: 60px; height: 60px; border-radius: 100%; background: #fff; padding: 2px } .dropdown__target .iconavtar .icon, .dropdown__target .iconavtar img { position: absolute; left: 50%; top: 50%; border-radius: 100%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); color: var(--brand-color); font-size: 2.5em; line-height: 1 } .dropdown__target .scroll-y { max-height: 350px; overflow-y: auto } .dropdown.is-active .dropdown__target .list-vertical li { transform: translate3d(0, 0, 0); opacity: 1 } .dropdown-menu { padding: 0; box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15); font-size: 0.85rem; border: solid 1px #dee2e6; border-radius: 4px; margin: 0; padding: 1rem 0; min-width: 14rem; left: 0; text-align: left } .dropdown-menu-anim { animation: dropdown-menu-fade-in 0.3s ease 1, dropdown-menu-move-up 0.3s ease-out 1 } .dropdown-menu-right { right: 0; left: auto } .dropdown-menu-item { border: none } .dropdown-menu-item.logout { border-top: solid 1px #dee2e6 } .dropdown-menu-link { display: block; padding: 10px 1rem; color: inherit } @keyframes dropdown-menu-fade-in { from { opacity: 0 } to { opacity: 1 } } @keyframes dropdown-menu-move-down { from { margin-top: -10px } to { margin-top: 0 } } @keyframes dropdown-menu-move-up { from { margin-top: 10px } to { margin-top: 0 } } .dropdown-toggle[data-toggle="collapse"]:after { transition: all 0.1s ease-in-out; transform-origin: center center; transform: rotate(-90deg) } .dropdown-toggle[data-toggle="collapse"][aria-expanded="true"]:after { transform: rotate(0deg) } .dropdown-toggle:hover { box-shadow: none } .dropdown-toggle:focus { box-shadow: none } .nav-block { display: flex; flex-direction: column; padding: 1rem 0 } .nav-block .expand-heading { font-size: 0.8rem; text-transform: uppercase } .nav-block .nav__item { display: block; border: none } .nav-block .nav__item.is-active { color: var(--brand-color) } .nav-block .nav__item .nav__link { display: flex; flex-grow: 1; align-items: center; padding: 0.55rem 1.75rem; cursor: pointer; transition: all 0.3s; font-size: 0.85rem } .box--scroller { overflow-y: auto; max-height: 250px } .loader-positon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) } .loader-yk { display: block; width: 30px; height: 30px; position: relative; margin: 15px auto; text-align: center; background: url(images/retina/oval.svg) no-repeat center; background-size: 20px } @keyframes loader { 0% { transform: rotate(0deg) } 25% { transform: rotate(180deg) } 50% { transform: rotate(180deg) } 75% { transform: rotate(360deg) } 100% { transform: rotate(360deg) } } @keyframes loader-inner { 0% { height: 0% } 25% { height: 0% } 50% { height: 100% } 75% { height: 100% } 100% { height: 0% } } .loader-wrapper { position: relative } .loader-wrapper .circle { width: 10px; height: 10px; border-radius: 14px; border: 2px solid var(--brand-color); margin: 10px; animation: rotate 2s infinite linear; animation-fill-mode: both; display: inline-block } .loader-wrapper .circle:nth-of-type(2) { animation: rotate2 2s infinite linear; animation-fill-mode: both } .loader-wrapper .circle:nth-of-type(3) { animation: rotate3 2s infinite linear; animation-fill-mode: both } @keyframes rotate { 0% { transform: scale(0); opacity: 0 } 25% { transform: scale(1); opacity: 1 } 75% { transform: scale(1); opacity: 1 } 85% { transform: scale(1); opacity: 1 } 100% { transform: scale(1); opacity: 0 } } @keyframes rotate2 { 0% { transform: scale(0); opacity: 0 } 25% { transform: scale(0); opacity: 0 } 50% { transform: scale(1); opacity: 1 } 75% { transform: scale(1); opacity: 1 } 85% { transform: scale(1); opacity: 1 } 100% { transform: scale(1); opacity: 0 } } @keyframes rotate3 { 0% { transform: scale(0); opacity: 0 } 50% { transform: scale(0); opacity: 0 } 75% { transform: scale(1); opacity: 1 } 85% { transform: scale(1); opacity: 1 } 100% { transform: scale(1); opacity: 0 } } .svg-loader { width: 20px; height: auto; margin: 5px auto } #loadMoreBtnDiv { text-align: center } #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1081 } #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; animation: spin 2s linear infinite; z-index: 1001 } #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; animation: spin 3s linear infinite } #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; animation: spin 1.5s linear infinite } @keyframes spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } #loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: #fff; z-index: 1000; transform: translateX(0) } #loader-wrapper .loader-section.section-left { left: 0 } #loader-wrapper .loader-section.section-right { right: 0 } .loaded #loader-wrapper .loader-section.section-left { transform: translateX(-100%); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) } .loaded #loader-wrapper .loader-section.section-right { transform: translateX(100%); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) } .loaded #loader { opacity: 0; transition: all 0.3s ease-out } .loaded #loader-wrapper { visibility: hidden; transform: translateY(-100%); transition: all 0.3s 0s ease-out } .no-js #loader-wrapper { display: none } .no-js h1, .no-js .h1 { color: #222222 } .yokart-loader { margin: 0 auto; position: relative; z-index: 1001; text-align: center; display: flex; align-items: center; justify-content: center; height: 100% } .yokart-loader img { max-width: 80px } .pong-loader { position: absolute; margin: 0 auto; left: 0; right: 0; top: 50%; height: 2.5rem; width: 6px; background-color: transparent; animation: paddles 0.75s ease-out infinite; transform: translate3d(0, 0, 0); z-index: 1001 } .pong-loader:before { content: ""; position: absolute; margin: 0 auto; left: 0; right: 0; top: 15px; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; animation: ballbounce 0.6s ease-out infinite } @keyframes paddles { 0% { box-shadow: -25px -10px 0px #fff, 25px 10px 0px #fff } 50% { box-shadow: -25px 8px 0px #fff, 25px -10px 0px #fff } 100% { box-shadow: -25px -10px 0px #fff, 25px 10px 0px #fff } } @keyframes ballbounce { 0% { transform: translateX(-20px) scale(1, 1.2) } 25% { transform: scale(1.2, 1) } 50% { transform: translateX(15px) scale(1, 1.2) } 75% { transform: scale(1.2, 1) } 100% { transform: translateX(-20px) } } .page-loader { background: #fff; display: grid; place-items: center; transition: opacity 0.4s ease; position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 99999; width: 100% } .page-loader .loader-line { --color: white; --size-mid: 6vmin; --size-dot: 1.5vmin; --size-bar: 0.4vmin; --size-square: 3vmin; position: relative; margin-top: 5px; width: 100%; display: grid; place-items: center } .page-loader .loader-line:before { content: ""; box-sizing: border-box; position: absolute; height: var(--size-bar); width: 6vmin; background-color: var(--brand-color); animation: loader-4 0.8s cubic-bezier(0, 0, 0.03, 0.9) infinite } .page-loader .loader-line:after { content: ""; box-sizing: border-box; position: absolute } .loaded .page-loader { display: none } @keyframes loader-4 { 0%, 44%, 88.1%, 100% { transform-origin: left } 0%, 100%, 88% { transform: scaleX(0) } 44.1%, 88% { transform-origin: right } 33%, 44% { transform: scaleX(1) } } .spinner { position: relative } .spinner:before { content: ""; box-sizing: border-box; position: absolute; top: 50%; left: 0; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; animation: spinner 0.5s linear infinite } .spinner.spinner--sm:before { width: 16px; height: 16px; margin-top: -8px } .spinner.spinner--sm.spinner--center:before { left: 50%; margin-left: -8px } .spinner.spinner--sm.spinner--left:before { left: 0; right: auto } .spinner.spinner--sm .spinner--right:before { left: auto; right: 0 } .spinner.spinner--center:before { left: 50%; margin-left: -10px } .spinner.spinner--left:before { left: 0; right: auto } .spinner.spinner--right:before { left: auto; right: 0 } .spinner.spinner--lg:before { width: 24px; height: 24px; margin-top: -12px } .spinner.spinner--lg.spinner--center:before { left: 50%; margin-left: -12px } .spinner.spinner--lg.spinner--left:before { left: 0; right: auto } .spinner.spinner--lg.spinner--right:before { left: auto; right: 0 } .spinner.spinner--brand:before { border: 2px solid var(--brand-color); border-right: 2px solid transparent } .spinner.spinner--light:before { border: 2px solid #ffffff; border-right: 2px solid transparent } .spinner.spinner--dark:before { border: 2px solid #888; border-right: 2px solid transparent } .spinner.spinner--primary:before { border: 2px solid var(--primary-color); border-right: 2px solid transparent } .spinner.spinner--success:before { border: 2px solid #1dc9b7; border-right: 2px solid transparent } .spinner.spinner--info:before { border: 2px solid #5578eb; border-right: 2px solid transparent } .spinner.spinner--warning:before { border: 2px solid #ffb822; border-right: 2px solid transparent } .spinner.spinner--danger:before { border: 2px solid #fd397a; border-right: 2px solid transparent } .spinner.spinner--input.spinner--right:before { left: auto; right: 1rem } .spinner.spinner--input.spinner--left:before { right: auto; left: 1rem } .spinner.spinner--v2:before { animation: spinner 0.5s linear infinite } .spinner.spinner--v2.spinner--brand:before { border: 2px solid #c6d6fc; border-top-color: #2861f2 } .spinner.spinner--v2.spinner--light:before { border: 2px solid white; border-top-color: #f7f7f7 } .spinner.spinner--v2.spinner--dark:before { border: 2px solid #656a98; border-top-color: #222433 } .spinner.spinner--v2.spinner--primary:before { border: 2px solid #d7dbf7; border-top-color: #4b5bda } .spinner.spinner--v2.spinner--success:before { border: 2px solid #90efe5; border-top-color: #1bbcab } .spinner.spinner--v2.spinner--info:before { border: 2px solid #dee5fb; border-top-color: #476de9 } .spinner.spinner--v2.spinner--warning:before { border: 2px solid #ffe9bb; border-top-color: #ffb313 } .spinner.spinner--v2.spinner--danger:before { border: 2px solid #ffd0e0; border-top-color: #fd2a70 } @keyframes spinner { to { transform: rotate(360deg) } } .loader { display: inline-block; width: 1.4rem; height: 1.4rem; margin: 0 auto; border-radius: 100%; background-color: #f7f8fa; opacity: 0; animation: loader-scaleout 0.9s infinite ease-in-out } .loader.loader--lg { width: 2rem; height: 2rem } .loader.loader--sm { width: 1rem; height: 1rem } .loader.loader--brand { background-color: var(--brand-color); color: var(--brand-color-inverse) } .loader.loader--light { background-color: #fff } .loader.loader--dark { background-color: #888 } .loader.loader--primary { background-color: var(--primary-color) } .loader.loader--success { background-color: #1dc9b7 } .loader.loader--info { background-color: #5578eb } .loader.loader--warning { background-color: #ffb822 } .loader.loader--danger { background-color: #fd397a } .btn .loader { position: relative; line-height: 0 } @keyframes loader-scaleout { 0% { opacity: 0.3; transform: scale(0) } 100% { opacity: 1; transform: scale(1) } } .pulse { position: relative } .pulse .pulse__ring { display: block; border-radius: 40px; height: 40px; width: 40px; position: absolute; animation: pulse 3.5s ease-out; animation-iteration-count: infinite; opacity: 0; border-width: 3px; border-style: solid; border-color: #d8dce6 } .pulse.pulse--brand .pulse__ring { border-color: rgba(54, 108, 243, 0.8) } .pulse.pulse--light .pulse__ring { border-color: rgba(255, 255, 255, 0.8) } .pulse.pulse--dark .pulse__ring { border-color: rgba(40, 42, 60, 0.8) } .pulse.pulse--primary .pulse__ring { border-color: rgba(88, 103, 221, 0.8) } .pulse.pulse--success .pulse__ring { border-color: rgba(29, 201, 183, 0.8) } .pulse.pulse--info .pulse__ring { border-color: rgba(85, 120, 235, 0.8) } .pulse.pulse--warning .pulse__ring { border-color: rgba(255, 184, 34, 0.8) } .pulse.pulse--danger .pulse__ring { border-color: rgba(253, 57, 122, 0.8) } @media screen\0 { .pulse .pulse__ring { top: 2px; left: 2px } } @keyframes pulse { 0% { -webkit-transform: scale(0.1, 0.1); opacity: 0 } 60% { -webkit-transform: scale(0.1, 0.1); opacity: 0 } 65% { opacity: 1 } 100% { -webkit-transform: scale(1.2, 1.2); opacity: 0 } } .modal-backdrop { opacity: 1 !important; background-color: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px) } .modal-content { border: none; border-radius: 4px; box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06) } .modal-content .close { font-weight: 400 } .modal-header .close { margin: -1rem; margin-left: auto !important } .modal-header .btn-close { margin-left: auto !important; margin-right: 0 !important } .modal-title { font-size: 1.2rem; color: rgba(0, 0, 0, 0.97); display: flex; gap: 10px; align-items: center } .modal-title small, .modal-title .small { font-size: 0.8rem } .modal.fixed-right { padding-right: 0 !important } .modal.fixed-right.fade .modal-dialog-vertical { transform: translateX(100%) } .modal.fixed-right.show .modal-dialog-vertical { transform: translateX(0) } .modal.fixed-right .modal-content { border-radius: 0 !important } .modal-dialog-vertical { height: 100%; max-width: 500px; margin: 0; margin-left: auto } .modal-dialog-vertical .modal-content { border-radius: 4px; height: inherit; overflow-y: auto } .modal-dialog-vertical .modal-content .modal-header { padding: 1.5rem 2rem } .modal-dialog-vertical-sm { max-width: 250px } .modal-dialog-vertical-md { max-width: 750px } .modal-dialog-vertical-lg { max-width: 1000px } button.close { font-weight: 400; font-size: 1.5rem } .dialogue .icn { font-size: 5rem; margin-bottom: 2rem } .dialogue .icn-warning { color: #ffb822 } .dialogue .icn-success { color: #1dc9b7 } .dialogue .icn-danger { color: #fd397a } .toast-title { font-weight: bold } .toast-message { word-wrap: break-word } .toast-message a, .toast-message label { color: currentColor; text-decoration: underline } .toast-message a:hover { color: currentColor; text-decoration: none } .toast-close-button { width: 20px; height: 20px; position: relative; right: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #ffffff; opacity: 0.8; filter: alpha(opacity=80); line-height: 1; text-indent: -99999px; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmkteCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNC42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCA3LjI5M2wyLjY0Ni0yLjY0N2EuNS41IDAgMCAxIC43MDguNzA4TDguNzA3IDhsMi42NDcgMi42NDZhLjUuNSAwIDAgMS0uNzA4LjcwOEw4IDguNzA3bC0yLjY0NiAyLjY0N2EuNS41IDAgMCAxLS43MDgtLjcwOEw3LjI5MyA4IDQuNjQ2IDUuMzU0YS41LjUgMCAwIDEgMC0uNzA4eiIvPgo8L3N2Zz4=") } .toast-close-button:hover, .toast-close-button:focus { text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40) } .rtl .toast-close-button { left: -0.3em; float: left; right: 0.3em } button.toast-close-button { padding: 0; cursor: pointer; background-color: transparent; border: 0; -webkit-appearance: none } .toast-top-center { top: 0; right: 0; width: 100% } .toast-bottom-center { bottom: 0; right: 0; width: 100% } .toast-top-full-width { top: 0; right: 0; width: 100% } .toast-bottom-full-width { bottom: 0; right: 0; width: 100% } .toast-top-left { top: 12px; left: 12px } .toast-top-right { top: 12px; right: 12px } .toast-bottom-right { right: 12px; bottom: 12px } .toast-bottom-left { bottom: 12px; left: 12px } #toast-container { position: fixed; z-index: 999999; pointer-events: none } #toast-container * { box-sizing: border-box } #toast-container>div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 10px; padding: 1rem; padding-left: 50px; width: 300px; border-radius: 6px; background-position: 15px center; background-repeat: no-repeat; background-size: 20px; opacity: 0.99; filter: alpha(opacity=99); font-weight: 600 !important; box-shadow: rgba(67, 90, 111, 0.3) 0px 0px 1px, rgba(67, 90, 111, 0.47) 0px 8px 10px -4px } #toast-container>div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center } #toast-container>div:hover { opacity: 1; filter: alpha(opacity=100); cursor: pointer } #toast-container>.toast-info { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaW5mby1jaXJjbGUtZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoICBmaWxsPSIjMTIzMDk1IiAgZD0iTTggMTZBOCA4IDAgMSAwIDggMGE4IDggMCAwIDAgMCAxNnptLjkzLTkuNDEyLTEgNC43MDVjLS4wNy4zNC4wMjkuNTMzLjMwNC41MzMuMTk0IDAgLjQ4Ny0uMDcuNjg2LS4yNDZsLS4wODguNDE2Yy0uMjg3LjM0Ni0uOTIuNTk4LTEuNDY1LjU5OC0uNzAzIDAtMS4wMDItLjQyMi0uODA4LTEuMzE5bC43MzgtMy40NjhjLjA2NC0uMjkzLjAwNi0uMzk5LS4yODctLjQ3bC0uNDUxLS4wODEuMDgyLS4zODEgMi4yOS0uMjg3ek04IDUuNWExIDEgMCAxIDEgMC0yIDEgMSAwIDAgMSAwIDJ6Ii8+Cjwvc3ZnPg==") } #toast-container>.toast-error { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZXhjbGFtYXRpb24tY2lyY2xlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgICA8cGF0aCBmaWxsPSIjOWIwMjM1IiBkPSJNMTYgOEE4IDggMCAxIDEgMCA4YTggOCAwIDAgMSAxNiAwek04IDRhLjkwNS45MDUgMCAwIDAtLjkuOTk1bC4zNSAzLjUwN2EuNTUyLjU1MiAwIDAgMCAxLjEgMGwuMzUtMy41MDdBLjkwNS45MDUgMCAwIDAgOCA0em0uMDAyIDZhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yeiIvPgo8L3N2Zz4=") } #toast-container>.toast-success { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hlY2stY2lyY2xlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgICA8cGF0aCAgZmlsbD0iIzEwNzA2NiIgZD0iTTE2IDhBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgMHptLTMuOTctMy4wM2EuNzUuNzUgMCAwIDAtMS4wOC4wMjJMNy40NzcgOS40MTcgNS4zODQgNy4zMjNhLjc1Ljc1IDAgMCAwLTEuMDYgMS4wNkw2Ljk3IDExLjAzYS43NS43NSAwIDAgMCAxLjA3OS0uMDJsMy45OTItNC45OWEuNzUuNzUgMCAwIDAtLjAxLTEuMDV6Ii8+Cjwvc3ZnPg==") } #toast-container>.toast-warning { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc2hpZWxkLWV4Y2xhbWF0aW9uIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogICAgPHBhdGggZmlsbD0iIzg4NWMwMCIgIGQ9Ik01LjMzOCAxLjU5YTYxLjQ0IDYxLjQ0IDAgMCAwLTIuODM3Ljg1Ni40ODEuNDgxIDAgMCAwLS4zMjguMzljLS41NTQgNC4xNTcuNzI2IDcuMTkgMi4yNTMgOS4xODhhMTAuNzI1IDEwLjcyNSAwIDAgMCAyLjI4NyAyLjIzM2MuMzQ2LjI0NC42NTIuNDIuODkzLjUzMy4xMi4wNTcuMjE4LjA5NS4yOTMuMTE4YS41NS41NSAwIDAgMCAuMTAxLjAyNS42MTUuNjE1IDAgMCAwIC4xLS4wMjVjLjA3Ni0uMDIzLjE3NC0uMDYxLjI5NC0uMTE4LjI0LS4xMTMuNTQ3LS4yOS44OTMtLjUzM2ExMC43MjYgMTAuNzI2IDAgMCAwIDIuMjg3LTIuMjMzYzEuNTI3LTEuOTk3IDIuODA3LTUuMDMxIDIuMjUzLTkuMTg4YS40OC40OCAwIDAgMC0uMzI4LS4zOWMtLjY1MS0uMjEzLTEuNzUtLjU2LTIuODM3LS44NTVDOS41NTIgMS4yOSA4LjUzMSAxLjA2NyA4IDEuMDY3Yy0uNTMgMC0xLjU1Mi4yMjMtMi42NjIuNTI0ek01LjA3Mi41NkM2LjE1Ny4yNjUgNy4zMSAwIDggMHMxLjg0My4yNjUgMi45MjguNTZjMS4xMS4zIDIuMjI5LjY1NSAyLjg4Ny44N2ExLjU0IDEuNTQgMCAwIDEgMS4wNDQgMS4yNjJjLjU5NiA0LjQ3Ny0uNzg3IDcuNzk1LTIuNDY1IDkuOTlhMTEuNzc1IDExLjc3NSAwIDAgMS0yLjUxNyAyLjQ1MyA3LjE1OSA3LjE1OSAwIDAgMS0xLjA0OC42MjVjLS4yOC4xMzItLjU4MS4yNC0uODI5LjI0cy0uNTQ4LS4xMDgtLjgyOS0uMjRhNy4xNTggNy4xNTggMCAwIDEtMS4wNDgtLjYyNSAxMS43NzcgMTEuNzc3IDAgMCAxLTIuNTE3LTIuNDUzQzEuOTI4IDEwLjQ4Ny41NDUgNy4xNjkgMS4xNDEgMi42OTJBMS41NCAxLjU0IDAgMCAxIDIuMTg1IDEuNDMgNjIuNDU2IDYyLjQ1NiAwIDAgMSA1LjA3Mi41NnoiLz4KICAgIDxwYXRoIGZpbGw9IiM4ODVjMDAiICBkPSJNNy4wMDEgMTFhMSAxIDAgMSAxIDIgMCAxIDEgMCAwIDEtMiAwek03LjEgNC45OTVhLjkwNS45MDUgMCAxIDEgMS44IDBsLS4zNSAzLjUwN2EuNTUzLjU1MyAwIDAgMS0xLjEgMEw3LjEgNC45OTV6Ii8+Cjwvc3ZnPg==") } #toast-container.toast-top-center>div, #toast-container.toast-bottom-center>div { width: 300px; margin-left: auto; margin-right: auto } #toast-container.toast-top-full-width>div, #toast-container.toast-bottom-full-width>div { width: 96%; margin-left: auto; margin-right: auto } .toast-success { background-color: #e9fcfa; border: solid 1px #1dc9b7; color: #107066 } .toast-error { background-color: #ffeaf1; border: solid 1px #fd397a; color: #9b0235 } .toast-info { background-color: #f5f7fe; border: solid 1px #5578eb; color: #123095 } .toast-warning { background-color: #fffaee; border: solid 1px #ffb822; color: #885c00 } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; filter: alpha(opacity=40) } @media all and (max-width: 240px) { #toast-container>div { padding: 8px 8px 8px 50px; width: 11em } #toast-container>div.rtl { padding: 8px 50px 8px 8px } #toast-container .toast-close-button { right: -0.2em; top: -0.2em } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container>div { padding: 8px 8px 8px 50px; width: 18em } #toast-container>div.rtl { padding: 8px 50px 8px 8px } #toast-container .toast-close-button { right: -0.2em; top: -0.2em } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container>div { padding: 15px 15px 15px 50px; width: 25em } #toast-container>div.rtl { padding: 15px 50px 15px 15px } } .offcanvas-backdrop { opacity: 1 !important; background-color: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px) } .offcanvas-header { padding: 1rem 2rem } .offcanvas-body { padding: 1rem 2rem } .offcanvas-foot { padding: 1rem 2rem } .offcanvas-start { border: none; right: auto; left: 0 } .offcanvas-end { border: none; left: auto; right: 0; transform: translateX(100%) } .offcanvas-gps-location { height: 50vh } .offcanvas-side-cart { width: 500px } .offcanvas-side-cart .cart-summary { margin-bottom: 2rem } .demo-restore-clone { position: fixed; z-index: 9999; right: 3rem; top: 30% } .restore-btn { background-color: var(--brand-color); color: var(--brand-color-inverse); border: none; border-radius: 50px; border-top-right-radius: 0; border-bottom-right-radius: 0; position: fixed; z-index: 9999; right: 0; top: 30%; width: 40px; height: 40px; padding: 10px; display: flex; justify-content: flex-start; align-items: center; font-size: 0.9rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) } .restore-btn:hover { color: #fff; width: 50px } .restore-btn .svg { min-width: 1.5rem; min-height: 1.5rem } [dir="rtl"] .restore-btn .svg { transform: rotate(-180deg) } .restore-btn-icon { animation: rotate 1.5s linear infinite; border-color: transparent white; border-radius: 50%; border-style: solid; border-width: 0.125em; height: 1.2rem; margin: 0.25em; width: 1.2rem } .restore-btn-icon:before, .restore-btn-icon:after { border-style: solid; content: ""; display: block; position: absolute; width: 0; transform: rotate(-45deg) } .restore-btn-icon:after { border-color: transparent transparent transparent white; border-width: 0.3125em 0 0.3125em 0.5em; top: -0.3125em; left: 0.0625em } .restore-btn-icon:before { border-color: transparent white transparent transparent; border-width: 0.3125em 0.5em 0.3125em 0; bottom: -0.3125em; right: 0.0625em } .modal-restore .modal-dialog-vertical { max-width: 280px !important } .offcanvas-restore { max-width: 250px; top: 30%; right: 3rem; bottom: auto; background-color: transparent } .offcanvas-restore .offcanvas-body { padding: 0 } .demo { color: rgba(0, 0, 0, 0.97); height: 100%; display: flex; flex-direction: column } .demo-restore { display: flex; justify-content: flex-end; margin-bottom: 1rem; margin-right: 0 } .demo-restore-btn { font-weight: 600; background-color: #fff; border-radius: 30px; border: 0; gap: 8px; padding: 0.6rem 1rem; display: flex; min-width: 130px } .demo-restore-title { font-size: 1rem; font-weight: 500; margin-bottom: 0.25rem } .demo-restore-counter { font-size: 1rem; font-weight: 600 } .demo-switch { flex: 1 } .demo-action { display: flex; flex-direction: column; justify-content: center; gap: 1rem; margin-top: 1rem } .demo .views { display: flex; flex-direction: column } .demo .views-item { border-bottom: solid 1px #dee2e6; display: flex } .demo .views-item.is-active { color: var(--brand-color) } .demo .views-item:first-child a { padding-top: 0 } .demo .views-item:last-child { border-bottom: none } .demo .views-links { padding: 0.8rem 0; text-decoration: none; color: rgba(0, 0, 0, 0.77); font-size: 0.85rem; display: flex; flex-direction: row; align-items: center; font-weight: 600; gap: 10px } .demo .views-links:hover { color: var(--brand-color) } .demo .views-links .svg { width: 24px; height: 24px } .demo-bg-wrap { background-color: #fff; border-radius: 10px; padding: 1.5rem } .contacts { padding: 1rem 0; display: flex; gap: 4rem; margin: 0 auto; flex-flow: row wrap } .contacts li { text-align: left; position: relative; margin: 10px 0; padding: 0; display: block } .cta { text-align: center; padding: 2rem } .cta p { font-weight: 600 } .products { position: relative; text-align: center; transition: all 0.2s linear; animation: slideRight 600ms ease both } .products:hover { border-color: var(--brand-color) } .products-head { height: 80px } .products-head-date { color: inherit; font-size: 0.875em } .products-head-lable { display: inline; line-height: 1; vertical-align: baseline; white-space: nowrap; background-color: var(--brand-color); border-radius: 0; font-weight: normal; border-color: #fee188; color: #fff; padding: 3px 8px 4px; position: absolute; right: 15px; top: 15px; font-size: 0.8em; text-align: right; border-radius: 2px; z-index: 1 } .products-head-lable:before { border-color: rgba(0, 0, 0, 0) var(--brand-color) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); -o-border-image: none; border-image: none; border-style: solid; content: normal; display: inline-block; left: -14px; position: absolute; top: 0; border-width: 10px 7px } .products-body { position: relative } .products-foot { font-size: 0.85rem; padding: 1rem; text-align: left; color: rgba(0, 0, 0, 0.97) } @media (min-width: 992px) { .products-foot { text-align: center } } .products-img { display: block; margin: 0; aspect-ratio: 1/1; position: relative; width: 100%; overflow: hidden; background-color: #f3f4f5 } .products-img:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg) } @keyframes shine { 100% { left: 125% } } .products-img img { border: solid 1px #f5f6f8; mix-blend-mode: multiply; -o-object-fit: cover; object-fit: cover; max-width: 100%; width: 100%; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; transition: all 0.5s linear } .products-title { color: inherit; margin: 0; padding: 0; margin-bottom: 1rem; font-size: 0.85rem; font-weight: 600; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } .products-title a { color: inherit; font-size: inherit; font-weight: inherit } .products-category { color: rgba(128, 128, 128, 0.97); font-size: 0.85rem; font-weight: 400 } .products-price { display: inline-flex; align-items: center; flex-flow: row wrap; font-size: 0.85rem; color: inherit; padding: 0; gap: 5px } .products-price-new { font-weight: 600 } .products-price-old { text-decoration: line-through; color: rgba(0, 0, 0, 0.77) } .products-price-off { font-weight: 400; color: rgba(0, 0, 0, 0.97); white-space: nowrap } .products .products-head-specification { color: rgba(128, 128, 128, 0.97); font-size: 1em; font-weight: 300 } .products .products_ft_list li { color: rgba(128, 128, 128, 0.97); font-size: 0.9em; font-weight: 300; margin: 4px 0; position: relative; padding: 0 16px } .products .products_ft_list li:before { border-radius: 50%; width: 9px; height: 9px; background: #d9d9d9; position: absolute; left: 0; top: 5px; display: block; content: "" } @keyframes slideRight { 0% { opacity: 0; left: 30px } 100% { opacity: 1; left: 0 } } .shops .products { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset; padding: 15px } .product-listing { display: grid; grid-gap: 3rem; grid-template-columns: repeat(auto-fill, minmax(144px, 1fr)) } @media (min-width: 1200px) { .product-listing[data-view="2"] { grid-template-columns: repeat(2, 1fr) } .product-listing[data-view="3"] { grid-template-columns: repeat(3, 1fr) } .product-listing[data-view="4"] { grid-template-columns: repeat(4, 1fr) } .product-listing[data-view="5"] { grid-template-columns: repeat(5, 1fr) } .product-listing[data-view="6"] { grid-template-columns: repeat(6, 1fr) } } @media (max-width: 575.98px) { .product-listing { grid-gap: 1px } .product-listing .products { border-radius: 0px } } .product-listing .products { height: 100% } .not-available { position: absolute; bottom: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 0; border: none; padding: 5px; font-size: 12px; font-weight: 600; margin: auto; display: flex; align-items: center; justify-content: center; width: 100% } .not-available .svg { display: none } .out-of-stock-txt { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; background-color: rgba(112, 112, 112, 0.8); color: #fff; border-radius: 0; border: none; padding: 5px; font-size: 12px; font-weight: 600; margin: auto; display: flex; align-items: center; justify-content: center } .collections-ui { position: absolute; right: 2.5rem; bottom: 0; z-index: 1; transition-delay: 500ms } .collections-ui.static--collection { right: 0 } .collections-ui.static--collection>ul>li { display: inline-block; vertical-align: top; margin: 0 4px; position: relative } .collections-ui>ul>li>span { display: block; width: 2.5rem; background: var(--brand-color); color: var(--brand-color-inverse); border-radius: 50%; height: 2.5rem; cursor: pointer } .collections-ui .svg { width: 16px; height: 16px; fill: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute } .collections-ui .fa { color: #fff; font-size: 16px } .collections-ui .svg, .collections-ui img { max-width: 100%; height: auto } .collections-ui>ul>li.is-active>span { background: var(--secondary-color); color: var(--secondary-color-inverse) } .collection-toggle.is-active .svg { fill: var(--secondary-color) } .rating { display: flex; align-items: center } .products-reviews { display: inline-block; vertical-align: middle } .products-reviews .totals-review { color: var(--brand-color); display: block } .products-reviews .totals-review .link:after { background: var(--brand-color); color: var(--brand-color-inverse) } .item__price { font-weight: 600 } .item__price_old { color: rgba(0, 0, 0, 0.77); font-weight: 300 } .item__price_off { font-weight: 300 } .item__price_off { color: var(--primary-color) } .actions { display: inline-flex; align-items: center; justify-content: flex-end; vertical-align: top; white-space: nowrap; margin: 0; color: rgba(0, 0, 0, 0.77); gap: 10px } .actions-item { display: inline-block; vertical-align: top } .actions-item>a { display: block; background: none; padding: 5px; width: 30px; height: 30px; line-height: 1.4; text-align: center; color: currentColor; font-size: 0.7rem !important; border-radius: 50%; background: rgba(var(--brand-color-alpha), 0.1); color: var(--brand-color); display: flex; align-items: center; justify-content: center } .actions-item>a.icn-highlighted { border: none; color: var(--brand-color); background: #f0f0f0 } .actions-item>a.icn-highlighted:hover { background: var(--brand-color); color: var(--brand-color-inverse) } .actions-item>a .svg { width: 14px; height: 14px; display: block; margin: 0 } .actions-item>a.is-active, .actions-item>a:hover { background: var(--brand-color); color: var(--brand-color-inverse); border-color: var(--brand-color) } .actions-item:last-child { margin-right: 0 } .actions-large-item a { width: 2.5rem; height: 2.5rem; line-height: 2 } .seller-lists { display: grid; grid-gap: 2rem; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) } .seller-card { border: solid 1px #dee2e6; border-radius: 2px; text-align: center; display: flex; flex-direction: column } .seller-card-head { padding: 2rem } .seller-card-body { flex: 1; display: flex; flex-direction: column } .seller-card-body .title { font-weight: 600; font-size: 1rem; color: rgba(0, 0, 0, 0.97) } .seller-card-body .location { font-size: 0.8rem; font-weight: 400; color: rgba(0, 0, 0, 0.77); margin-bottom: 1.5rem } .seller-card-body .price { font-weight: 600; color: var(--brand-color) } .seller-card-body .payment-mode { font-size: 0.8rem; color: rgba(0, 0, 0, 0.77) } .seller-card-foot { padding: 1.5rem; display: flex; gap: 1rem; align-items: center } .seller-card .seller-logo { background: #fff; border-radius: 50%; overflow: hidden; width: 150px; height: 150px; margin: 0 auto; position: relative; border: solid 1px #dee2e6; display: flex; align-items: center; justify-content: center; padding: 1rem } .product-card { display: flex; flex-direction: column; gap: 2rem } .product-card-img { border: solid 1px #dee2e6; aspect-ratio: 1/1 } .product-card-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .product-card-data .title { font-weight: 600; font-size: clamp(1rem, 1.5vw, 3rem) } .slick-dots { padding: 0; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center } .slick-dots li { vertical-align: middle; display: inline-block; margin: 0 3px; width: 13px; height: 3px; border-radius: 1px; cursor: pointer; background: rgba(255, 255, 255, 0.5); box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; transition: all 0.5s ease-in-out } .slick-dots li button { background: none; border: none; text-indent: -9999999px } .slick-dots li.slick-active { background: var(--brand-color); width: 30px; border-radius: 15px } .social-profiles { margin-top: 1rem } .social-icons { display: flex; justify-content: center; align-items: center } .social-icons li { margin: 0 5px } .share-wrap { padding: 2.5rem; text-align: center } .social-sharing { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; display: grid; grid-gap: 1rem; padding: 1.5rem; grid-template-columns: 1fr 1fr } .social-sharing li { font-size: 0.8rem; display: block; position: relative; transition: all 0.3s ease; margin: 0; border-radius: 40px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) } .social-sharing li a { color: #fff; cursor: pointer; display: block; padding: 1rem 0.5rem } .social-sharing li a .svg { width: 1.5rem; height: 1.5rem } .social-sharing li.social-facebook { background: #3b5998 } .social-sharing li.social-twitter { background: #1da1f2 } .social-sharing li.social-pintrest { background: #c8232c } .social-sharing li.social-email { background: #9b9a9a } .rating-a .br-widget { height: 52px } .rating-a .br-widget a { display: block; width: 15px; padding: 5px 0 5px 0; height: 30px; float: left; background-color: #e3e3e3; margin: 1px; text-align: center } .rating-a .br-widget a.br-active, .rating-a .br-widget a.br-selected { background-color: #59a6d6 } .rating-a .br-widget .br-current-rating { font-size: 20px; line-height: 2; float: left; padding: 0 20px 0 20px; color: #646464 } .rating-b .br-widget { height: 25px } .rating-b .br-widget a { display: block; width: 70px; height: 16px; float: left; background-color: #e3e3e3; margin: 1px } .rating-b .br-widget a.br-active, .rating-b .br-widget a.br-selected { background-color: #59a6d6 } .rating-b .br-widget .br-current-rating { line-height: 1.1; float: left; padding: 0 20px 0 20px; color: #646464 } .rating-b .br-readonly a.br-active, .rating-b .br-readonly a.br-selected { background-color: #cbcbcb } .rating-c .br-widget { height: 52px } .rating-c .br-widget a { display: block; width: 35px; height: 35px; float: left; background-color: #e3e3e3; margin: 2px; text-decoration: none; font-size: 16px; font-weight: 400; line-height: 2.2; text-align: center; color: #b6b6b6 } .rating-c .br-widget a.br-active, .rating-c .br-widget a.br-selected { background-color: #59a6d6; color: white } .rating-d .br-widget { height: 52px } .rating-d .br-widget a { display: block; width: 40px; padding: 5px 0 5px 0; height: 30px; float: left; background-color: white; border-bottom: 2px solid #e3e3e3; color: #646464; margin: 1px; text-decoration: none; line-height: 2.1; text-align: center } .rating-d .br-widget a span { color: white } .rating-d .br-widget a.br-active, .rating-d .br-widget a.br-selected { border-bottom: 2px solid #646464 } .rating-d .br-widget a:hover span, .rating-d .br-widget a.br-current span { color: #646464 } .rating-e .br-widget a { padding: 5px; color: #646464; text-decoration: none; font-size: 11px; font-weight: 400; line-height: 3; text-align: center } .rating-e .br-widget a.br-active { background-color: #e3e3e3; color: #646464 } .rating-e .br-widget a.br-selected { background-color: #59a6d6; color: white } .rating-f .br-widget { height: 24px } .rating-f .br-widget a { background: url("images/star.png"); width: 24px; height: 24px; display: block; float: left } .rating-f .br-widget a:hover, .rating-f .br-widget a.br-active, .rating-f .br-widget a.br-selected { background-position: 0 24px } .rating-g .br-widget { height: 25px } .rating-g .br-widget a { display: block; width: 50px; height: 16px; float: left; background-color: #e3e3e3; margin: 1px } .rating-g .br-widget a.br-active, .rating-g .br-widget a.br-selected { background-color: #59a6d6 } .rating-g .br-widget .br-current-rating { line-height: 1.1; float: left; padding: 0 20px 0 20px; color: #646464 } .rating { --rating-fg: #f5861f; --size: 0.875rem; --space: 0.15em; position: relative; display: flex; margin-left: -0.15em } .rating-action, .rating-view { display: inline-flex } .rating-action .icon, .rating-view .icon { width: var(--size); height: var(--size); min-width: var(--size); min-height: var(--size); padding: var(--space); box-sizing: content-box; margin: 0 } .rating-action, .rating-view { flex-direction: row-reverse } .rating-action .icon, .rating-view .icon { fill: #ddd; stroke: #ddd } .rating-action[data-rating="1"] .icon:nth-last-child(1), .rating-action[data-rating="1"] .icon:nth-last-child(1)~.icon, .rating-view[data-rating="1"] .icon:nth-last-child(1), .rating-view[data-rating="1"] .icon:nth-last-child(1)~.icon { fill: var(--rating-fg); stroke: var(--rating-fg) } .rating-action[data-rating="2"] .icon:nth-last-child(2), .rating-action[data-rating="2"] .icon:nth-last-child(2)~.icon, .rating-view[data-rating="2"] .icon:nth-last-child(2), .rating-view[data-rating="2"] .icon:nth-last-child(2)~.icon { fill: var(--rating-fg); stroke: var(--rating-fg) } .rating-action[data-rating="3"] .icon:nth-last-child(3), .rating-action[data-rating="3"] .icon:nth-last-child(3)~.icon, .rating-view[data-rating="3"] .icon:nth-last-child(3), .rating-view[data-rating="3"] .icon:nth-last-child(3)~.icon { fill: var(--rating-fg); stroke: var(--rating-fg) } .rating-action[data-rating="4"] .icon:nth-last-child(4), .rating-action[data-rating="4"] .icon:nth-last-child(4)~.icon, .rating-view[data-rating="4"] .icon:nth-last-child(4), .rating-view[data-rating="4"] .icon:nth-last-child(4)~.icon { fill: var(--rating-fg); stroke: var(--rating-fg) } .rating-action[data-rating="5"] .icon:nth-last-child(5), .rating-action[data-rating="5"] .icon:nth-last-child(5)~.icon, .rating-view[data-rating="5"] .icon:nth-last-child(5), .rating-view[data-rating="5"] .icon:nth-last-child(5)~.icon { fill: var(--rating-fg); stroke: var(--rating-fg) } .rating-action .icon:hover, .rating-action .icon:hover~.icon { fill: var(--rating-fg); stroke: var(--rating-fg) } .rating:not([data-readonly]) .rating-action .icon { cursor: pointer } .rating:not([data-readonly]) .rating-action .icon:hover, .rating:not([data-readonly]) .rating-action .icon:hover~.icon { fill: var(--rating-fg); stroke: var(--rating-fg) } .rating__count { font-size: 0.875rem; color: rgba(0, 0, 0, 0.77); padding-left: 0.5rem } .rating__text { font-size: 12px; color: rgba(0, 0, 0, 0.77); border: solid 1px #dee2e6; border-radius: 50px; display: inline-block; padding: 0.15rem 1rem; margin-bottom: 0.5rem } .product-ratings { padding: 0; margin: 5px 0; display: inline-flex; align-items: center; justify-content: flex-start; font-size: 0.85rem; line-height: 1.5; gap: 5px } .product-ratings a { color: inherit; font-size: inherit } .product-ratings .svg { fill: var(--secondary-color) } .product-ratings .rate { margin: 0; padding: 0; line-height: inherit; font-weight: 500; white-space: nowrap } .product-ratings .be-first { line-height: 1; font-size: 0.9em; font-weight: 300; display: inline-block; vertical-align: top; color: var(--secondary-color) } .product-ratings .totals-review { color: currentColor; background-color: transparent; border: none; text-decoration: underline; margin-left: 10px } .nav-tabs { border-bottom: solid 2px #000; display: inline-grid; grid-auto-flow: column; grid-gap: 1rem; white-space: nowrap; margin-bottom: 2rem } @media (min-width: 992px) { .nav-tabs { grid-gap: 2rem; margin: 0 } } @media (max-width: 575.98px) { .nav-tabs { overflow: hidden; overflow-x: auto; width: -webkit-fill-available; width: -moz-available; width: stretch } } .nav-tabs-center { margin: 0 auto } @media (min-width: 992px) { .nav-tabs-center { justify-content: center } } .nav-tabs .nav-item:last-child .nav-link { margin-right: 0 } .nav-tabs .nav-item:first-child .nav-link { margin-left: 0 } .nav-tabs .nav-link { color: rgba(0, 0, 0, 0.97); border: none; font-weight: 500; font-size: 1rem; padding: 0.7rem 0 } .nav-tabs .nav-link:hover { color: var(--brand-color) } .nav-tabs .nav-link.active { background: none; border: none; color: var(--brand-color); position: relative } .nav-tabs .nav-link.active:after { content: ""; background: var(--brand-color); width: 100%; height: 4px; position: absolute; bottom: -1px; left: 0 } .wrap-drop { position: relative; border: solid 1px #dee2e6; height: 38px; line-height: 38px; width: 100%; color: rgba(0, 0, 0, 0.97); font-family: inherit; font-size: 0.9em; font-weight: normal; border-radius: 4px; cursor: pointer; padding-left: 10px; padding-right: 35px; background: #fff } .wrap-drop span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .wrap-drop:before, .wrap-drop:after { top: 50%; position: absolute; width: 9px; height: 2px; background-color: #545454; display: inline-block; transition: all 0.2s ease; content: "" } .wrap-drop:after { right: 10px; transform: rotate(-45deg) } .wrap-drop:before { right: 16px; transform: rotate(45deg) } .wrap-drop.wrap-drop--first { border-color: var(--brand-color); color: var(--brand-color) } .wrap-drop.wrap-drop--first:after, .wrap-drop.wrap-drop--first:before { background-color: var(--brand-color) } .wrap-drop .drop { background: #fff; border: solid 1px #dee2e6; position: absolute; transition: all 300ms; left: 0; right: 0; pointer-events: none; position: absolute; opacity: 0; top: 100%; z-index: 2; border-radius: 4px } .wrap-drop .drop li:hover a { color: var(--brand-color) } .wrap-drop .drop li a { cursor: pointer; color: rgba(0, 0, 0, 0.97); display: block; overflow: hidden; position: relative; text-align: left; font-size: 0.875em; font-weight: 400; padding: 10px; line-height: 1.2; display: flex; align-items: center; text-decoration: none; transition: all 0.2s linear } .wrap-drop.active:after { transform: rotate(45deg); border-width: 0 10px 10px } .wrap-drop.active:before { transform: rotate(-45deg) } .wrap-drop.active .drop { display: block; opacity: 1; pointer-events: auto } .wrap-drop .colors { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 5px; box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.3) } .card { box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); background: #fff; position: relative; border-radius: 4px; margin-bottom: 0rem !important; height: 100%; animation: dropdown-menu-fade-in 0.3s ease 1, dropdown-menu-move-up 0.3s ease-out 1; display: flex; flex-direction: column } @media (max-width: 767.98px) { .card { word-break: normal } } .card-header { display: flex; justify-content: space-between; align-items: center; padding: 1rem; color: rgba(0, 0, 0, 0.97); background: none; border: none } .card-header~.card-body { padding-top: 0 } .card-body { flex: 1 1 0; padding: 1rem } .card-footer { padding: 1rem; background: none; border-top: solid 1px #dee2e6 } .card-title { margin-bottom: 0; font-weight: 400; font-size: 1.1rem } .card-title a { color: rgba(0, 0, 0, 0.97) } .list-group-item { background: transparent; border: solid 1px #dee2e6; animation: dropdown-menu-fade-in 0.3s ease 1, dropdown-menu-move-up 0.3s ease-out 1 } .list-group-xl .list-group-item { padding: 2.25rem 225rem } .list-group-lg .list-group-item { padding: 2rem 2rem } .list-group-md .list-group-item { padding: 1.5rem 1.5rem } .list-group-sm .list-group-item { padding: 1.25rem 1.25rem } .list-group-xs .list-group-item { padding: 1rem 1rem } .list-group-flush-x .list-group-item { padding-left: 0; padding-right: 0; border-left: none; border-right: none; border-radius: 0 } .list-group-flush-y .list-group-item:first-child { padding-top: 0; border-top: none; border-radius: 0 } .list-group-flush-y .list-group-item:last-child { padding-bottom: 0; border-bottom: 0; border-radius: 0 } .list-actions { display: flex; align-items: center; flex-wrap: wrap } .list-actions li { border: none; transition-delay: 250ms; margin-right: 15px } .list-actions li a { color: rgba(0, 0, 0, 0.97) } .list-actions li a .svg { fill: currentColor; opacity: 0.6; width: 1rem; height: 1rem; margin: 0 } .list-actions li a:hover .svg { fill: var(--brand-color); opacity: 1 } .list-actions li:last-child { margin-right: 0 } .list-actions li:nth-child(2) { transition-delay: 500ms } .bg-brand { background-color: var(--brand-color); color: var(--brand-color-inverse) } .bg-brand-light { background-color: rgba(var(--brand-color-alpha), 0.1); color: #000 } .bg-secondary { background-color: var(--secondary-color); color: var(--secondary-color-inverse) } .bg-third { background-color: var(--third-color); color: var(--third-color-inverse) } .bg-white { background-color: #fff; color: #000 } .bg-black { background-color: #000; color: #fff } .bg-gray { background-color: #f3f4f5; color: rgba(0, 0, 0, 0.97) } .bg-gray-dark { background-color: #f3f4f5; color: rgba(0, 0, 0, 0.97) } .geo-location { display: none } @media (min-width: 992px) { .geo-location { display: block; position: relative; padding-left: 1.5rem } } .geo-location::before { content: ""; background: #dee2e6; width: 1px; height: 20px; position: absolute; left: 0 } .geo-location_inner { display: block; align-items: center } .geo-location_trigger { text-align: inherit; background: none; border: none; display: flex; align-items: center; color: currentColor; padding: 0; width: 100% } .geo-location_trigger .svg { margin-right: 6px; fill: var(--secondary-color) } .geo-location-selected { white-space: nowrap; max-width: 212px; overflow: hidden; text-overflow: ellipsis; display: block; font-weight: 300 } .geo-location_body { padding: 2rem } .geo-location .btn-detect { display: flex; align-items: center; text-align: left; font-weight: 600; white-space: nowrap } .geo-location .btn-detect .svg { fill: var(--secondary-color); margin-right: 8px } .geo-location .or { margin: 1.5rem 0 } .geo-location_input { border: solid 1px #dedede; background-color: transparent; background-repeat: no-repeat; color: #474747; height: 3rem; width: 100%; padding: 0 1.25rem; font-size: .85rem; line-height: 3rem; border-radius: 4px; outline: none; font-family: inherit; transition: 0.3s all ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 2rem } .geo-location-mobile .button-geo-location { margin-bottom: 1.5rem } .geo-location-mobile .geo-location_body { padding: 0 } .location-popup-width { max-width: 630px; padding: 0 !important } .location-permission { text-align: center; background-image: url(images/retina/city-location.svg); background-repeat: no-repeat; background-position: bottom center; background-size: contain; padding-top: 30px; padding-bottom: 100px } .location-permission_head { max-width: 450px; margin: 0 auto; padding: 0 3rem } .location-permission_head h5, .location-permission_head .h5 { font-weight: 500; margin-bottom: 1rem; line-height: 1.5 } .location-permission_head p { font-size: 0.89rem; margin-bottom: 2rem; color: rgba(0, 0, 0, 0.77) } .location-permission_body .default { border: solid 1px #dee2e6; border-radius: 4px; padding: 1rem; padding-right: 3rem; display: inline-flex; align-items: center; color: rgba(0, 0, 0, 0.77); margin: 0 1rem; position: relative; min-width: 300px; font-weight: 300 } .location-permission_body .default:after { position: absolute; right: 1.2rem; top: calc(50% - 5px); content: ""; display: block; margin: 0; width: 10px; height: 10px; border-top: 2px solid var(--brand-color); border-right: 2px solid var(--brand-color); transform: rotate(45deg) } [dir="rtl"] .location-permission_body .default:after { left: 1.2rem; transform: rotate(-135deg) } .location-permission_body .default .icn { max-width: 30px; margin-right: 1rem } .location-permission_body .default .location-name { font-size: 0.85rem } .location-permission_body .default .location-name strong { font-weight: 600; color: rgba(0, 0, 0, 0.97) } .location-permission_body .default:hover { border-color: var(--brand-color) } .location-permission_body .or { max-width: none; margin: 1.5rem auto; font-weight: 400 } .location-permission_body .or:after, .location-permission_body .or:before { width: 45%; background: #dee2e6 } .location-permission_body .location-search { max-width: 300px; margin: 0 auto } .location-permission_body .location-search input, .location-permission_body .location-search .custom-select { font-size: 0.8rem; background-image: url(images/retina/magni-gray.svg); background-repeat: no-repeat; background-position: 15px center; background-size: 20px; padding: 1.5rem; padding-left: 45px } [dir="rtl"] .location-permission_body .location-search input, [dir="rtl"] .location-permission_body .location-search .custom-select { padding-right: 45px; background-position: calc(100% - 10px) center } .quantity { display: flex; align-items: center; padding: 0; font-size: 0.7rem } .quantity .decrease, .quantity .increase { border: solid 1px #000; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; width: 26px; height: 26px; min-width: 26px; color: rgba(0, 0, 0, 0.77) } .quantity .decrease:hover, .quantity .decrease:focus, .quantity .decrease:active, .quantity .increase:hover, .quantity .increase:focus, .quantity .increase:active { background-color: var(--secondary-color); color: var(--secondary-color-inverse); border-color: currentColor } .quantity .decrease:focus, .quantity .increase:focus { color: #fff; outline: none !important; box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) } .quantity .decrease:active, .quantity .increase:active { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) } .quantity .decrease.disabled, .quantity .increase.disabled { color: rgba(0, 0, 0, 0.77); pointer-events: none; background-color: transparent; opacity: 0.5 } .quantity .decrease .svg, .quantity .increase .svg { width: 10px; height: 10px } .quantity .qty-input { background-color: transparent; border: none; text-align: center; padding: 0 8px; width: 100%; height: 100%; max-width: 50px; font-size: 0.85rem } .quantity-sm { max-width: 100px; height: 30px } .quantity-sm .svg { width: 10px; height: 10px } .quantity-2 { max-width: 90px; padding: 0; border: none } .quantity-2 span { width: 24px; height: 24px; flex: 0 0 24px; max-width: 24px; background-color: #f3f4f5; border-radius: 4px } #facebox .content.faceboxWidth.gallery-media-popup { width: 960px; padding: 0; overflow: hidden; border-radius: 8px } @media (max-width: 575.98px) { #facebox .content.faceboxWidth.gallery-media-popup { width: 100% } } .posted-reviews { display: flex } @media (max-width: 575.98px) { .posted-reviews { display: block } } .posted-reviews__media { max-width: 60%; flex: 0 0 60%; position: relative; background-color: #f0f0f0; padding: 2rem } .posted-reviews__media img { margin: 0 auto } @media (max-width: 575.98px) { .posted-reviews__media { max-width: 100% } } .posted-reviews__from { display: block; font-size: 0.875rem; padding-bottom: 15px; color: rgba(0, 0, 0, 0.77) } .posted-reviews__content { max-width: 40%; flex: 0 0 40%; padding: 2rem } @media (max-width: 575.98px) { .posted-reviews__content { max-width: 100% } } .posted-reviews__content .yes-no ul { justify-content: flex-start } .posted-reviews__content p { font-size: 0.875rem; font-weight: 300; line-height: 1.7 } .posted-reviews .review-media-thumb { padding-top: 1rem } .posted-reviews .thumb-wrap { margin: 5px; border: solid 1px #dee2e6 } .posted-reviews .thumb-wrap img { cursor: pointer } .posted-reviews .slick-current .thumb-wrap { border-color: var(--brand-color) } .media-arrows { position: absolute; left: 15px; top: 40%; right: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: flex; justify-content: space-between; align-items: center } .media-arrows a { width: 42px; height: 42px; border-radius: 50%; display: block; background-color: #fff; position: relative; border: 1px solid currentColor; text-indent: -9999px; font-size: 0px } .media-arrows a:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor } .media-arrows__left { transform: rotate(45deg) } .media-arrows__right { transform: rotate(-135deg) } .badges { position: absolute; top: 10px; z-index: 9; font-size: 0.8rem } .badges .svg { position: absolute; top: 0; left: 0; right: 0; fill: var(--brand-color); width: 100%; height: 100% } .badges .text { position: absolute; top: auto; text-transform: uppercase; font-weight: 600; text-align: center; color: var(--brand-color-inverse); white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .badges-1 { background-color: var(--brand-color); color: var(--brand-color-inverse); border-radius: 1px; padding: 4px 8px } .badges-1 .text { position: static } .badges-2 { top: 3px; right: 3px; width: 70px; height: 70px } .badges-2 .text { font-weight: 600; transform: rotate(45deg); position: absolute; left: 20px; right: 0; top: 10px; line-height: 30px; text-transform: uppercase; width: 50px } .badges-2.badges-left { transform: rotate(-90deg) } .badges-3 { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px } .badges-4 { width: 60px; height: 60px } .badges-4 .text { transform: rotate(45deg); left: 10px; right: 0; line-height: 30px; width: 55px; top: 8px; margin-left: 0 } .badges-4.badges-left { transform: rotate(-90deg) } .badges-5 { top: 1rem; right: 1rem; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center } .badges-5 .text { line-height: 1; font-weight: 600; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 45px } .badges-left { left: 10px; top: 10px } .badges-right { right: 10px; top: 10px } [direction="rtl"] .badges-4 .text { left: -10px; top: 6px } [direction="rtl"] .badges-4.badges-left { transform: none } [direction="rtl"] .badges-2 .text { left: 0px; top: 10px } * { scrollbar-color: #9aa0a6 transparent; scrollbar-width: thin } *::-webkit-scrollbar { width: 6px; height: 6px } *::-webkit-scrollbar-track { background: 0 0 } *::-webkit-scrollbar-thumb { background: #b4b4b4; background-clip: padding-box; border-radius: 10px; border: 1.5px solid transparent; border-radius: 3px } *::-webkit-scrollbar-thumb:active { background-color: #61686e } *::-webkit-scrollbar-thumb:hover { background-color: #798189 } *-y { overflow-y: auto } *-x { overflow-x: auto } .scroll-y { overflow-y: auto } .scroll-x { overflow-x: auto } .cart-summary { font-size: 0.85rem } .cart-summary-item { padding: 0.5rem 0; display: flex; align-items: center; justify-content: space-between } .cart-summary-item .label { color: currentColor; padding: 0 } .cart-summary-item .value { font-weight: 600; text-align: right; margin-left: auto } .cart-summary-item.highlighted { font-size: 1rem; color: rgba(0, 0, 0, 0.97); border-top: solid 1px #dee2e6; padding-top: 1rem; margin-top: 1rem } .cart-summary-item.text-success { color: #1dc9b7 } .list-cart { font-size: 0.8rem } .list-cart-item { display: flex; justify-content: space-between; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: solid 1px #dee2e6 } .list-cart-item:last-child { border-bottom: none; padding-bottom: 0 } @media (max-width: 767.98px) { .list-cart-item.list-saved-later { flex-direction: row } } .list-cart-item.minus-space { padding: 0; border: none } .list-cart-double { flex-direction: row; flex-wrap: wrap } .list-cart-double li { flex: 0 0 50%; max-width: 50%; padding: 1rem; border: none; border-top: solid 1px #dee2e6 } .list-cart-double li:nth-child(1), .list-cart-double li:nth-child(2) { border-top: none } .list-cart-double li:last-child { flex: 1; max-width: none } .list-cart-triple { display: flex; flex-flow: row wrap; gap: 20px } .list-cart-triple>li { flex: 0 0 30%; max-width: 30% } .list-cart-triple>li:last-child { padding-bottom: 2rem; border-bottom: solid 1px #dee2e6 } .list-cart-return li { flex-direction: column } .list-cart-return li:last-child { border-bottom: none } .list-cart-return li .product-profile-thumbnail img { max-width: 70px } .list-cart-return li .product-quantity { margin: 0; margin-top: 1rem } .list-cart-return li .product-price { flex: none; max-width: none; margin: 0; margin-bottom: 2rem } .list-cart-order .product-thumbnail { max-width: 48px; flex: 0 0 48px } .cell_qty { padding: 0 10px; flex: 0 0 100px; max-width: 100px; margin-left: auto } @media (max-width: 575.98px) { .cell_qty { padding: 10px 0; flex: 1; max-width: inherit; margin-left: 0 } } .cell_price { padding: 0 10px; flex: 0 0 100px; max-width: 100px; margin-left: auto } @media (max-width: 575.98px) { .cell_price { padding: 10px 0; flex: 1; max-width: inherit; margin-left: 0 } } .cell_action { text-align: right; margin-left: auto } @media (max-width: 575.98px) { .cell_action { margin-left: 0; flex: 1; max-width: inherit; text-align: inherit } } .cell:last-child { padding-right: 0 } .product-quantity { margin: 0 0 } .product-quantity .remove { margin: 0.5rem 0; display: inline-block } .product-quantity .side-price { font-weight: 500; font-size: 0.8rem; margin-left: 10px } .product-quantity-price { display: flex; align-items: center } .product-price { text-align: right } @media (max-width: 575.98px) { .product-price { text-align: inherit } } @media (max-width: 767.98px) { .product-action { position: absolute; top: 1rem; right: 1rem } } .product-action .list-actions { justify-content: flex-end } .btn-saveforlater { border: none; background: none } .btn-saveforlater .svg { width: 26px; height: 26px; fill: var(--brand-color) } .list-add { padding-top: 8px; display: flex; align-items: center; color: rgba(0, 0, 0, 0.77) } .list-add li { margin-right: 10px } .list-add li:last-child { margin: 0 } .list-add .svg { width: 1rem; height: 1rem; fill: currentColor } .list-add .active .svg { width: 1rem; height: 1rem; fill: var(--brand-color) } .count-items { color: rgba(0, 0, 0, 0.77); font-size: 0.8rem } .product-profile { display: flex; flex: 1; gap: 1.5rem; width: auto; align-items: flex-start; position: relative } .product-profile-thumbnail { position: relative; margin-right: 15px } .product-profile-thumbnail img { min-width: 30px; max-width: 80px; border-radius: 4px; border: none } @media (max-width: 575.98px) { .product-profile-thumbnail img { max-width: 50px } } .product-profile-data { display: flex; flex: 1; min-width: 0px; flex-direction: column } .product-profile-data .title { color: rgba(0, 0, 0, 0.97); font-weight: 500; margin-bottom: 10px } .product-profile-data .products-price { margin-bottom: 1rem } .product-profile-data .options { font-size: 0.75rem; color: rgba(0, 0, 0, 0.77) } .product-profile-btn { margin-top: 5px; font-size: 0.8rem } .product-profile__pic { background-color: rgba(0, 0, 0, 0.03); aspect-ratio: 1/1; flex: 0 0 50px; max-width: 50px; width: 50px; border: solid 1px #dee2e6; border-radius: 4px; margin: 0; display: flex; justify-content: center; align-items: center; overflow: hidden } .product-profile__pic-seller { flex: 0 0 100px; max-width: 100px; padding: 16px } .product-profile-free-size { flex: auto; max-width: none } .product-profile__description { font-size: 0.8rem; min-width: 150px } .product-profile__description p { margin: 3px 0 } .product-profile__title { color: rgba(0, 0, 0, 0.97); margin: 0 0 4px 0; font-weight: 600; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; hyphens: auto } .product-profile__title a { opacity: 1; color: inherit; font-weight: inherit } .product-profile__title a:hover { text-decoration: underline } .product-profile__sub_title { display: block; opacity: 0.8 } .product-profile__location { margin-bottom: 5px } .product-profile__location .svg { width: 14px; height: 14px } .product-profile__category { opacity: 0.8 } .product-profile__specification { color: rgba(51, 51, 51, 0.97) } .product-profile__date { display: block; opacity: 0.6 } .product-profile__price { font-weight: 600 } .product-profile__price_old { color: rgba(0, 0, 0, 0.77); font-weight: 300 } .product-profile__price_off { font-weight: 300 } .product-profile__price_off { color: var(--primary-color) } .product-profile .btn-close { position: absolute; right: 0 } .collection-shops-item { background: #fff; display: flex; flex-flow: row wrap; justify-content: space-between; gap: 3rem; padding: 2rem 0 } @media (min-width: 1200px) { .collection-shops-item:nth-child(even) { flex-direction: row-reverse } .collection-shops-item:nth-child(even) .row { flex-direction: row-reverse } } @media (max-width: 575.98px) { .collection-shops-item:nth-child(even) { flex-direction: column } } .collection-shops-item .shop { width: 100% } @media (min-width: 992px) { .collection-shops-item .shop { flex: 0 0 300px; max-width: 300px } } .collection-shops .product-wrapper { flex: 1 } .collection-shops .product-wrapper .products { height: 100% } @media (max-width: 575.98px) { .category-product { flex-direction: column } } .category-product-layout-1 .products { height: 100%; border-radius: 0; border: none } .category-product-layout-1 .products .content-overlay { background: rgba(0, 0, 0, 0.7); position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; transition: all 0.4s ease-in-out 0s; z-index: 1; pointer-events: none } .category-product-layout-1 .products:hover .content-overlay { opacity: 1 } .category-product-layout-1 .products:hover .content-details { top: 50%; left: 50%; opacity: 1 } .category-product-layout-1 .ft-pro { position: relative; background-color: #fff } .category-product-layout-1 .ft-pro .tag--soldout { top: auto; bottom: 20px } .category-product-layout-1 .ft-pro.ft-pro-1 { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3 } @media (max-width: 575.98px) { .category-product-layout-1 .ft-pro.ft-pro-1 { grid-column-end: 3; grid-row-end: 2 } } .category-product-layout-1 .ft-pro.ft-pro-1 .products { padding: 0 } .product-layout-2 { display: grid; grid-gap: 1px; grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)) } @media (min-width: 992px) { .product-layout-2 { grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); grid-gap: 3rem } } .product-layout-2 .product-item { display: flex; align-items: center; justify-content: space-between; height: 100%; flex-direction: column } @media (min-width: 992px) { .product-layout-2 .product-item { flex-direction: row } } .product-layout-2 .product-item .products-body { position: relative; width: 100% } @media (min-width: 992px) { .product-layout-2 .product-item .products-body { width: 150px } } .product-layout-2 .product-item .products-img { margin: 0 } @media (min-width: 992px) { .product-layout-2 .product-item .products-foot { padding: 20px; width: calc(100% - 150px); text-align: left } } @media (min-width: 992px) { .product-layout-2 .product-item .products-foot .products-title { padding-left: 0 } } .product-layout-2 .product-item .products-foot .products-price { justify-content: center } .product-layout-3 { margin: auto } @media (min-width: 992px) { .product-layout-3 { display: grid; -moz-column-gap: 3rem; column-gap: 3rem; grid-template-columns: repeat(4, 1fr) } } .product-layout-3 .products { height: 100%; display: flex; align-content: center } .product-layout-3 .products-body { flex: 0 0 50% } .product-layout-3 .products-foot { background: #fff; flex: 1; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; min-height: 50%; min-width: 0 } @media (min-width: 992px) { .product-layout-3 .products-foot { align-items: center; min-height: 234px } } .product-layout-3 .products .products-img { margin: 0 } .product-layout-3 .products .products-img img { border: none } .product-layout-3 .grid { overflow: hidden } .product-layout-3 .grid-1 { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3 } @media (min-width: 992px) { .product-layout-3 .grid-1 .products-body { flex: 1 } } @media (min-width: 992px) { .product-layout-3 .grid-1 .products-foot { max-width: 234px; width: 100%; background-color: #fff; position: absolute; bottom: 0; right: 0 } } .product-layout-3 .grid-2 { grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2 } .product-layout-3 .grid-2 .products { flex-direction: row-reverse } .product-layout-3 .grid-3 { grid-column-start: 3; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3 } .product-layout-4 { display: grid; gap: 2px; grid-template-columns: repeat(2, 1fr) } @media (min-width: 992px) { .product-layout-4 { gap: 2rem; grid-template-columns: repeat(6, 1fr) } } .product-layout-4 .products-img { background: rgba(0, 0, 0, 0.03); display: block; margin: 0; padding: 0; position: relative; width: 100%; overflow: hidden; aspect-ratio: 1/1 } .product-layout-4 .products-img img { border: none; margin: auto; max-width: 100%; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; mix-blend-mode: multiply; -o-object-fit: cover; object-fit: cover } .product-layout-4 .products-foot { display: flex; align-items: flex-end; padding: 1rem; position: absolute; left: 0; right: 0; bottom: 0; z-index: 0 } .product-layout-4 .products-price { display: inline-block; padding: 0.2rem 0.8rem; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; color: rgba(0, 0, 0, 0.97); font-weight: 600; border-radius: 30px } .product-layout-4 .product-item { position: relative; background: rgba(0, 0, 0, 0.03); overflow: hidden; transition: all 0.2s linear } @media (min-width: 992px) { .product-layout-4 .products-1 { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3 } .product-layout-4 .products-2 { grid-column-start: 3; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2 } .product-layout-4 .products-3 { grid-column-start: 3; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3 } .product-layout-4 .products-4 { grid-column-start: 4; grid-column-end: 6; grid-row-start: 1; grid-row-end: 3 } .product-layout-4 .products-5 { grid-column-start: 6; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2 } .product-layout-4 .products-6 { grid-column-start: 6; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3 } } .content-details { color: #fff; position: absolute; z-index: 1; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 80%; left: 50%; opacity: 0; transform: translate(-50%, -50%); transition: all 0.3s ease-in-out 0s } .shop { min-width: 200px; text-align: center; background-color: #f3f4f5; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 0; position: relative; overflow: hidden; border: solid 1px transparent; padding: 2rem 0 } @media (min-width: 992px) { .shop { min-width: 0 } } .shop:hover { background: none; border-color: var(--brand-color) } .shop-body { flex: 1 } .shop-foot { padding-top: 1.5rem; text-align: center; display: flex; gap: 10px; flex-direction: column; align-items: center; justify-content: center } .shop-foot .products__rating { justify-content: center } .shop-logo { background: #fff; border-radius: 50%; overflow: hidden; width: 142px; height: 142px; aspect-ratio: 1/1; margin: 0 auto; margin-bottom: 1rem; position: relative; border: solid 1px #dee2e6; display: flex; align-items: center; justify-content: center } @media (max-width: 575.98px) { .shop-logo { width: 100px; height: 100px } } .shop-logo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .shop-title { font-weight: 500; font-size: 1rem; color: rgba(0, 0, 0, 0.97) } .shop-location { font-size: 0.875rem; color: rgba(0, 0, 0, 0.77) } .shop-layout-1 { display: grid; grid-gap: 1rem } @media (max-width: 991.98px) { .shop-layout-1 { grid-auto-flow: column; overflow-x: auto } } @media (min-width: 992px) { .shop-layout-1 { grid-gap: 3rem; grid-template-columns: repeat(4, 1fr) } } .shop-layout-1 .shop { transition: all 0.2s linear; animation: slideRight 600ms ease both } .shop-layout-2 { display: flex; gap: 1rem } @media (max-width: 991.98px) { .shop-layout-2 { overflow-x: auto; flex-flow: row } } @media (min-width: 992px) { .shop-layout-2 { display: grid; grid-gap: 4rem; grid-template-columns: repeat(3, 1fr) } } .shop-layout-2 .shop { display: flex; flex-direction: column; text-align: center; max-width: 488px; flex: 1 0 200px; min-width: 0; background-color: transparent; border: 0; padding: 0; overflow: unset } @media (min-width: 992px) { .shop-layout-2 .shop:nth-child(odd) { flex-direction: column-reverse } } .shop-layout-2 .shop-body { aspect-ratio: 1/1; flex: 1; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px } .shop-layout-2 .shop-body img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .shop-layout-2 .shop-foot { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 2.5rem 1rem } .shop-layout-2 .shop-title { font-weight: 500; font-size: 1rem; color: rgba(0, 0, 0, 0.97) } .shop-layout-2 .shop-location { font-size: 0.8rem; font-weight: 400; color: rgba(0, 0, 0, 0.77); margin-bottom: 1.5rem } .category-layout-2 { /*display: grid; */ grid-gap: 1rem; grid-auto-flow: column; /*  overflow-x: scroll*/ } @media (min-width: 1200px) { .category-layout-2 { grid-gap: 3rem; grid-template-columns: repeat(4, 1fr) } } .category-layout-2 .category { font-size: 0.8rem; background: #fff; border-radius: 4px; color: rgba(0, 0, 0, 0.97); display: flex; flex-direction: column; min-width: 200px } .category-layout-2 .category-head { aspect-ratio: 4/1 } .category-layout-2 .category-head img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } .category-layout-2 .category-body { background-color: #f3f4f5; flex: 1; padding: 2rem } .category-layout-2 .category-list-item { margin: 0.2rem 0 } .category-layout-2 .category-list-item a { color: rgba(0, 0, 0, 0.77); text-decoration: underline; padding: 0.8rem 0 } .category-layout-2 .category-list-head { font-weight: 600; font-size: 0.8rem; margin-bottom: 1rem } .category-layout-2 .category .cat-img { display: block; margin: 0 0 1rem; padding: 0 0 25%; position: relative; width: 100% } .category-layout-2 .category .cat-img img { max-width: 100%; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; transition: all 0.5s linear; transform: scale3d(1, 1, 1) } .category-layout-2 .category .cat-tittle { color: rgba(0, 0, 0, 0.97); font-weight: 600; font-size: 1em; padding: 0 1.5rem; text-decoration: none } .category-layout-2 .category .cat-list { padding: 0 1.5rem } .category-layout-2 .category .cat-list li { display: block; margin: 10px 0; color: rgba(0, 0, 0, 0.77); font-size: 0.9em } .category-layout-2 .category a:hover { color: var(--brand-color) } .category-layout-3 { display: grid; grid-gap: 1px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) } @media (min-width: 1200px) { .category-layout-3 { grid-gap: 3rem; grid-template-columns: repeat(auto-fill, minmax(490px, 1fr)) } } .category-layout-3 .category { display: flex; background-color: #f3f4f5 } @media (min-width: 1200px) { .category-layout-3 .category { flex-flow: row wrap } } .category-layout-3 .category:nth-child(even) { flex-direction: row-reverse } .category-layout-3 .category-head { flex: 0 0 50%; max-width: 50%; aspect-ratio: 1/1; display: flex } @media (max-width: 575.98px) { .category-layout-3 .category-head { gap: 1px } } .category-layout-3 .category-head img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .category-layout-3 .category-body { flex: 1; padding: 2rem } @media (min-width: 992px) { .category-layout-3 .category-body { padding: 3rem 4rem } } .category-layout-3 .category-list { font-size: 0.8rem } .category-layout-3 .category-list-item { margin: 0.2rem 0 } .category-layout-3 .category-list-item a { text-decoration: underline; padding: 0.8rem 0 } .category-layout-3 .category-list-head { font-weight: 500; font-size: 1rem; margin-bottom: 1rem } .category-layout-page { grid-template-columns: repeat(1, 1fr); overflow: visible; grid-auto-flow: row } @media (min-width: 768px) { .category-layout-page { grid-template-columns: repeat(2, 1fr) } } @media (min-width: 992px) { .category-layout-page { grid-template-columns: repeat(4, 1fr) } } .page-category { padding: 0; position: relative; z-index: 1; background: #f3f4f5 } .page-category__content { padding: 15px; border: 1px solid #ddd; color: #333; border-top: none; background: #fff } .page-category__content p { font-size: 0.9em } .cg-nav-wrapper { margin-bottom: 2rem } .cg-nav-wrapper ul { display: flex; flex: 1; flex-wrap: wrap; color: rgba(0, 0, 0, 0.97) } @media (max-width: 767.98px) { .cg-nav-wrapper ul { flex-wrap: nowrap; overflow-x: auto } } .cg-nav-wrapper ul li { flex: 0 0 25%; max-width: 25%; padding: 5px } @media (max-width: 767.98px) { .cg-nav-wrapper ul li { flex: auto; max-width: inherit } } .cg-nav-wrapper ul li a { background: #fff; border: solid 1px #dee2e6; border-radius: 4px; color: inherit; display: flex; align-items: center; padding: 0 } .cg-nav-wrapper ul li a .cg-icon { height: 2.5rem; width: 2.5rem; display: flex; align-items: center; border-right: solid 1px #dee2e6; overflow: hidden; padding: 0.5rem; margin-right: 0.5rem } .cg-nav-wrapper ul li a .caption { padding: 0.5rem } @media (max-width: 767.98px) { .cg-nav-wrapper ul li a .caption { white-space: nowrap } } .cg-nav-wrapper ul li.iss--active a { color: var(--primary-color); border-color: var(--primary-color) } .cg-nav-wrapper ul li.iss--active a .cg-icon { border-color: var(--primary-color) } .cg-main { color: rgba(0, 0, 0, 0.97) } .cg-main a { color: inherit } .cg-main ul { display: flex; flex-wrap: wrap } @media (max-width: 767.98px) { .cg-main ul { flex-direction: column } } .cg-main ul li { flex: 0 0 25%; max-width: 25% } @media (max-width: 767.98px) { .cg-main ul li { flex: auto; max-width: none } } .cg-main ul li a { padding: 0.5rem 0; font-size: 0.8rem } .cg-main .item { margin-bottom: 2rem; padding-bottom: 2rem; display: block } .cg-main .item:last-child { margin: 0; border-bottom: none } .cg-main .item h5, .cg-main .item .h5 { font-size: 0.85rem; margin-bottom: 1rem } .cg-main .big-title { font-size: 0.9rem; margin-bottom: 1rem; text-transform: uppercase; font-weight: 600; color: var(--brand-color) } .categories-thumb { overflow: hidden } .categories-thumb a { display: block; padding: 0; margin: 0 } .categories-thumb .aspect-ratio { aspect-ratio: 4/1; position: relative; margin-left: auto; margin-right: auto } .categories-thumb .aspect-ratio .categories-thumb-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); background-size: cover; background-position: center center; transition: all 1s ease-out 0s } .categories-thumb .aspect-ratio .categories-thumb-bg:after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.5; background-color: rgba(0, 0, 0, 0.4); transition: all 1s ease-out 0s } .categories-thumb-heading { padding: 1rem; padding-bottom: 0; margin: 0 } .brand-layout-1 { display: flex; gap: 1rem; flex: 0 0 100% } @media (max-width: 991.98px) { .brand-layout-1 { overflow-x: auto; padding: 2px; flex-flow: row } } @media (min-width: 992px) { .brand-layout-1 { gap: 3rem; flex-flow: row wrap; justify-content: center } } .brand-layout-1 .brand { min-width: 200px } .brand-layout-1 .brand-logo { flex: 1 0 140px; aspect-ratio: 16/9; display: flex; align-items: center; justify-items: center; padding: 10px; margin: 0; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; border-radius: 2px } @media (max-width: 991.98px) { .brand-layout-1 .brand-logo { min-width: 200px } } .brand-layout-1 .brand-logo img { margin: 0 auto } .brand-layout-1 .brand-logo img[data-ratio="16:9"] { max-width: 120px } .brand-layout-1 .brand-logo img[data-ratio="1:1"] { max-width: 60px } .brand-layout-2 { display: grid; grid-gap: 1rem; flex: 0 0 100% } @media (max-width: 991.98px) { .brand-layout-2 { grid-auto-flow: column; overflow-x: auto; padding: 2px } } @media (min-width: 992px) { .brand-layout-2 { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); grid-gap: 2rem } } .brand-layout-2 .brand { display: flex; flex-direction: column; justify-content: flex-start; outline: solid 1px #dee2e6; min-width: 200px } @media (min-width: 992px) { .brand-layout-2 .brand { min-width: none } } .brand-layout-2 .brand:nth-child(even) { flex-direction: column-reverse } .brand-layout-2 .brand-logo { overflow: hidden; display: flex; align-items: center; justify-items: center; padding: 1rem; margin: 0; position: relative; aspect-ratio: 16/9; box-shadow: rgba(0, 0, 0, 0.11) 0px 0px 2px } .brand-layout-2 .brand-logo img { position: absolute; left: 0; right: 0; -o-object-fit: contain; object-fit: contain; margin: auto; width: 100%; height: 100% } .brand-layout-2 .brand-logo img[data-ratio="16:9"] { max-width: 120px } .brand-layout-2 .brand-logo img[data-ratio="1:1"] { max-width: 60px } .brand-layout-2 .brand-thumb { aspect-ratio: 1/1; display: flex; justify-content: center; background-color: #f3f4f5 } .brand-layout-2 .brand-thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; margin: auto } .banner-wrappers .banner-ppc { border-radius: 4px; overflow: hidden } .banner-wrappers .banner-ppc .advertise__block { margin-bottom: 2rem; display: block } .banner-wrappers .banner-ppc img { margin: 0 auto; display: inline-block } .poster-layout-1 { padding: 0 } .poster-layout-1 .poster { text-align: center; background: rgba(0, 0, 0, 0.03); aspect-ratio: 3/1 } .poster-layout-1 .poster img { width: 100% } .poster-layout-2 { display: grid; grid-gap: 10px; grid-template-columns: 1fr 1fr } .poster-layout-2 .poster { text-align: center; background: rgba(0, 0, 0, 0.03); aspect-ratio: 4/3; position: relative; overflow: hidden } .poster-layout-2 .poster:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg) } .poster-layout-2 .poster:hover::before { animation: shine 0.75s } @keyframes shine { 100% { left: 125% } } .poster-layout-2 .poster img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100% } .faq-layout-1 { text-align: center } .faq-layout-1 .faq { border-bottom: solid 1px #dee2e6; display: flex; flex-direction: row; justify-content: center; max-width: 75%; margin: auto } @media (max-width: 991.98px) { .faq-layout-1 .faq { max-width: none } } .faq-layout-1 .faq-item.is-active { color: var(--brand-color) } .faq-layout-1 .faq-links { border: none; background: none; display: block; padding: 0.8rem 1rem } .faq-layout-1 .faq_data { margin-top: 2rem; line-height: 1.7 } @media (min-width: 992px) { .faq-layout-1 .faq-list { max-width: 75% } } .faq-list { margin: 0 auto; margin-top: 2rem; display: flex; flex-wrap: wrap; flex-direction: column; text-align: left } @media (max-width: 991.98px) { .faq-list { max-width: none } } .faq-list-item { padding: 2rem; margin-bottom: 1rem; background: #f3f4f5; border-radius: 4px } @media (min-width: 992px) { .faq-list-item { padding: 2rem 3rem } } .faq-list-item h5, .faq-list-item .h5 { font-size: 1.1rem; margin: 0 } .faq-list-item p { line-height: 1.7; font-size: 0.9rem; font-weight: 400; color: rgba(0, 0, 0, 0.77); margin-top: 1rem } .faq-list-link { background-color: transparent; border: none; position: relative; width: 100%; font-size: 1.125rem; font-weight: 500; color: rgba(0, 0, 0, 0.97); margin: 0; padding: 0; padding-right: 2rem; text-align: left } .faq-list-link:after, .faq-list-link:before { background: rgba(0, 0, 0, 0.97); content: ""; height: 2px; position: absolute; right: 0; top: 14px; width: 12px } .faq-list-link:before { transform: rotate(90deg); transition: all 0.2s ease-in-out } .faq-list-link[aria-expanded="true"]:before { transform: rotate(0deg) } .slider-testimonials { text-align: center; padding-bottom: 2rem; position: relative; display: flex; margin: 10px auto; max-width: 1000px } .slider-testimonials-item { flex: 1; padding: 2rem 4rem; transition: all 0.5s ease-in-out; display: flex; flex-direction: column } @media (min-width: 992px) { .slider-testimonials-item { align-items: center; flex-direction: row; padding: 0 1rem } } .slider-testimonials-image { margin-bottom: 1rem; position: relative } @media (min-width: 992px) { .slider-testimonials-image { aspect-ratio: 1/1; margin-bottom: 0 } .slider-testimonials-image img { display: inline-block } } @media (min-width: 992px) { .slider-testimonials-image:before { content: ""; position: absolute; left: 0; top: 0; z-index: 0; width: 12.9rem; height: 12.9rem; background: var(--brand-color); border-top-left-radius: 100px } } .slider-testimonials-user { -o-object-fit: cover; object-fit: cover; margin: auto } @media (max-width: 991.98px) { .slider-testimonials-user { border-radius: 50%; min-width: 100px; width: 100px; height: 100px } } @media (min-width: 992px) { .slider-testimonials-user { min-width: 17.5rem; width: 17.5rem; height: 17.5rem; position: relative; margin-left: 70px; margin-top: 70px } } .slider-testimonials-data { overflow: hidden; flex: 1; font-size: 1.3rem } @media (min-width: 992px) { .slider-testimonials-data { margin-left: 6.25rem; margin-top: 6.25rem; text-align: left } } .slider-testimonials-text p { font-size: 1rem; color: rgba(0, 0, 0, 0.77); font-weight: 300 } .slider-testimonials-from { margin-top: 2rem } .slider-testimonials-from .name { font-size: 1.3rem; display: block; font-weight: 500 } .slider-testimonials .slick-arrow { width: 48px; min-width: 48px; height: 48px; background-color: transparent; border: none; transition: all 0.2s ease-in-out; position: absolute; top: calc(50% - 24px); z-index: 1; text-indent: -999999px; font-size: 0; display: flex; align-items: center; justify-content: center } .slider-testimonials .slick-arrow:before { content: ""; display: inline-block; border-right: 2px solid black; border-bottom: 2px solid black; width: 24px; height: 24px } .slider-testimonials .slick-arrow.slick-prev { left: 0 } @media (min-width: 1200px) { .slider-testimonials .slick-arrow.slick-prev { left: -130px } } .slider-testimonials .slick-arrow.slick-prev:before { transform: rotate(136deg); margin-right: -7px } .slider-testimonials .slick-arrow.slick-next { right: 0 } @media (min-width: 1200px) { .slider-testimonials .slick-arrow.slick-next { right: -130px } } .slider-testimonials .slick-arrow.slick-next:before { margin-left: -7px; transform: rotate(-45deg) } .slick-center .slider-testimonials { background-color: #fff; color: rgba(0, 0, 0, 0.97) } .incentives-layout-1 { display: grid; grid-gap: 2rem; grid-template-columns: repeat(2, 1fr) } @media (min-width: 992px) { .incentives-layout-1 { grid-template-columns: repeat(4, 1fr); grid-gap: 4rem } } .incentives-layout-1 .incentives { display: flex; flex-direction: column; text-align: center; max-width: 220px; margin: 0 auto } .incentives-layout-1 .incentives-icon { width: 30px; margin: 1.5rem auto } .incentives-layout-1 .incentives-title { margin-bottom: 0.5rem; font-size: 1rem; font-weight: 600; color: rgba(0, 0, 0, 0.97) } .incentives-layout-1 .incentives-text { font-size: 0.8rem; color: rgba(0, 0, 0, 0.77) } .bg-newsletter { background-repeat: no-repeat; background-position: center; background-size: cover } .newsletter { background: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-radius: 4px; max-width: 500px; padding: 2rem; display: flex; flex-direction: column } @media (min-width: 992px) { .newsletter { padding: 4rem } } .newsletter-head { margin-bottom: 1.5rem } .newsletter-head h3, .newsletter-head .h3 { margin-bottom: 1rem; font-weight: 600 } .newsletter-head h6, .newsletter-head .h6 { font-size: 0.8rem; font-weight: 300; max-width: 337px } .newsletter-form { display: flex; align-items: center; border-bottom: solid 2px #000 } .newsletter-form-input { flex: 1; background: none; border: none; height: 2.5rem; width: 100%; line-height: 1.2; font-size: 0.8em; padding: 5px 0; margin: 0; color: rgba(0, 0, 0, 0.97); vertical-align: top } .newsletter-form-submit { height: 2.5rem; width: 2.5rem; background: transparent; color: #000; border: none } .post { height: 100%; position: relative; padding: 0; margin: 0; display: flex; flex-direction: column } .post-body { flex: 1; display: flex; flex-direction: column; padding-top: 1.5rem } .post-foot { margin-top: 1rem; padding-bottom: 1.5rem } .post-media { position: relative; margin: 0; padding-bottom: 56.25%; background-color: rgba(0, 0, 0, 0.03) } .post-media img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .post-media iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .post-category { display: flex; flex-wrap: wrap } .post-category-tag a { display: block; font-size: 0.8rem; line-height: 1.2; color: rgba(0, 0, 0, 0.77); padding: 5px 0; margin-bottom: 10px; margin-right: 10px } .post-title { line-height: 1.5; font-weight: 600; font-size: 1.3rem; color: rgba(0, 0, 0, 0.97); flex: 1 } .post-title a { color: inherit } .post-description { color: rgba(0, 0, 0, 0.77); line-height: 1.7; margin-bottom: 2rem } .post-link { color: var(--brand-color); font-size: 1rem } .post-link:after { transition: all 0.5s ease-out; padding-left: 4px; content: "\2192" } .post-link:hover { text-decoration: none } .post-link:hover:after { padding-left: 8px } .article-inner .blog_author { font-size: 0.8rem; margin-bottom: 0.8rem } .article-inner .blog_author .article__author { color: rgba(0, 0, 0, 0.97); margin-right: 10px; font-weight: 600 } .article-inner .blog_author .article__date { color: rgba(128, 128, 128, 0.97) } .article-inner .article-title { margin-bottom: 1rem; line-height: 1.5; font-weight: 600; font-size: 1.25rem } .article-inner a { color: inherit; text-decoration: none } .article-inner a:hover { text-decoration: underline; color: inherit } .alert { display: flex; gap: 1rem } html { font-size: 14px } @media (min-width: 768px) { html { font-size: 13px } } @media (min-width: 992px) { html { font-size: 14px } } @media (min-width: 1200px) { html { font-size: 15px } } @media (min-width: 1400px) { html { font-size: 16px } } @media (min-width: 1600px) { html { font-size: 17px } } @media (min-width: 1600px) { .container { max-width: 1440px } } @media (min-width: 1800px) { .container { max-width: 1536px } } @media print { .pagebreak { clear: both; page-break-after: always } } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: none } :focus { outline: 0 !important } p { margin: 0 } b, strong { font-weight: 500 } .strong { font-weight: 500 } ol, ul { padding: 0; margin: 0; list-style-type: none } img { max-width: 100% } a { color: inherit; text-decoration: none } a:hover { color: var(--brand-color); text-decoration: underline } .svg { fill: currentColor } mark, .mark, .mark { padding: 0 } .mleft-auto { margin-left: auto !important } .mright-auto { margin-right: auto !important } .text-left { text-align: left !important } .text-right { text-align: right !important } .-color-light { opacity: 0.6 } .-color-light { opacity: 0.6; font-weight: normal } .-heightfull { height: 100% } .-heightfull.-border.rounded p.small { font-size: 100%; font-style: normal } .-inline-element { display: inline-block; vertical-align: top } .divider { height: 1px; background: #dee2e6; margin: 15px 0 } .note { font-weight: 300; margin-top: 10px; display: block } .txt-white { color: #fff } .txt-brand { color: var(--brand-color) } .txt-secondary { color: var(--secondary-color) } .txt-success { color: #1dc9b7 } .dragHandle { cursor: move } #st_gdpr_iframe { display: none } .not-allowed { background: #ededed; color: #888; cursor: not-allowed !important } .formActions-css { display: none !important } .-inline-link { text-decoration: underline; font-size: 0.9em; color: var(--brand-color) !important } .gap { height: 1rem; clear: both; display: table; width: 100% } .padding20 { padding: 20px } .align-center { margin: 0 auto; text-align: center } .hidden { display: none !important } .no-after:after { content: normal !important } .no-after:before { content: normal !important } .list-inline { display: flex; align-items: center; gap: 10px } .focused-div { height: auto; cursor: text; font-size: 0.9em } .cards-message { display: flex; justify-content: center; flex-direction: column; align-items: center; position: relative; padding: 0.75rem 1.25rem; margin: auto; color: var(--body-color); height: 100% } .cards-message .cards-message-icon { display: flex; align-items: center; padding: 1.25rem 0; font-size: 2.5rem } .cards-message .alert-text { align-self: center } .profile-image .avtar { margin: 0 auto } .info-message { background: #f9edbe; border: 1px solid #f0c36d; color: #6c6c6c; font-size: 0.85em; line-height: 1.2; border-radius: 4px; padding: 0.8rem } .docs-buttons { display: flex; justify-content: center } .docs-buttons .btn-group { margin: 0 2px } .custom-ui-autocomplete { max-height: 200px; max-width: 500px; overflow: hidden; overflow-y: auto; box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); border-radius: 4px; font-weight: 400; font-size: 0.8rem !important; border: solid 1px #dee2e6; animation: dropdown-menu-fade-in 0.3s ease 1, dropdown-menu-move-up 0.3s ease-out 1 } .custom-ui-autocomplete .ui-menu-item { border-bottom: solid 1px #dee2e6 } .custom-ui-autocomplete .ui-menu-item .ui-menu-item-wrapper { padding: 0.8rem; border-color: transparent !important } .custom-ui-autocomplete .ui-menu-item:last-child { border-bottom: none } .custom-ui-autocomplete strong { font-weight: 600 } .strikethrough { text-decoration: line-through } .cursor-pointer { cursor: pointer } .alert-aligned { height: 100%; display: flex; align-items: center } .list-shipping .list-group-item { padding: 1rem } .list-shipping .shipping-states { display: flex } .list-shipping .shipping-states .box-icon { border-radius: 3px; background-color: #f3f4f5; padding: 5px 7px; margin-right: 8px } .list-shipping .shipping-states .detail h6, .list-shipping .shipping-states .detail .h6 { margin: 0; font-size: 0.85rem } .list-shipping .shipping-states .detail p { font-size: 0.75rem } .list-shipping .table-rates td { padding: 0.6rem } .list-country-zone li { margin: 5px 0; padding: 5px 0; border-bottom: solid 1px #edeff1; font-size: 0.8rem } .list-country-zone li:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0 } .list-country-zone li ul { font-size: 0.75rem; margin-left: 1rem; color: rgba(0, 0, 0, 0.77) } .list-country-zone .checkbox, .list-country-zone .radio { font-size: inherit } .text-link { font-weight: 500; color: var(--brand-color) } .close-layer { z-index: 2; position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; opacity: 0.3; transition: all 300ms; display: flex; align-items: center; border: none; background: none } .close-layer:hover { transform: rotate(-90deg); opacity: 1 } .close-layer:before, .close-layer:after { position: absolute; left: 15px; content: " "; height: 18px; width: 2px; background-color: #000 } .close-layer:before { transform: rotate(45deg) } .close-layer:after { transform: rotate(-45deg) } .close-layer--white:before, .close-layer--white:after { background-color: #fff } .close-layer-sm { width: 20px; height: 20px } .close-layer-sm:before, .close-layer-sm:after { left: 10px; height: 12px; width: 1px } .browse-more { display: flex; align-items: center; justify-content: center; flex-flow: row wrap; gap: 10px } .browse-more li a { background: rgba(var(--brand-color-alpha), 0.1); color: var(--brand-color); border-radius: 30px; padding: 0.5rem 1rem; font-size: 0.75rem; display: block } .browse-more li a:hover { background: var(--brand-color); color: var(--brand-color-inverse); border-color: currentColor; text-decoration: none } .form-edit { display: flex; flex-direction: column; padding: 0 } .form-edit-head { padding: 0 2rem; border-bottom: solid 1px #dee2e6 } .form-edit-body { flex: 1 1 auto; padding: 1.5rem 2rem } .form-edit-body .h3 { font-size: 1rem; color: rgba(0, 0, 0, 0.97) } .form-edit-foot { border-top: solid 1px #dee2e6; position: sticky; bottom: 0; z-index: 1020; background-color: #fff; padding: 1.5rem 2rem } .dropdown-toggle-custom { text-align: left; cursor: pointer; position: relative; padding-right: 2rem } .dropdown-toggle-custom-arrow { position: absolute; transform: translate(-6px, 0); top: calc(50% - 4px); right: 0 } .dropdown-toggle-custom-arrow:after, .dropdown-toggle-custom-arrow:before { content: ""; position: absolute; background-color: currentColor; width: 1px; height: 9px; transition: all 0.25s ease-in-out } .dropdown-toggle-custom-arrow:before { transform: translate(-3px, 0) rotate(45deg) } .dropdown-toggle-custom-arrow:after { transform: translate(3px, 0) rotate(-45deg) } .dropdown-toggle-custom:not(.show) .dropdown-toggle-custom-arrow:before { transform: translate(3px, 0) rotate(45deg) } .dropdown-toggle-custom:not(.show) .dropdown-toggle-custom-arrow:after { transform: translate(-3px, 0) rotate(-45deg) } .btn-dropdown { padding-right: 3rem } .btn-dropdown .dropdown-toggle-custom-arrow { right: 1rem } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7) } .slider-controls { display: flex; align-items: center; justify-content: center; grid-gap: 1rem; flex-direction: row; flex-wrap: nowrap } .slider-controls .btn { background-color: #fff; padding: 0; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center } @media (min-width: 992px) { .slider-controls .btn { border: solid 1px #000 } } .slider-controls .btn-prev span { display: inline-block; border-right: 1px solid black; border-bottom: 1px solid black; width: 10px; height: 10px; transform: rotate(136deg); margin-right: -7px } .slider-controls .btn-next span { display: inline-block; border-right: 1px solid black; border-bottom: 1px solid black; width: 10px; height: 10px; transform: rotate(-45deg); margin-left: -7px } .slider-controls .btn:hover { border-color: var(--brand-color) } .slider-controls .btn:hover span { border-color: var(--brand-color) } .iti { font-size: 0.8rem } .iti__selected-flag { background-color: #f3f4f5; border-radius: 4px; margin-right: 10px !important } .iti[dir="ltr"] .iti__flag-container { right: auto !important; left: 0 !important } .iti[dir="ltr"] .iti__country-list { left: 0; text-align: left } .iti[dir="rtl"] .iti__flag-container { right: 0 !important; left: auto !important } .iti[dir="rtl"] .iti__country-list { text-align: right; right: 0 } .processing-wrap { position: relative } .processing { background-color: rgba(255, 255, 255, 0.55); position: absolute; z-index: 1024; top: 0; bottom: 0; left: 0; right: 0; text-align: center; display: flex; align-items: center; justify-content: center } .processing:after { position: absolute; content: ""; background-color: rgba(255, 255, 255, 0.05); top: 0; bottom: 0; left: 0; right: 0; z-index: 1 } .skeleton { background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), lightgray; border-radius: 2px; height: 10px; margin: 2px 0; position: relative; overflow: hidden } .skeleton::before { content: ""; display: block; position: absolute; left: -150px; top: 0; height: 100%; width: 150px; background: linear-gradient(to right, transparent 0%, #e8e8e8 50%, transparent 100%); animation: load 1s cubic-bezier(0.4, 0, 0.2, 1) infinite } @keyframes load { from { left: -150px } to { left: 100% } } .grid-layout { display: flex; flex-direction: column; gap: 3rem } @media (min-width: 992px) { .grid-layout { display: grid; grid-gap: 5rem; grid-template-columns: minmax(auto, 24%) 1fr } } .badges-list { display: inline-flex; align-items: center; gap: 10px; margin-top: 5px } .badges-list-img { border-radius: 6px; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; max-width: 22px } .pac-container { font-family: inherit; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; z-index: 1040; border: solid 1px #dee2e6 !important; border-radius: 4px } .pac-container .pac-item { cursor: pointer; padding: 8px 10px; border-top: solid 1px #dee2e6 !important } .pac-container .pac-icon { background-image: url(images/retina/geo-alt.svg) !important; background-size: 14px !important; background-repeat: no-repeat; background-color: transparent; background-position: center } .pac-container .pac-logo:after { content: normal !important } .badges-wrap { z-index: 1; position: absolute; right: 0.25rem; top: 0.25rem } #mbsmessage, .system_message { position: fixed; width: auto; max-width: 450px; top: calc(5%); left: 0; right: 0; margin: 0 auto; border-radius: 5px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07); z-index: 1052 } #mbsmessage .content, .system_message .content { margin: 0 auto; text-align: center; position: relative; display: inline-block; vertical-align: top; word-break: break-word } #mbsmessage .content:before, .system_message .content:before { background-size: 18px !important; content: ""; left: -26px; position: absolute; top: 2px; z-index: 2; width: 18px; height: 18px; display: block } .div_error { text-align: left; padding: 20px 60px 20px 60px; position: relative; color: #fff; line-height: normal; background: url(images/icon--attention.svg) no-repeat 15px 15px #fd397a; background-size: 30px } #mbsmessage .content .div_error, #mbsmessage .content .div_info { padding: 0px } .div_error li { color: inherit; position: relative; padding: 0 0 5px 0 } .div_error li a { color: #fff; text-decoration: underline } .div_info { font-weight: normal; position: relative; color: #fff; background: url(images/icon--info.svg) no-repeat 15px 15px #02b4d1; background-size: 30px } .div_info li { font-weight: 300; font-size: 1em; position: relative; padding: 0 0 5px 0; color: inherit } .div_info li a { font-weight: normal; text-decoration: none; color: #fff; cursor: default } .div_msg { font-weight: normal; padding: 20px 40px 20px 60px; position: relative; color: #fff; background: url(images/icon--success.svg) no-repeat 15px 15px #00b6ad; background-size: 30px } #mbsmessage .div_msg, .system_message .div_msg { padding: 0 } .div_msg li { font-weight: 300; font-size: 1em; position: relative; padding: 0 0 10px 0; color: inherit } .div_msg li:last-child { padding-bottom: 0 } .div_msg li a { font-weight: normal; font-size: 13px; text-decoration: none; color: #fff; cursor: default } .div_info li:last-child, .div_error li:last-child, .div_msg li:last-child { padding-bottom: 0 } .error { border-color: #f00 !important } .errorlist { margin: 3px 0; list-style: none; padding: 2px 10px 4px; position: relative; background: #fdf7f6; clear: both } .errorlist li a { color: #f44336; font-size: 11px; text-decoration: none } .errorlist li:last-child { padding-bottom: 0 } .errorlist li { font-size: 12px; position: relative } .system_message .closeMsg:hover { transform: rotate(135deg); opacity: 1 } .system_message .closeMsg:before { width: 3px; height: 15px; left: 50%; margin: 0 0 0 -2px; position: absolute; top: 2px; content: ""; background: #fff } .system_message .closeMsg:after { width: 15px; height: 3px; left: 2px; top: 50%; margin: -2px 0 0 0; position: absolute; content: ""; background: #fff } .alert--process:before { content: ""; border-radius: 50%; width: 16px; height: 16px; display: inline-block; position: absolute; left: 15px; top: 20px; border-top: 3px solid rgba(255, 255, 255, 0.2); border-right: 3px solid rgba(255, 255, 255, 0.2); border-bottom: 3px solid rgba(255, 255, 255, 0.2); border-left: 3px solid #ffffff; transform: translateZ(0); animation: load8 1.1s infinite linear } @keyframes load8 { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @media (max-width: 767px) { #mbsmessage, .system_message { left: 10px; right: 10px; width: auto } #mbsmessage .content, .system_message .content { min-width: inherit } } /*! jQuery UI - v1.12.0 - 2016-07-08 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default !important; pointer-events: none } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 0.5em 0.5em 0.5em 0.7em; font-size: 100% } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0 } .ui-menu .ui-menu { position: absolute } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px 0.4em } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0 } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px } .ui-menu-icons { position: relative } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: 0.2em; margin: auto 0 } .ui-menu .ui-menu-icon { left: auto; right: 0 } .ui-button { padding: 0.4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; overflow: visible } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none } .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap } input.ui-button.ui-button-icon-only, .ui-button.ui-button-icon-only.custom-select { text-indent: 0 } .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap } input.ui-button.ui-icon-notext .ui-icon, .ui-button.ui-icon-notext.custom-select .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: 0.4em 1em } input.ui-button::-moz-focus-inner, .ui-button.custom-select::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0 } .ui-controlgroup { vertical-align: middle; display: inline-block } .ui-controlgroup>.ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0 } .ui-controlgroup>.ui-controlgroup-item:focus, .ui-controlgroup>.ui-controlgroup-item.ui-visual-focus { z-index: 9999 } .ui-controlgroup-vertical>.ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box } .ui-controlgroup .ui-controlgroup-label { padding: 0.4em 1em } .ui-controlgroup .ui-controlgroup-label span { font-size: 80% } .ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item { border-left: none } .ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item { border-top: none } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none } .ui-controlgroup-vertical .ui-spinner-input { width: 75%; width: calc(100% - 2.4em) } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: 0.12em; border: none } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid } .ui-checkboxradio-disabled { pointer-events: none } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0 } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 3px; width: 1.8em; height: 1.8em } .ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover { border: none !important } .ui-datepicker .ui-datepicker-prev { left: 5px } .ui-datepicker .ui-datepicker-next { right: 5px } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 48%; height: 30px; padding-left: 5px } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0 0 0.4em } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0 } .ui-datepicker td { border: 0; padding: 1px; border: 1px solid #eee } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.5rem 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 } .ui-datepicker-rtl { direction: rtl } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: 0.5em; top: 0.3em } .ui-dialog { position: absolute; top: 0; left: 0; padding: 0.2em; outline: 0 } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0.5em 1em; background: none; overflow: auto } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0; cursor: pointer } .ui-dialog .ui-resizable-n { height: 2px; top: 0 } .ui-dialog .ui-resizable-e { width: 2px; right: 0 } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0 } .ui-dialog .ui-resizable-w { width: 2px; left: 0 } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px } .ui-dialog .ui-resizable-se { right: 0; bottom: 0 } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0 } .ui-dialog .ui-resizable-ne { right: 0; top: 0 } .ui-dialog .ui-resizable-nw { left: 0; top: 0 } .ui-draggable .ui-dialog-titlebar { cursor: move } .ui-draggable-handle { touch-action: none } .ui-resizable { position: relative } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0 } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0 } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100% } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100% } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px } .ui-progressbar { height: 2em; text-align: left; overflow: hidden } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100% } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); opacity: 0.25 } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none } .ui-selectable { touch-action: none } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0 } .ui-selectmenu-open { display: block } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0 } .ui-slider { border: none !important; position: relative; text-align: left } .ui-slider .ui-slider-handle { border-radius: 100%; border: none !important; background: #c4c8cc !important; position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; touch-action: none } .ui-slider .ui-slider-range { border: none !important; background: #0064ca !important; position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0 } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit } .ui-slider-horizontal { background: #e9e9e9 !important; height: 6px } .ui-slider-horizontal .ui-slider-handle { top: -0.4em; margin-left: -0.6em } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0 } .ui-slider-horizontal .ui-slider-range-max { right: 0 } .ui-slider-vertical { width: 0.8em; height: 100px } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0 } .ui-slider-vertical .ui-slider-range-max { top: 0 } .ui-sortable-handle { touch-action: none } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0.222em 0; margin: 0.2em 0; vertical-align: middle; margin-left: 0.4em; margin-right: 2em } .ui-spinner-button { width: 1.6em; height: 50%; font-size: 0.5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0 } .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none } .ui-spinner-up { top: 0 } .ui-spinner-down { bottom: 0 } .ui-tabs { position: relative; padding: 0.2em } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0 } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px 0.2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.5em 1em; text-decoration: none } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px } body .ui-tooltip { border-width: 2px } .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em } .ui-widget .ui-widget { font-size: 1em } .ui-widget input, .ui-widget .custom-select, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5 } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333 } .ui-widget-content a { color: #333333 } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold } .ui-widget-header a { color: #333333 } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545 } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none } .ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6 } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620 } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90 } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620 } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: Alpha(Opacity=70); font-weight: normal } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: Alpha(Opacity=35); background-image: none } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35) } .ui-icon { width: 16px; height: 16px } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_222222_256x240.png") } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_222222_256x240.png") } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png") } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon { background-image: url("images/ui-icons_222222_256x240.png") } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png") } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png") } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png") } .ui-icon-blank { background-position: 16px 16px } .ui-icon-caret-1-n { background-position: 0 0 } .ui-icon-caret-1-ne { background-position: -16px 0 } .ui-icon-caret-1-e { background-position: -32px 0 } .ui-icon-caret-1-se { background-position: -48px 0 } .ui-icon-caret-1-s { background-position: -65px 0 } .ui-icon-caret-1-sw { background-position: -80px 0 } .ui-icon-caret-1-w { background-position: -96px 0 } .ui-icon-caret-1-nw { background-position: -112px 0 } .ui-icon-caret-2-n-s { background-position: -128px 0 } .ui-icon-caret-2-e-w { background-position: -144px 0 } .ui-icon-triangle-1-n { background-position: 0 -16px } .ui-icon-triangle-1-ne { background-position: -16px -16px } .ui-icon-triangle-1-e { background-position: -32px -16px } .ui-icon-triangle-1-se { background-position: -48px -16px } .ui-icon-triangle-1-s { background-position: -65px -16px } .ui-icon-triangle-1-sw { background-position: -80px -16px } .ui-icon-triangle-1-w { background-position: -96px -16px } .ui-icon-triangle-1-nw { background-position: -112px -16px } .ui-icon-triangle-2-n-s { background-position: -128px -16px } .ui-icon-triangle-2-e-w { background-position: -144px -16px } .ui-icon-arrow-1-n { background-position: 0 -32px } .ui-icon-arrow-1-ne { background-position: -16px -32px } .ui-icon-arrow-1-e { background-position: -32px -32px } .ui-icon-arrow-1-se { background-position: -48px -32px } .ui-icon-arrow-1-s { background-position: -65px -32px } .ui-icon-arrow-1-sw { background-position: -80px -32px } .ui-icon-arrow-1-w { background-position: -96px -32px } .ui-icon-arrow-1-nw { background-position: -112px -32px } .ui-icon-arrow-2-n-s { background-position: -128px -32px } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px } .ui-icon-arrow-2-e-w { background-position: -160px -32px } .ui-icon-arrow-2-se-nw { background-position: -176px -32px } .ui-icon-arrowstop-1-n { background-position: -192px -32px } .ui-icon-arrowstop-1-e { background-position: -208px -32px } .ui-icon-arrowstop-1-s { background-position: -224px -32px } .ui-icon-arrowstop-1-w { background-position: -240px -32px } .ui-icon-arrowthick-1-n { background-position: 1px -48px } .ui-icon-arrowthick-1-ne { background-position: -16px -48px } .ui-icon-arrowthick-1-e { background-position: -32px -48px } .ui-icon-arrowthick-1-se { background-position: -48px -48px } .ui-icon-arrowthick-1-s { background-position: -64px -48px } .ui-icon-arrowthick-1-sw { background-position: -80px -48px } .ui-icon-arrowthick-1-w { background-position: -96px -48px } .ui-icon-arrowthick-1-nw { background-position: -112px -48px } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px } .ui-icon-arrowreturn-1-w { background-position: -64px -64px } .ui-icon-arrowreturn-1-n { background-position: -80px -64px } .ui-icon-arrowreturn-1-e { background-position: -96px -64px } .ui-icon-arrowreturn-1-s { background-position: -112px -64px } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px } .ui-icon-arrow-4 { background-position: 0 -80px } .ui-icon-arrow-4-diag { background-position: -16px -80px } .ui-icon-extlink { background-position: -32px -80px } .ui-icon-newwin { background-position: -48px -80px } .ui-icon-refresh { background-position: -64px -80px } .ui-icon-shuffle { background-position: -80px -80px } .ui-icon-transfer-e-w { background-position: -96px -80px } .ui-icon-transferthick-e-w { background-position: -112px -80px } .ui-icon-folder-collapsed { background-position: 0 -96px } .ui-icon-folder-open { background-position: -16px -96px } .ui-icon-document { background-position: -32px -96px } .ui-icon-document-b { background-position: -48px -96px } .ui-icon-note { background-position: -64px -96px } .ui-icon-mail-closed { background-position: -80px -96px } .ui-icon-mail-open { background-position: -96px -96px } .ui-icon-suitcase { background-position: -112px -96px } .ui-icon-comment { background-position: -128px -96px } .ui-icon-person { background-position: -144px -96px } .ui-icon-print { background-position: -160px -96px } .ui-icon-trash { background-position: -176px -96px } .ui-icon-locked { background-position: -192px -96px } .ui-icon-unlocked { background-position: -208px -96px } .ui-icon-bookmark { background-position: -224px -96px } .ui-icon-tag { background-position: -240px -96px } .ui-icon-home { background-position: 0 -112px } .ui-icon-flag { background-position: -16px -112px } .ui-icon-calendar { background-position: -32px -112px } .ui-icon-cart { background-position: -48px -112px } .ui-icon-pencil { background-position: -64px -112px } .ui-icon-clock { background-position: -80px -112px } .ui-icon-disk { background-position: -96px -112px } .ui-icon-calculator { background-position: -112px -112px } .ui-icon-zoomin { background-position: -128px -112px } .ui-icon-zoomout { background-position: -144px -112px } .ui-icon-search { background-position: -160px -112px } .ui-icon-wrench { background-position: -176px -112px } .ui-icon-gear { background-position: -192px -112px } .ui-icon-heart { background-position: -208px -112px } .ui-icon-star { background-position: -224px -112px } .ui-icon-link { background-position: -240px -112px } .ui-icon-cancel { background-position: 0 -128px } .ui-icon-plus { background-position: -16px -128px } .ui-icon-plusthick { background-position: -32px -128px } .ui-icon-minus { background-position: -48px -128px } .ui-icon-minusthick { background-position: -64px -128px } .ui-icon-close { background-position: -80px -128px } .ui-icon-closethick { background-position: -96px -128px } .ui-icon-key { background-position: -112px -128px } .ui-icon-lightbulb { background-position: -128px -128px } .ui-icon-scissors { background-position: -144px -128px } .ui-icon-clipboard { background-position: -160px -128px } .ui-icon-copy { background-position: -176px -128px } .ui-icon-contact { background-position: -192px -128px } .ui-icon-image { background-position: -208px -128px } .ui-icon-video { background-position: -224px -128px } .ui-icon-script { background-position: -240px -128px } .ui-icon-alert { background-position: 0 -144px } .ui-icon-info { background-position: -16px -144px } .ui-icon-notice { background-position: -32px -144px } .ui-icon-help { background-position: -48px -144px } .ui-icon-check { background-position: -64px -144px } .ui-icon-bullet { background-position: -80px -144px } .ui-icon-radio-on { background-position: -96px -144px } .ui-icon-radio-off { background-position: -112px -144px } .ui-icon-pin-w { background-position: -128px -144px } .ui-icon-pin-s { background-position: -144px -144px } .ui-icon-play { background-position: 0 -160px } .ui-icon-pause { background-position: -16px -160px } .ui-icon-seek-next { background-position: -32px -160px } .ui-icon-seek-prev { background-position: -48px -160px } .ui-icon-seek-end { background-position: -64px -160px } .ui-icon-seek-start { background-position: -80px -160px } .ui-icon-seek-first { background-position: -80px -160px } .ui-icon-stop { background-position: -96px -160px } .ui-icon-eject { background-position: -112px -160px } .ui-icon-volume-off { background-position: -128px -160px } .ui-icon-volume-on { background-position: -144px -160px } .ui-icon-power { background-position: 0 -176px } .ui-icon-signal-diag { background-position: -16px -176px } .ui-icon-signal { background-position: -32px -176px } .ui-icon-battery-0 { background-position: -48px -176px } .ui-icon-battery-1 { background-position: -64px -176px } .ui-icon-battery-2 { background-position: -80px -176px } .ui-icon-battery-3 { background-position: -96px -176px } .ui-icon-circle-plus { background-position: 0 -192px } .ui-icon-circle-minus { background-position: -16px -192px } .ui-icon-circle-close { background-position: -32px -192px } .ui-icon-circle-triangle-e { background-position: -48px -192px } .ui-icon-circle-triangle-s { background-position: -64px -192px } .ui-icon-circle-triangle-w { background-position: -80px -192px } .ui-icon-circle-triangle-n { background-position: -96px -192px } .ui-icon-circle-arrow-e { background-position: -112px -192px } .ui-icon-circle-arrow-s { background-position: -128px -192px } .ui-icon-circle-arrow-w { background-position: -144px -192px } .ui-icon-circle-arrow-n { background-position: -160px -192px } .ui-icon-circle-zoomin { background-position: -176px -192px } .ui-icon-circle-zoomout { background-position: -192px -192px } .ui-icon-circle-check { background-position: -208px -192px } .ui-icon-circlesmall-plus { background-position: 0 -208px } .ui-icon-circlesmall-minus { background-position: -16px -208px } .ui-icon-circlesmall-close { background-position: -32px -208px } .ui-icon-squaresmall-plus { background-position: -48px -208px } .ui-icon-squaresmall-minus { background-position: -64px -208px } .ui-icon-squaresmall-close { background-position: -80px -208px } .ui-icon-grip-dotted-vertical { background-position: 0 -224px } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px } .ui-icon-grip-solid-vertical { background-position: -32px -224px } .ui-icon-grip-solid-horizontal { background-position: -48px -224px } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px } .ui-icon-grip-diagonal-se { background-position: -80px -224px } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px } .ui-widget-overlay { background: #aaaaaa; opacity: 0.3; filter: Alpha(Opacity=30) } .ui-widget-shadow { box-shadow: 0px 0px 5px #666666 } .ui-datepicker .ui-datepicker-prev span.ui-icon, .ui-datepicker .ui-datepicker-next span.ui-icon { background-image: none } .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { position: absolute; left: 50%; top: 50%; content: ""; margin: -5px 0 0 -3px; border-bottom: 5px solid transparent; border-top: 5px solid transparent } .ui-datepicker .ui-datepicker-prev:before { border-right: 5px solid #333 } .ui-datepicker .ui-datepicker-next:before { border-left: 5px solid #333 } .ui-datepicker .ui-datepicker-next.ui-state-hover, .ui-datepicker .ui-datepicker-prev.ui-state-hover { background: none } .ui-datepicker { border: none !important; box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); padding: 10px; border-radius: 5px !important; width: auto; min-width: 310px; font-size: 0.8rem } .ui-datepicker-header.ui-widget-header { background: none; border: none } .ui-datepicker-month, .ui-datepicker-year { margin: 0 2px !important } .ui-datepicker td .ui-state-default { background: none; border: none; text-align: center; padding: 8px 5px } .ui-datepicker td.ui-datepicker-current-day { background: #333; color: #fff } .ui-datepicker td.ui-datepicker-current-day a { color: inherit } .ui-datepicker td.ui-datepicker-today { background: var(--brand-color); color: var(--brand-color-inverse); font-weight: 600 } .ui-datepicker td.ui-datepicker-today a { color: inherit } .ui-datepicker td { position: relative } .ui-datepicker td>a { position: relative } .ui-datepicker td.ui-datepicker-today .ui-state-active:before { display: none } .ui-datepicker td.ui-datepicker-today .ui-state-active>a { color: #54d1f1 } .ui-datepicker td.ui-datepicker-current-day .ui-state-active>a { color: #54d1f1 } .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today:before { display: none } .ui-datepicker .ui-datepicker-buttonpane { border: none; padding: 0 } .ui-datepicker .ui-datepicker-buttonpane button { opacity: 1; padding: 5px 20px 6px; font-weight: normal !important; border: none; -webkit-transition: 0.5s all ease; margin: 0; font-size: 0.8em; transition: 0.5s all ease; background: none !important; color: var(--brand-color) !important; border: 1px solid var(--brand-color) !important } .ui-datepicker-calendar .ui-state-disabled { background: rgba(0, 0, 0, 0.04) } @media (max-width: 767px) { .ui-datepicker { min-width: 300px } .ui-datepicker td .ui-state-default { padding: 5px } } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:before, .slick-track:after { display: table; content: "" } .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 { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .iti { position: relative; display: flex } .iti * { box-sizing: border-box; -moz-box-sizing: border-box } .iti__hide { display: none } .iti__v-hide { visibility: hidden } .iti input, .iti .custom-select, .iti input[type="tel"], .iti .custom-select[type="tel"], .iti input[type="text"], .iti .custom-select[type="text"] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0 } .iti input[type="text"], .iti .custom-select[type="text"] { padding-left: 0.625rem !important; padding-right: 0.625rem !important } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; margin-right: -2px } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555 } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555 } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: #fff; border: 1px solid #ccc; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; width: 100% } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px } @media (max-width: 500px) { .iti__country-list { white-space: normal } } .iti__flag-box { display: inline-block; width: 20px } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc } .iti__country { padding: 5px 10px; outline: 0; font-size: 0.875rem } .iti__dial-code { color: #999 } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05) } .iti__country-name, .iti__dial-code, .iti__flag-box { vertical-align: middle } .iti__country-name, .iti__flag-box { margin-right: 6px } .iti--allow-dropdown input, .iti--allow-dropdown .custom-select, .iti--allow-dropdown input[type="tel"], .iti--allow-dropdown .custom-select[type="tel"], .iti--allow-dropdown input[type="text"], .iti--allow-dropdown .custom-select[type="text"], .iti--separate-dial-code input, .iti--separate-dial-code .custom-select, .iti--separate-dial-code input[type="tel"], .iti--separate-dial-code .custom-select[type="tel"], .iti--separate-dial-code input[type="text"], .iti--separate-dial-code .custom-select[type="text"] { padding-right: 6px; padding-left: 52px; margin-left: 0 } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0 } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05) } .iti--allow-dropdown input[disabled]+.iti__flag-container:hover, .iti--allow-dropdown .custom-select[disabled]+.iti__flag-container:hover, .iti--allow-dropdown input[readonly]+.iti__flag-container:hover, .iti--allow-dropdown .custom-select[readonly]+.iti__flag-container:hover { cursor: default } .iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown .custom-select[disabled]+.iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown .custom-select[readonly]+.iti__flag-container:hover .iti__selected-flag { background-color: transparent } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05) } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; font-size: 0.875rem } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px } .iti--container:hover { cursor: pointer } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed } .iti-mobile .iti__country-list { max-height: 100%; width: 100% } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em } .iti__flag { width: 20px } .iti__flag.iti__be { width: 18px } .iti__flag.iti__ch { width: 15px } .iti__flag.iti__mc { width: 19px } .iti__flag.iti__ne { width: 18px } .iti__flag.iti__np { width: 13px } .iti__flag.iti__va { width: 15px } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px } } .iti__flag.iti__ac { height: 10px; background-position: 0 0 } .iti__flag.iti__ad { height: 14px; background-position: -22px 0 } .iti__flag.iti__ae { height: 10px; background-position: -44px 0 } .iti__flag.iti__af { height: 14px; background-position: -66px 0 } .iti__flag.iti__ag { height: 14px; background-position: -88px 0 } .iti__flag.iti__ai { height: 10px; background-position: -110px 0 } .iti__flag.iti__al { height: 15px; background-position: -132px 0 } .iti__flag.iti__am { height: 10px; background-position: -154px 0 } .iti__flag.iti__ao { height: 14px; background-position: -176px 0 } .iti__flag.iti__aq { height: 14px; background-position: -198px 0 } .iti__flag.iti__ar { height: 13px; background-position: -220px 0 } .iti__flag.iti__as { height: 10px; background-position: -242px 0 } .iti__flag.iti__at { height: 14px; background-position: -264px 0 } .iti__flag.iti__au { height: 10px; background-position: -286px 0 } .iti__flag.iti__aw { height: 14px; background-position: -308px 0 } .iti__flag.iti__ax { height: 13px; background-position: -330px 0 } .iti__flag.iti__az { height: 10px; background-position: -352px 0 } .iti__flag.iti__ba { height: 10px; background-position: -374px 0 } .iti__flag.iti__bb { height: 14px; background-position: -396px 0 } .iti__flag.iti__bd { height: 12px; background-position: -418px 0 } .iti__flag.iti__be { height: 15px; background-position: -440px 0 } .iti__flag.iti__bf { height: 14px; background-position: -460px 0 } .iti__flag.iti__bg { height: 12px; background-position: -482px 0 } .iti__flag.iti__bh { height: 12px; background-position: -504px 0 } .iti__flag.iti__bi { height: 12px; background-position: -526px 0 } .iti__flag.iti__bj { height: 14px; background-position: -548px 0 } .iti__flag.iti__bl { height: 14px; background-position: -570px 0 } .iti__flag.iti__bm { height: 10px; background-position: -592px 0 } .iti__flag.iti__bn { height: 10px; background-position: -614px 0 } .iti__flag.iti__bo { height: 14px; background-position: -636px 0 } .iti__flag.iti__bq { height: 14px; background-position: -658px 0 } .iti__flag.iti__br { height: 14px; background-position: -680px 0 } .iti__flag.iti__bs { height: 10px; background-position: -702px 0 } .iti__flag.iti__bt { height: 14px; background-position: -724px 0 } .iti__flag.iti__bv { height: 15px; background-position: -746px 0 } .iti__flag.iti__bw { height: 14px; background-position: -768px 0 } .iti__flag.iti__by { height: 10px; background-position: -790px 0 } .iti__flag.iti__bz { height: 14px; background-position: -812px 0 } .iti__flag.iti__ca { height: 10px; background-position: -834px 0 } .iti__flag.iti__cc { height: 10px; background-position: -856px 0 } .iti__flag.iti__cd { height: 15px; background-position: -878px 0 } .iti__flag.iti__cf { height: 14px; background-position: -900px 0 } .iti__flag.iti__cg { height: 14px; background-position: -922px 0 } .iti__flag.iti__ch { height: 15px; background-position: -944px 0 } .iti__flag.iti__ci { height: 14px; background-position: -961px 0 } .iti__flag.iti__ck { height: 10px; background-position: -983px 0 } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0 } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0 } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0 } .iti__flag.iti__co { height: 14px; background-position: -1071px 0 } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0 } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0 } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0 } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0 } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0 } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0 } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0 } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0 } .iti__flag.iti__de { height: 12px; background-position: -1269px 0 } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0 } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0 } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0 } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0 } .iti__flag.iti__do { height: 14px; background-position: -1379px 0 } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0 } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0 } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0 } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0 } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0 } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0 } .iti__flag.iti__er { height: 10px; background-position: -1533px 0 } .iti__flag.iti__es { height: 14px; background-position: -1555px 0 } .iti__flag.iti__et { height: 10px; background-position: -1577px 0 } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0 } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0 } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0 } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0 } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0 } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0 } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0 } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0 } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0 } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0 } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0 } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0 } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0 } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0 } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0 } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0 } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0 } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0 } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0 } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0 } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0 } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0 } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0 } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0 } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0 } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0 } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0 } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0 } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0 } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0 } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0 } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0 } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0 } .iti__flag.iti__id { height: 14px; background-position: -2325px 0 } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0 } .iti__flag.iti__il { height: 15px; background-position: -2369px 0 } .iti__flag.iti__im { height: 10px; background-position: -2391px 0 } .iti__flag.iti__in { height: 14px; background-position: -2413px 0 } .iti__flag.iti__io { height: 10px; background-position: -2435px 0 } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0 } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0 } .iti__flag.iti__is { height: 15px; background-position: -2501px 0 } .iti__flag.iti__it { height: 14px; background-position: -2523px 0 } .iti__flag.iti__je { height: 12px; background-position: -2545px 0 } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0 } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0 } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0 } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0 } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0 } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0 } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0 } .iti__flag.iti__km { height: 12px; background-position: -2721px 0 } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0 } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0 } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0 } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0 } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0 } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0 } .iti__flag.iti__la { height: 14px; background-position: -2875px 0 } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0 } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0 } .iti__flag.iti__li { height: 12px; background-position: -2941px 0 } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0 } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0 } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0 } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0 } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0 } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0 } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0 } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0 } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0 } .iti__flag.iti__md { height: 10px; background-position: -3160px 0 } .iti__flag.iti__me { height: 10px; background-position: -3182px 0 } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0 } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0 } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0 } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0 } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0 } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0 } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0 } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0 } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0 } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0 } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0 } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0 } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0 } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0 } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0 } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0 } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0 } .iti__flag.iti__my { height: 10px; background-position: -3578px 0 } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0 } .iti__flag.iti__na { height: 14px; background-position: -3622px 0 } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0 } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0 } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0 } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0 } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0 } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0 } .iti__flag.iti__no { height: 15px; background-position: -3774px 0 } .iti__flag.iti__np { height: 15px; background-position: -3796px 0 } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0 } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0 } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0 } .iti__flag.iti__om { height: 10px; background-position: -3877px 0 } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0 } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0 } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0 } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0 } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0 } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0 } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0 } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0 } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0 } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0 } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0 } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0 } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0 } .iti__flag.iti__py { height: 11px; background-position: -4185px 0 } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0 } .iti__flag.iti__re { height: 14px; background-position: -4229px 0 } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0 } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0 } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0 } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0 } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0 } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0 } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0 } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0 } .iti__flag.iti__se { height: 13px; background-position: -4427px 0 } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0 } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0 } .iti__flag.iti__si { height: 10px; background-position: -4493px 0 } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0 } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0 } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0 } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0 } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0 } .iti__flag.iti__so { height: 14px; background-position: -4625px 0 } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0 } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0 } .iti__flag.iti__st { height: 10px; background-position: -4691px 0 } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0 } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0 } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0 } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0 } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0 } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0 } .iti__flag.iti__td { height: 14px; background-position: -4845px 0 } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0 } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0 } .iti__flag.iti__th { height: 14px; background-position: -4911px 0 } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0 } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0 } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0 } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0 } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0 } .iti__flag.iti__to { height: 10px; background-position: -5043px 0 } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0 } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0 } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0 } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0 } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0 } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0 } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0 } .iti__flag.iti__um { height: 11px; background-position: -5219px 0 } .iti__flag.iti__un { height: 14px; background-position: -5241px 0 } .iti__flag.iti__us { height: 11px; background-position: -5263px 0 } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0 } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0 } .iti__flag.iti__va { height: 15px; background-position: -5329px 0 } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0 } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0 } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0 } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0 } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0 } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0 } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0 } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0 } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0 } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0 } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0 } .iti__flag.iti__za { height: 14px; background-position: -5588px 0 } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0 } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0 } .iti__flag { height: 15px; box-shadow: 0 0 1px 0 #888; background-image: url(images/intlTelInput/flags.png); background-repeat: no-repeat; background-color: #dbdbdb; background-position: 20px 0 } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url(images/intlTelInput/flags@2x.png) } } .iti__flag.iti__np { background-color: transparent } .offline-wrapper { max-width: 400px; margin: 100px auto; text-align: center } .offline-wrapper .img-no-internet { max-width: 80%; margin-bottom: 1.5rem } .offline-wrapper p { margin-bottom: 1rem } .enter-page { height: 100%; position: relative; display: flex; flex-direction: row; flex-wrap: nowrap } .enter-page .form-sign { flex: 1; padding: 0 2rem; padding-top: 2.5rem; margin: 0 auto; max-width: 500px } .enter-page .form-sign-logo { margin: 0 auto; margin-bottom: 2.5rem; display: flex; justify-content: center } .form-title { display: flex; align-items: center; justify-content: space-between } .form-title h2, .form-title .h2 { color: #000; font-weight: 600; font-size: calc(112.5% + 0.9vw) } .or { position: relative; text-transform: uppercase; font-size: 11px; color: rgba(0, 0, 0, 0.77); margin: 30px 0; display: flex; text-align: center } .or:after { content: ""; height: 1px; width: 100%; background: #dee2e6; position: absolute; top: 50%; left: 0 } .or span { position: relative; z-index: 1; background: #fff; padding: 0 5px; letter-spacing: 2px; margin: 0 auto } .other-option { margin-top: 1.5rem } .login-popup { padding: 1rem 2rem } .login-popup .title { margin-bottom: 1.5rem } .login-wrapper .form-side { padding: 2rem } @media (max-width: 767.98px) { .login-wrapper .form-side { padding: 1rem } } .login-wrapper .form-side input[type="submit"], .login-wrapper .form-side .custom-select[type="submit"] { background: var(--secondary-color); color: var(--secondary-color-inverse); text-transform: uppercase; font-size: 1em; border: none; display: block; width: 100% } .login-wrapper .forgot { text-align: right; color: #fff; font-size: 0.9em; line-height: 1 } .login-wrapper .last-button { background: none; color: #fff; text-transform: uppercase; font-size: 1em; border: solid 1px rgba(255, 255, 255, 0.2); display: block; padding: 10px 20px; text-align: center; line-height: 1.42857; width: 100% } .login-wrapper .last-button:hover { background-color: #424242 } .login-wrapper .add-side { padding: 2rem; display: table-cell; max-width: 40%; flex: 0 0 40%; background: #fff url(images/login-with.png) no-repeat bottom center } .connect a.link { display: block; color: #fff; text-transform: uppercase; font-size: 1em; border: none; display: block; padding: 10px 20px; text-align: center; line-height: 1.42857; width: 100%; margin-bottom: 15px } .connect a.fb { background: #3856a0 } .connect a.gp { background: #dd4330 } .connect .svg { width: 18px; height: 18px; fill: #fff; display: inline-block; vertical-align: middle } .forgot { text-align: right; font-size: 0.75em } .otp-heading { display: flex !important; justify-content: space-between; align-items: center; flex: 1 } .card-sign { display: flex; flex-direction: column; flex-wrap: wrap } .card-sign_head { margin-bottom: 2rem; text-align: center } .card-sign_head .title { font-weight: 600; margin: 0; margin-bottom: 0.5rem; font-size: 1.125rem } .card-sign_head p { color: rgba(0, 0, 0, 0.77); font-size: 0.8rem } .card-sign_body { flex: 1 } .card-sign_foot { margin-top: 4rem; text-align: center; color: rgba(0, 0, 0, 0.77) } .card-sign_foot a { font-size: 0.8rem; color: var(--brand-color); text-align: center } .card-sign .link { font-size: 0.8rem } .card-sign .link:after { content: normal } .more-links { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: center; grid-gap: 1rem; padding-bottom: 1rem } .other-links { display: flex; align-items: center; justify-content: center; font-size: 0.8rem; margin-top: 2rem } .other-links li { margin: 0 0.5rem; font-weight: 600; color: rgba(0, 0, 0, 0.77) } .forgot { text-align: right } .buttons-list { margin-bottom: 1.5rem; display: flex; flex-flow: column wrap; flex-direction: column; align-items: center; gap: 10px } .buttons-list-item { flex: 1; width: 100%; max-width: 310px } .buttons-list-link { background-color: #fff; color: rgba(0, 0, 0, 0.54); font-size: 14px; font-weight: 600; border-radius: 10px; border: solid 1px #dee2e6; border-color: #a8a8a8; padding: 0.4rem 1rem; display: flex; align-items: center; justify-content: center } .buttons-list-link:hover { color: #000; border-color: currentColor; text-decoration: none; box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); cursor: pointer } .buttons-list-link:focus { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) } .buttons-list-wrap { display: flex; justify-content: center; align-items: center; gap: 0; width: 220px } .buttons-list-icon { padding: 0; flex: 0 0 40px; max-width: 40px; margin: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50% } .buttons-list img, .buttons-list .svg { margin: 0 auto; width: 30px; height: 30px } .buttons-list .btn-fb, .buttons-list .btn-FacebookLogin { background: #3b5a99 } .buttons-list .btn-gp, .buttons-list .btn-GoogleLogin { background: #da4a42 } .buttons-list .btn-gm { background: #333333 } .buttons-list .btn-AppleLogin { background: #000000 } .buttons-list .btn-InstagramLogin { background: #3f729b } .cart-page { display: grid; grid-gap: 2rem; padding: 1rem 0 } @media (min-width: 1200px) { .cart-page { grid-template-columns: 2fr 1fr; grid-gap: 6rem; padding: 3rem 0 } } .cart-page-head { display: flex; align-items: center; flex-direction: column; margin-bottom: 2rem; padding-bottom: 1rem; margin-top: 1rem; border-bottom: solid 1px #000 } @media (min-width: 768px) { .cart-page-head { margin-top: 0; flex-direction: row } } .cart-page-head .h2 { font-size: 1.2rem } .cart-page-head .shiporpickup { position: relative; z-index: 1; display: grid; grid-gap: 2rem; grid-template-columns: 1fr 1fr; margin-top: 1rem } @media (min-width: 768px) { .cart-page-head .shiporpickup { margin: 0; margin-left: auto } } .cart-page-head .shiporpickup-item { line-height: 1; position: relative } .cart-page-head .shiporpickup-item::after { background-color: #dee2e6; width: 2px; height: 16px; position: absolute; top: 0; bottom: 0; right: -14px; display: block; content: "" } .cart-page-head .shiporpickup-item:last-child::after { content: normal } .cart-page-head .shiporpickup .control-label { background-color: transparent; border: none; color: rgba(0, 0, 0, 0.77); padding: 0; padding-bottom: 5px; margin: 0; display: inline-flex; align-items: center; cursor: pointer; font-size: 1rem; font-weight: 600; white-space: nowrap; position: relative; background-image: linear-gradient(currentColor, currentColor); background-position: 50% 100%; background-repeat: no-repeat; background-size: 0% 2px; background-color: transparent; transition: background-size 0.3s } .cart-page-head .shiporpickup .control-label:hover, .cart-page-head .shiporpickup .control-label.is-active { color: var(--brand-color); text-decoration: none; background-size: 100% 2px } .cart-page-head .shiporpickup .control-input[type="radio"] { position: absolute; opacity: 0; z-index: -1 } .cart-page-head .shiporpickup .control-input[type="radio"]:checked+.control-label { color: var(--brand-color); border-color: var(--brand-color); border-width: 2px } .cart-page-head .shiporpickup .control-input[type="radio"]:checked+.control-label:after { background: var(--brand-color); height: 2px; position: absolute; bottom: -1px; left: 0; right: 0 } .cart-page-head .shiporpickup .svg { display: none; margin-right: 10px } .cart-page-head .shiporpickup .disabled { cursor: not-allowed; opacity: 0.5 } .cart-page_main { padding: 0 } @media (min-width: 992px) { .cart-page_main { margin-bottom: 0 } } .cart-page_aside { flex: 1 } @media (min-width: 992px) { .cart-page_aside { margin-bottom: 0 } } .cart-page_aside:after { background: #f3f4f5; position: fixed; z-index: -1; width: 100%; height: 100%; display: block; top: 0; bottom: 0 } .cart-page .cart-title { font-weight: 600; font-size: 1rem } .cart-page .list-cart { margin-bottom: 3rem } .cart-page .list-cart:last-child { margin-bottom: 0 } .cart-page .cart-title { text-transform: uppercase; font-size: 1rem; margin-bottom: 1rem; font-weight: 600; color: rgba(0, 0, 0, 0.97) } .cart-total { padding: 2rem; border: solid 1px #000; border-radius: 4px; position: relative } .cart-total-head { padding-bottom: 1rem; margin-bottom: 2rem; border-bottom: solid 1px #dee2e6 } .cart-total-title { margin: 0; font-weight: 600; font-size: 1.2rem } .cart-total .cart-action { display: none } @media (min-width: 992px) { .cart-total .cart-action { margin-top: 1.5rem; text-align: center; display: flex; flex-direction: column; grid-gap: 1rem } } .cart-total .cart-action .link-underline { display: inline-block; width: -moz-fit-content; width: fit-content; margin: auto } .promotional-code { margin-bottom: 2.5rem } .promotional-code-head { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 1rem } .promotional-code-title { font-size: 1rem; margin: 0 } .coupons { display: flex; justify-content: space-between; align-items: center; margin-bottom: 3rem } .coupons h6, .coupons .h6 { font-size: 0.8rem; margin: 0; padding: 0 } .coupons .btn-coupons { color: var(--secondary-color); border: dashed 2px var(--secondary-color); font-weight: 500 } .coupons .svg { margin-right: 5px } .coupons-applied { display: flex; flex-direction: column; margin: 2rem 0; position: relative; color: rgba(0, 0, 0, 0.77); border: dashed 2px var(--secondary-color); background-color: rgba(var(--secondary-color-alpha), 0.1); border-radius: 4px; padding: 1.5rem; color: #000 } .coupons-applied-title { margin: 0; padding: 0; font-size: 1rem } .coupons-applied-desc { margin-top: 10px; font-size: 0.8rem } .coupons-applied .btn-close { position: absolute; top: 10px; right: 10px; width: 10px; height: 10px } .included { text-align: center; font-weight: 400; font-size: 0.8rem; padding: 1rem 0; color: rgba(0, 0, 0, 0.77) } .promo-code { max-width: 400px; display: flex; align-items: center } .promo-code .form { display: flex; flex: 1 } .promo-code .form .promo-input { width: auto; height: 40px; line-height: 1 } .sticky-summary { position: sticky; top: 100px; z-index: 1 } .buttons-group { display: flex; align-items: center; justify-content: space-around; grid-gap: 1rem } .buttons-group .btn { flex: 1 } .gift-wrap { margin-top: 1.5rem; background-color: #fff } .gift-wrap .list-group-item { display: flex; justify-content: space-between } .gift-wrap__left { display: flex; align-items: center } .gift-wrap__icon { margin-right: 1rem } .gift-wrap__icon svg { width: 24px; height: 24px; fill: currentColor } .gift-wrap__text span:first-child { padding-right: 1rem } .secure { margin-top: 1.5rem; padding: 0; display: flex; flex-direction: row; align-items: center; color: rgba(0, 0, 0, 0.77); font-size: 0.85rem } .secure .svg { margin-right: 12px } .row-coupon .row-coupon__left { max-width: 10%; flex: 0 0 10%; padding-top: 10px } .list-promo__name { color: var(--brand-color); border: dashed 2px var(--brand-color); border-radius: 4px; padding: 0.5rem 1rem; font-weight: 500; display: inline-block; font-size: 0.85rem } .list-promo__code { font-weight: 500; padding-bottom: 0.5rem; display: block } .list-promo__text { font-size: 0.75rem } .row-coupon { display: flex } .info { flex: 1; display: flex; justify-content: space-between; align-items: center; padding: 1rem; background: #f3f4f5; border-radius: 4px; font-size: 0.85rem } .info .svg { width: 20px; height: 20px; margin-right: 10px } .save-later { margin-top: 1.5rem; line-height: 1; font-weight: 500; font-size: 0.75rem; color: rgba(0, 0, 0, 0.77) } .save-later a:hover { color: var(--brand-color) } .coupon-offers { border: solid 1px #dee2e6; border-radius: 4px } .coupon-offers-item { border-bottom: solid 1px #edeff1; display: flex; flex-flow: row wrap; gap: 1rem; align-items: flex-start; padding: 1rem; font-size: 0.8rem; color: rgba(0, 0, 0, 0.77) } .coupon-offers-item:last-child { border-bottom: none } .coupon-offers .coupon-code { padding: 0.3rem 1.2rem; border-radius: 2rem; color: rgba(128, 128, 128, 0.97); border: dashed 1px #dee2e6; display: inline-block; font-weight: 500; margin-right: 1rem; cursor: pointer } .coupon-offers .coupon-code:hover { border-color: var(--brand-color); color: var(--brand-color) } .delivery-info { flex: 1; display: flex; justify-content: space-between; align-items: center; padding: 1.4rem; font-size: 0.85rem; color: rgba(0, 0, 0, 0.77); font-weight: 500; background-color: #f4f5f6; border: 1px solid #dedede; border-radius: 4px } .delivery-info .svg { margin-right: 10px } .delivery-info .not-pickup { flex: 1 } .block-cart { display: flex; flex-direction: row } .block-cart-img { margin: 0 auto; text-align: center; position: relative; flex: 0 0 80px; max-width: 80px } @media (min-width: 992px) { .block-cart-img { flex: 0 0 130px; max-width: 130px } } .block-cart-img .products-img { margin-bottom: 0 } .block-cart-detail { padding: 0; padding-left: 2rem; flex: 1; display: flex; flex-direction: column } @media (min-width: 992px) { .block-cart-detail { padding-left: 3rem } } .block-cart-detail-top { display: flex; flex-direction: column; margin-bottom: 1rem; flex: 1; grid-gap: 2rem } @media (min-width: 992px) { .block-cart-detail-top { flex-direction: row } } .block-cart-detail-bottom { display: flex; gap: 10px; flex-flow: row wrap } @media (min-width: 992px) { .block-cart-detail-bottom .not-available-txt { margin-left: auto } } .block-cart-detail .products-price { font-weight: 600; font-size: 1rem } .block-cart .cart-action { display: flex; align-items: center; white-space: nowrap; margin: 0; color: rgba(0, 0, 0, 0.97); grid-gap: 1rem; flex-wrap: wrap } .block-cart .cart-action-item { line-height: 1; position: relative } .block-cart .cart-action-item::after { background-color: #dee2e6; width: 1px; height: 16px; position: absolute; top: 0; bottom: 0; right: -8px; display: block; content: "" } .block-cart .cart-action-item:last-child::after { content: normal } .block-cart .cart-action .btn-link { padding: 0; margin: 0; font-size: 0.875rem; text-decoration: underline; color: rgba(0, 0, 0, 0.97) } .block-cart-sm .block-cart-img { flex: 0 0 100px; max-width: 100px } .block-cart-sm .block-cart-detail { padding: 0; padding-left: 1.5rem } .checkout-bottom { background-color: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); box-shadow: 0 -10px 30px 0 rgba(111, 111, 111, 0.1); display: flex; align-items: center; flex-flow: row nowrap; justify-content: space-between; position: fixed; bottom: 0; left: 0; right: 0; z-index: calc(1030 + 10); padding: 1rem } @media (min-width: 992px) { .checkout-bottom { display: none } } .checkout-bottom .amount { font-size: 1.1rem; display: flex; flex-direction: column; color: rgba(0, 0, 0, 0.97) } .shop-fold { position: relative } .shop-bar { background-color: #f3f4f5; border-bottom: solid 1px #dee2e6 } .shop-banner { background-position: center top; background-repeat: no-repeat; position: relative; text-align: center; background: rgba(0, 0, 0, 0.03); animation: placeholderShimmer 2s linear; animation-iteration-count: infinite; background-color: #fff; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%); background-size: 1200px 100%; padding-top: 25%; position: relative } .shop-banner img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .bg-shop-info { background-image: linear-gradient(var(--brand-color), var(--brand-color)); background-position: 50% 100%; background-repeat: no-repeat; background-size: 100% 60px } .bg-shop-info .container { position: relative } .shop-info-wrap { display: flex; flex-direction: column } .shop-information { padding: 1rem 0; display: flex; flex-direction: column } @media (min-width: 992px) { .shop-information { flex-direction: row; align-items: center; padding: 3rem 0 } } .shop-information-start { display: flex; align-items: center; flex-direction: row; grid-gap: 1.5rem } @media (min-width: 992px) { .shop-information-end { margin-left: auto } } .shop-information-logo { border: solid 1px #000; border-radius: 4px; width: 75px; margin: 0; background-color: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; aspect-ratio: 1/1 } @media (min-width: 992px) { .shop-information-logo { width: 155px } } .shop-information-logo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; padding: 10px } .shop-information-detail { display: flex; flex-direction: column } .shop-information-detail .title { margin-bottom: 1rem; display: flex; gap: 10px; align-items: center } .shop-information-detail .blk-txt { display: block; font-size: 0.775rem; color: rgba(0, 0, 0, 0.77) } .shop-information .product-ratings { margin: 0; padding: 0 } .contact-social { margin-top: 1rem; display: block; color: rgba(0, 0, 0, 0.97); display: flex; grid-gap: 0.5rem; position: relative } .contact-social-item { display: inline-block } .contact-social-link { background-color: #fff; border: solid 1px #dee2e6; border-radius: 2px; color: currentColor; font-size: 1rem; position: relative; height: 2.5rem; width: 2.5rem; line-height: 2.5rem; text-align: center; display: block; transition: all 0.4s ease; overflow: hidden; cursor: pointer } .contact-social-link:hover .icon-1 { top: -15px } .contact-social-link:hover .icon-2 { top: 15px } .contact-social-link .icon-2 { top: 50px } .contact-social .active { background-color: var(--brand-color); color: var(--brand-color-inverse) } .shop-info { padding: 0; text-align: center; display: flex; flex-direction: column } @media (max-width: 767.98px) { .shop-info { flex-direction: column; align-items: center } } .shop-info .products__rating { justify-content: center; margin-bottom: 1rem } .shop-nav { display: flex; flex-direction: row; grid-gap: 2rem } @media (max-width: 767.98px) { .shop-nav { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start } } .shop-nav-link { color: rgba(0, 0, 0, 0.97); font-size: 0.85rem; padding: 0.8rem 0; margin: 0; display: block; font-weight: 600; position: relative; white-space: nowrap; text-rendering: optimizeLegibility; transition: color 0.3s ease-in-out; background-image: linear-gradient(currentColor, currentColor); background-position: 50% 100%; background-repeat: no-repeat; background-size: 0% 2px; background-color: transparent; transition: background-size 0.3s; text-decoration: none } .shop-nav-link:hover, .shop-nav-link.active { color: var(--brand-color); text-decoration: none; background-size: 100% 2px } .hero-slider { position: relative; margin: 0 auto; text-align: center; background-color: #f3f4f5; overflow: hidden } @media (min-width: 992px) { .hero-slider { aspect-ratio: 10/3.33 } } .hero-slider .slider-track { transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) } .hero-slider-item { position: relative; height: 100%; position: relative; z-index: 1; margin: 0; position: relative; padding: 0 } .hero-slider-media { background-color: #f3f4f5; overflow: hidden } .hero-slider-media img { margin: 0 auto; width: 100%; display: block; margin: auto; width: 100%; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2) } .hero-slider .slick-active img { transform: scale(1) } .hero-slider .slick-arrow { position: absolute; z-index: 5; top: 50%; transform: translateY(-50%); background: #858835; border-radius: 50%; width: 75px; height: 76px; padding: 0; cursor: pointer; text-indent: -9999px; border: none } .hero-slider .slick-prev { background: #fff url(images/arrow-left.png) no-repeat center; background-size: 36px; left: calc(50% - 38vw) } .hero-slider .slick-next { background: #fff url(images/arrow-right.png) no-repeat center; background-size: 36px; right: calc(50% - 38vw) } .hero-slider .slick-dots { bottom: 20px } @media (min-width: 992px) { .hero-slider .slick-dots { padding: 0.5rem 1rem; position: absolute; bottom: 50px; left: 0; right: 0; margin: 0 auto; text-align: center; /*   background-color: #fff; */ /*  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */ border-radius: 20px; display: inline-block; width: -moz-max-content; width: max-content } } .hero-slider .slick-dots li { vertical-align: middle; display: inline-block; margin: 0 4px; width: 12px; height: 12px; border-radius: 50%; border: 3px solid transparent; cursor: pointer; background: #464646; transition: all 0.5s ease-in-out } .hero-slider .slick-dots li button { background: none; border: none; text-indent: -9999999px } .hero-slider .slick-dots li.slick-active { background: #fff; border-color: var(--brand-color) } .how-works { display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(325px, 1fr)) } .how-works .how-work { text-align: center; padding: 0 3rem } .how-works .how-work__icon { margin: 1.5rem 0 } .how-works .how-work__icon img { max-width: 50px } .how-works .how-work__data { position: relative } .how-works .how-work__data:before { content: attr(data-count); opacity: 0.1; color: #000; font-size: 4rem; font-weight: 300 } .how-works .how-work__data h4, .how-works .how-work__data .h4 { font-size: 1.1rem; margin-bottom: 1rem } .how-works .how-work__data p { line-height: 1.6; font-size: 0.9rem; margin-bottom: 0.5rem; color: rgba(0, 0, 0, 0.77) } @media (max-width: 575.98px) { .tabs--mobileview { display: block; margin: 0; padding: 0 } .tabs--mobileview ul { display: block; text-align: center; overflow: auto; white-space: nowrap; padding-bottom: 10px } .tabs--mobileview ul li { display: inline-block; vertical-align: middle } } .featured-products { display: grid; grid-template-columns: repeat(12, 1fr) } .featured-products .item .products-body .products-img { margin: 0 } .featured-products .item .products-foot { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 2rem; transition: all 0.4s ease-in-out 0s; color: #fff; display: flex; justify-content: center; flex-direction: column; z-index: 2; pointer-events: none } .featured-products .item .products-foot * { opacity: 0; transition: all 0.4s ease-in-out 0s } .featured-products .item .products-foot:after { content: ""; background: rgba(0, 0, 0, 0.7); position: absolute; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; transition: all 0.4s ease-in-out 0s; z-index: 1; pointer-events: none; z-index: -1 } .featured-products .item .products-foot .products__title { max-width: 100%; min-height: inherit } .featured-products .item .products-foot .products__title a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .featured-products .item .products:hover .products-foot * { opacity: 1 } .featured-products .item .products:hover .products-foot:after { opacity: 1 } .featured-products[data-view="1"] .item { grid-column-start: 5; grid-column-end: 9 } @media (max-width: 991.98px) { .featured-products[data-view="1"] .item { grid-column-start: 4; grid-column-end: 10 } } @media (max-width: 575.98px) { .featured-products[data-view="1"] .item { grid-column-start: 1; grid-column-end: 13 } } .featured-products[data-view="2"] .item:first-child { grid-column-start: 4; grid-column-end: 7 } @media (max-width: 991.98px) { .featured-products[data-view="2"] .item:first-child { grid-column-start: 1; grid-column-end: 7 } } .featured-products[data-view="2"] .item:last-child { grid-column-start: 7; grid-column-end: 10 } @media (max-width: 991.98px) { .featured-products[data-view="2"] .item:last-child { grid-column-start: 7; grid-column-end: 13 } } @media (max-width: 575.98px) { .featured-products[data-view="3"] { grid-template-columns: repeat(2, 1fr) } } @media (min-width: 768px) { .featured-products[data-view="3"] .item:first-child { grid-column-start: 4; grid-column-end: 8; grid-row-start: 1; grid-row-end: 3 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="3"] .item:first-child { grid-column-start: 1; grid-column-end: 9 } } @media (min-width: 768px) { .featured-products[data-view="3"] .item:nth-child(2), .featured-products[data-view="3"] .item:nth-child(3) { grid-column-start: 8; grid-column-end: 10 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="3"] .item:nth-child(2), .featured-products[data-view="3"] .item:nth-child(3) { grid-column-start: 9; grid-column-end: 13 } } @media (max-width: 575.98px) { .featured-products[data-view="3"] .item:nth-child(3) { grid-column-start: 1; grid-column-end: 3 } } @media (max-width: 991.98px) { .featured-products[data-view="4"] { grid-template-columns: repeat(5, 1fr) } } @media (max-width: 575.98px) { .featured-products[data-view="4"] { grid-template-columns: repeat(2, 1fr) } } @media (min-width: 768px) { .featured-products[data-view="4"] .item:first-child { grid-column-start: 2; grid-column-end: 6; grid-row-start: 1; grid-row-end: 3 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="4"] .item:first-child { grid-column-start: 1; grid-column-end: 3 } } @media (min-width: 768px) { .featured-products[data-view="4"] .item:nth-child(2), .featured-products[data-view="4"] .item:nth-child(3) { grid-column-start: 6; grid-column-end: 8 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="4"] .item:nth-child(2), .featured-products[data-view="4"] .item:nth-child(3) { grid-column-start: 3; grid-column-end: 4 } } @media (min-width: 768px) { .featured-products[data-view="4"] .item:nth-child(4) { grid-column-start: 8; grid-column-end: 12; grid-row-start: 1; grid-row-end: 3 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="4"] .item:nth-child(4) { grid-column-start: 4; grid-column-end: 6 } } @media (max-width: 575.98px) { .featured-products[data-view="5"] { grid-template-columns: repeat(2, 1fr) } } @media (min-width: 768px) { .featured-products[data-view="5"] .item:first-child, .featured-products[data-view="5"] .item:nth-child(2) { grid-column-start: 3; grid-column-end: 5 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="5"] .item:first-child, .featured-products[data-view="5"] .item:nth-child(2) { grid-column-start: 1; grid-column-end: 4 } } @media (min-width: 768px) { .featured-products[data-view="5"] .item:nth-child(3) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 1; grid-row-end: 3 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="5"] .item:nth-child(3) { grid-column-start: 4; grid-column-end: 10 } } @media (min-width: 768px) { .featured-products[data-view="5"] .item:nth-child(4) { grid-column-start: 9; grid-column-end: 11; grid-row-start: 1; grid-row-end: 3 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="5"] .item:nth-child(4) { grid-column-start: 10; grid-column-end: 13 } } @media (min-width: 768px) { .featured-products[data-view="5"] .item:nth-child(5) { grid-column-start: 9; grid-column-end: 11; grid-row-start: 2; grid-row-end: 3 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="5"] .item:nth-child(5) { grid-column-start: 10; grid-column-end: 13 } } @media (max-width: 575.98px) { .featured-products[data-view="5"] .item:nth-child(5) { grid-column-start: 1; grid-column-end: 3 } } @media (max-width: 575.98px) { .featured-products[data-view="6"] { grid-template-columns: repeat(2, 1fr) } } @media (min-width: 768px) { .featured-products[data-view="6"] .item:first-child { grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 3 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="6"] .item:first-child { grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2 } } @media (min-width: 768px) { .featured-products[data-view="6"] .item:nth-child(2) { grid-column-start: 5; grid-column-end: 7 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="6"] .item:nth-child(2) { grid-column-start: 5; grid-column-end: 9 } } @media (min-width: 768px) { .featured-products[data-view="6"] .item:nth-child(3) { grid-column-start: 5; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="6"] .item:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2 } } @media (min-width: 768px) { .featured-products[data-view="6"] .item:nth-child(4) { grid-column-start: 7; grid-column-end: 9 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="6"] .item:nth-child(4) { grid-column-start: 1; grid-column-end: 5 } } @media (min-width: 768px) { .featured-products[data-view="6"] .item:nth-child(5) { grid-column-start: 7; grid-column-end: 9; grid-row-start: 2; grid-row-end: 3 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="6"] .item:nth-child(5) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 2; grid-row-end: 3 } } @media (min-width: 768px) { .featured-products[data-view="6"] .item:nth-child(6) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 3 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="6"] .item:nth-child(6) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3 } } @media (max-width: 575.98px) { .featured-products[data-view="7"] { grid-template-columns: repeat(2, 1fr) } } @media (min-width: 768px) { .featured-products[data-view="7"] .item:first-child { grid-column-start: 2; grid-column-end: 6; grid-row-start: 1; grid-row-end: 3 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="7"] .item:first-child { grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2 } } @media (min-width: 768px) { .featured-products[data-view="7"] .item:nth-child(2) { grid-column-start: 6; grid-column-end: 8 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="7"] .item:nth-child(2) { grid-column-start: 5; grid-column-end: 9 } } @media (min-width: 768px) { .featured-products[data-view="7"] .item:nth-child(3) { grid-column-start: 6; grid-column-end: 8; grid-row-start: 2; grid-row-end: 3 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="7"] .item:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2 } } @media (min-width: 768px) { .featured-products[data-view="7"] .item:nth-child(4) { grid-column-start: 8; grid-column-end: 10 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="7"] .item:nth-child(4) { grid-column-start: 1; grid-column-end: 4 } } @media (min-width: 768px) { .featured-products[data-view="7"] .item:nth-child(5) { grid-column-start: 8; grid-column-end: 10; grid-row-start: 2; grid-row-end: 3 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="7"] .item:nth-child(5) { grid-column-start: 4; grid-column-end: 7; grid-row-start: 2; grid-row-end: 2 } } @media (min-width: 768px) { .featured-products[data-view="7"] .item:nth-child(6) { grid-column-start: 10; grid-column-end: 12 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="7"] .item:nth-child(6) { grid-column-start: 7; grid-column-end: 10 } } @media (min-width: 768px) { .featured-products[data-view="7"] .item:nth-child(7) { grid-column-start: 10; grid-column-end: 12; grid-row-start: 2; grid-row-end: 3 } } @media (min-width: 768px) and (max-width: 991.98px) { .featured-products[data-view="7"] .item:nth-child(7) { grid-column-start: 10; grid-column-end: 13 } } @media (max-width: 575.98px) { .featured-products[data-view="7"] .item:last-child { grid-column-start: 1; grid-column-end: 3 } } .mg-10{ margin-bottom:20px; } .collectioncategory{background-color: #f3f4f5; flex: 1; padding: 2rem;}