@charset "UTF-8"; /*** LTR ***/ @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900&display=swap"); /*** LTR ***/ /*** RTL ***/ /*! * Bootstrap  v5.3.3 (https://getbootstrap.com/) * Copyright 2011-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root, [data-bs-theme="light"] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, 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)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; } [data-bs-theme="dark"] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb: 222, 226, 230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43, 48, 53; --bs-primary-text-emphasis: #6ea8fe; --bs-secondary-text-emphasis: #a7acb1; --bs-success-text-emphasis: #75b798; --bs-info-text-emphasis: #6edff6; --bs-warning-text-emphasis: #ffda6a; --bs-danger-text-emphasis: #ea868f; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: #031633; --bs-secondary-bg-subtle: #161719; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #087990; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #6ea8fe; --bs-link-hover-color: #8bb9fe; --bs-link-color-rgb: 110, 168, 254; --bs-link-hover-color-rgb: 139, 185, 254; --bs-code-color: #e685b5; --bs-highlight-color: #dee2e6; --bs-highlight-bg: #664d03; --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: #75b798; --bs-form-valid-border-color: #75b798; --bs-form-invalid-color: #ea868f; --bs-form-invalid-border-color: #ea868f; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: var(--bs-border-width) solid; opacity: 0.25; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); } 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 + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.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] { -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: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); 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, 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]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { display: none !important; } 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: 0.5rem; font-size: calc(1.275rem + 0.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"] { -webkit-appearance: textfield; outline-offset: -2px; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } ::file-selector-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: 0.5rem; } .initialism { font-size: 0.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: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--bs-secondary-color); } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); 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; } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); } .row > * { -ms-flex-negative: 0; 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 { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; 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: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-sm-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; 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: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-md-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; 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: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-lg-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; 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: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-xl-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; 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: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-xxl-auto > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-xxl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-xxl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xxl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-xxl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-xxl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xxl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-xxl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-xxl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xxl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-xxl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-xxl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xxl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-xxl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-xxl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; 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: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color); } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-group-divider { border-top: calc(var(--bs-border-width) * 2) solid currentcolor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0; } .table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width); } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-borderless > :not(:first-child) { border-top-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-striped-columns > :not(caption) > tr > :nth-child(even) { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-active { --bs-table-color-state: var(--bs-table-active-color); --bs-table-bg-state: var(--bs-table-active-bg); } .table-hover > tbody > tr:hover > * { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg); } .table-primary { --bs-table-color: #000; --bs-table-bg: #cfe2ff; --bs-table-border-color: #a6b5cc; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-secondary { --bs-table-color: #000; --bs-table-bg: #e2e3e5; --bs-table-border-color: #b5b6b7; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-success { --bs-table-color: #000; --bs-table-bg: #d1e7dd; --bs-table-border-color: #a7b9b1; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-info { --bs-table-color: #000; --bs-table-bg: #cff4fc; --bs-table-border-color: #a6c3ca; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-warning { --bs-table-color: #000; --bs-table-bg: #fff3cd; --bs-table-border-color: #ccc2a4; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-danger { --bs-table-color: #000; --bs-table-bg: #f8d7da; --bs-table-border-color: #c6acae; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; --bs-table-border-color: #c6c7c8; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; --bs-table-border-color: #4d5154; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .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: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + var(--bs-border-width)); padding-bottom: calc(0.375rem + var(--bs-border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-secondary-color); } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { -webkit-transition: none; transition: none; } } .form-control[type="file"] { overflow: hidden; } .form-control[type="file"]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: #86b7fe; outline: 0; -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::-webkit-input-placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control::-moz-placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:-ms-input-placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control::-ms-input-placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); 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, -webkit-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, -webkit-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; 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, -webkit-box-shadow 0.15s ease-in-out; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); 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, -webkit-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, -webkit-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; 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, -webkit-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::file-selector-button { -webkit-transition: none; transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: var(--bs-secondary-bg); } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: var(--bs-body-color); background-color: transparent; border: solid transparent; border-width: var(--bs-border-width) 0; } .form-control-plaintext:focus { outline: 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 + 0.5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); } .form-control-color { width: 3rem; height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color.form-control-sm { height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); } .form-control-color.form-control-lg { height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); } .form-select { --bs-form-select-bg-img: 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 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-select { -webkit-transition: none; transition: none; } } .form-select:focus { border-color: #86b7fe; outline: 0; -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: var(--bs-secondary-bg); } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--bs-body-color); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } [data-bs-theme="dark"] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; } .form-check-input { --bs-form-check-bg: var(--bs-body-bg); -ms-flex-negative: 0; flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); -webkit-print-color-adjust: exact; print-color-adjust: exact; } .form-check-input[type="checkbox"] { border-radius: 0.25em; } .form-check-input[type="radio"] { border-radius: 50%; } .form-check-input:active { -webkit-filter: brightness(90%); filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); box-shadow: 0 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"] { --bs-form-check-bg-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 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type="radio"] { --bs-form-check-bg-image: url("data:image/svg+xml,%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; --bs-form-check-bg-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; -webkit-filter: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { --bs-form-switch-bg: 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"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 2em; -webkit-transition: background-position 0.15s ease-in-out; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { -webkit-transition: none; transition: none; } } .form-switch .form-check-input:focus { --bs-form-switch-bg: 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; --bs-form-switch-bg: 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-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .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; -webkit-filter: none; filter: none; opacity: 0.65; } [data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); } .form-range { width: 100%; height: 1.5rem; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); box-shadow: 0 0 0 1px #fff, 0 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 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: -0.25rem; -webkit-appearance: none; appearance: none; background-color: #0d6efd; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-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; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @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: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; -moz-appearance: none; appearance: none; 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; } @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: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color); } .form-range:disabled::-moz-range-thumb { background-color: var(--bs-secondary-color); } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; z-index: 2; height: 100%; padding: 1rem 0.75rem; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { -webkit-transition: none; transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; } .form-floating > .form-control::-webkit-input-placeholder, .form-floating > .form-control-plaintext::-webkit-input-placeholder { color: transparent; } .form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder { color: transparent; } .form-floating > .form-control:-ms-input-placeholder, .form-floating > .form-control-plaintext:-ms-input-placeholder { color: transparent; } .form-floating > .form-control::-ms-input-placeholder, .form-floating > .form-control-plaintext::-ms-input-placeholder { color: transparent; } .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: transparent; } .form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:not(:-ms-input-placeholder), .form-floating > .form-control-plaintext:not(:-ms-input-placeholder) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:not(:-ms-input-placeholder) ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); -ms-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 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-control-plaintext ~ label, .form-floating > .form-select ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); -ms-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > .form-control:not(:-ms-input-placeholder) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > .form-control:-webkit-autofill ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control-plaintext ~ label { border-width: var(--bs-border-width) 0; } .form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label { color: #6c757d; } .form-floating > :disabled ~ label::after, .form-floating > .form-control:disabled ~ label::after { background-color: var(--bs-secondary-bg); } .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within { z-index: 5; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); text-align: center; white-space: nowrap; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .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):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { 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):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4), .input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-select { 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: calc(var(--bs-border-width) * -1); border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); } .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: var(--bs-form-valid-border-color); padding-right: calc(1.5em + 0.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.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: var(--bs-form-valid-border-color); -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: var(--bs-form-valid-border-color); } .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"] { --bs-form-select-bg-icon: 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.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: var(--bs-form-valid-border-color); -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: var(--bs-form-valid-color); } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: var(--bs-form-valid-color); } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: .5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); } .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: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + 0.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(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: var(--bs-form-invalid-border-color); } .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"] { --bs-form-select-bg-icon: 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"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: var(--bs-form-invalid-color); } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: var(--bs-form-invalid-color); } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: .5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4; } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-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, -webkit-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; 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, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { -webkit-transition: none; transition: none; } } .btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; -webkit-box-shadow: var(--bs-btn-focus-box-shadow); box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0; -webkit-box-shadow: var(--bs-btn-focus-box-shadow); box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { -webkit-box-shadow: var(--bs-btn-focus-box-shadow); box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked:focus-visible + .btn { -webkit-box-shadow: var(--bs-btn-focus-box-shadow); box-shadow: var(--bs-btn-focus-box-shadow); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0b5ed7; --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a58ca; --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0d6efd; --bs-btn-disabled-border-color: #0d6efd; } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5c636a; --bs-btn-hover-border-color: #565e64; --bs-btn-focus-shadow-rgb: 130, 138, 145; --bs-btn-active-color: #fff; --bs-btn-active-bg: #565e64; --bs-btn-active-border-color: #51585e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6c757d; --bs-btn-disabled-border-color: #6c757d; } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #157347; --bs-btn-hover-border-color: #146c43; --bs-btn-focus-shadow-rgb: 60, 153, 110; --bs-btn-active-color: #fff; --bs-btn-active-bg: #146c43; --bs-btn-active-border-color: #13653f; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #198754; --bs-btn-disabled-border-color: #198754; } .btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0; } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffca2c; --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffcd39; --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107; } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bb2d3b; --bs-btn-hover-border-color: #b02a37; --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b02a37; --bs-btn-active-border-color: #a52834; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-border-color: #dc3545; } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa; } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529; } .btn-outline-primary { --bs-btn-color: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0d6efd; --bs-btn-hover-border-color: #0d6efd; --bs-btn-focus-shadow-rgb: 13, 110, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0d6efd; --bs-btn-active-border-color: #0d6efd; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0d6efd; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0d6efd; --bs-gradient: none; } .btn-outline-secondary { --bs-btn-color: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6c757d; --bs-btn-hover-border-color: #6c757d; --bs-btn-focus-shadow-rgb: 108, 117, 125; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6c757d; --bs-btn-active-border-color: #6c757d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6c757d; --bs-gradient: none; } .btn-outline-success { --bs-btn-color: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #198754; --bs-btn-hover-border-color: #198754; --bs-btn-focus-shadow-rgb: 25, 135, 84; --bs-btn-active-color: #fff; --bs-btn-active-bg: #198754; --bs-btn-active-border-color: #198754; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #198754; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #198754; --bs-gradient: none; } .btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13, 202, 240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none; } .btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255, 193, 7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none; } .btn-outline-danger { --bs-btn-color: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-focus-shadow-rgb: 220, 53, 69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dc3545; --bs-btn-active-border-color: #dc3545; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #dc3545; --bs-gradient: none; } .btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248, 249, 250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fa; --bs-gradient: none; } .btn-outline-dark { --bs-btn-color: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212529; --bs-btn-hover-border-color: #212529; --bs-btn-focus-shadow-rgb: 33, 37, 41; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212529; --bs-btn-active-border-color: #212529; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #212529; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #212529; --bs-gradient: none; } .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 49, 132, 253; text-decoration: underline; } .btn-link:focus-visible { color: var(--bs-btn-color); } .btn-link:hover { color: var(--bs-btn-hover-color); } .btn-lg, .btn-group-lg > .btn { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: var(--bs-border-radius-lg); } .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: var(--bs-border-radius-sm); } .fade { -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; -webkit-transition: width 0.35s ease; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { -webkit-transition: none; transition: none; } } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } .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: var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.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: var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.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: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } .dropdown-item:hover, .dropdown-item:focus { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); } .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; 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: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group { border-radius: var(--bs-border-radius); } .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) { margin-left: calc(var(--bs-border-width) * -1); } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .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: 0.5625rem; padding-left: 0.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: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; 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: calc(var(--bs-border-width) * -1); } .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 { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: none; border: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 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; } @media (prefers-reduced-motion: reduce) { .nav-link { -webkit-transition: none; transition: none; } } .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); } .nav-link:focus-visible { outline: 0; -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --bs-nav-tabs-border-width: var(--bs-border-width); --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --bs-nav-pills-border-radius: var(--bs-border-radius); --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #0d6efd; } .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); } .nav-underline { --bs-nav-underline-gap: 1rem; --bs-nav-underline-border-width: 0.125rem; --bs-nav-underline-link-active-color: var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap); } .nav-underline .nav-link { padding-right: 0; padding-left: 0; border-bottom: var(--bs-nav-underline-border-width) solid transparent; } .nav-underline .nav-link:hover, .nav-underline .nav-link:focus { border-bottom-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 700; color: var(--bs-nav-underline-link-active-color); border-bottom-color: currentcolor; } .nav-fill > .nav-link, .nav-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y: 0.3125rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: inherit; flex-wrap: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { color: var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-navbar-color); } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { color: var(--bs-navbar-active-color); } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); -webkit-transition: var(--bs-navbar-toggler-transition); transition: var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { -webkit-transition: none; transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; -webkit-box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); 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 { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-dark, .navbar[data-bs-theme="dark"] { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: 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"); } [data-bs-theme="dark"] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: 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"); } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: var(--bs-border-radius); --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; height: var(--bs-card-height); color: var(--bs-body-color); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } .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: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); } .card-title { margin-bottom: var(--bs-card-title-spacer-y); color: var(--bs-card-title-color); } .card-subtitle { margin-top: calc(-.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0; color: var(--bs-card-subtitle-color); } .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: var(--bs-card-spacer-x); } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); } .card-header-tabs { margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); border-bottom: 0; } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); } .card-header-pills { margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card-group > .card { margin-bottom: var(--bs-card-group-margin); } @media (min-width: 576px) { .card-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -webkit-box-flex: 1; -ms-flex: 1 0 0%; 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 { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle); } .accordion-button { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; -webkit-transition: var(--bs-accordion-transition); transition: var(--bs-accordion-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button { -webkit-transition: none; transition: none; } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); -webkit-box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); -webkit-transform: var(--bs-accordion-btn-icon-transform); -ms-transform: var(--bs-accordion-btn-icon-transform); transform: var(--bs-accordion-btn-icon-transform); } .accordion-button::after { -ms-flex-negative: 0; flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); -webkit-transition: var(--bs-accordion-btn-icon-transition); transition: var(--bs-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button::after { -webkit-transition: none; transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; outline: 0; -webkit-box-shadow: var(--bs-accordion-btn-focus-box-shadow); box-shadow: var(--bs-accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } .accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); } .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } .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-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0; } .accordion-flush > .accordion-item > .accordion-collapse { border-radius: 0; } [data-bs-theme="dark"] .accordion-button::after { --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: var(--bs-secondary-color); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-secondary-color); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); } .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: var(--bs-tertiary-bg); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #0d6efd; --bs-pagination-active-border-color: #0d6efd; --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: var(--bs-secondary-bg); --bs-pagination-disabled-border-color: var(--bs-border-color); display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-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, -webkit-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; 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, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { -webkit-transition: none; transition: none; } } .page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); } .page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0; -webkit-box-shadow: var(--bs-pagination-focus-box-shadow); box-shadow: var(--bs-pagination-focus-box-shadow); } .page-link.active, .active > .page-link { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); } .page-link.disabled, .disabled > .page-link { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); } .page-item:not(:first-child) .page-link { margin-left: calc(var(--bs-border-width) * -1); } .page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius); } .page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); } .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.25rem; --bs-pagination-border-radius: var(--bs-border-radius-lg); } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); } .badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: var(--bs-border-radius); display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; color: var(--bs-alert-link-color); } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis); } .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis); } .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis); } .alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis); } .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis); } .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis); } .alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis); } .alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis); } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress, .progress-stacked { --bs-progress-height: 1rem; --bs-progress-font-size: 0.75rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #0d6efd; --bs-progress-bar-transition: width 0.6s ease; display: -webkit-box; display: -ms-flexbox; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); } .progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); -webkit-transition: var(--bs-progress-bar-transition); transition: var(--bs-progress-bar-transition); } @media (prefers-reduced-motion: reduce) { .progress-bar { -webkit-transition: none; 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: var(--bs-progress-height) var(--bs-progress-height); } .progress-stacked > .progress { overflow: visible; } .progress-stacked > .progress > .progress-bar { width: 100%; } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .list-group { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: var(--bs-secondary-color); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #0d6efd; --bs-list-group-active-border-color: #0d6efd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--bs-list-group-border-radius); } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); } .list-group-item-action:active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); } .list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); } .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: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); } .list-group-item.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); } .list-group-horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); 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: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } @media (min-width: 576px) { .list-group-horizontal-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); 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: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 768px) { .list-group-horizontal-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); 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: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 992px) { .list-group-horizontal-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); 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: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1200px) { .list-group-horizontal-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); 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: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1400px) { .list-group-horizontal-xxl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); 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: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 var(--bs-list-group-border-width); } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { --bs-list-group-color: var(--bs-primary-text-emphasis); --bs-list-group-bg: var(--bs-primary-bg-subtle); --bs-list-group-border-color: var(--bs-primary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); --bs-list-group-active-color: var(--bs-primary-bg-subtle); --bs-list-group-active-bg: var(--bs-primary-text-emphasis); --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); } .list-group-item-secondary { --bs-list-group-color: var(--bs-secondary-text-emphasis); --bs-list-group-bg: var(--bs-secondary-bg-subtle); --bs-list-group-border-color: var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); --bs-list-group-active-color: var(--bs-secondary-bg-subtle); --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); } .list-group-item-success { --bs-list-group-color: var(--bs-success-text-emphasis); --bs-list-group-bg: var(--bs-success-bg-subtle); --bs-list-group-border-color: var(--bs-success-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-success-border-subtle); --bs-list-group-active-color: var(--bs-success-bg-subtle); --bs-list-group-active-bg: var(--bs-success-text-emphasis); --bs-list-group-active-border-color: var(--bs-success-text-emphasis); } .list-group-item-info { --bs-list-group-color: var(--bs-info-text-emphasis); --bs-list-group-bg: var(--bs-info-bg-subtle); --bs-list-group-border-color: var(--bs-info-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-info-border-subtle); --bs-list-group-active-color: var(--bs-info-bg-subtle); --bs-list-group-active-bg: var(--bs-info-text-emphasis); --bs-list-group-active-border-color: var(--bs-info-text-emphasis); } .list-group-item-warning { --bs-list-group-color: var(--bs-warning-text-emphasis); --bs-list-group-bg: var(--bs-warning-bg-subtle); --bs-list-group-border-color: var(--bs-warning-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); --bs-list-group-active-color: var(--bs-warning-bg-subtle); --bs-list-group-active-bg: var(--bs-warning-text-emphasis); --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); } .list-group-item-danger { --bs-list-group-color: var(--bs-danger-text-emphasis); --bs-list-group-bg: var(--bs-danger-bg-subtle); --bs-list-group-border-color: var(--bs-danger-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); --bs-list-group-active-color: var(--bs-danger-bg-subtle); --bs-list-group-active-bg: var(--bs-danger-text-emphasis); --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); } .list-group-item-light { --bs-list-group-color: var(--bs-light-text-emphasis); --bs-list-group-bg: var(--bs-light-bg-subtle); --bs-list-group-border-color: var(--bs-light-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-light-border-subtle); --bs-list-group-active-color: var(--bs-light-bg-subtle); --bs-list-group-active-bg: var(--bs-light-text-emphasis); --bs-list-group-active-border-color: var(--bs-light-text-emphasis); } .list-group-item-dark { --bs-list-group-color: var(--bs-dark-text-emphasis); --bs-list-group-bg: var(--bs-dark-bg-subtle); --bs-list-group-border-color: var(--bs-dark-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); --bs-list-group-active-color: var(--bs-dark-bg-subtle); --bs-list-group-active-bg: var(--bs-dark-text-emphasis); --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); } .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); -webkit-box-sizing: content-box; box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border: 0; border-radius: 0.375rem; opacity: var(--bs-btn-close-opacity); } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0; -webkit-box-shadow: var(--bs-btn-close-focus-shadow); box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { -webkit-filter: var(--bs-btn-close-white-filter); filter: var(--bs-btn-close-white-filter); } [data-bs-theme="dark"] .btn-close { -webkit-filter: var(--bs-btn-close-white-filter); filter: var(--bs-btn-close-white-filter); } .toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color: ; --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width: var(--bs-border-width); --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: var(--bs-border-radius); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-header-color: var(--bs-secondary-color); --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color: var(--bs-border-color-translucent); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); -webkit-box-shadow: var(--bs-toast-box-shadow); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); } .toast-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); } .toast-header .btn-close { margin-right: calc(-.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); } .toast-body { padding: var(--bs-toast-padding-x); word-wrap: break-word; } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); -ms-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; -ms-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5); margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * .5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @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, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @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, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @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, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @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, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @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, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; margin: var(--bs-tooltip-margin); 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; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: var(--bs-tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { bottom: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; border-top-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; border-right-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { top: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); } .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.875rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: var(--bs-border-radius-lg); --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow: var(--bs-box-shadow); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); 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; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); word-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); } .popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height); } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before { bottom: 0; border-top-color: var(--bs-popover-arrow-border); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); } /* rtl:begin:ignore */ .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before { left: 0; border-right-color: var(--bs-popover-arrow-border); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before { top: 0; border-bottom-color: var(--bs-popover-arrow-border); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg); } .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: var(--bs-popover-arrow-width); margin-left: calc(-.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); } /* rtl:begin:ignore */ .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before { right: 0; border-left-color: var(--bs-popover-arrow-border); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); } .popover-header:empty { display: none; } .popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color); } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; 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%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { -webkit-transition: none; transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transform: none; -ms-transform: none; 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; -webkit-transition: opacity 0s 0.6s; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { -webkit-transition: none; transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { -webkit-transition: none; 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: 0.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") /*rtl: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-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") /*rtl: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-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; } .carousel-indicators [data-bs-target] { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-flex: 0; -ms-flex: 0 1 auto; 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: 0.5; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { -webkit-transition: none; 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 { -webkit-filter: invert(1) grayscale(100); filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } [data-bs-theme="dark"] .carousel .carousel-control-prev-icon, [data-bs-theme="dark"] .carousel .carousel-control-next-icon, [data-bs-theme="dark"].carousel .carousel-control-prev-icon, [data-bs-theme="dark"].carousel .carousel-control-next-icon { -webkit-filter: invert(1) grayscale(100); filter: invert(1) grayscale(100); } [data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target], [data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] { background-color: #000; } [data-bs-theme="dark"] .carousel .carousel-caption, [data-bs-theme="dark"].carousel .carousel-caption { color: #000; } .spinner-grow, .spinner-border { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg) /* rtl:ignore */; transform: rotate(360deg) /* rtl:ignore */; } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg) /* rtl:ignore */; transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; border-right-color: transparent; } .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s; } } .offcanvas-sm, .offcanvas-md, .offcanvas-lg, .offcanvas-xl, .offcanvas-xxl, .offcanvas { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.5; } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { -webkit-transition: none; transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { -webkit-transform: none; -ms-transform: none; transform: none; } .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } } @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { -webkit-transition: none; transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { -webkit-transform: none; -ms-transform: none; transform: none; } .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } } @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { -webkit-transition: none; transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { -webkit-transform: none; -ms-transform: none; transform: none; } .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible; } } @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { -webkit-transition: none; transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { -webkit-transform: none; -ms-transform: none; transform: none; } .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible; } } @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { -webkit-transition: none; transition: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas-xxl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .offcanvas-xxl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { -webkit-transform: none; -ms-transform: none; transform: none; } .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible; } } @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { -webkit-transition: none; transition: none; } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .offcanvas.showing, .offcanvas.show:not(.hiding) { -webkit-transform: none; -ms-transform: none; transform: none; } .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); } .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5); margin: calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto; } .offcanvas-title { margin-bottom: 0; line-height: var(--bs-offcanvas-title-line-height); } .offcanvas-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: .6em; } .placeholder-sm { min-height: .8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { -webkit-animation: placeholder-glow 2s ease-in-out infinite; animation: placeholder-glow 2s ease-in-out infinite; } @-webkit-keyframes placeholder-glow { 50% { opacity: 0.2; } } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; -webkit-animation: placeholder-wave 2s linear infinite; animation: placeholder-wave 2s linear infinite; } @-webkit-keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; } } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #fff !important; background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary { color: #fff !important; background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-success { color: #fff !important; background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-info { color: #000 !important; background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-danger { color: #fff !important; background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-light { color: #000 !important; background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .link-primary { color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-primary:hover, .link-primary:focus { color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary { color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-secondary:hover, .link-secondary:focus { color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; } .link-success { color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-success:hover, .link-success:focus { color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; } .link-info { color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-info:hover, .link-info:focus { color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; } .link-warning { color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-warning:hover, .link-warning:focus { color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; } .link-danger { color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus { color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; } .link-light { color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-light:hover, .link-light:focus { color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; } .link-dark { color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-dark:hover, .link-dark:focus { color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis:hover, .link-body-emphasis:focus { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; } .focus-ring:focus { outline: 0; -webkit-box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); } .icon-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0.375rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-underline-offset: 0.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .icon-link > .bi { -ms-flex-negative: 0; flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; -webkit-transition: 0.2s ease-in-out transform; transition: 0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { -webkit-transition: none; transition: none; } } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { -webkit-transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); } .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; } .sticky-bottom { position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom { position: sticky; bottom: 0; z-index: 1020; } } .hstack { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: stretch; align-self: stretch; } .vstack { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: stretch; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { 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; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !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; } .vr { display: inline-block; -ms-flex-item-align: stretch; align-self: stretch; width: var(--bs-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .object-fit-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-none { -o-object-fit: none !important; object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-none { display: none !important; } .shadow { -webkit-box-shadow: var(--bs-box-shadow) !important; box-shadow: var(--bs-box-shadow) !important; } .shadow-sm { -webkit-box-shadow: var(--bs-box-shadow-sm) !important; box-shadow: var(--bs-box-shadow-sm) !important; } .shadow-lg { -webkit-box-shadow: var(--bs-box-shadow-lg) !important; box-shadow: var(--bs-box-shadow-lg) !important; } .shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; } .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; } .translate-middle-x { -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; } .translate-middle-y { -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important; } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --bs-border-opacity: 0.1; } .border-opacity-25 { --bs-border-opacity: 0.25; } .border-opacity-50 { --bs-border-opacity: 0.5; } .border-opacity-75 { --bs-border-opacity: 0.75; } .border-opacity-100 { --bs-border-opacity: 1; } .w-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 { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-evenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-first { -webkit-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-0 { -webkit-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-3 { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-4 { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-5 { -webkit-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-last { -webkit-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.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: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.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: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.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: 0.25rem !important; } .mt-2 { margin-top: 0.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: 0.25rem !important; } .me-2 { margin-right: 0.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: 0.25rem !important; } .mb-2 { margin-bottom: 0.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: 0.25rem !important; } .ms-2 { margin-left: 0.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: 0.25rem !important; } .p-2 { padding: 0.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: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.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: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.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: 0.25rem !important; } .pt-2 { padding-top: 0.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: 0.25rem !important; } .pe-2 { padding-right: 0.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: 0.25rem !important; } .pb-2 { padding-bottom: 0.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: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { -webkit-column-gap: 0 !important; -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-1 { -webkit-column-gap: 0.25rem !important; -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-2 { -webkit-column-gap: 0.5rem !important; -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-3 { -webkit-column-gap: 1rem !important; -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-4 { -webkit-column-gap: 1.5rem !important; -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-5 { -webkit-column-gap: 3rem !important; -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.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; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .link-opacity-10 { --bs-link-opacity: 0.1; } .link-opacity-10-hover:hover { --bs-link-opacity: 0.1; } .link-opacity-25 { --bs-link-opacity: 0.25; } .link-opacity-25-hover:hover { --bs-link-opacity: 0.25; } .link-opacity-50 { --bs-link-opacity: 0.5; } .link-opacity-50-hover:hover { --bs-link-opacity: 0.5; } .link-opacity-75 { --bs-link-opacity: 0.75; } .link-opacity-75-hover:hover { --bs-link-opacity: 0.75; } .link-opacity-100 { --bs-link-opacity: 1; } .link-opacity-100-hover:hover { --bs-link-opacity: 1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --bs-link-underline-opacity: 0; } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0; } .link-underline-opacity-10 { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-25 { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-50 { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-75 { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-100 { --bs-link-underline-opacity: 1; } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { border-radius: var(--bs-border-radius) !important; } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; } .rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; } .rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; } .rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-sm-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-sm-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-sm-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-sm-none { -o-object-fit: none !important; object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-sm-evenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-sm-first { -webkit-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-sm-0 { -webkit-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-sm-1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-sm-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-sm-3 { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-sm-4 { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-sm-5 { -webkit-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-sm-last { -webkit-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.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: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.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: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.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: 0.25rem !important; } .mt-sm-2 { margin-top: 0.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: 0.25rem !important; } .me-sm-2 { margin-right: 0.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: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.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: 0.25rem !important; } .ms-sm-2 { margin-left: 0.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: 0.25rem !important; } .p-sm-2 { padding: 0.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: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.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: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.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: 0.25rem !important; } .pt-sm-2 { padding-top: 0.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: 0.25rem !important; } .pe-sm-2 { padding-right: 0.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: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.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: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { -webkit-column-gap: 0 !important; -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-sm-1 { -webkit-column-gap: 0.25rem !important; -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-sm-2 { -webkit-column-gap: 0.5rem !important; -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-sm-3 { -webkit-column-gap: 1rem !important; -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-sm-4 { -webkit-column-gap: 1.5rem !important; -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-sm-5 { -webkit-column-gap: 3rem !important; -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .object-fit-md-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-md-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-md-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-md-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-md-none { -o-object-fit: none !important; object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-md-evenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-md-first { -webkit-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-md-0 { -webkit-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-md-1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-md-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-md-3 { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-md-4 { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-md-5 { -webkit-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-md-last { -webkit-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.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: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.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: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.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: 0.25rem !important; } .mt-md-2 { margin-top: 0.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: 0.25rem !important; } .me-md-2 { margin-right: 0.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: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.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: 0.25rem !important; } .ms-md-2 { margin-left: 0.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: 0.25rem !important; } .p-md-2 { padding: 0.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: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.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: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.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: 0.25rem !important; } .pt-md-2 { padding-top: 0.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: 0.25rem !important; } .pe-md-2 { padding-right: 0.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: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.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: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { -webkit-column-gap: 0 !important; -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-md-1 { -webkit-column-gap: 0.25rem !important; -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-md-2 { -webkit-column-gap: 0.5rem !important; -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-md-3 { -webkit-column-gap: 1rem !important; -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-md-4 { -webkit-column-gap: 1.5rem !important; -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-md-5 { -webkit-column-gap: 3rem !important; -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-lg-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-lg-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-lg-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-lg-none { -o-object-fit: none !important; object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-lg-evenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-lg-first { -webkit-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-lg-0 { -webkit-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-lg-1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-lg-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-lg-3 { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-lg-4 { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-lg-5 { -webkit-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-lg-last { -webkit-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.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: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.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: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.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: 0.25rem !important; } .mt-lg-2 { margin-top: 0.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: 0.25rem !important; } .me-lg-2 { margin-right: 0.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: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.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: 0.25rem !important; } .ms-lg-2 { margin-left: 0.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: 0.25rem !important; } .p-lg-2 { padding: 0.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: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.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: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.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: 0.25rem !important; } .pt-lg-2 { padding-top: 0.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: 0.25rem !important; } .pe-lg-2 { padding-right: 0.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: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.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: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { -webkit-column-gap: 0 !important; -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-lg-1 { -webkit-column-gap: 0.25rem !important; -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-lg-2 { -webkit-column-gap: 0.5rem !important; -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-lg-3 { -webkit-column-gap: 1rem !important; -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-lg-4 { -webkit-column-gap: 1.5rem !important; -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-lg-5 { -webkit-column-gap: 3rem !important; -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-xl-evenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-xl-first { -webkit-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-xl-0 { -webkit-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-xl-1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-xl-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-xl-3 { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-xl-4 { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-xl-5 { -webkit-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-xl-last { -webkit-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.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: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.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: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.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: 0.25rem !important; } .mt-xl-2 { margin-top: 0.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: 0.25rem !important; } .me-xl-2 { margin-right: 0.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: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.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: 0.25rem !important; } .ms-xl-2 { margin-left: 0.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: 0.25rem !important; } .p-xl-2 { padding: 0.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: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.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: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.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: 0.25rem !important; } .pt-xl-2 { padding-top: 0.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: 0.25rem !important; } .pe-xl-2 { padding-right: 0.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: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.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: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { -webkit-column-gap: 0 !important; -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xl-1 { -webkit-column-gap: 0.25rem !important; -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xl-2 { -webkit-column-gap: 0.5rem !important; -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xl-3 { -webkit-column-gap: 1rem !important; -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xl-4 { -webkit-column-gap: 1.5rem !important; -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xl-5 { -webkit-column-gap: 3rem !important; -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .object-fit-xxl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xxl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xxl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xxl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xxl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xxl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xxl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xxl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xxl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xxl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xxl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xxl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xxl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xxl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-xxl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xxl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xxl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xxl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xxl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xxl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-xxl-evenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-xxl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xxl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xxl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xxl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xxl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xxl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xxl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xxl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xxl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xxl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xxl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xxl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xxl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xxl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xxl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xxl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xxl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-xxl-first { -webkit-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-xxl-0 { -webkit-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-xxl-1 { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-xxl-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-xxl-3 { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-xxl-4 { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-xxl-5 { -webkit-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-xxl-last { -webkit-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.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: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.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: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.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: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.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: 0.25rem !important; } .me-xxl-2 { margin-right: 0.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: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.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: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.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: 0.25rem !important; } .p-xxl-2 { padding: 0.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: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.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: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.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: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.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: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.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: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.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: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { -webkit-column-gap: 0 !important; -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xxl-1 { -webkit-column-gap: 0.25rem !important; -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xxl-2 { -webkit-column-gap: 0.5rem !important; -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xxl-3 { -webkit-column-gap: 1rem !important; -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xxl-4 { -webkit-column-gap: 1.5rem !important; -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xxl-5 { -webkit-column-gap: 3rem !important; -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-print-none { display: none !important; } } :root { --direction-ltr-direction: ltr; --direction-rtl-direction: rtl; --direction-left: left; --direction-right: right; --direction-start: start; --direction-end: end; --direction-transform: 1; --breakpoints-sm: 576px; --breakpoints-md: 767px; --breakpoints-lg: 991px; --breakpoints-xl: 1199px; --breakpoints-xxl: 1299px; --breakpoints-xxxl: 1399px; --breakpoints-xxxxl: 1499px; --padding-px: 1px; --padding-0: 0; --padding-1: 0.25rem; --padding-2: 0.5rem; --padding-3: 0.75rem; --padding-4: 1rem; --padding-5: 1.25rem; --padding-6: 1.5rem; --padding-8: 2rem; --padding-10: 2.5rem; --padding-12: 3rem; --padding-14: 3.4rem; --padding-16: 4rem; --padding-18: 4.5rem; --padding-20: 5rem; --padding-24: 6rem; --padding-26: 7rem; --padding-32: 8rem; --padding-40: 10rem; --padding-48: 12rem; --padding-56: 14rem; --padding-64: 16rem; --margin-px: 1px; --margin-0: 0; --margin-1: 0.25rem; --margin-2: 0.5rem; --margin-3: 0.75rem; --margin-4: 1rem; --margin-5: 1.25rem; --margin-6: 1.5rem; --margin-8: 2rem; --margin-10: 2.5rem; --margin-12: 3rem; --margin-14: 3.4rem; --margin-16: 4rem; --margin-18: 4.5rem; --margin-20: 5rem; --margin-24: 6rem; --margin-26: 7rem; --margin-32: 8rem; --margin-40: 10rem; --margin-48: 12rem; --margin-56: 14rem; --margin-64: 16rem; --radius-0: 8px; --radius-1: 8px; --radius-2: 8px; --radius-3: 16px; --radius-4: 32px; --radius-5: 128px; --radius-curve: 4px; --radius-round: 100px; --font-family-base: Noto Sans; --font-weight-regular: 400; --font-weight-medium: 600; --font-weight-bold: 700; --font-size-h1: calc(24px + 0.4vw); --font-size-h2: calc(24px + 0.8vw); --font-size-h3: calc(18px + 0.4vw); --font-size-h4: calc(18px + 0.2vw); --font-size-h5: calc(16px + 0.13vw); --font-size-h6: calc(13px + 0.1vw); --font-size-p: 18px; --font-size-medium: 15px; --font-size-small: 13px; --font-size-xs: 0.7rem; --font-size-sm: 0.95rem; --font-size-md: 1rem; --font-size-lg: 1.25rem; --font-size-xl: 1.5rem; --font-size-xxl: 1.75rem; --font-size-xxxl: 2rem; --color-primary: #0037B4; --color-primary-inverse: #fff; --color-secondary: #FF5200; --color-secondary-inverse: #fff; --color-third: #ff9600; --color-third-inverse: #fff; --color-red: #ff0000; --color-red-inverse: #fff; --color-green: #5CE49B; --color-green-inverse: #fff; --color-yellow: #ffab22; --color-yellow-inverse: #fff; --color-danger: #c9252d; --color-danger-inverse: #fff; --color-success: #12805c; --color-success-inverse: #fff; --color-warning: #ffab22; --color-warning-inverse: #fff; --color-info: #0d66d0; --color-info-inverse: #fff; --color-black: #000; --color-white: #ffffff; --color-gray-000: #000; --color-gray-1000: gray; --color-gray-900: #8c8c8c; --color-gray-800: #999999; --color-gray-700: #a6a6a6; --color-gray-600: #b3b3b3; --color-gray-500: #bfbfbf; --color-gray-400: #cccccc; --color-gray-300: #d9d9d9; --color-gray-200: #e6e6e6; --color-gray-100: #f2f2f2; --color-dark-blue: #152352; --color-dark-blue-inverse: #fff; --color-dark: #000; --color-gray-dark: #333; --color-green-80: #7de9af; --color-green-60: #9defc3; --color-green-40: #bef4d7; --boxShadow-l-r: 0px 0px 5px rgba(0, 0, 0, 0.1); --boxShadow-vertical: 5px 15px 20px 0px rgba(0, 0, 0, 0.1); --boxShadow-all:  0 0 6px rgba(0, 0, 0, 0.08); --boxShadow-none: none; --boxShadow-bottom: 0 20px 30px 0 rgba(0, 0, 0, 0.15); } *, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; word-wrap: break-word; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; font-size: 14px; font-family: var(--font-family-base); color: var(--color-black); } body { margin: 0; line-height: 1.15; background: #fff; font-family: var(--font-family-base); } body { min-height: 100vh; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } [tabindex="-1"]:focus { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } dl, ol, ul { margin-top: 0; margin-bottom: 1rem; padding: 0; } ol { list-style: decimal inside; } ol li { padding: .25rem 0; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: 600; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: inherit; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0; } img { vertical-align: middle; border-style: none; max-width: 100%; } svg:not(:root) { overflow: hidden; } table { width: 100%; border-collapse: collapse; } caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0; } button { border-radius: 0; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; outline: 0; font-family: inherit; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } button, input { overflow: visible; } button, select { text-transform: none; } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1.5rem; margin-bottom: 1.5rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .small, small, .small { font-size: 85%; font-weight: 400; } .mark, mark, .mark { padding: .2em; background-color: #fcf8e3; } .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: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; 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: 90%; color: #6c757d; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: .2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } ul { list-style: none; margin: 0; padding: 0; } @media (max-width: 767px) { html { font-size: 13px; } .h1, h1, .h1 { font-size: 1.8rem; } .h2, h2, .h2 { font-size: 1.6rem; } .h3, h3, .h3 { font-size: 1.5rem; } .h4, h4, .h4 { font-size: 1.4rem; } .h5, h5, .h5 { font-size: 1.3rem; } .h6, h6, .h6 { font-size: 1.2rem; } .cms-container ol, .cms-container ul, p { line-height: 1.7; font-size: 1rem; } } * { scrollbar-width: thin; } *::-webkit-scrollbar { width: 8px; } *::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.06); border-radius: 0; } *::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 0; } .text-center { text-align: center; } .flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .selection-tabs__input { position: absolute; opacity: 0; } .selection-tabs__input:checked + .selection-tabs__title svg { fill: var(--color-primary) !important; } .selection-tabs__title { background-color: #fff; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: .5rem 1rem; border: 1px solid var(--color-gray-200); font-size: var(--font-size-sm); } .total-price { text-align: center; } .total-price input[type="text"] { border-radius: 0; width: calc(100% - 108px); height: 50px; text-align: center; font-size: 16px; color: var(--color-black); border: none; border-left: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .total-price input[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; } .total-price .btn--count { width: 50px; height: 50px; padding: 0; font-size: 26px; vertical-align: bottom; font-weight: 500; color: var(--color-black); background-color: transparent; } .total-price p { margin-top: 1rem; color: var(--color-dark); font-size: var(--font-size-h5); margin-bottom: 0; } .total-price p strong { font-weight: 700; } .checkout-title { text-align: center; margin: 2.5rem auto 3rem; } @media (min-width: 576px) { .checkout-title { max-width: 70%; } } .checkout-title p { color: var(--color-gray); margin-bottom: 0; line-height: 24px; } .selection--payment .selection-tabs__label { display: block; border-bottom: 1px solid #CBCBCB; } .selection--payment .selection-tabs__label:last-child { border-bottom: none; } .selection--payment .selection-tabs__label .selection-tabs__title { padding: 1.25rem; font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); font-weight: 600; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border: none; } .selection--payment .selection-tabs__label .selection-tabs__title svg { vertical-align: middle; margin-right: 1rem; fill: var(--color-gray-200); } @media (max-width: 576px) { .selection--payment .selection-tabs__label .selection-tabs__title svg { margin-right: .5rem; } } .selection--payment .selection-tabs__label.disabled { cursor: not-allowed; opacity: 0.5; } .selection--payment .selection-tabs__label.disabled .selection-tabs__title { cursor: not-allowed; font-weight: normal; } .payment-type { color: var(--color-dark); display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .payment-type p { line-height: 18px; color: inherit; margin-bottom: 0; } .payment-type .is-selected { display: none; } .payment-type .total__payment { display: none; margin-top: 1.5rem; } .payment-type .total__payment .btn { text-transform: uppercase; } @media (min-width: 991px) { .payment-type .total__payment .btn { width: 200px; } } .payment-type .total__payment p { margin-bottom: 1.25rem; } .apply-coupon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; padding: 10px; border: 1px solid #CBCBCB; border-radius: 10px; margin-bottom: 1.5rem; } .apply-coupon input[type="text"] { border: none; color: var(--color-dark); height: 30px; line-height: 100%; padding: 0; } .apply-coupon input[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; } .payment-summary { margin-top: auto; background-color: #F5F6F9; border: 1px solid #E6E6E6; border-radius: 10px; padding: calc(clamp(0.714rem, 0.318vw + 0.635rem, 1.071rem)) calc(clamp(0.714rem, 0.637vw + 0.555rem, 1.429rem)); } .payment-summary .payment-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: .625rem 0; border-bottom: 1px solid #CBCBCB; gap: 1rem; font-weight: 500; } .payment-summary .payment-row:first-child { padding-top: 0; } .payment-summary .payment-row:last-child { border-bottom: none; padding-bottom: 0; } .payment-summary .payment-row:last-child span { font-size: calc(clamp(1.125rem, 0.255vw + 0.936rem, 1.286rem)); font-weight: 600; } .payment-note { text-align: center; font-size: 1rem; margin: 0; padding: 1rem; line-height: 1.5; } .selection-disabled { opacity: 0.7; cursor: no-drop !important; } .balance-payment { margin-top: 1.5rem; color: var(--color-dark); display: none; } .balance-payment ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .5rem; } .balance-payment ul li:last-child { margin-bottom: 0; } .balance-payment ul li p { font-weight: normal; color: inherit; margin-bottom: 0; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; white-space: nowrap; } .balance-payment ul li .space { border-bottom: 1px dotted var(--color-gray-400); height: 19px; width: 100%; margin: 0 .75rem; } .balance-payment ul li b { text-align: right; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .selection--wallet .selection-tabs__input:checked + .selection-tabs__title .balance-payment { display: block; } .selection--wallet .selection-tabs__input:checked + .selection-tabs__title .payment-type .is-selected { display: block; } .selection--wallet .selection-tabs__input:checked + .selection-tabs__title .payment-type p { display: none; } .is-checkout { background: #F6F6F6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100vh; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .is-checkout .header { position: static; } .is-checkout .header .header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 2.5rem 0; } @media (max-width: 767px) { .is-checkout .header .header__logo { padding: 1.25rem 0; } .is-checkout .header .header__logo a { width: 120px; } } .is-checkout .footer { margin-top: auto; } .is-checkout .footer .copyright { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .is-checkout .footer { padding-bottom: 0; } } .js--coupons-trigger:after { content: ""; position: fixed; z-index: 3; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; opacity: 0; visibility: hidden; border-radius: calc(clamp(0.714rem, 1.274vw + 0.396rem, 2.143rem)); } .js--coupons-trigger.is-open::after { opacity: 1; visibility: visible; } .coupon-box { background: #fff; color: #000; border-radius: calc(clamp(0.714rem, 1.274vw + 0.396rem, 2.143rem)); position: fixed; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); z-index: 4; top: 50%; left: 1.5rem; right: 1.5rem; max-width: 500px; margin: 0 auto; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; } .coupon-box.is-visible { visibility: visible; opacity: 1; pointer-events: all; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .coupon-box__head { padding: 1rem 1.25rem; border-bottom: 1px solid var(--color-gray-200); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .coupon-box__body { padding: 2rem; } @media (max-width: 767px) { .coupon-box__body { padding: 1.25rem; } } .coupon-box .coupons-wrapper { overflow: auto; max-height: 280px; padding-right: calc(clamp(1rem, 0.701vw + 0.825rem, 1.786rem)); } .checkout-coupons .btn-close { width: 22px; height: 22px; background: #000; color: #fff; border-radius: 50%; padding: 0; opacity: 1; margin: 0; position: relative; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .checkout-coupons .btn-close::after, .checkout-coupons .btn-close::before { content: ""; position: absolute; height: 2px; width: 14px; background-color: currentColor; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; } .checkout-coupons .btn-close:after { height: 14px; width: 2px; } .coupon-list { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--color-gray-200); } .coupon-list:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .coupon-list .coupon-list__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: .5rem; } .coupon-list .coupon-list__head .badge { font-weight: var(--font-weight-medium); } .coupon-list .coupon-list__content p { margin-bottom: 0; font-size: 12px; line-height: 1.5; } .coupon-list .coupon-list__content p + p { margin-top: .5rem; } .coupon-applied { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px dashed currentColor; padding: 0 1.25rem; position: relative; color: var(--color-secondary); margin-bottom: 2.5rem; border-radius: 10px; padding: .625rem 1rem; } .coupon-applied::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.04; } .coupon-applied .coupon-code { margin-right: .5rem; } .coupon-applied .coupon-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .coupon-applied .coupon-type p { margin-bottom: 0; line-height: 1; color: var(--color-dark); } .btn.btn--coupon { background: transparent; color: var(--color-dark); font-weight: 600; padding: 0 !important; height: 40px !important; text-transform: uppercase; } #facebox .calendar-view .fc-header-toolbar { padding: 0 0; border: none; margin-bottom: 0; } .is-checkout #facebox { top: auto !important; -webkit-transform: translate(-50%, 0) !important; -ms-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important; bottom: 0 !important; } .option-select__label { width: 100%; position: relative; overflow: auto; margin-top: .5rem; } .option-select__label:first-child { margin-top: 0; } .option-select__label:last-child { margin-bottom: 0; } .option-select__input { position: absolute; opacity: 0; } .option-select__title { background-color: #fff; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: var(--radius-1); padding: 1rem; border: 1px solid var(--color-gray-200); color: var(--color-gray-900); } .option-select__title svg { margin-right: .5rem; fill: var(--color-gray-300); width: 20px; height: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; } .option-select__title .label-small { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .option-select__input:checked + .option-select__title { color: var(--color-primary); position: relative; } .option-select__input:checked + .option-select__title svg { fill: var(--color-primary) !important; } .option-select__scroll { max-height: 174px; overflow: auto; padding-right: 1rem; } @media (max-width: 576px) { .option-select__scroll { max-height: 190px; } } @media (max-width: 576px) { .option-select { margin-bottom: 1rem; } } .select-element { position: relative; margin-bottom: 1.5rem; } .select-element__trigger { position: relative; border: 1px solid var(--color-gray-300); padding: 1.5rem; min-height: 60px; display: block; background-color: #fff; } .select-element__trigger:before { position: absolute; right: 2rem; top: 50%; width: 8px; height: 8px; content: ""; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); pointer-events: none; } .select-element__target { position: absolute; left: 0; top: 100%; background-color: #fff; -webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 1rem; z-index: 2; width: 100%; } .table-scrolled { width: 100%; border: 1px solid var(--color-gray-200); max-height: 148px; overflow: auto; } .select-dropdown { position: relative; margin-bottom: 3rem; } .select-dropdown__trigger { border: 1px solid var(--color-gray-200); position: relative; padding: 2rem; padding-right: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: var(--font-weight-medium); } .select-dropdown__trigger:before { position: absolute; right: 2rem; top: 2.6rem; width: 8px; height: 8px; content: ""; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); pointer-events: none; } .select-dropdown__trigger-label { -webkit-transition: all 0.4s; transition: all 0.4s; padding: .25rem .75rem; position: absolute; left: 4rem; } .select-dropdown__trigger-media { width: 24px; -ms-flex-item-align: start; align-self: flex-start; } .select-dropdown__trigger.is-active .select-dropdown__trigger-label { top: -10px; background-color: var(--color-white); font-size: 13px; } .select-dropdown__trigger.is-selected .select-dropdown__trigger-label { top: -10px; background-color: var(--color-white); font-size: 13px; color: var(--color-black); } .select-dropdown__trigger.is-selected { color: var(--color-primary); } .select-dropdown__trigger.is-selected:before { width: 12px; height: 7px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .select-dropdown__trigger:not(:only-child) { cursor: pointer; } .select-dropdown__trigger-value { display: block; max-width: 180px; } .select-dropdown__target { position: absolute; left: 0; top: 100%; background-color: #fff; -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08); z-index: 2; width: 100%; border: 1px solid var(--color-gray-200); border-top: none; } .select-option__label { width: 100%; position: relative; } .select-option__input { position: absolute; opacity: 0; } .select-option__title { background-color: #fff; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem 2rem; border-bottom: 1px solid var(--color-gray-200); color: var(--color-gray-900); } .select-option__title svg { margin-right: 1.5rem; fill: var(--color-gray-300); width: 22px; height: 22px; -webkit-box-flex: 0; -ms-flex: 0 0 22px; flex: 0 0 22px; } .select-option__title .label-small { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .select-option__input:checked + .select-option__title { color: var(--color-primary); position: relative; } .select-option__input:checked + .select-option__title svg { fill: var(--color-primary) !important; } .select-option__scroll { max-height: 200px; overflow: auto; } @media (max-width: 576px) { .select-option__scroll { max-height: 190px; } } .selector-switch { position: relative; } .selector-switch__control { padding: 1rem; border: 1px solid var(--color-gray-300); border-radius: calc(clamp(0.429rem, 0.255vw + 0.365rem, 0.714rem)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .selector-switch__media { width: 24px; margin-right: 1rem; } .selector-switch__action { margin-left: auto; } .selector-switch__label { font-weight: 600; font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); } .selector-switch__info { position: relative; margin-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .5rem; font-size: 13px; } .selector-switch__info-media { position: relative; } .selector-switch__info .tooltip { min-width: 200px; font-size: 12px; padding: 1rem; -webkit-transition: none; transition: none; margin-top: -14px; } .offers-box { border: 1px dashed var(--color-third); padding: 1rem 1.25rem; max-width: 360px; margin: 1rem auto 0; position: relative; } .offers-box:before { background-color: var(--color-third); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; opacity: 0.1; pointer-events: none; z-index: 0; } .offers-box__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.95rem; min-height: 26px; } .offers-box__item-media { position: relative; top: 1px; } .offers-box__item-media .icon { fill: var(--color-third); } .offers-box__scroller { max-height: 100px; overflow: auto; margin: 1rem 0 0; } .offers-box__link { color: var(--color-third); font-weight: var(--font-weight-medium); text-decoration: underline; text-decoration-style: dashed; text-underline-offset: 4px; } .custom-select-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .custom-select-search .errorlist { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (max-width: 991px) { .checkout--modal .modal-dialog { max-width: 96%; } } .checkout--modal .modal-content { border-radius: calc(clamp(0.714rem, 1.274vw + 0.396rem, 2.143rem)); padding: calc(clamp(1.714rem, 1.019vw + 1.46rem, 2.857rem)); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } @media (max-width: 767px) { .checkout--modal .modal-content { max-height: 98vh; overflow: auto !important; } } .checkout--modal .btn-back { border: none; width: 22px; height: 22px; background: #000; color: #fff; border-radius: 50%; padding: 0; opacity: 1; position: absolute; left: 20px; top: 20px; } @media (max-width: 767px) { .checkout--modal .btn-back { left: 10px; top: 10px; } } .checkout--modal .btn-back:hover { opacity: .65; } .checkout--modal .btn-back::before { content: ""; position: absolute; height: 2px; width: 12px; background-color: currentColor; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; } .checkout--modal .btn-back:after { content: ""; position: absolute; height: 6px; width: 6px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; left: 6px; top: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .checkout--modal .modal-header--checkout { border: none; padding: 0; padding-bottom: calc(clamp(1.429rem, 0.637vw + 1.269rem, 2.143rem)); } .checkout--modal .modal-header--checkout h4, .checkout--modal .modal-header--checkout .h4 { font-size: calc(clamp(1.286rem, 0.255vw + 1.222rem, 1.571rem)); font-weight: 600; } .checkout--modal .modal-header--checkout .btn-close { width: 22px; height: 22px; background: #000; color: #fff; border-radius: 50%; padding: 0; opacity: 1; margin: 0; position: absolute; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 20px; top: 20px; } @media (max-width: 767px) { .checkout--modal .modal-header--checkout .btn-close { right: 10px; top: 10px; } } .checkout--modal .modal-header--checkout .btn-close:hover { opacity: .65; } .checkout--modal .modal-header--checkout .btn-close:after, .checkout--modal .modal-header--checkout .btn-close::before { content: ""; position: absolute; height: 2px; width: 14px; background-color: currentColor; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; } .checkout--modal .modal-header--checkout .btn-close:after { height: 14px; width: 2px; } .checkout--modal .modal-footer { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; padding: calc(clamp(1.429rem, 1.911vw + 0.951rem, 3.571rem)) 0 0 0; } .checkout--modal .btn { font-size: calc(clamp(1.143rem, 0.382vw + 1.047rem, 1.571rem)); height: auto; line-height: 1.5; padding: .875rem 4rem; } .checkout--modal .checkout-body { max-width: 780px; margin: 0 auto; } .chekout-form { max-width: 780px; margin: 0 auto; } .chekout-form .form-group { margin-bottom: 20px; } .form--checkout { padding: 0 calc(clamp(0.714rem, 1.911vw + 0.237rem, 2.857rem)); } @media (max-width: 991px) { .form--checkout { padding: 0; } } .form--checkout .form-control { border-radius: calc(clamp(0.429rem, 0.255vw + 0.365rem, 0.714rem)); height: 50px; font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); font-weight: 600; color: currentColor; padding: 0.375rem 1rem; } .form--checkout select.form-control { background-image: url("data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAABHNCSVQICAgIfAhkiAAAAJZJREFUKFNj5ObmNmBiYupnZmYO/AAEDHgALy/vAkZGxgufPn2awAjkHACqtQcJAA1wxKUZpAmoLh5kLtASRUYBIPj79y9Isz4uzciagOoSP3/+vIARZAI+zdg0gfSANeLSDHTJBJjzYDbB1MM1omsG8kEBJQBVCHYecrihaMSiGSSEoQnFqcimIfl5ArpNWJ2KrJkQGwCvM1NahStu2AAAAABJRU5ErkJggg=="); padding-right: 3rem; } .form--checkout .form-group-label { font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); font-weight: 600; display: block; margin-bottom: 10px; } .form--checkout .cart-qty { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; color: #000; background-color: #fff; } .form--checkout .cart-qty__value { border: none; border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; text-align: center; padding: 0 1rem; height: 100%; border-radius: 0; font-weight: 600; font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); } .form--checkout .cart-qty__update { --size: 45px; position: relative; width: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); border: none; background-color: transparent; color: currentColor; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form--checkout .cart-qty__update::after { content: ""; height: 3px; width: 17px; background-color: currentColor; display: block; } .form--checkout .cart-qty__update.increase::before { content: ""; height: 17px; width: 3px; background-color: currentColor; display: block; position: absolute; } .cart-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: .25rem; } .cart-price__label { font-size: 13px; font-weight: normal; display: block; } .cart-price__value { font-size: calc(clamp(1.286rem, 0.51vw + 1.158rem, 1.857rem)); font-weight: 700; } .schedule-calendar { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #CBCBCB; border-radius: 1rem; overflow: hidden; } @media (max-width: 767px) { .schedule-calendar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .schedule-calendar .calendar-wrapper { -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0; padding: 1.625rem; } @media (min-width: 767px) { .schedule-calendar .calendar-wrapper { border-right: 1px solid #CBCBCB; } } @media (max-width: 767px) { .schedule-calendar .calendar-wrapper { padding: 1rem; } } @media (min-width: 767px) { .schedule-calendar__left { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; } } .schedule-calendar__right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .calendar-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } @media (max-width: 767px) { .calendar-panel-head { margin: 0 1rem; } } .calendar-panel-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: calc(clamp(1.143rem, 0.764vw + 0.952rem, 2rem)); padding-right: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .drop-action { position: relative; } .drop-action__head { padding: 1.125rem 1.25rem; border-bottom: 1px solid #CBCBCB; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: .25rem; } @media (max-width: 767px) { .drop-action__head { border: none; background-color: #f0f0f0; border-radius: .25rem; } } .drop-action__label { font-weight: 600; } .drop-action__trigger { position: relative; } .drop-action__trigger:after { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; background-color: rgba(0, 0, 0, 0.3); content: ""; z-index: 3; -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; opacity: 0; visibility: hidden; border-radius: calc(clamp(0.714rem, 1.274vw + 0.396rem, 2.143rem)); } .drop-action__trigger.is-open:after { opacity: 1; visibility: visible; } .drop-action__target { background: #fff; color: #000; border-radius: calc(clamp(0.714rem, 1.274vw + 0.396rem, 2.143rem)); position: fixed; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); z-index: 4; top: 50%; left: 1.5rem; right: 1.5rem; max-width: 500px; margin: 0 auto; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; } .drop-action__target.is-visible { visibility: visible; opacity: 1; pointer-events: all; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .drop-action .schedule-lessions__head { padding: 1rem 1.25rem; border-bottom: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .drop-action .schedule-lessions__body { padding: 2rem; } @media (max-width: 767px) { .drop-action .schedule-lessions__body { padding: 1rem; } } .numbers-list { counter-reset: num-counter; max-height: 200px; width: 100%; } .numbers-list:has(.numbers-list__item:nth-child(6)) { overflow: hidden; overflow-y: auto; padding-right: 1rem; } .numbers-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: .625rem; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-gray-600); border-bottom: 1px solid #CBCBCB; font-weight: 500; padding: .5rem 0; line-height: 40px; } .numbers-list__item .number-list__value { line-height: 1.4; } .numbers-list__item:first-child { padding-top: 0; } .numbers-list__item:last-child { padding-bottom: 0; border-bottom: none; } .numbers-list__item:before { counter-increment: num-counter; content: counter(num-counter); background-color: #F5F6F9; --size: calc(clamp(1.714rem, 0.382vw + 1.619rem, 2.143rem)); width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .numbers-list__item.is-selected { color: var(--color-black); } .is-delete { width: 20px; height: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; cursor: pointer; overflow: hidden; } .is-delete:before { text-align: center; line-height: 20px; content: "+"; font-size: 26px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .payment-checkout { background-color: #F5F6F9; border-radius: 1rem; overflow: hidden; } .payment-checkout .checkout-panel { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; border: 1px solid #CBCBCB; border-radius: 1rem; overflow: hidden; } @media (max-width: 767px) { .payment-checkout .checkout-panel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 767px) { .payment-checkout .checkout-panel__method { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; border-right: 1px solid #CBCBCB; } } .payment-checkout .checkout-panel__summary { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: calc(clamp(1.071rem, 0.955vw + 0.833rem, 2.143rem)) calc(clamp(1.429rem, 1.911vw + 0.951rem, 3.571rem)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .payment-checkout .checkout-panel .payment-options { padding-bottom: calc(clamp(1.429rem, 1.592vw + 1.03rem, 3.214rem)); } .payment-checkout .checkout-panel .payment-options .checkbox { font-size: calc(clamp(1.143rem, 0.127vw + 1.111rem, 1.286rem)); } .payment-checkout .checkout-panel .payment-options .checkbox + .checkbox { margin-top: 1.25rem; } .checkout-coupons { position: relative; } .checkout-coupons__head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: .25rem 1rem; margin-bottom: .875rem; } .checkout-coupons__head .link { font-size: 12px; } .checkout-coupons__head h6, .checkout-coupons__head .h6 { font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); } .summary-layout { display: grid; background-color: #fff; border: 1px solid #CBCBCB; border-radius: 1rem; overflow: hidden; grid-template-columns: repeat(1, 1fr); } @media (max-width: 767px) { .summary-layout { grid-template-columns: repeat(1, 1fr); } } .summary-layout:has(.summary-layout__col:nth-child(2)) { grid-template-columns: repeat(2, 1fr); } .summary-layout .avatar-card { max-width: 240px; margin: 0 auto; } .summary-layout .avatar-card__media { max-width: 140px; margin: 0 auto; } @media (min-width: 767px) { .summary-layout__col { border-right: 1px solid #CBCBCB; } .summary-layout__col:last-child { border: none; } } .summary-layout__col:first-child { padding: calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)); } .checkout-summary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .checkout-summary__body { background-color: #F5F6F9; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: calc(clamp(1rem, 0.764vw + 0.809rem, 1.857rem)) calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)); } .checkout-summary__body p { margin: 0; } .checkout-summary__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; padding: calc(clamp(0.714rem, 0.637vw + 0.555rem, 1.429rem)) calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)); font-size: calc(clamp(1.286rem, 0.255vw + 1.222rem, 1.571rem)); font-weight: 600; } .avatar-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: .625rem; text-align: center; } .avatar-card__media .avtar { width: auto; height: auto; margin: 0 auto; aspect-ratio: 1/1; } .avatar-card__details h4, .avatar-card__details .h4 { font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); } .avatar-card__details p { margin: 0; line-height: 1.5; } .main-dashboard .page__footer { display: none; } .teacherscheduledlessons.view .page__footer { display: none; } .learnerscheduledlessons.view .page__footer { display: none; } .messages .page__footer { display: none; } .montly-lesson-calendar .fc-header-toolbar { padding: 1.5rem 1.5rem 0; margin: 0 !important; } .montly-lesson-calendar .fc-view-harness .fc-scrollgrid { border: 1px solid var(--color-gray-200); } .scheduled-lesson-popup .fc-header-toolbar { margin-top: 0; } .fc-scroller-harness .fc-col-header-cell { border: 1px solid var(--color-gray-200); } .fc-scroller-harness .fc-col-header-cell .fc-scrollgrid-sync-inner { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; } @media (max-width: 576px) { .fc-scroller-harness .fc-col-header-cell .fc-scrollgrid-sync-inner { font-size: 9px; } } .fc-scroller-harness .fc-col-header-cell .fc-scrollgrid-sync-inner a { text-transform: uppercase; font-weight: 600; } .fc-scroller-harness .fc-scrollgrid-sync-table .fc-daygrid-day { border: 1px solid var(--color-gray-200); } .fc-scroller-harness .fc-scrollgrid-sync-table .fc-daygrid-day .fc-daygrid-event { background: var(--color-gray-100); padding: .5rem .75rem; height: 35px; border-left: 2px solid var(--color-primary); border-radius: 0; margin-left: .5rem; margin-right: .5rem; margin-bottom: .25rem !important; } .dashboard-calendar .fc-daygrid-event { background: no-repeat !important; padding: 0 !important; border-left: none !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dashboard-calendar .fc-daygrid-event .fc-event-time { display: none; } .dashboard-calendar .fc-daygrid-event .fc-event-title { display: none; } .dashboard-calendar .fc-daygrid-day-bottom { display: none; } .dashboard-calendar .fc-header-toolbar .fc-toolbar-chunk h2, .dashboard-calendar .fc-header-toolbar .fc-toolbar-chunk .h2 { font-size: var(--font-size-md); } .dashboard-calendar .fc-day a { font-size: var(--font-size-sm); } .dashboard-calendar .fc-daygrid-day-events { min-height: 1% !important; } .dashboard-calendar .fc-daygrid-day-events .fc-daygrid-event { height: 0 !important; } .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 0 !important; } .fc-daygrid-day-frame .fc-daygrid-day-top { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fc-button-group .fc-button { background: transparent; border-radius: 0; margin: .25rem; -webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.07); box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.07); border: 1px solid var(--color-gray-200); width: 2.70rem; height: 2.70rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 3px; } .fc-button-group .fc-button:focus { -webkit-box-shadow: none; box-shadow: none; } .fc-button-group .fc-button:hover { background-color: transparent; border-color: var(--color-gray-200); } .fc-event-main-frame .closeon { height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-white); } .fc-timegrid-event .fc-event-time { text-align: center; white-space: normal !important; } .scheduled-lesson-popup .box { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ececec; -webkit-box-shadow: none; box-shadow: none; } .scheduled-lesson-popup .fc .fc-timegrid-slot { height: 1.9em; } .calendar-view.scheduled-lesson-popup .cal-status { margin-bottom: 0; } .scheduled-lesson-popup .box h4, .scheduled-lesson-popup .box .h4 { margin-bottom: 10px; } .learnerscheduledlessons .booking-view { text-align: left; } .learnerscheduledlessons .booking-view .inline-list { margin-bottom: 10px; } .scheduled-lesson-popup .box textarea { height: 100px; } .fc-event.booked-slot { background: var(--color-red); border-color: var(--color-red); } .cal-status .booked-box { background: var(--color-red); } .cal-status .available-box { background: var(--color-green); } .fc-event.slot_unavailable { background: var(--color-gray-500); border-color: transparent; background-image: linear-gradient(45deg, #dddddd 14.29%, #ffffff 14.29%, #ffffff 50%, #dddddd 50%, #dddddd 64.29%, #ffffff 64.29%, #ffffff 100%); background-size: 9.90px 9.90px; } .fc-event.slot_unavailable .fc-event-time { display: none; } .slot_unavailable .fc-event-time { color: #111; } .availability-setting-calendar .slot_available { background: #0ab359; border-color: #0ab359; } .availability-setting-calendar .slot_available .fc-event-time { color: var(--color-white); } @media (max-width: 767px) { .scheduled-lesson-popup h4, .scheduled-lesson-popup .h4 { margin-bottom: 16px; } } .fc-timegrid-col-events { margin: 0 !important; } .calendar-view { position: relative; border-radius: var(--radius-1); } @media (max-width: 767px) { .calendar-view { height: 100%; } .calendar-view #calendar-container { height: calc(100% - 145px); } .calendar-view #calendar-container > div { height: 100%; } } @media (min-width: 767px) { .calendar-view .calendar-view__head { padding: 1rem 0; } } .calendar-view .calendar-view__head [class*="col-sm-7"] { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 767px) { .calendar-view .calendar-view__head [class*="col-sm-7"] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .calendar-view .calendar-view__head h4, .calendar-view .calendar-view__head .h4 { color: var(--color-dark); font-weight: var(--font-weight-bold); margin-bottom: 0 !important; } @media (min-width: 1299px) { .calendar-view .calendar-view__head h4, .calendar-view .calendar-view__head .h4 { font-size: var(--font-size-h5); } } @media (min-width: 991px) and (max-width: 1199px) { .calendar-view .calendar-view__head h4, .calendar-view .calendar-view__head .h4 { font-size: var(--font-size-h6); } } @media (max-width: 767px) { .calendar-view .calendar-view__head { padding: 1.25rem .25rem; text-align: center; } .calendar-view .calendar-view__head h4, .calendar-view .calendar-view__head .h4 { margin-bottom: 1rem; } .calendar-view .calendar-view__head [class*="col-sm-7"] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .calendar-view .calendar-view__head .cal-status { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 1rem; } @media (max-width: 1199px) { .calendar-view .calendar-view__head .cal-status { margin-right: 1rem; } } .calendar-view .calendar-view__head .cal-status:last-child { margin-right: 0rem; } .calendar-view .calendar-view__head .cal-status p { margin-bottom: 0; font-size: 11px; text-transform: uppercase; color: var(--color-dark); } .calendar-view .calendar-view__head .cal-status .box-hint { width: 12px; height: 12px; border-radius: 50%; border: none; margin-right: .5rem; } .calendar-view .calendar-view__head .cal-status .disabled-box { background: var(--color-gray-200); } @media (max-width: 767px) { .calendar-view .fc-header-toolbar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .calendar-view .fc-header-toolbar .fc-toolbar-chunk:first-child { margin-right: auto; } @media (max-width: 767px) { .calendar-view .fc-header-toolbar .fc-toolbar-chunk:first-child { margin: auto; } } .calendar-view .fc-header-toolbar .fc-toolbar-chunk h2, .calendar-view .fc-header-toolbar .fc-toolbar-chunk .h2 { font-size: 13px; color: var(--color-gray-900); } @media (min-width: 767px) { .calendar-view .fc-header-toolbar .fc-toolbar-chunk h2, .calendar-view .fc-header-toolbar .fc-toolbar-chunk .h2 { margin-right: 1.25rem; } } .calendar-view .fc-header-toolbar .fc-toolbar-chunk h6, .calendar-view .fc-header-toolbar .fc-toolbar-chunk .h6 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; color: var(--color-gray-900); } @media (max-width: 767px) { .calendar-view .fc-header-toolbar .fc-toolbar-chunk h6, .calendar-view .fc-header-toolbar .fc-toolbar-chunk .h6 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 11px; } } .calendar-view .fc-header-toolbar .fc-toolbar-chunk h6 .timer, .calendar-view .fc-header-toolbar .fc-toolbar-chunk .h6 .timer { color: var(--color-gray-900); margin: .25rem; } @media (max-width: 767px) { .calendar-view .fc-header-toolbar .fc-toolbar-chunk { width: 100%; text-align: center; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group { display: inline-table; border: transparent; width: 100%; padding: 0 1.5rem; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button { -webkit-box-shadow: none; box-shadow: none; border: 1px solid var(--color-gray-200); } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button:first-child { float: left; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button:last-child { float: right; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-today-button { position: absolute; opacity: 1; left: 50%; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%); margin-left: 0; } } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group { border-radius: var(--radius-0); } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button-primary { color: var(--color-dark); background-color: var(--color-white); height: auto; padding: .5rem; width: 50px; height: 40px; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button-primary:focus { -webkit-box-shadow: none; box-shadow: none; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button-primary:active { background-color: var(--color-primary); border-color: var(--color-primary); color: var(--color-white); } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-today-button { background-color: var(--color-white); padding: 0; height: 40px; border: none; border-radius: 0; color: var(--color-dark); text-transform: uppercase; font-weight: 600; opacity: 1; } .calendar-view .fc-timegrid .fc-col-header .fc-day-today { color: var(--color-primary); position: relative; } .calendar-view .fc-timegrid .fc-col-header .fc-day-today a { font-weight: bold; } .calendar-view .fc-timegrid .fc-col-header .fc-day-today::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.1; } .calendar-view .fc-timegrid .fc-timegrid-body .fc-day-today { position: relative; color: var(--color-primary); background: transparent; } .calendar-view .fc-timegrid .fc-timegrid-body .fc-day-today::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.06; } .weekly-calendar .fc-event-main .fc-event-time { display: block; } .dashboard-calendar .fc-header-toolbar { margin-top: 0 !important; border: none; padding: 0 1.25rem; } @media (max-width: 767px) { .dashboard-calendar .fc-header-toolbar { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .dashboard-calendar .fc-header-toolbar .fc-toolbar-chunk { width: auto; } .dashboard-calendar .fc-header-toolbar .fc-toolbar-chunk:first-child { display: none; } .dashboard-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-today-button { padding: 0 1.25rem !important; } .dashboard-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-prev-button, .dashboard-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-next-button { width: 42px !important; } .tooltipevent { -webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.03); box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.03); background: #fff; padding: 35px 20px 20px; border: 1px solid #e2e2e4; line-height: 1.6; min-width: 280px; text-align: left; z-index: 999 !important; } .tooltipevent { border-top: 3px solid var(--color-primary); border-radius: 6px; } .fc .fc-bg-event { background: #1DCE70 !important; opacity: 0.3 !important; } .fc .fc-timegrid-slot { height: 10px !important; } .fc .fc-timegrid-slot-label-cushion { font-size: 12px; } .fc-timegrid-event { border-radius: 0; } .fc .fc-toolbar { -ms-flex-wrap: wrap; flex-wrap: wrap; } .calendar-loader { position: absolute; width: 100%; background: rgba(255, 255, 255, 0.5); height: 100%; z-index: 9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fc .fc-timegrid-now-indicator-arrow { border-color: var(--color-primary); } .booking__head { text-align: left; } @media (max-width: 767px) { .fc .fc-timegrid-slot-label-cushion { font-size: 10px; } } .fc-event-time:after { display: none; } .fc-online .fc-daygrid-event-dot { border: 4px solid var(--color-info) !important; } .fc-offline .fc-daygrid-event-dot { border: 4px solid var(--color-yellow) !important; } @media (min-width: 991px) { .error__media { text-align: center; } } .error__media img { margin: 0 auto; } @media (max-width: 767px) { .error__media img { margin-bottom: 2rem; max-width: 150px; } } .error__content h3, .error__content .h3 { color: var(--color-dark); font-weight: var(--font-weight-bold); font-size: var(--font-size-xxxl); margin-bottom: 1rem; } .error__content p { font-size: var(--font-size-h5); color: var(--color-dark); margin-bottom: 3.5rem; } .error__content .list-group { margin-bottom: 3.5rem; } .list-group--line .list-group--item { position: relative; padding-left: 2.5rem; font-size: var(--font-size-medium); } .list-group--line .list-group--item::before { content: ''; width: 16px; height: 2px; background-color: var(--color-primary); display: block; position: absolute; top: 20px; left: 0; } .list-group--item { line-height: 40px; } .theme-preview { background-color: #eee; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .theme-preview .btn { margin: 0.3rem; } .reviews-section { width: 100%; position: relative; } .reviews-stats { width: 100%; position: relative; } .reviews-total { max-width: 110px; text-align: center; } .reviews-media { position: relative; width: 100%; height: 100%; } .reviews-media svg { width: 100%; height: 100%; fill: #FFAB22; } .reviews-media .reviews-count { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; width: 100%; font-size: var(--font-size-h4); color: var(--color-white); font-weight: var(--font-weight-bold); line-height: 1; } .reviews-progress { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reviews-progress__value { min-width: 60px; text-align: center; padding: 0 .5rem; } .reviews-progress__value:first-child { text-align: right; } .reviews-progress__value:last-child { text-align: left; } .reviews-progress__content { width: calc(100% - 120px); } .reviews-counter__item { margin-top: .5rem; } .reviews-sorting { margin: 2.5rem 0; text-align: center; } @media (min-width: 576px) { .reviews-sorting { background-color: var(--color-gray-100); padding: .5rem 1.5rem; } } @media (max-width: 576px) { .reviews-sorting p { margin-bottom: .5rem !important; } } @media (min-width: 576px) { .reviews-sort select { background-color: transparent; border: none; font-weight: var(--font-weight-medium); } .reviews-sort select:focus { -webkit-box-shadow: none; box-shadow: none; } } .review { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 2.5rem; border-bottom: 1px solid var(--color-gray-200); } .review__media { width: 80px; } @media (max-width: 576px) { .review__media { width: 70px; } } .review__content { width: calc(100% - 80px); } @media (max-width: 576px) { .review__content { width: calc(100% - 70px); } } .review__author { font-size: var(--font-size-h6); font-weight: var(--font-weight-bold); margin-bottom: .5rem; display: block; } .review__date { color: var(--color-black); font-size: var(--font-size-small); line-height: 1; padding-left: .75rem; margin-left: .75rem; position: relative; top: 1px; } .review__date:before { position: absolute; left: 0; top: 0; bottom: 0; content: ""; width: 1px; background-color: currentColor; } .review__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .review__message { margin-top: 1rem; } .rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rating__media { width: 15px; height: 19px; fill: var(--color-yellow); margin-right: .5rem; } .rating__value { margin-right: 6px; font-weight: bold; } @media (max-width: 576px) { .reviews-submission { border-top: 1px solid var(--color-gray-200); margin-top: 1.5rem; } } .review__title { margin-bottom: 0; } .section--certificate { padding: 3.4rem 0 !important; } .sidebox__head { padding-bottom: 1rem; } @media (min-width: 991px) { .layout-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .layout-flex__large { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .layout-flex__small { width: 360px; padding-left: 3.4rem; } } @media (max-width: 991px) { .layout-flex__small { padding-top: 2.5rem; margin-top: 2.5rem; border-top: 1px solid var(--color-gray-200); } } .course-tile { max-width: 360px; } .course-tile__body { padding-top: 1rem; } .course-tile__item { font-size: var(--font-size-small); color: #666; } .course-tile__price { font-size: var(--font-size-medium); } .course-tile__price .price-standard { font-weight: var(--font-weight-medium); } .course-tile__price .price-old { text-decoration: line-through; opacity: 0.6; } .btn-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .btn-actions > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 50%; } @media (max-width: 576px) { .btn-actions .share__trigger { font-size: 100%; } } .tagit { -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid var(--color-gray-300) !important; padding: 1px 5px; overflow: auto; margin-left: inherit; margin-right: inherit; } .tagit.ui-widget-content { border: 1px solid var(--color-gray-300) !important; } .tagit .tagit-choice { -webkit-box-shadow: none !important; box-shadow: none !important; } .tagit .tagit-close { width: 36px; height: 36px; position: absolute; right: 0; top: 0; text-align: center; color: var(--color-black); cursor: pointer; } .tagit .tagit-close:after { content: "+"; font-size: 1.6rem; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; line-height: 36px; } input.tagit-hidden-field { display: none; } ul.tagit li.tagit-choice-editable { padding: .75rem; padding-right: 3.4rem; background-color: var(--color-gray-200); } ul.tagit li.tagit-choice { position: relative; line-height: inherit; } ul.tagit li { display: block; float: left; margin: 2px 5px 2px 0; } ul.tagit input[type="text"] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; border: none; margin: 0; padding: 0; width: inherit; background-color: inherit; outline: none; } ul.tagit li.tagit-choice .tagit-close .text-icon { display: none; } .select2-dropdown { border: none !important; border-radius: var(--radius-0) !important; -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); min-width: 258px; } .select2-selection__arrow { display: none; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--color-primary) !important; } .select2-results__options > li.select2-results__message { padding: 1.5rem; padding-top: 0; } .select2-results__options > li > ul > li { padding-left: 2rem !important; } @media (min-width: 576px) { .select2-container--default .select2-selection--single { border: none !important; } .select2-container .select2-selection--single .select2-selection__rendered { max-width: 220px; } } @media (max-width: 576px) { .select2-container--default .select2-selection--single { border-color: var(--color-gray-300) !important; min-height: 40px; height: auto !important; } } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0 !important; position: relative; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: inherit !important; } .select2-search--dropdown { padding: 1rem !important; } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: var(--color-gray-200) !important; padding-left: 1rem !important; } @media (min-width: 576px) { .filter-panel .select2-container { padding-left: 1rem !important; } } @media (max-width: 576px) { .filter-panel .select2-container { padding: 0 1rem !important; } .filter-panel .select2-container + .filter-item__search-action { right: 1.5rem !important; } } .courses.courses-index .filters-layout__item-first .filter-item__trigger { padding-left: 0; padding-right: 0; } .courses.courses-index .filters-layout__item-first .filter-item__label { padding-left: 1rem; } .courses.courses-index .filters-layout__item-first .filter-item__search-action { right: 0.5rem; } .align-left { text-align: left !important; } .align-right { text-align: right !important; } .align-center { text-align: center !important; } .-align-left { text-align: left !important; } .-align-right { text-align: right !important; } .-align-center { text-align: center !important; } .-align-justify { text-align: justify !important; } .-align-auto { margin: auto !important; } .align--center { text-align: center !important; } .bg-primary { color: #ffffff; background-color: var(--color-primary) !important; } .bg-primary-inverse { color: #000000; background-color: var(--color-primary-inverse) !important; } .bg-secondary { color: #ffffff; background-color: var(--color-secondary) !important; } .bg-secondary-inverse { color: #000000; background-color: var(--color-secondary-inverse) !important; } .bg-third { color: #000000; background-color: var(--color-third) !important; } .bg-third-inverse { color: #000000; background-color: var(--color-third-inverse) !important; } .bg-red { color: #ffffff; background-color: var(--color-red) !important; } .bg-red-inverse { color: #000000; background-color: var(--color-red-inverse) !important; } .bg-green { color: #000000; background-color: var(--color-green) !important; } .bg-green-inverse { color: #000000; background-color: var(--color-green-inverse) !important; } .bg-yellow { color: #000000; background-color: var(--color-yellow) !important; } .bg-yellow-inverse { color: #000000; background-color: var(--color-yellow-inverse) !important; } .bg-danger { color: #ffffff; background-color: var(--color-danger) !important; } .bg-danger-inverse { color: #000000; background-color: var(--color-danger-inverse) !important; } .bg-success { color: #ffffff; background-color: var(--color-success) !important; } .bg-success-inverse { color: #000000; background-color: var(--color-success-inverse) !important; } .bg-warning { color: #000000; background-color: var(--color-warning) !important; } .bg-warning-inverse { color: #000000; background-color: var(--color-warning-inverse) !important; } .bg-info { color: #ffffff; background-color: var(--color-info) !important; } .bg-info-inverse { color: #000000; background-color: var(--color-info-inverse) !important; } .bg-black { color: #ffffff; background-color: var(--color-black) !important; } .bg-white { color: #000000; background-color: var(--color-white) !important; } .bg-gray-000 { color: #ffffff; background-color: var(--color-gray-000) !important; } .bg-gray-1000 { color: #ffffff; background-color: var(--color-gray-1000) !important; } .bg-gray-900 { color: #ffffff; background-color: var(--color-gray-900) !important; } .bg-gray-800 { color: #000000; background-color: var(--color-gray-800) !important; } .bg-gray-700 { color: #000000; background-color: var(--color-gray-700) !important; } .bg-gray-600 { color: #000000; background-color: var(--color-gray-600) !important; } .bg-gray-500 { color: #000000; background-color: var(--color-gray-500) !important; } .bg-gray-400 { color: #000000; background-color: var(--color-gray-400) !important; } .bg-gray-300 { color: #000000; background-color: var(--color-gray-300) !important; } .bg-gray-200 { color: #000000; background-color: var(--color-gray-200) !important; } .bg-gray-100 { color: #000000; background-color: var(--color-gray-100) !important; } .bg-dark-blue { color: #ffffff; background-color: var(--color-dark-blue) !important; } .bg-dark-blue-inverse { color: #000000; background-color: var(--color-dark-blue-inverse) !important; } .bg-dark { color: #ffffff; background-color: var(--color-dark) !important; } .bg-gray-dark { color: #ffffff; background-color: var(--color-gray-dark) !important; } .bg-green-80 { color: #000000; background-color: var(--color-green-80) !important; } .bg-green-60 { color: #000000; background-color: var(--color-green-60) !important; } .bg-green-40 { color: #000000; background-color: var(--color-green-40) !important; } .border, .-border { border: 1px solid var(--color-gray-200); } .border-top, .-border-top { border-top: 1px solid var(--color-gray-200); } .border-right, .-border-right { border-right: 1px solid var(--color-gray-200); } .border-bottom, .-border-bottom { border-bottom: 1px solid var(--color-gray-200); } .border-left, .-border-left { border-left: 1px solid var(--color-gray-200); } .noborder--right { border-right: none !important; } .noborder--left { border-left: none !important; } .heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 { line-height: 1.2; margin: 0; } .heading-1 { font-size: var(--font-size-h1); } .heading-2 { font-size: var(--font-size-h2); } .heading-3 { font-size: var(--font-size-h3); } .heading-4 { font-size: var(--font-size-h4); } .heading-5 { font-size: var(--font-size-h5); } .heading-6 { font-size: var(--font-size-h6); } .-float-left { float: left !important; } .-float-right { float: right !important; } .-link-underline { text-decoration: underline; } .-transition { -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .no-float { float: unset; } .sr-only { display: none; } .uppercase { text-transform: uppercase; } @media (min-width: 767px) { .min-height-500 { min-height: 41rem; } .max-width-80 { max-width: 80%; } .max-width-70 { max-width: 70%; } } .-gap { height: 30px; display: block; clear: both; } .-gap-10 { height: 10px; display: block; clear: both; } .-clearfix:after { clear: both; display: block; content: ""; } .-link-underline, .underline { text-decoration: underline; } img { max-width: 100%; display: block; } .-color-light { color: #999; } .mandatory { color: red; } .-text-small, .small { font-size: .85rem; } .-text-italic { font-style: italic; } .-text-bold, .bold-700 { font-weight: 700; } .bold-600 { font-weight: 600; } .-line { width: 100%; display: inline-block; background: rgba(0, 0, 0, 0.1); margin: 20px 0; height: 2px; } .-display-inline, .display-inline { display: inline-block !important; vertical-align: middle !important; } .-display-block { display: block !important; } .-hide-desktop { display: none !important; } .-skin { background: #fff; border-radius: 3px; -webkit-box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.05); } .-padding-40 { padding: 40px; } .-padding-20 { padding: 20px; } .-padding-30 { padding: 30px; } .-color-secondary { color: var(--color-secondary); } .-color-primary { color: var(--color-primary); } .-color-danger { color: #fd4444; } .-transition { -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .-no-border { border: none !important; } .-no-border-bottom { border-bottom: none !important; } .-no-border-top { border-top: none !important; } .-no-border-right { border-right: none !important; } .-no-border-left { border-left: none !important; } .-no-margin { margin: 0 !important; } .-no-margin-top { margin-top: 0 !important; } .-no-margin-left { margin-left: 0 !important; } .-no-margin-right { margin-right: 0 !important; } .-no-margin-bottom { margin-bottom: 0 !important; } .-no-padding { padding: 0 !important; } .-no-padding-top { padding-top: 0 !important; } .-no-padding-left { padding-left: 0 !important; } .-no-padding-right { padding-right: 0 !important; } .-no-padding-bottom { padding-bottom: 0 !important; } .-no-hover { -webkit-box-shadow: none !important; box-shadow: none !important; cursor: default !important; } .-no-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } .-style-bold { font-weight: 500; } .-clear-right { float: right !important; clear: right !important; } .-clear-left { float: left !important; clear: left !important; } .-border { border: 1px solid #e5e5e5; } .-margin-tb-10 { margin: 10px 0 !important; } .-margin-tb-15 { margin: 15px 0 !important; } .-margin-b-15 { margin-bottom: 15px; } .-margin-b-30 { margin-bottom: 30px; } .-style-italic { font-style: italic; } ::-webkit-input-placeholder { color: #cacaca; } :-moz-placeholder { color: #666; } ::-moz-placeholder { color: #666; } :-ms-input-placeholder { color: #666; } .message-display { text-align: center; padding: 2.5rem; background-color: var(--color-white); min-height: 25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--color-white); border-radius: var(--radius-0); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); } @media (min-width: 576px) { .message-display { min-height: 30rem; } } .message-display--small { -webkit-box-shadow: none; box-shadow: none; } @media (min-width: 576px) { .message-display--small { min-height: 1%; } } .message-display--small h1, .message-display--small .h1 { font-size: calc(1rem + 0.8vw); margin-bottom: 0.6rem; } .message-display--small .message-display__icon { margin-bottom: 2rem; width: 6rem; height: 6rem; } .message-display h5, .message-display .h5 { line-height: 1.6; margin-bottom: .75rem; } .message-display h2, .message-display .h2 { text-transform: uppercase; color: var(--color-secondary); font-size: 4rem; font-weight: 800; } .message-display__media { display: table; margin: 0 auto 30px; max-width: 500px; } .message-display__icon { width: 8rem; height: 8rem; position: relative; display: block; overflow: hidden; margin: 0 auto; } .message-display__icon svg { fill: #1a1a1a; } .message-display__icon .-color-fill { fill: var(--color-secondary); } .message-display.message-display--404 .message-display-content h5, .message-display.message-display--404 .message-display-content .h5 { font-size: 2.5rem; color: var(--color-primary); line-height: 1; } @media (min-width: 767px) { .message-display.message-display--404 .message-display__media { width: 280px; margin: 0; float: left; } .message-display.message-display--404 .message-display-content { text-align: left; width: calc(100% - 280px); float: left; padding-top: 158px; margin-left: -30px; } .message-display.message-display--404 .message-display-content h2, .message-display.message-display--404 .message-display-content .h2 { font-size: 3.2rem; line-height: 1; } } .-link-close { text-align: center; position: absolute; top: 0; right: 5px; display: inline-block; width: 45px; height: 45px; } .-link-close:before { content: "+"; font-size: 2.5rem; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; line-height: 42px; } .gototop { width: 50px; height: 50px; display: none; -webkit-animation: hide 350ms ease-out forwards 1; animation: hide 350ms ease-out forwards 1; padding: 5px; border: 0; text-align: center; background-color: var(--color-primary); color: var(--color-primary-inverse); position: fixed; bottom: 150px; right: 16px; border-radius: var(--radius); -webkit-transition: background-color .1s ease-in-out; transition: background-color .1s ease-in-out; z-index: 10; } @media (max-width: 576px) { .gototop { display: none !important; } } .gototop:before { width: 12px; height: 12px; top: 50%; left: 50%; margin-top: -6px; margin-left: -6px; position: absolute; content: ""; border-left: 3px solid var(--color-primary-inverse); border-bottom: 3px solid var(--color-primary-inverse); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .gototop.isvisible { display: block; -webkit-animation: show 1s ease-out forwards 1; animation: show 1s ease-out forwards 1; } @-webkit-keyframes hide { 0% { opacity: 1; -webkit-transform: translateY(0); } 25% { opacity: .5; -webkit-transform: rotate(-5deg) translateY(-40px); } 75% { -webkit-transform: rotate(5deg); } 100% { opacity: 0; -webkit-transform: translateY(100px); } } @keyframes hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 25% { opacity: .5; -webkit-transform: rotate(-5deg) translateY(-40px); transform: rotate(-5deg) translateY(-40px); } 75% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 100% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } } @-webkit-keyframes show { 0% { -webkit-transform: rotate(0); } 25% { opacity: .5; -webkit-transform: rotate(-5deg) translateY(-40px); } 75% { -webkit-transform: rotate(5deg); } 100% { opacity: 1; -webkit-transform: rotate(0); } } @keyframes show { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 25% { opacity: .5; -webkit-transform: rotate(-5deg) translateY(-40px); transform: rotate(-5deg) translateY(-40px); } 75% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 100% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); } } @media (max-width: 1200px) { .-show-responsive { display: inline-block !important; } } @media (max-width: 767px) { .message-display { padding: 10px; } .message-display.message-display--404 .message-display__media { width: 200px; } .message-display h2, .message-display .h2 { font-size: 3rem; } .-show-mobile { display: inline-block !important; } .-hide-mobile { display: none !important; } .-padding-30, .-padding-40 { padding: 20px; } } .arrow-link { position: relative; font-weight: 600; padding-right: 20px; display: inline-block; } .arrow-link:after { content: ""; position: absolute; right: 5px; top: 5px; width: 8px; height: 8px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transition: .3s ease-in-out all; transition: .3s ease-in-out all; } .arrow-link:hover:after { right: 0; } .arrow-link:hover { color: var(--color-primary); } .overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 11; display: none; } .-no-padding { padding: 0 !important; } .-no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; } .link-color { color: var(--color-primary); } .readMore { float: right; } .messageCheckbox { text-align: right; margin-top: 15px; } .text-right { text-align: right; } @media (min-width: 768px) { .text-md-right { text-align: right; } } .issueReportLink { margin-top: 20px; } .issueReportLink a { color: #fff; font-size: 1.2rem; } .isuueOptions { max-height: 300px; overflow-y: auto; } .issueDetailPopup { overflow-y: auto; } .box-hint { width: 15px; height: 15px; border: 1px solid #dcdcdc; display: inline-block; margin-right: 10px; margin-left: 10px; line-height: 1; } .note { position: relative; padding: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .note .icon { min-width: 14px; height: 14px; margin-right: .5rem; margin-top: .5rem; } .note::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.05; background-color: currentColor; pointer-events: none; } .note p { color: inherit; margin-bottom: 0; } .note--secondary { color: var(--color-secondary); } .note--primary { color: var(--color-primary); } .note--blank { background: transparent; } .note--blank::before { content: none; } .note--vertical-border { padding: var(--padding-6) 0; } .panel--calendar { border-bottom: transparent; } .booked-box { background: var(--color-secondary); } .-gap-negative { margin-top: -30px; } .border-dotted { border-bottom: 1px dotted; } .overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 11; display: none; } @media (max-width: 1200px) { html.show-nav-js .overlay--nav { display: block; } } @media (max-width: 1199px) { .-hide-responsive { display: none !important; } } @media (max-width: 1023px) { .-clear-right, .-clear-left { clear: none !important; float: none !important; } } .direction-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .close { width: 3rem; height: 3rem; position: relative; color: inherit; font-size: var(--font-size-xxxl); line-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; border: none; cursor: pointer; } .close:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; content: "+"; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); text-align: center; } .close--small { width: 24px; height: 24px; line-height: 20px; font-size: var(--font-size-xl); } .bg-secondary { color: var(--color-secondary-inverse) !important; } .snakeline-hover { text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)); background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; -webkit-transition: background-size .3s; transition: background-size .3s; } @media (min-width: 1199px) { .snakeline-hover:hover { background-size: 100% 1px; color: var(--color-primary); } } .-no-hover { -webkit-box-shadow: var(--shadow-none) !important; box-shadow: var(--shadow-none) !important; cursor: default !important; } .-no-border { border: none !important; } .-no-border-bottom { border-bottom: none !important; } .-no-border-top { border-top: none !important; } .-no-border-right { border-right: none !important; } .-no-border-left { border-left: none !important; } .-no-margin { margin: 0 !important; } .-no-margin-top { margin-top: 0 !important; } .-no-margin-left { margin-left: 0 !important; } .-no-margin-right { margin-right: 0 !important; } .-no-margin-bottom { margin-bottom: 0 !important; } .-no-padding { padding: 0 !important; } .-no-padding-top { padding-top: 0 !important; } .-no-padding-left { padding-left: 0 !important; } .-no-padding-right { padding-right: 0 !important; } .-no-padding-bottom { padding-bottom: 0 !important; } .-no-background-color { background-color: transparent !important; } .-no-background-image { background-image: none !important; } .nomargin { margin: 0 !important; } .nomargin--bottom { margin-bottom: 0 !important; } .nomargin--top { margin-top: 0 !important; } .nomargin--left { margin-left: 0 !important; } .nomargin--right { margin-right: 0 !important; } .nopadding { padding: 0 !important; } .nopadding--bottom { padding-bottom: 0 !important; } .nopadding--top { padding-top: 0 !important; } .nopadding--left { padding-left: 0 !important; } .nopadding--right { padding-right: 0 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-right-0 { border-right: 0 !important; } .scrollbar { overflow: auto; width: 100% !important; max-height: 200px; padding: 0 !important; position: relative; } .scrollbar-track { width: 10px; right: 0px !important; position: relative; } .scrollbar-handle { width: 4px; background: rgba(0, 0, 0, 0.1); margin-left: 3px; border-radius: var(--radius-1); -webkit-transition: width 250ms; transition: width 250ms; } @media (max-width: 1199px) { .horiz-scroller { position: relative; overflow-y: hidden; overflow-x: scroll; white-space: nowrap; } .horiz-scroller [class*="col-"] { display: inline-block; vertical-align: top; } .horiz-scroller > * { white-space: normal; } } @media (max-width: 767px) { .mini-horiz-scroller { position: relative; display: inline-block; overflow-y: hidden; overflow-x: scroll; white-space: nowrap; } .mini-horiz-scroller [class*="col-"] { display: inline-block; vertical-align: top; width: 50%; } .mini-horiz-scroller > * { white-space: normal; } } .p-px { padding: 1px; } .pt-px { padding-top: 1px; } .pb-px { padding-bottom: 1px; } .pl-px { padding-left: 1px; } .pr-px { padding-right: 1px; } .px-px { padding-left: 1px; padding-right: 1px; } .py-px { padding-top: 1px; padding-bottom: 1px; } .p-0 { padding: 0; } .pt-0 { padding-top: 0; } .pb-0 { padding-bottom: 0; } .pl-0 { padding-left: 0; } .pr-0 { padding-right: 0; } .px-0 { padding-left: 0; padding-right: 0; } .py-0 { padding-top: 0; padding-bottom: 0; } .p-1 { padding: 0.25rem; } .pt-1 { padding-top: 0.25rem; } .pb-1 { padding-bottom: 0.25rem; } .pl-1 { padding-left: 0.25rem; } .pr-1 { padding-right: 0.25rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .p-2 { padding: 0.5rem; } .pt-2 { padding-top: 0.5rem; } .pb-2 { padding-bottom: 0.5rem; } .pl-2 { padding-left: 0.5rem; } .pr-2 { padding-right: 0.5rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .p-3 { padding: 0.75rem; } .pt-3 { padding-top: 0.75rem; } .pb-3 { padding-bottom: 0.75rem; } .pl-3 { padding-left: 0.75rem; } .pr-3 { padding-right: 0.75rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .p-4 { padding: 1rem; } .pt-4 { padding-top: 1rem; } .pb-4 { padding-bottom: 1rem; } .pl-4 { padding-left: 1rem; } .pr-4 { padding-right: 1rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .p-5 { padding: 1.25rem; } .pt-5 { padding-top: 1.25rem; } .pb-5 { padding-bottom: 1.25rem; } .pl-5 { padding-left: 1.25rem; } .pr-5 { padding-right: 1.25rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .p-6 { padding: 1.5rem; } .pt-6 { padding-top: 1.5rem; } .pb-6 { padding-bottom: 1.5rem; } .pl-6 { padding-left: 1.5rem; } .pr-6 { padding-right: 1.5rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .p-8 { padding: 2rem; } .pt-8 { padding-top: 2rem; } .pb-8 { padding-bottom: 2rem; } .pl-8 { padding-left: 2rem; } .pr-8 { padding-right: 2rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .p-10 { padding: 2.5rem; } .pt-10 { padding-top: 2.5rem; } .pb-10 { padding-bottom: 2.5rem; } .pl-10 { padding-left: 2.5rem; } .pr-10 { padding-right: 2.5rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .p-12 { padding: 3rem; } .pt-12 { padding-top: 3rem; } .pb-12 { padding-bottom: 3rem; } .pl-12 { padding-left: 3rem; } .pr-12 { padding-right: 3rem; } .px-12 { padding-left: 3rem; padding-right: 3rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .p-14 { padding: 3.4rem; } .pt-14 { padding-top: 3.4rem; } .pb-14 { padding-bottom: 3.4rem; } .pl-14 { padding-left: 3.4rem; } .pr-14 { padding-right: 3.4rem; } .px-14 { padding-left: 3.4rem; padding-right: 3.4rem; } .py-14 { padding-top: 3.4rem; padding-bottom: 3.4rem; } .p-16 { padding: 4rem; } .pt-16 { padding-top: 4rem; } .pb-16 { padding-bottom: 4rem; } .pl-16 { padding-left: 4rem; } .pr-16 { padding-right: 4rem; } .px-16 { padding-left: 4rem; padding-right: 4rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .p-18 { padding: 4.5rem; } .pt-18 { padding-top: 4.5rem; } .pb-18 { padding-bottom: 4.5rem; } .pl-18 { padding-left: 4.5rem; } .pr-18 { padding-right: 4.5rem; } .px-18 { padding-left: 4.5rem; padding-right: 4.5rem; } .py-18 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .p-20 { padding: 5rem; } .pt-20 { padding-top: 5rem; } .pb-20 { padding-bottom: 5rem; } .pl-20 { padding-left: 5rem; } .pr-20 { padding-right: 5rem; } .px-20 { padding-left: 5rem; padding-right: 5rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .p-24 { padding: 6rem; } .pt-24 { padding-top: 6rem; } .pb-24 { padding-bottom: 6rem; } .pl-24 { padding-left: 6rem; } .pr-24 { padding-right: 6rem; } .px-24 { padding-left: 6rem; padding-right: 6rem; } .py-24 { padding-top: 6rem; padding-bottom: 6rem; } .p-26 { padding: 7rem; } .pt-26 { padding-top: 7rem; } .pb-26 { padding-bottom: 7rem; } .pl-26 { padding-left: 7rem; } .pr-26 { padding-right: 7rem; } .px-26 { padding-left: 7rem; padding-right: 7rem; } .py-26 { padding-top: 7rem; padding-bottom: 7rem; } .p-32 { padding: 8rem; } .pt-32 { padding-top: 8rem; } .pb-32 { padding-bottom: 8rem; } .pl-32 { padding-left: 8rem; } .pr-32 { padding-right: 8rem; } .px-32 { padding-left: 8rem; padding-right: 8rem; } .py-32 { padding-top: 8rem; padding-bottom: 8rem; } .p-40 { padding: 10rem; } .pt-40 { padding-top: 10rem; } .pb-40 { padding-bottom: 10rem; } .pl-40 { padding-left: 10rem; } .pr-40 { padding-right: 10rem; } .px-40 { padding-left: 10rem; padding-right: 10rem; } .py-40 { padding-top: 10rem; padding-bottom: 10rem; } .p-48 { padding: 12rem; } .pt-48 { padding-top: 12rem; } .pb-48 { padding-bottom: 12rem; } .pl-48 { padding-left: 12rem; } .pr-48 { padding-right: 12rem; } .px-48 { padding-left: 12rem; padding-right: 12rem; } .py-48 { padding-top: 12rem; padding-bottom: 12rem; } .p-56 { padding: 14rem; } .pt-56 { padding-top: 14rem; } .pb-56 { padding-bottom: 14rem; } .pl-56 { padding-left: 14rem; } .pr-56 { padding-right: 14rem; } .px-56 { padding-left: 14rem; padding-right: 14rem; } .py-56 { padding-top: 14rem; padding-bottom: 14rem; } .p-64 { padding: 16rem; } .pt-64 { padding-top: 16rem; } .pb-64 { padding-bottom: 16rem; } .pl-64 { padding-left: 16rem; } .pr-64 { padding-right: 16rem; } .px-64 { padding-left: 16rem; padding-right: 16rem; } .py-64 { padding-top: 16rem; padding-bottom: 16rem; } .m-px { margin: 1px; } .mt-px { margin-top: 1px; } .mb-px { margin-bottom: 1px; } .ml-px { margin-left: 1px; } .mr-px { margin-right: 1px; } .mx-px { margin-left: 1px; margin-right: 1px; } .my-px { margin-top: 1px; margin-bottom: 1px; } .m-0 { margin: 0; } .mt-0 { margin-top: 0; } .mb-0 { margin-bottom: 0; } .ml-0 { margin-left: 0; } .mr-0 { margin-right: 0; } .mx-0 { margin-left: 0; margin-right: 0; } .my-0 { margin-top: 0; margin-bottom: 0; } .m-1 { margin: 0.25rem; } .mt-1 { margin-top: 0.25rem; } .mb-1 { margin-bottom: 0.25rem; } .ml-1 { margin-left: 0.25rem; } .mr-1 { margin-right: 0.25rem; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .m-2 { margin: 0.5rem; } .mt-2 { margin-top: 0.5rem; } .mb-2 { margin-bottom: 0.5rem; } .ml-2 { margin-left: 0.5rem; } .mr-2 { margin-right: 0.5rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .m-3 { margin: 0.75rem; } .mt-3 { margin-top: 0.75rem; } .mb-3 { margin-bottom: 0.75rem; } .ml-3 { margin-left: 0.75rem; } .mr-3 { margin-right: 0.75rem; } .mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .m-4 { margin: 1rem; } .mt-4 { margin-top: 1rem; } .mb-4 { margin-bottom: 1rem; } .ml-4 { margin-left: 1rem; } .mr-4 { margin-right: 1rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .m-5 { margin: 1.25rem; } .mt-5 { margin-top: 1.25rem; } .mb-5 { margin-bottom: 1.25rem; } .ml-5 { margin-left: 1.25rem; } .mr-5 { margin-right: 1.25rem; } .mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .m-6 { margin: 1.5rem; } .mt-6 { margin-top: 1.5rem; } .mb-6 { margin-bottom: 1.5rem; } .ml-6 { margin-left: 1.5rem; } .mr-6 { margin-right: 1.5rem; } .mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .m-8 { margin: 2rem; } .mt-8 { margin-top: 2rem; } .mb-8 { margin-bottom: 2rem; } .ml-8 { margin-left: 2rem; } .mr-8 { margin-right: 2rem; } .mx-8 { margin-left: 2rem; margin-right: 2rem; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .m-10 { margin: 2.5rem; } .mt-10 { margin-top: 2.5rem; } .mb-10 { margin-bottom: 2.5rem; } .ml-10 { margin-left: 2.5rem; } .mr-10 { margin-right: 2.5rem; } .mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; } .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .m-12 { margin: 3rem; } .mt-12 { margin-top: 3rem; } .mb-12 { margin-bottom: 3rem; } .ml-12 { margin-left: 3rem; } .mr-12 { margin-right: 3rem; } .mx-12 { margin-left: 3rem; margin-right: 3rem; } .my-12 { margin-top: 3rem; margin-bottom: 3rem; } .m-14 { margin: 3.4rem; } .mt-14 { margin-top: 3.4rem; } .mb-14 { margin-bottom: 3.4rem; } .ml-14 { margin-left: 3.4rem; } .mr-14 { margin-right: 3.4rem; } .mx-14 { margin-left: 3.4rem; margin-right: 3.4rem; } .my-14 { margin-top: 3.4rem; margin-bottom: 3.4rem; } .m-16 { margin: 4rem; } .mt-16 { margin-top: 4rem; } .mb-16 { margin-bottom: 4rem; } .ml-16 { margin-left: 4rem; } .mr-16 { margin-right: 4rem; } .mx-16 { margin-left: 4rem; margin-right: 4rem; } .my-16 { margin-top: 4rem; margin-bottom: 4rem; } .m-18 { margin: 4.5rem; } .mt-18 { margin-top: 4.5rem; } .mb-18 { margin-bottom: 4.5rem; } .ml-18 { margin-left: 4.5rem; } .mr-18 { margin-right: 4.5rem; } .mx-18 { margin-left: 4.5rem; margin-right: 4.5rem; } .my-18 { margin-top: 4.5rem; margin-bottom: 4.5rem; } .m-20 { margin: 5rem; } .mt-20 { margin-top: 5rem; } .mb-20 { margin-bottom: 5rem; } .ml-20 { margin-left: 5rem; } .mr-20 { margin-right: 5rem; } .mx-20 { margin-left: 5rem; margin-right: 5rem; } .my-20 { margin-top: 5rem; margin-bottom: 5rem; } .m-24 { margin: 6rem; } .mt-24 { margin-top: 6rem; } .mb-24 { margin-bottom: 6rem; } .ml-24 { margin-left: 6rem; } .mr-24 { margin-right: 6rem; } .mx-24 { margin-left: 6rem; margin-right: 6rem; } .my-24 { margin-top: 6rem; margin-bottom: 6rem; } .m-26 { margin: 7rem; } .mt-26 { margin-top: 7rem; } .mb-26 { margin-bottom: 7rem; } .ml-26 { margin-left: 7rem; } .mr-26 { margin-right: 7rem; } .mx-26 { margin-left: 7rem; margin-right: 7rem; } .my-26 { margin-top: 7rem; margin-bottom: 7rem; } .m-32 { margin: 8rem; } .mt-32 { margin-top: 8rem; } .mb-32 { margin-bottom: 8rem; } .ml-32 { margin-left: 8rem; } .mr-32 { margin-right: 8rem; } .mx-32 { margin-left: 8rem; margin-right: 8rem; } .my-32 { margin-top: 8rem; margin-bottom: 8rem; } .m-40 { margin: 10rem; } .mt-40 { margin-top: 10rem; } .mb-40 { margin-bottom: 10rem; } .ml-40 { margin-left: 10rem; } .mr-40 { margin-right: 10rem; } .mx-40 { margin-left: 10rem; margin-right: 10rem; } .my-40 { margin-top: 10rem; margin-bottom: 10rem; } .m-48 { margin: 12rem; } .mt-48 { margin-top: 12rem; } .mb-48 { margin-bottom: 12rem; } .ml-48 { margin-left: 12rem; } .mr-48 { margin-right: 12rem; } .mx-48 { margin-left: 12rem; margin-right: 12rem; } .my-48 { margin-top: 12rem; margin-bottom: 12rem; } .m-56 { margin: 14rem; } .mt-56 { margin-top: 14rem; } .mb-56 { margin-bottom: 14rem; } .ml-56 { margin-left: 14rem; } .mr-56 { margin-right: 14rem; } .mx-56 { margin-left: 14rem; margin-right: 14rem; } .my-56 { margin-top: 14rem; margin-bottom: 14rem; } .m-64 { margin: 16rem; } .mt-64 { margin-top: 16rem; } .mb-64 { margin-bottom: 16rem; } .ml-64 { margin-left: 16rem; } .mr-64 { margin-right: 16rem; } .mx-64 { margin-left: 16rem; margin-right: 16rem; } .my-64 { margin-top: 16rem; margin-bottom: 16rem; } .padding-0 { padding: 0rem !important; } .padding-1 { padding: .25rem !important; } .padding-2 { padding: .5rem !important; } .padding-3 { padding: .75rem !important; } .padding-4 { padding: 1rem !important; } .padding-5 { padding: 1.25rem !important; } .padding-6 { padding: 1.5rem !important; } .padding-8 { padding: 2rem !important; } .padding-10 { padding: 2.5rem !important; } .padding-12 { padding: 3rem !important; } .padding-14 { padding: 3.4rem !important; } .padding-16 { padding: 4rem !important; } .padding-top-0 { padding-top: 0rem !important; } .padding-top-1 { padding-top: .25rem !important; } .padding-top-2 { padding-top: .5rem !important; } .padding-top-3 { padding-top: .75rem !important; } .padding-top-4 { padding-top: 1rem !important; } .padding-top-5 { padding-top: 1.25rem !important; } .padding-left-0 { padding-left: 0rem !important; } .padding-left-1 { padding-left: .25rem !important; } .padding-left-2 { padding-left: .5rem !important; } .padding-left-3 { padding-left: .75rem !important; } .padding-left-4 { padding-left: 1rem !important; } .padding-left-5 { padding-left: 1.25rem !important; } .padding-left-6 { padding-left: 1.5rem !important; } .padding-left-8 { padding-left: 2rem !important; } .padding-left-10 { padding-left: 2.5rem !important; } .padding-left-12 { padding-left: 3rem !important; } .padding-left-14 { padding-left: 3.4rem !important; } .padding-left-16 { padding-left: 4rem !important; } .padding-right-0 { padding-right: 0rem !important; } .padding-right-1 { padding-right: .25rem !important; } .padding-right-2 { padding-right: .5rem !important; } .padding-right-3 { padding-right: .75rem !important; } .padding-right-4 { padding-right: 1rem !important; } .padding-right-5 { padding-right: 1.25rem !important; } .padding-right-6 { padding-right: 1.5rem !important; } .padding-right-8 { padding-right: 2rem !important; } .padding-right-10 { padding-right: 2.5rem !important; } .padding-right-12 { padding-right: 3rem !important; } .padding-right-14 { padding-right: 3.4rem !important; } .padding-right-16 { padding-right: 4rem !important; } .padding-bottom-0 { padding-bottom: 0rem !important; } .padding-bottom-1 { padding-bottom: .25rem !important; } .padding-bottom-2 { padding-bottom: .5rem !important; } .padding-bottom-3 { padding-bottom: .75rem !important; } .padding-bottom-4 { padding-bottom: 1rem !important; } .padding-bottom-5 { padding-bottom: 1.25rem !important; } .padding-bottom-6 { padding-bottom: 1.5rem !important; } .padding-bottom-8 { padding-bottom: 2rem !important; } .padding-bottom-10 { padding-bottom: 2.5rem !important; } .padding-bottom-12 { padding-bottom: 3rem !important; } .padding-bottom-14 { padding-bottom: 3.4rem !important; } .padding-bottom-16 { padding-bottom: 4rem !important; } .padding-bottom-18 { padding-bottom: 4.5rem !important; } .padding-bottom-20 { padding-bottom: 5rem !important; } .margin-auto { margin: auto !important; } .margin-0 { margin: 0rem !important; } .margin-1 { margin: .25rem !important; } .margin-2 { margin: .5rem !important; } .margin-3 { margin: .75rem !important; } .margin-4 { margin: 1rem !important; } .margin-5 { margin: 1.25rem !important; } .margin-left-0 { margin-left: 0 !important; } .margin-top-auto { margin-top: auto !important; } .margin-left-auto { margin-left: auto !important; } .margin-right-auto { margin-right: auto !important; } .margin-left-1 { margin-left: .25rem !important; } .margin-left-2 { margin-left: .5rem !important; } .margin-left-3 { margin-left: .75rem !important; } .margin-left-4 { margin-left: 1rem !important; } .margin-left-5 { margin-left: 1.25rem !important; } .margin-right-0 { margin-right: 0 !important; } .margin-right-1 { margin-right: .25rem !important; } .margin-right-2 { margin-right: .5rem !important; } .margin-right-3 { margin-right: .75rem !important; } .margin-right-4 { margin-right: 1rem !important; } .margin-right-5 { margin-right: 1.25rem !important; } .margin-top-0 { margin-top: 0 !important; } .margin-top-1 { margin-top: .25rem !important; } .margin-top-2 { margin-top: .5rem !important; } .margin-top-3 { margin-top: .75rem !important; } .margin-top-4 { margin-top: 1rem !important; } .margin-top-5 { margin-top: 1.25rem !important; } .margin-top-6 { margin-top: 1.5rem !important; } .margin-top-8 { margin-top: 2rem !important; } .margin-top-10 { margin-top: 2.5rem !important; } .margin-top-12 { margin-top: 3rem !important; } .margin-top-14 { margin-top: 3.5rem !important; } .margin-top-16 { margin-top: 4rem !important; } .margin-bottom-0 { margin-bottom: 0 !important; } .margin-bottom-1 { margin-bottom: .25rem !important; } .margin-bottom-2 { margin-bottom: .5rem !important; } .margin-bottom-3 { margin-bottom: .75rem !important; } .margin-bottom-4 { margin-bottom: 1rem !important; } .margin-bottom-5 { margin-bottom: 1.25rem !important; } .margin-bottom-6 { margin-bottom: 1.5rem !important; } .margin-bottom-8 { margin-bottom: 2rem !important; } .margin-bottom-10 { margin-bottom: 2.5rem !important; } .margin-bottom-12 { margin-bottom: 3rem !important; } .margin-bottom-14 { margin-bottom: 3.5rem !important; } .margin-bottom-16 { margin-bottom: 4rem !important; } .margin-bottom-18 { margin-bottom: 4.5rem !important; } .margin-bottom-20 { margin-bottom: 5rem !important; } .spinner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .spinner__animation { background-color: #FFF; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 3em; height: 3em; border-radius: 100vw; border: 4px solid rgba(0, 0, 0, 0.2); border-top-color: currentColor; -webkit-animation: spinner-animation .8s linear infinite; animation: spinner-animation .8s linear infinite; } .spinner--fill { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; } .spinner--fill:before { position: absolute; width: 100%; height: 100%; background-color: var(--color-white); opacity: 0.9; content: ""; } .spinner--success .spinner__animation { border-color: currentColor; background-color: currentColor; -webkit-animation: spinner-grow .55s linear; animation: spinner-grow .55s linear; } .spinner--success .spinner__animation:before { width: 0.8em; height: 1.5em; border-right: 4px solid #fff; border-bottom: 4px solid #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); content: ""; } @-webkit-keyframes spinner-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes spinner-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } .color-primary { color: var(--color-primary) !important; } .color-primary-inverse { color: var(--color-primary-inverse) !important; } .color-secondary { color: var(--color-secondary) !important; } .color-secondary-inverse { color: var(--color-secondary-inverse) !important; } .color-third { color: var(--color-third) !important; } .color-third-inverse { color: var(--color-third-inverse) !important; } .color-red { color: var(--color-red) !important; } .color-red-inverse { color: var(--color-red-inverse) !important; } .color-green { color: var(--color-green) !important; } .color-green-inverse { color: var(--color-green-inverse) !important; } .color-yellow { color: var(--color-yellow) !important; } .color-yellow-inverse { color: var(--color-yellow-inverse) !important; } .color-danger { color: var(--color-danger) !important; } .color-danger-inverse { color: var(--color-danger-inverse) !important; } .color-success { color: var(--color-success) !important; } .color-success-inverse { color: var(--color-success-inverse) !important; } .color-warning { color: var(--color-warning) !important; } .color-warning-inverse { color: var(--color-warning-inverse) !important; } .color-info { color: var(--color-info) !important; } .color-info-inverse { color: var(--color-info-inverse) !important; } .color-black { color: var(--color-black) !important; } .color-white { color: var(--color-white) !important; } .color-gray-000 { color: var(--color-gray-000) !important; } .color-gray-1000 { color: var(--color-gray-1000) !important; } .color-gray-900 { color: var(--color-gray-900) !important; } .color-gray-800 { color: var(--color-gray-800) !important; } .color-gray-700 { color: var(--color-gray-700) !important; } .color-gray-600 { color: var(--color-gray-600) !important; } .color-gray-500 { color: var(--color-gray-500) !important; } .color-gray-400 { color: var(--color-gray-400) !important; } .color-gray-300 { color: var(--color-gray-300) !important; } .color-gray-200 { color: var(--color-gray-200) !important; } .color-gray-100 { color: var(--color-gray-100) !important; } .color-dark-blue { color: var(--color-dark-blue) !important; } .color-dark-blue-inverse { color: var(--color-dark-blue-inverse) !important; } .color-dark { color: var(--color-dark) !important; } .color-gray-dark { color: var(--color-gray-dark) !important; } .color-green-80 { color: var(--color-green-80) !important; } .color-green-60 { color: var(--color-green-60) !important; } .color-green-40 { color: var(--color-green-40) !important; } .ratio { position: relative; width: 100%; overflow: hidden; background-color: #eee; } .ratio:before { display: block; content: ""; } .ratio--1by1:before { padding-bottom: 100%; } .ratio--4by3:before { padding-bottom: calc(3 / 4 * 100%); } .ratio--3by4:before { padding-bottom: calc(4 / 3 * 100%); } .ratio--16by9:before { padding-bottom: calc(9 / 16 * 100%); } .ratio--9by16:before { padding-bottom: calc(16 / 9 * 100%); } .ratio--2by1:before { padding-bottom: calc(1 / 2 * 100%); } .ratio--1by2:before { padding-bottom: calc(2 / 1 * 100%); } .ratio--3by1:before { padding-bottom: calc(1 / 3 * 100%); } .ratio--1by3:before { padding-bottom: calc(3 / 1 * 100%); } .ratio--4by1:before { padding-bottom: calc(1 / 4 * 100%); } .ratio--1by4:before { padding-bottom: calc(4 / 1 * 100%); } .ratio--3by2:before { padding-bottom: calc(2 / 3 * 100%); } .ratio--2by3:before { padding-bottom: calc(3 / 2 * 100%); } .ratio > *, .ratio img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: auto; height: auto; } .ratio > iframe { width: 100%; height: 100%; } .accordian-group { margin: 0 0 40px 0; } .accordian { border: 1px solid #ceced0; border-bottom: none; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .accordian:last-child { border-bottom: 1px solid #ceced0; margin: 0; } .accordian__title { cursor: pointer; position: relative; font-size: 1.3rem; font-weight: 600; padding: 30px 80px 30px 30px; } .accordian__title:before { width: 30px; height: 30px; position: absolute; right: 30px; top: 20px; content: "+"; color: #000; line-height: 34px; text-align: center; font-size: 2rem; } .accordian__body { padding: 0 20px 20px 30px; position: relative; } .accordian__body p { color: #888; } .accordian.is-active { -webkit-box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); background: #fff; border-color: #e0dfe2; } .accordian.is-active .accordian__title { padding-bottom: 10px; } .accordian.is-active .accordian__title:before { content: "-"; font-size: 2.5rem; } @media (max-width: 767px) { .accordian__title { padding: 20px; padding-right: 50px; line-height: 1.6; } .accordian__body { padding: 0 20px 20px 20px; } .accordian__title:before { right: 10px; top: 16px; } } .accordion-filter { padding: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.625rem; } .accordion-filter .accordion-header { border: none; outline: none; padding: 0.75rem 0; width: 100%; text-align: left; cursor: pointer; background-color: transparent; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 1rem; } .accordion-filter .accordion-header.active::after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: 3px; } .accordion-filter .accordion-header::after { --size: 9px; content: ""; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); max-width: var(--size); border-right: 2px solid #707070; border-bottom: 2px solid #707070; display: block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-right: 5px; } .accordion-filter-item { background-color: #f2f2f2; border-radius: 5px; padding: 0 1rem; } .accordion-filter-item > .accordion-header { font-size: 1.125rem; } .accordion-filter .accordion-content { display: none; border-top: 1px solid #d4d4d4; } .accordion-filter .level-2 { padding-left: 10px; } .accordion-filter .level-3 { padding-left: 15px; } .accordion-filter .accordion-trigger { padding: 0.75rem 0; display: block; font-size: 12px; position: relative; } .accordion-filter .accordion-trigger input { position: absolute; opacity: 0; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; z-index: 1; } .accordion-filter .accordion-trigger input:checked ~ .accordion-trigger-action .accordion-trigger-icon { border-color: #000; background-color: #000; color: #fff; } .accordion-filter .accordion-trigger-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .accordion-filter .accordion-trigger-icon { position: relative; width: 18px; height: 18px; border-radius: 100%; background-color: #fff; border: 1px solid #7b7b7b; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.25s ease-in-out all; transition: 0.25s ease-in-out all; } .accordion-filter .accordion-trigger-icon:before { width: 9px; height: 5px; display: block; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; content: ""; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -1px; } .accordion-filter ul li { border-bottom: 1px solid #d4d4d4; } .accordion-filter ul li:last-child { border: none; } .multilevel-dropdown .accordion-trigger { padding: 0.75rem 0; display: block; position: relative; } .multilevel-dropdown .accordion-trigger input { position: absolute; opacity: 0; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; z-index: 1; } .multilevel-dropdown .accordion-trigger input:checked ~ .accordion-trigger-action .accordion-trigger-icon { border-color: #000; background-color: #000; color: #fff; } .multilevel-dropdown .accordion-trigger-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .multilevel-dropdown .accordion-trigger-icon { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 18px; flex: 0 0 18px; width: 18px; height: 18px; border-radius: 100%; background-color: #fff; border: 1px solid #7b7b7b; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.25s ease-in-out all; transition: 0.25s ease-in-out all; } .multilevel-dropdown .accordion-trigger-icon:before { width: 9px; height: 5px; display: block; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; content: ""; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -1px; } .multilevel-dropdown .is-dropdown { padding-left: 0.75rem; } .multilevel-dropdown > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.625rem; font-weight: 600; } .multilevel-dropdown > ul > li { background-color: #f2f2f2; border-radius: 5px; padding: 0 1rem; font-size: 1.125rem; } .multilevel-dropdown > ul > li > ul > li { font-size: 1rem; } .multilevel-dropdown > ul > li > ul > li > ul > li { font-size: 12px; font-weight: normal; } .multilevel-dropdown > ul > li ul li { border-bottom: 1px solid #d4d4d4; } .multilevel-dropdown > ul > li ul li:last-child { border: none; } .multilevel-dropdown > ul li { line-height: 1.2; } .multilevel-dropdown > ul li.is-child > span.trigger { padding: 0.75rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; position: relative; cursor: pointer; } .multilevel-dropdown > ul li.is-child > span.trigger.is-active::after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: 3px; } .multilevel-dropdown > ul li.is-child > span.trigger::after { --size: 9px; content: ""; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); max-width: var(--size); border-right: 2px solid #707070; border-bottom: 2px solid #707070; display: block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-right: 5px; } .animated { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translate3d(-100%); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } .avtar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: var(--radius-1); font-size: var(--font-size-md); font-weight: 700; text-transform: uppercase; overflow: hidden; background: var(--color-primary); margin: 0; } .avtar:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; content: attr(data-title); color: var(--color-primary-inverse); } .avtar img { position: relative; } .avtar--xsmall { --size: 32px; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); font-size: var(--font-size-small); } .avtar--xsmall img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avtar--small { --size: 36px; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); font-size: var(--font-size-small); } .avtar--small img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avtar--medium { --size: 42px; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); font-size: var(--font-size-small); } .avtar--medium img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avtar--md { --size: calc(clamp(2.143rem, 3.185vw + 1.347rem, 5.714rem)); width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); font-size: var(--font-size-small); } @media (max-width: 767px) { .avtar--md { --size: 40px; } } .avtar--md img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avtar--large { --size: 100px; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); } .avtar--large img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avtar--xlarge { --size: 14rem; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); font-size: var(--font-size-xl); } .avtar--round { border-radius: var(--radius-round); } .avtar--sm { --size: 40px; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); } @media (max-width: 767px) { .avtar--sm { --size: 36px; } } .avtar--sm img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avtar--md { --size: 60px; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); } @media (max-width: 767px) { .avtar--md { --size: 50px; } } .avtar--md img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avtar--lg { --size: 80px; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); } @media (max-width: 767px) { .avtar--lg { --size: 70px; } } .avtar--lg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avtar--xl { --size: 120px; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); } @media (max-width: 767px) { .avtar--xl { --size: 100px; } } .avtar--xl img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avtar-views-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 1rem; } .avtar-views-list .avtar--xlarge { height: auto; } .IssueBlockquote { border-left: 3px solid; border-color: var(--color-primary); padding-left: 15px; margin-bottom: 30px; } .IssueBlockquote h6, .IssueBlockquote .h6 { margin-bottom: 15px; } .IssueBlockquote ul { list-style: disc; list-style-position: inside; } .IssueBlockquote ul li { padding: 3px; } .block__head { position: relative; padding: 15px 20px; border-bottom: 1px solid var(--color-gray-300); } .block__body { position: relative; padding: 20px; border-bottom: 1px solid var(--color-gray-300); } .block__head h6, .block__head .h6 { margin: 0; font-size: 1.1rem; font-weight: 500; } .block__head-trigger { padding-right: 40px; cursor: pointer; position: relative; } .block__head-trigger:after { position: absolute; right: 20px; top: 15px; content: "+"; font-size: 1.6rem; line-height: 1; } .block__head-trigger.is-active:after { content: "-"; } .construction-message-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; margin: 0 0 30px 0; } .construction-message { margin: 0 auto; text-align: center; } .svg-maintenance { width: calc(50% + 0.3vw); height: auto; margin: 30px 0; } .svg-maintenance .-color-secondary { stroke: var(--color-secondary); } .svg-maintenance .-color-primary { stroke: var(--color-primary); } .box { width: 100%; position: relative; background-color: var(--color-white); -webkit-box-shadow: 0px 0px 40px #E0E3EC; box-shadow: 0px 0px 40px #E0E3EC; border-radius: var(--radius-1); } .box .box__head { padding: 20px; border-radius: var(--radius-1) var(--radius-1) 0 0; padding: 1.25rem 1.25rem; border-bottom: 1px solid var(--color-gray-200); position: relative; } .box .box__head .-link-underline { line-height: 1.4; display: inline-block; } .box .box__head p, .box .box__head h4, .box .box__head .h4 { margin: 0; } .box .box__head h1, .box .box__head .h1 { font-size: 1.75rem; } .box--narrow { padding: 15px 30px 30px; min-width: 460px; max-width: 460px; } @media (min-width: 1199px) { .box--narrow { display: block; overflow: auto; max-height: 85vh; } } .box--narrow h2, .box--narrow .h2 { margin-bottom: 15px; } .box--narrow .box__logo { width: 140px; margin: auto; } .box--narrow .form input[type="submit"], .box--narrow .form input[type="button"] { width: 100%; text-align: center; } .box--narrow .form .field_label { margin-bottom: 0.4rem; width: 100%; } .box--narrow p { margin-bottom: 0.4rem; } .set-remember .caption-wraper { display: none; } .box-list .box__price h6, .box-list .box__price .h6 { font-size: 1.1rem; font-weight: 700; } .box-list__head { margin-bottom: 10px; } .box-list__head h3, .box-list__head .h3 { font-size: 1.4rem; margin-right: 5px; } .box-list__head .ratings { margin-left: 30px; } .box__description { margin: 10px 0 20px; min-height: 60px; } .box__description p { line-height: 1.4; font-size: 1.05rem; color: #666; line-height: 1.8; } .box__slip { display: none; height: 100%; width: 55%; position: absolute; right: 0; top: 0; bottom: 0; background: #fff; padding: 20px; /*display: none;*/ } .box__slip-data .btn { margin: 20px 0 0 0; margin-left: 90px; } .box-list.is-selected .box__content { opacity: 0.4; pointer-events: none; } .box__tabs { margin-right: 20px; } .box__tabs li { display: inline-block; position: relative; vertical-align: top; margin-right: 20px; } .box__tabs li a { color: #999999; position: relative; } .box__tabs li a:after { position: absolute; left: 5px; right: 5px; bottom: -5px; content: ""; height: 2px; background: #333; display: none; } .box__tabs li.is-active a { color: #000; } .box__tabs li.is-active a:after { display: block; } .box__calender li .time { min-width: 80px; display: inline-block; min-height: 15px; } .box__calender li .span { display: inline-block; padding: 5px; width: 10%; vertical-align: top; font-size: 0.85rem; } .box__calender li .point { background: #ddd; min-height: 12px; width: 100%; display: block; } .box__calender li .point.is-available { background: var(--color-primary); } @media (min-width: 1199px) { .box__slip-data { min-width: 300px; white-space: nowrap; } } @media (max-width: 576px) { .box-list .box__description { display: none; } .box-list .box-list__body a.btn { display: inline-block; padding: 0 .5rem; width: 47%; text-align: center; } .box-list .box-list__body .txt-inline { margin-bottom: .75rem; } .box-list .box-list__head [class*="col-"]:first-child { text-align: center; } .box-list__head .ratings { margin-left: 0rem; width: 100%; padding: var(--padding-3) 0; margin: var(--margin-3) 0; border: 1px solid #ddd; border-right: 0; border-left: 0; } .box-list .box__price { margin-bottom: .75rem; } .box-list__head .btn--fav { font-size: 0; } .box-list .box-list__head .btn .svg-icon { margin-right: 0; } .box-list .box-list__head .btn--fav { font-size: 0; padding: 0 .25rem; border-radius: var(--radius-round); } .box-list .box-list__head [class*="col-"]:last-child { position: absolute; top: -205px; right: 0; } .box-list .avtar { width: 10rem; height: 10rem; border-radius: var(--radius-round); } .box-list .grid-group .grid { padding-bottom: 3px; } .box-list .-gap { height: 14px; } .box-list__head { margin-bottom: 0; } } @media (max-width: 1199px) { .box-list .grid-group .grid { padding-left: 0rem; padding-bottom: .25rem; } } .fieldset-box { border: 1px solid var(--color-gray-200); border-radius: var(--radius-2); padding: 1.5rem; padding-top: 0; padding-bottom: .5rem; margin-bottom: 1.25rem; } .fieldset-box legend { display: inline-block; width: auto; padding: .5rem; font-size: 1.2rem; font-weight: var(--font-weight-medium); margin-bottom: 0; color: var(--color-secondary); } .fieldset-box .table-pricing { border-collapse: separate; border-spacing: 0 10px; } .fieldset-box .table-pricing td { padding: 0 .5rem; } .plan-listing-facebox .table { border-spacing: 0; } .plan-listing-facebox .table th { border-radius: 0 !important; } .plan-listing-facebox .table-scroll { margin: 0; } .badge { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: .25rem 0; padding: .5rem .75rem; overflow: hidden; position: relative; line-height: 100%; font-weight: 500; text-align: center; font-size: 85%; border-width: 1px; border-style: solid; border-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.4s; transition: all 0.4s; } .badge > svg:first-child:not(:last-child), .badge > img:first-child:not(:last-child) { margin-right: .5rem; } .badge > svg:last-child:not(:first-child), .badge > img:last-child:not(:first-child) { margin-left: .5rem; } .badge[data-count]:after { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 1.5em; height: 1.5em; border-radius: 1.5em; padding-left: 1.25rem; padding-right: 1.25rem; margin-left: .5rem; content: attr(data-count); font-size: var(--font-size-p); line-height: 1.5em; background-color: var(--colors-gray-900); color: var(--colors-white); pointer-events: none; } .badge:not(:first-child) { margin-right: .25rem; } .badge:before { background-color: currentColor; position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; pointer-events: none; opacity: 0.15; -webkit-transition: all 0.4s; transition: all 0.4s; } @media (min-width: 576px) { .badge:hover:before { opacity: 0.14; } } .badge--curve { border-radius: var(--radius); } .badge--round { border-radius: 100px; } .badge--equal { padding: 0; min-width: 1.7em; min-height: 1.7em; line-height: 1.7em; } .badge--xsmall { font-size: 10px; font-weight: normal; padding: 1px 5px 2px; min-height: 12px; } .badge--small { font-size: 75%; font-weight: normal; padding: .25rem .75rem; min-height: 18px; } .badge--large { font-weight: normal; padding: .5rem 1rem; min-height: 24px; } .badge--block { display: block; margin-bottom: .5rem; } .badge--removable { padding-right: 30px; position: relative; cursor: pointer; } .badge--removable:after { content: "+"; font-size: var(--font-size-lg); position: absolute; -webkit-transform: rotate(45deg) translate(0, -50%); -ms-transform: rotate(45deg) translate(0, -50%); transform: rotate(45deg) translate(0, -50%); right: 15px; top: 45%; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .badge--bordered { border: 1px solid currentColor; } .breadcrumbs { padding: 0 0 1.25rem; font-size: var(--font-size-small); } @media (max-width: 991px) { .breadcrumbs { padding-bottom: 0; } } @media (max-width: 991px) { .breadcrumbs ul { font-size: 12px; } } .breadcrumbs ul li { margin-right: .75rem; padding-right: .75rem; display: inline; vertical-align: middle; } @media (max-width: 991px) { .breadcrumbs ul li { margin-bottom: .75rem; } } .breadcrumbs ul li a { color: var(--color-gray-700); position: relative; } .breadcrumbs ul li a::after { content: "/"; pointer-events: none; position: absolute; right: -12px; top: 2px; } .btn { background: #333; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 1.5rem; position: relative; cursor: pointer; border: none; height: 2.875rem; line-height: 2.875rem; font-weight: 500; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; white-space: nowrap; border: none; border-radius: var(--radius); color: var(--color-white); } .btn--more { background-color: var(--color-white); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); border-radius: var(--radius-0); margin-bottom: 2.5rem; -webkit-transition: all 0.4s; transition: all 0.4s; border: 1px solid transparent; text-align: center; padding: .5rem; height: auto; color: var(--color-black); font-weight: var(--font-weight-bold); width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn--more:after { width: 8px; height: 8px; content: ""; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); pointer-events: none; margin-left: .75rem; margin-top: -4px; } .btn--processing:before { content: ""; border-radius: var(--radius-round); pointer-events: none; width: 18px; height: 18px; border: 2px solid; border-left-color: transparent; -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; z-index: 1; margin-right: .75rem; } .btn--equal { padding: 0 !important; width: 2.86rem; height: 2.86rem; line-height: 100%; min-width: 2.86rem; min-height: 1px; } .btn--equal svg { vertical-align: text-top; margin: 0 !important; } .btn.btn--transparent { background: transparent !important; color: currentColor; } .btn.btn--small { height: 32px; line-height: 32px; font-size: .95rem; padding: 0 1rem; } .btn.btn-equal { width: 30px; height: 30px; min-width: 1%; padding: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .btn.btn--lg { height: 46px; line-height: 46px; padding: 0 2.5rem; font-size: 1.25rem; } @media (max-width: 1199px) { .btn.btn--lg { height: 40px; line-height: 40px; font-size: 1rem; } } .btn.btn--large { height: 50px; line-height: 50px; padding: 0 3.4rem; font-size: 1.2rem; } .btn.btn--xlarge { height: 60px; line-height: 60px; padding: 0 50px; font-size: 1.2rem; } .btn.btn--xsmall { height: 28px; line-height: 28px; font-size: .83em; padding: 0 10px; } .btn.btn--block { width: 100%; text-align: center; padding: 0 1.5rem; } .btn.btn--addition { padding: 0; position: relative; } .btn.btn--addition:before { content: "+"; width: 15px; height: 15px; line-height: 12px; margin-right: .25rem; text-align: center; border: 1px solid currentColor; border-radius: var(--radius-round); } .btn.btn--primary { background-color: var(--color-primary); color: var(--color-primary-inverse); } .btn.btn--third { background-color: var(--color-third); color: var(--color-third-inverse); } .btn.btn--secondary { background-color: var(--color-secondary); color: var(--color-secondary-inverse); } .btn.btn--white { background-color: #fff; color: #000; } .btn.btn--danger { background-color: var(--color-red); } .btn.btn--gray { background: #e9e8eb; color: #000; } .btn.btn--grey { background: #F5F6F9; color: #000; } .btn.btn--grey:hover { background-color: var(--color-primary); color: var(--color-primary-inverse); } .btn.btn--primary-bordered { background: #fff; border: 1px solid var(--color-primary); color: var(--color-primary); } .btn.btn--secondary-bordered { background: #fff; border: 1px solid var(--color-secondary); color: var(--color-secondary); } .btn.btn--bordered { background: transparent; border: 1px solid currentColor; } .btn.btn--bordered.color-primary:hover { color: var(--color-secondary) !important; } .btn.btn--bordered.color-secondary:hover { color: var(--color-primary) !important; } .btn.btn--light { background: #fff; color: var(--color-black); } .btn.btn-round { border-radius: 100px; } .btn.btn--bordered-inverse { background: 0 0; border: 1px solid rgba(255, 255, 255, 0.8); color: #fff; } .btn.btn--shadow { border-color: var(--color-gray-200); color: var(--color-black); -webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.07); box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.07); background-color: var(--color-white); } .btn .svg-icon { margin-right: 5px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; width: 22px; height: 22px; } .btn .svg-icon svg { fill: currentColor; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .btn--wide.btn { min-width: 150px; text-align: center; } .btn--wide.btn.btn--small { min-width: 92px; } .btn.btn--arrow { padding-right: 50px; padding-left: 30px; } .btn.btn--arrow:after { position: absolute; top: 50%; right: 35px; content: ""; width: 6px; height: 6px; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: -4px 0 0; } .btn--social-fb { background-color: #3a5795; border-color: #3a5795; height: 43px; line-height: 41px; margin-top: 2px; margin-right: 5px; } .btn--social-gp { background-color: #fff; border: 1px solid #e5e5e5; color: inherit; -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); height: 50px; line-height: 50px; } .svg-icon { overflow: hidden; } .btn--social-fb .svg-icon, .btn--social-gp .svg-icon { width: 24px; height: 26px; display: inline-block; vertical-align: middle; margin-right: 5px; position: relative; } .btn--social-fb .svg-icon svg, .btn--social-gp .svg-icon svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .btn--fileupload { overflow: hidden; position: relative; cursor: pointer; } .btn--fileupload input { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; height: auto !important; } .btn.btn--disabled { cursor: not-allowed; opacity: .5; pointer-events: none; } @media (min-width: 1199px) { .btn.btn--primary:hover { background: var(--color-secondary); border-color: var(--color-secondary); color: var(--color-secondary-inverse); } .btn.btn--secondary:hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-primary-inverse); } .form input[type=submit]:hover { background-color: var(--color-secondary); color: var(--color-secondary-inverse); } .btn:active { -webkit-box-shadow: none; box-shadow: none; top: 2px; } .btn.btn--bordered-inverse:hover { background: #fff; border-color: #fff; } .btn.btn--primary-bordered:hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-white); } .btn.btn--primary-bordered:hover svg, .btn.btn--secondary-bordered:hover svg { fill: var(--color-white); } .btn.btn--secondary-bordered:hover { background: var(--color-secondary); border-color: var(--color-secondary); color: var(--color-white); } .-hover-shadow:hover { -webkit-box-shadow: 1px 10px 16px 1px rgba(0, 0, 0, 0.08); box-shadow: 1px 10px 16px 1px rgba(0, 0, 0, 0.08); } } @media (max-width: 767px) { .btn.btn--large { padding: 0 20px; } } .btn--live { background: rgba(0, 0, 0, 0.08); color: var(--color-red); padding-left: var(--padding-12); position: relative; pointer-events: none; font-weight: bold; } .btn--live span { margin-right: var(--margin-3); } @media (min-width: 991px) and (max-width: 1299px) { .btn--live span { display: none; } } .btn--live::before { content: ""; position: absolute; height: 10px; width: 10px; background: rgba(255, 0, 0, 0.6); border-radius: 50%; left: 17px; -webkit-animation: live 2s ease-in-out infinite; animation: live 2s ease-in-out infinite; z-index: -1; } .btn--live::after { content: ""; display: inline-block; background-color: var(--color-red); width: 16px; height: 16px; border: 2px solid #fff; border-radius: 50%; z-index: 1; position: absolute; left: 14px; } @-webkit-keyframes live { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(3.5, 3.5); transform: scale(3.5, 3.5); background: rgba(255, 0, 0, 0); } } @keyframes live { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(3.5, 3.5); transform: scale(3.5, 3.5); background: rgba(255, 0, 0, 0); } } @media (max-width: 576px) { .rotator-actions .btn { margin: 5px 0 0; width: 100%; display: block; } } @media (max-width: 576px) { .btn--block-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } .text-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; font-size: 1.25rem; font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; } @media (max-width: 1199px) { .text-button { font-size: 1rem; } } .text-button .circle-arrow { top: .25rem; } .text-button:hover { color: var(--color-primary); } .text-button:hover .circle-arrow { background-color: var(--color-primary); color: var(--color-primary-inverse); } .btn--checkbox { gap: 6px; } .btn--checkbox input { width: 1rem; height: 1rem; } .btn--disabled { background-color: #000 !important; border-color: #000 !important; color: #fff !important; cursor: default; pointer-events: all !important; } .tooltip::before { display: none !important; } .tooltip .tooltip-arrow { display: none !important; } .btn.btn--sort { border-radius: var(--radius-1); } .icon-close { width: 30px; height: 30px; border: none; background-color: #f0f0f0; color: #000; border-radius: 50%; margin-bottom: 1rem; position: relative; display: block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .icon-close::after, .icon-close::before { content: ""; height: 12px; width: 2px; background-color: currentColor; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .icon-close::before { height: 2px; width: 12px; } .editor-content, .cms-container { line-height: 2; color: var(--color-black); word-break: break-word; } .editor-content p, .cms-container p { margin-bottom: 2.5rem; line-height: inherit; color: inherit; } .cms-container ol, .editor-content ol, .cms-container ul, .editor-content ul { margin: 20px 0 40px; line-height: inherit; } .cms-container ul li, .editor-content ul li { position: relative; padding-left: 1.5rem; margin-bottom: .5rem; color: inherit; } .cms-container ul li:before, .editor-content ul li:before { position: absolute; left: 0; top: 14px; content: ""; width: 8px; height: 2px; background: var(--color-primary); } .cms-container ol, .editor-content ol { list-style: decimal; } .cms-container ol li, .editor-content ol li { position: relative; padding: 0; margin-left: 1.5rem; margin-bottom: .5rem; } .cms-container ol li a, .editor-content ol li a { color: inherit; } .container--cms ul, .container--cms ol { margin: 30px 0; font-size: 1.1rem; } .container--cms ul li { position: relative; padding: 0 0 10px 30px; color: inherit; } .container--cms ul li:before { position: absolute; left: 8px; top: 4px; content: ""; width: 3px; height: 12px; background: #b7b7b7; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .container--cms ul li:after { position: absolute; left: 2px; top: 8px; content: ""; width: 3px; height: 6px; background: #b7b7b7; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .container--cms ol { list-style: decimal; } .container--cms ol li { position: relative; padding: 0 0 15px 0; color: inherit; margin: 0 0 0 15px; } .container--cms ol li a { color: inherit; } ul.slick-dots li:before { display: none; } .editor-content ul.list-unstyled li:before { display: none; } .geo-location { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: .625rem; margin-top: 1rem; } .geo-location__field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: 1px solid var(--color-gray-300); border-radius: var(--radius-1); } .geo-location .btn { height: 2.5rem; line-height: 1.5; } .geo-location .btn .icon--18 { -webkit-box-flex: 0; -ms-flex: 0 0 18px; flex: 0 0 18px; } .geo-location .btn span.txt { min-width: 0; overflow: hidden; text-overflow: ellipsis; } .geo-location input[type="search"], .geo-location input[type="text"] { height: 2.5rem; line-height: 1.5; border: none; padding-right: 0; } .geo-location input[type="search"]:focus, .geo-location input[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; } .geo-location .btn-close { background: none; padding: 0; } .geo-location .btn-close::before { line-height: 1; } #facebox iframe { width: 100%; height: 100%; aspect-ratio: 16/9; border: 2px solid #fff; border-radius: 10px; } @media (min-width: 992px) { #facebox iframe { min-width: 500px; } } input.btn--block { width: 100%; } .card-flex-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; } .card-flex-group .card-class__subtitle { margin: 0; } .icon.icon--status { width: 18px; height: 18px; } .card-badge.badge { margin: 0; padding: 2px 8px; } .calendar-wrapper .modal-header .btn-close { display: none; } .form-popup-header h3, .form-popup-header .h3 { font-size: 1.5rem; } .link { color: var(--color-primary); font-size: 13px; font-weight: 500; text-decoration: underline; text-underline-offset: 4px; } .link:hover { text-decoration: none; color: currentColor; } /*cookies*/ .cc-window { background-color: rgba(0, 0, 0, 0.75); bottom: 0; left: 0; opacity: 1; position: fixed; right: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; z-index: 1000; } .cc-window .box-cookies { color: #dbe0df; font-size: 13px; font-weight: 400; line-height: 30px; padding: 15px; text-align: center; } .cc-window .box-cookies a { color: #fff; text-decoration: underline; } .cc-window .cc-close { background-color: var(--color-secondary); cursor: pointer; display: inline-block; font-weight: bold; height: 25px; line-height: 25px; margin-left: 10px; padding: 0 10px; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: var(--color-gray-600); } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: var(--color-gray-600); opacity: 1; } input::-ms-input-placeholder { /* Microsoft Edge */ color: var(--color-gray-600); opacity: 1; } input:-ms-input-placeholder { /* Most modern browsers support this now. */ color: var(--color-gray-600); opacity: 1; } input::placeholder { /* Most modern browsers support this now. */ color: var(--color-gray-600); opacity: 1; } input[type=email], input[type=file], input[type=number], input[type=password], input[type=phone], input[type=search], input[type=text], select, textarea, .switch-group { border: none; border: 1px solid var(--color-gray-300); height: 2.875rem; padding: 0 1rem; width: 100%; color: var(--color-black); font-family: inherit; line-height: 2.875rem; background-color: #fff; border-radius: var(--radius-1); } input[type=email]:focus, input[type=file]:focus, input[type=number]:focus, input[type=password]:focus, input[type=phone]:focus, input[type=search]:focus, input[type=text]:focus, select:focus, textarea:focus { -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.08); } select { padding-right: 30px; background-color: #fff; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAI0lEQVQImWOYMmXKf2IwAwMDAwNRimCAKEW4FGNVhK4YXRwAe5JR6xMYuYgAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: calc(100% - 15px) center; line-height: 2.875rem; } html[dir="rtl"] select, body[dir="rtl"] select { background-position: 15px center; } input[type=password], input[type=text], select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form input[type="submit"] { position: relative; display: inline-block; vertical-align: top; padding: 0 2rem; border: none; position: relative; cursor: pointer; height: 2.875rem; line-height: 2.875rem; background: var(--color-primary); color: var(--color-primary-inverse); font-weight: 600; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; border-radius: var(--radius); } .form input[type=submit]:hover { background: var(--color-secondary); border-color: var(--color-secondary); color: var(--color-secondary-inverse); } .form input[type="button"] { position: relative; background: transparent; border: 1px solid var(--color-primary); display: inline-block; vertical-align: top; padding: 0 2rem; position: relative; cursor: pointer; height: 2.875rem; line-height: 2.875rem; color: var(--color-primary); font-weight: 600; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; border-radius: var(--radius); } .form input[type="reset"] { position: relative; background: transparent; border: 1px solid var(--color-primary); display: inline-block; vertical-align: top; padding: 0 2rem; position: relative; cursor: pointer; height: 2.875rem; line-height: 2.8rem; color: var(--color-primary); font-weight: 600; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; border-radius: var(--radius); } .form--ltr { direction: ltr; } .form--rtl { direction: rtl; } textarea { height: 150px; padding: 1rem; line-height: 1.4; } @media (max-width: 767px) { textarea { height: 100px; } } input[type=file] { height: 40px; padding: 6px 10px; line-height: 20px; } .spn_must_field { color: red; } .form small, .form .small { font-style: italic; opacity: 0.5; margin: 10px 0 0; display: block; padding: 0 .25rem; } .field-set { display: inline-block; width: 100%; margin-bottom: 20px; } .field_label { font-weight: 600; font-size: 13px; min-height: 14px; margin-bottom: 0.5rem; } @media (max-width: 576px) { .field_label { margin-bottom: 0; } .caption-wraper { margin-bottom: 0.5rem; } } @media (min-width: 576px) { .form--horizontal .field-set { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; position: relative; } .form--horizontal .caption-wraper { padding: 12px 0 0; width: 100%; max-width: 40%; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; } .form--horizontal .field_label { margin-bottom: 0; } .form--horizontal .field-wraper { width: 100%; } } .layout--rtl { direction: rtl !important; text-align: right; } .form .form-heading, .form h5, .form .h5 { margin: 0 0 25px; color: var(--color-secondary); font-size: 1.3rem; } .checkbox, .radio { margin: 0; display: inline-block; position: relative; vertical-align: top; padding-left: 30px; color: #333; min-width: 20px; min-height: 20px; } .checkbox .input-helper, .radio .input-helper { position: absolute; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; width: 20px; height: 20px; left: 0; top: 0px; border-radius: 4px; -webkit-box-shadow: inset 0 0 0 1px var(--color-gray-300); box-shadow: inset 0 0 0 1px var(--color-gray-300); -webkit-transition: background 250ms ease, -webkit-box-shadow 250ms ease; transition: background 250ms ease, -webkit-box-shadow 250ms ease; transition: background 250ms ease, box-shadow 250ms ease; transition: background 250ms ease, box-shadow 250ms ease, -webkit-box-shadow 250ms ease; } .checkbox input:checked + .input-helper, .radio input:checked + .input-helper { -webkit-box-shadow: none; box-shadow: none; border: 2px solid var(--color-secondary); } .checkbox input, .radio input { top: 0; left: 0; margin: 0 !important; z-index: 1; cursor: pointer; opacity: 0; } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-left: -20px; } .checkbox.disabled, select:disabled, .radio.disabled { cursor: not-allowed; } .inline.checkbox, .inline.radio { padding-right: 20px; } .checkbox .input-helper:after, .checkbox .input-helper:before, .radio .input-helper:after, .radio .input-helper:before { -webkit-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; content: ""; } .checkbox.disabled, .radio.disabled { opacity: .6; } .checkbox input { width: 17px; height: 17px; } .checkbox input:checked + .input-helper:after { width: 10px; -webkit-transition-delay: 180ms; transition-delay: 180ms; } .checkbox input:checked + .input-helper:before { width: 4px; -webkit-transition-delay: 0ms; transition-delay: 0ms; } .checkbox .input-helper:before, .checkbox .input-helper:after { content: ""; position: absolute; left: 8px; bottom: 5px; width: 0; height: 2px; background: var(--color-secondary); border-radius: 3px; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; -webkit-transition: width 200ms ease; transition: width 200ms ease; } .checkbox .input-helper:after { -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); -webkit-transition-delay: 0ms; transition-delay: 0ms; border-radius: 0 3px 3px 0; } .checkbox .input-helper:before { -webkit-transform: rotate(42deg); -ms-transform: rotate(42deg); transform: rotate(42deg); left: 5px; bottom: 9.1px; -webkit-transition-delay: 180ms; transition-delay: 180ms; border-radius: 3px 0 0 3px; } .radio input { width: 19px; height: 19px; } .radio input:checked + .input-helper:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .radio .input-helper:before { top: 1px; width: 18px; height: 18px; border-radius: 50%; } .radio .input-helper:after { width: 8px; height: 8px; background: var(--color-secondary); border-radius: 50%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } textarea[disabled] { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.03); -webkit-text-fill-color: #333; /* Override iOS / Android font color change */ -webkit-opacity: 1; /* Override iOS opacity change affecting text & background color */ color: #333; /* Override IE font color change */ } @media (max-width: 1599px) { .form input[type=reset], .page-filters .form input[type=button], .page-filters .form input[type=submit] { padding: 0 20px; } } @media (max-width: 1199px) { .form input[type="reset"], .form input[type="submit"], .form input[type="button"] { padding: 0 1.25rem; } } @media (max-width: 767px) { .form input[type=button], .form input[type=reset], .form input[type=submit] { padding: 0 20px; } .form .form-heading, .form h5, .form .h5 { font-size: 1.5rem; } } @media (max-width: 576px) { .list-onethird li { width: 100%; } } .btn-file { position: relative; } .btn-file input[type=file] { position: relative; max-width: 120px; min-height: 41px; border: 1px solid; padding: 0; } .btn-file input[type=file]:before { content: "Upload file"; position: absolute; height: 2.875rem; line-height: 2.875rem; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; position: relative; cursor: pointer; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; white-space: nowrap; } .form__body { min-height: unset !important; } .checkbox .input-helper::before { left: 3px; bottom: 6.1px; } .checkbox .input-helper::after { left: 6px; bottom: 3px; } .field-wraper label .errorlist.erlist_tereq_terms { position: absolute; bottom: -30px; } .select2-container--default .select2-selection--single { border-radius: 0 !important; } .iti { border-radius: 0 !important; } .accept--field .errorlist.erlist_utrequest_terms { bottom: -25px; } .fld-date, #grpcls_start_datetime, .datetime { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAjUlEQVRIS2NkoDFgJGD+f6g8LnWE5BnoasF6oGsDqBRiB4DmOILMQvYBzLtUsgNiNjYLCIkhOwBbHKCIETKMUCRSbAE5wUWSD2hiATmGYtODM5JpbgGhzEfIAQMfB6M+GI0DQqmUgWAQETSBSAUYOfk8UKMBkZoJKdsAVBCIXh8Q0kSWPKWZiqClNLcAALenKBmlBxVOAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: calc(100% - 12px) 11px; background-size: 16px 16px; padding-right: 34px !important; } html[dir="rtl"] .fld-date, html[dir="rtl"] #grpcls_start_datetime, html[dir="rtl"] .datetime, body[dir="rtl"] .fld-date, body[dir="rtl"] #grpcls_start_datetime, body[dir="rtl"] .datetime { background-position: 12px 11px; } .terms_wrap .field_cover label { display: inline; } .terms_wrap .errorlist.erlist_agree { margin-bottom: 1rem; } .form-edit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } .form-edit-head { padding: 0 1.5rem; border-bottom: 1px solid var(--color-gray-200); } .form-edit-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.5rem; position: relative; } .form-edit-body .h3 { font-size: 1rem; } .form-edit-foot { border-top: 1px solid var(--color-gray-200); position: sticky; bottom: 0; z-index: 1025; background-color: #fff; color: #000; padding: 1.5rem 2rem; } .form-buttons-group .field_cover { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; } @media (max-width: 576px) { .form-buttons-group .caption-wraper { display: none; } } .submit-row .field_cover { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; } .gap-1 { gap: 1rem; } select.price-select { width: auto; } .site-form { max-width: 400px; margin: 0 auto; } .site-form-wrapper { width: 100%; max-width: 560px; background-color: #fff; -webkit-box-shadow: 0px 0px 30px #0000001A; box-shadow: 0px 0px 30px #0000001A; border-radius: calc(clamp(1rem, 0.382vw + 0.904rem, 1.429rem)); margin: 0 auto; padding: calc(clamp(1.286rem, 1.401vw + 0.935rem, 2.857rem)); } .site-form-wrapper .btn-close { position: absolute; right: 1rem; top: 1rem; } .site-form__header h4, .site-form__header .h4 { font-size: calc(clamp(1.286rem, 0.382vw + 1.19rem, 1.714rem)); font-weight: 600; } .site-form__foot p { margin: 0; font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); } .site-form__foot p .link { font-size: inherit; } .site-form .errorlist { background-color: transparent; padding: .25rem 0 0 0; } .site-form .form input[type="submit"] { line-height: 100%; width: 100%; font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); } @media (min-width: 767px) { .site-form .form input[type="submit"] { height: 50px; } } .site-form .form .link { color: #000; } .site-form .form .field-set .input-helper { border-radius: 4px; } .site-form .form .field_label { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; font-weight: 500; } .site-form .form .field_label .link { margin-left: auto; } .site-form .or { position: relative; margin: 1rem 0; } .site-form .or:after { position: absolute; content: ""; width: 100%; background-color: #E5E7EB; height: 1px; left: 0; top: 50%; z-index: 0; } .site-form .or span { width: 30px; height: 30px; background-color: #fff; color: #000; font-weight: 600; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; z-index: 2; position: relative; font-size: 12px; } .modal-form .modal-dialog { max-width: 560px; } .modal-form .modal-dialog .modal-content { border-radius: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .label { color: #fff; display: inline; font-size: .85em; padding: 0 10px 0; text-align: center; color: #fff; vertical-align: baseline; white-space: nowrap; display: inline-block; min-width: 70px; height: 30px; line-height: 31px; margin: 0 5px 5px 0; } .label.label--default { color: #666; background: #e3e3e3 url(images/icon_inactive.svg) no-repeat 6px 7px; padding-left: 26px; background-size: 11px; } .label.label--success { color: #4ca146; background: #e7fae6 url(images/icon_success.svg) no-repeat 6px 7px; padding-left: 26px; background-size: 14px; } .label.label--primary { color: #7a6fbe; background: #e9d9ff url(images/icon_active.svg) no-repeat 5px 5px; padding-left: 26px; background-size: 16px; } .label.label--info { color: #009cff; background: #e6f2fa url(images/icon_info.svg) no-repeat 6px 7px; padding-left: 26px; background-size: 14px; } .label.label--danger { color: #cf1b21; background: #fae6e7 url(images/icon_danger.svg) no-repeat 6px 8px; padding-left: 26px; background-size: 14px; } .label.label--warning { color: #e79500; background: #faf4e6 url(images/icon_warning.svg) no-repeat 6px 7px; padding-left: 26px; background-size: 14px; } .label.label--process { color: #666; background: #e3e3e3 url(images/icon_process.svg) no-repeat 6px 7px; padding-left: 26px; background-size: 14px; } .list-inline li { display: inline-block; padding: 0 10px 10px 0; } .list-inline label { background: #fff; height: 2.875rem; display: inline-block; margin: 0 2px 0 0; padding: var(--padding-2) var(--padding-4); line-height: 1.4; border: 1px solid var(--color-gray-300); border-radius: var(--radius-1); cursor: pointer; } .list-inline label .checkbox, .list-inline label .radio { vertical-align: top; position: relative; top: 1px; } .list-inline label:active, .list-inline label:focus { background: rgba(0, 0, 0, 0.02); } .list-inline .is-active label { color: var(--color-secondary); font-weight: 600; } .list-inline label .checkbox .input-helper:before { top: -2px; } .list-inline.list-inline--onehalf { margin: 0 0 0 -20px; } @media (min-width: 576px) { .list-inline.list-inline--onehalf, .list-inline.list-inline--onethird ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .list-inline.list-inline--onethird li:first-child { width: 20%; } .list-inline.list-inline--onethird li { width: 80%; padding: 0 0 10px 20px; } .list-inline.list-inline--onehalf li { padding: 0 0 10px 20px; width: 50%; margin-right: -4px; } .list-inline.list-inline--onehalf li label { display: block; } .list-inline.list-inline--50 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 0; } @media (max-width: 576px) { .list-inline.list-inline--50 { grid-template-columns: repeat(1, 1fr); gap: 10px; } } .list-inline.list-inline--50 li { max-width: 100%; padding: 0 !important; } .list-inline.list-inline--50 li label { width: 100%; } .list-onethird li { display: inline-block; vertical-align: top; padding: 10px 20px 10px 0; margin: 0 -4px 0 0; width: 33.3%; } .field_cover label, .list-onethird li label { margin: 0; line-height: 1.6; } .list-onethird.list-onethird--bg { background: rgba(0, 0, 0, 0.02); padding: 20px; border-radius: 2px; } .listing--vertical li { font-size: 0.9rem; margin: 15px 0 0; } .listing--vertical li:first-child { margin: 0; } .floated-list { text-align: center; } .floated-list li { display: inline-block; vertical-align: top; padding: 10px; } .floated-list li a:hover { text-decoration: underline; } .selection-list { width: 100%; display: inline-block; margin: 0 0 20px; } .selection-list ul { margin: 0 -5px; } .selection-list ul li { width: 50%; display: inline-block; vertical-align: top; margin: 0 -2px; padding: 5px; } .selection-list ul li .selection { display: inline-block; width: 100%; border: 1px solid #e5e5e5; padding: 15px 15px 15px 40px; font-weight: 700; position: relative; } .selection-list ul li .selection small, .selection-list ul li .selection .small { line-height: 1.4; float: none !important; display: block; margin: 5px 0 0; text-transform: uppercase; } .selection-list ul li .selection .radio { vertical-align: top; position: absolute; left: 10px; top: 12px; } .selection-list ul li.is-active .selection { background: #f3f2f5; border-color: #f3f2f5; } .list-repeated { width: 100%; margin: 20px 0 0; display: inline-block; } .list-repeated .avtar { float: left; margin: 0 0 0; width: 40px; height: 40px; } .list-repeated .list-repeated__content { width: calc(100% - 40px); padding-left: 20px; float: left; } .list-repeated p { line-height: 1.2; margin: 0 0 5px; font-size: 1rem; } @media (max-width: 991px) { .list-onethird li { width: 50%; } } @media (max-width: 576px) { .list-onethird li { width: 100%; } .list-onethird.list-onethird--bg { max-height: 350px; overflow: auto; } } @media (max-width: 1199px) { .vertical-links li a { padding: 15px 20px; } } .bullet-list { margin: 1.2rem 0 1.4rem; } .bullet-list li { margin: 0.8rem 0; font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; line-height: 1.6; font-size: 15px; } @media (min-width: 1199px) { .bullet-list li { font-size: 14px; } } .bullet-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; opacity: 0.7; position: relative; } .bullet-list li:hover { opacity: 1; } .bullet-list li .icon { min-width: 17px; max-width: 17px; height: 16px; margin-right: .75rem; opacity: 0.7; vertical-align: sub; } .bullet-list li span { line-height: 24px; } .loader { border: 10px solid rgba(0, 0, 0, 0.1); border-radius: 50%; border-top: 10px solid var(--color-secondary); width: 120px; height: 120px; -webkit-animation: spin 1 linear infinite; animation: spin 1s linear infinite; margin: 0 auto 30px; position: relative; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loader { width: 90px; height: 90px; } .loading-wrapper { background: rgba(0, 0, 0, 0.65); width: 100vw; height: 100vh; position: fixed; top: 0; z-index: 1000; bottom: 0; left: 0; right: 0; } .loading-wrapper .loading { width: 100px; height: 80px; position: fixed; top: 50%; left: 50%; margin-top: -40px; margin-left: -50px; } .loading-wrapper .loading .inner { -webkit-animation: rotate 0.8s linear infinite; animation: rotate 0.8s linear infinite; margin-top: 20px; border-radius: 50%; width: 50px; height: 50px; position: absolute; } .loading-wrapper .loading .rotate-one { left: 50%; margin-left: -25px; border-top: 2px solid #fff; } .loading-wrapper .loading .rotate-two { top: -10px; left: 30px; border-left: 2px solid #fff; } .loading-wrapper .loading .rotate-three { top: -10px; right: 30px; border-right: 2px solid #fff; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } .media-group .media { position: relative; width: 100%; border-radius: 3px; overflow: hidden; } .media-group .media img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; } .media-group .media:before { position: relative; padding-bottom: 77%; content: ""; display: block; } .media-group .media.media--small { width: 70%; right: -20%; top: 45%; position: absolute; } .section--content .row:nth-child(even) .media-group .media.media--small { right: auto; left: -20%; } .pagination { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; padding: 0; } .pagination > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: .75rem; } .pagination a, .pagination button { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 2.6rem; height: 3rem; width: 3rem; text-decoration: none; text-align: center; background-color: #fff; cursor: pointer; color: currentColor; font-size: var(--font-size-md); border: 1px solid var(--color-gray-200); border-radius: var(--radius-round); } .pagination a:hover, .pagination button:hover { border-color: #F5F6F9; background-color: #F5F6F9; } .pagination a.is-active, .pagination button.is-active { color: #fff; background: #393737; border-width: 0; } .pagination a.is-disabled, .pagination button.is-disabled { cursor: not-allowed; opacity: 0.5; } .pagination a.is-disabled:hover, .pagination button.is-disabled:hover { background-color: transparent; } .pagination a.is-prev:before, .pagination button.is-prev:before { content: "\2039"; font-size: 32px; line-height: 1; display: block; margin-top: -8px; letter-spacing: -3px; font-weight: normal; } .pagination a.is-next::before, .pagination button.is-next::before { content: "\203A"; font-size: 32px; line-height: 1; display: block; margin-top: -8px; letter-spacing: -3px; font-weight: normal; } .pagination a.is-backward:before, .pagination button.is-backward:before { content: "‹‹"; font-size: 32px; line-height: 1; display: block; margin-top: -8px; letter-spacing: -3px; font-weight: normal; } .pagination a.is-forward:before, .pagination button.is-forward:before { content: "››"; font-size: 32px; line-height: 1; display: block; margin-top: -8px; letter-spacing: -3px; font-weight: normal; } .pagination--centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination--right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .pagination--left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pagination--curve a, .pagination--curve button { border-radius: var(--radius-curve); } .pagination--round a, .pagination--round button { border-radius: 1000px; } .paging-controls { padding: 1rem 0; } @media (min-width: 576px) { .paging-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media (max-width: 576px) { .paging-controls { text-align: center; } .paging-controls p { margin-bottom: 10px !important; } } .form--processing { position: relative; pointer-events: none; } .form--processing:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: rgba(255, 255, 255, 0.85); z-index: 2; pointer-events: none; } .form--processing:before { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; z-index: 3; border-top: 3px solid rgba(0, 0, 0, 0.2); content: ""; border-radius: var(--radius-round); border-right: 3px solid rgba(0, 0, 0, 0.2); border-bottom: 3px solid rgba(0, 0, 0, 0.2); border-left: 3px solid #000; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .progress { width: 100%; height: 1rem; background-color: var(--color-gray-400); min-width: 120px; overflow: hidden; } .progress__bar { -webkit-transition: width .6s ease; transition: width .6s ease; background-color: currentColor; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; font-size: 11px; padding-right: .5rem; } .progress--round { border-radius: var(--radius-round); } .progress--curve { border-radius: var(--radius-curve); } .progress--small { height: 0.7rem; } .progress--xsmall { height: 0.5rem; } .progress + .progress { margin-top: 15px; } .progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background-color: transparent; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .progress-bar .progress__step { width: 100%; height: 10px; border-right: 1px solid #fff; } .progress-bar .progress__step:last-child { border-right: none; } .progress-bar .is-active { background: var(--color-green); } .range .ui-slider-horizontal { background: #eee; height: 6px; position: relative; border-radius: 30px; margin-bottom: 10px; } .range .ui-slider .ui-slider-range { top: 0; bottom: 2px; height: 6px; position: absolute; z-index: 1; background: var(--color-secondary); } .range .ui-slider-horizontal .ui-slider-handle { border-radius: 100%; margin-left: -0.6em; top: -0.6rem; background: #fff; color: #555555; cursor: move; font-weight: normal; border: 1px solid #ddd; cursor: move; height: 1.8em; position: absolute; width: 1.8rem; z-index: 2; -webkit-box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.06); box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.06); } .slide__fields { margin: 20px -6px 0; padding-bottom: 10px; } .slide__fields:after { clear: both; content: ""; display: block; height: 0; } .slide__fields li { float: left; padding: 0 6px; width: 50%; position: relative; } .slide__fields li input { padding-left: 40px; } .slide__fields li .rsText { position: absolute; left: 17px; top: 0; bottom: 0; line-height: 50px; color: #999; font-size: 0.90rem; } .ratings__star img { display: inline-block; vertical-align: top; } .ratings .ratings__count { margin-left: 10px; } .ratings h6, .ratings .h6 { margin: 10px 0 0; } /*+========================SECTION============================*/ .section { padding: calc(clamp(2.857rem, 1.911vw + 2.379rem, 5rem)) 0; position: relative; } .section__footer { padding-top: calc(clamp(1.714rem, 1.656vw + 1.3rem, 3.571rem)); } .design-index .section:not([style*="background"]) + .section:not([style*="background"]) { padding-top: 0px; } .section-title { text-align: center; color: var(--color-dark); margin-bottom: 55px; } .section-title h2, .section-title .h2 { color: inherit; font-size: 2rem; font-weight: 700; } @media (max-width: 1200px) { .section-title { margin-bottom: 30px; } } @media (max-width: 992px) { .section-title h2, .section-title .h2 { font-size: 1.8rem; } } @media (max-width: 767px) { .slick-arrow { width: 45px; height: 45px; } .section.section_course_card { padding: 30px 5px; } } /*cookies end*/ /* section */ .section .section__head { padding: 0 0 30px; } .section .section__head h2, .section .section__head .h2 { line-height: 1; } .section.section--caraousel { background: #f9f7f0; padding-bottom: 0; } .section.section--caraousel:before { position: absolute; left: 0; right: 0; bottom: 0; content: ""; background: #fff; height: 40%; } .section--white { background: #fff; } .section--advert { padding: 20px 0; } .section--sort { padding: 20px 0; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; } .section--sort h1, .section--sort .h1 { font-size: 1.6rem; margin: 0; } .section--content { padding: 0; } .section--content .row { padding: 90px 0; } .section--content .row:first-child { padding-bottom: 0; } .section--content .icon { width: 120px; height: 120px; border-radius: 100%; position: relative; border: 1px solid #eaeaea; -webkit-box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); margin: 0 0 40px; } .section--content [class*="col-"] { min-height: 450px; } .section--content h2, .section--content .h2 { font-weight: normal; margin-bottom: 30px; color: var(--color-primary); } .section--content .icon img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .section--content .row:nth-child(even) h2, .section--content .row:nth-child(even) .h2 { color: var(--color-secondary); } .section--gray .media, .section--hiw .media, .section--slider .media { position: relative; background: #fff; } .section--gray .media:before, .section--hiw .media:before, .section--slider .media:before { position: relative; display: block; content: ""; /*padding-bottom: 62.5%;*/ padding-bottom: 80%; } .section--gray .media img, .section--hiw .media img, .section--slider .media img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding: 0 6px; } .section--hiw:before { background: #f3f2f5; right: 0; width: 50%; top: 150px; bottom: 90px; position: absolute; content: ""; } .section--hiw .media { margin: 60px 0 0; position: relative; } .section--hiw .col__content:before { background: #f3f2f5; left: -12%; width: 50%; top: 0; bottom: 0; position: absolute; content: ""; z-index: 0; } .section--slider { padding-bottom: 120px; } .section--slider .media { z-index: 1; } .section--slider .slick-dots { left: 0; right: 0; text-align: center; bottom: -80px; position: absolute; } .section--slider:before { background: url(images/patterns.svg) repeat; background-size: 44px 44px; opacity: 0.05; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 40%; } .section--slider .quote__col-right { padding-right: 100px; } .section--slider .caraousel--single { z-index: 1; } .section--slider .quote__content h5, .section--slider .quote__content .h5 { line-height: 1.6; } .section--slider .container--fixed:before { background: #f3f2f5; position: absolute; right: 20px; bottom: -30px; top: -30px; content: ""; width: 50%; } .section--slider .container--fixed:after { background: #f3f2f5; position: absolute; right: 50%; bottom: -30px; top: -30px; content: ""; width: 15%; } .section--grey { background: #f3f2f5; } .section--centered .icon { width: 120px; height: 120px; border-radius: 100%; position: relative; border: 1px solid #eaeaea; -webkit-box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); margin: 0 40px 20px 0; margin: 0 auto 20px; } .section--centered .icon img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .section--lower { padding: 40px 0; } .section--icons .icon-col { margin: 50px 0 0 0; padding-right: 40px; } .section--icons .icon-col .icon + h4, .section--icons .icon-col .icon + .h4 { margin: 10px 0; } .section--icons .icon { width: 120px; height: 120px; border-radius: 100%; position: relative; border: 1px solid #eaeaea; -webkit-box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); margin: 0 0 20px 0; margin-right: 40px; float: left; } .section--icons h2, .section--icons .h2 { font-weight: normal; } .section--icons .icon img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .section--page { padding: 40px 0; } .section--offset { color: #333; } .section--offset .icon { width: 150px; height: 150px; border-radius: 100%; position: relative; border: 1px solid #eaeaea; -webkit-box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); margin: -160px auto 20px; background: #fff; } .section--offset .icon img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } @media (max-width: 1599px) { .section--content .row { padding: 50px 0; } .section--page { padding: 30px 0; } .section--content { padding: 0; } .section--hiw:before { top: 115px; bottom: 50px; } .section--hiw .media { margin-top: 40px; } .is-landing .section--gray [class*="col-"]:last-child { padding-right: 150px; } .is-landing .section--gray [class*="col-"].col__content { padding-right: 15px; } .section--search, .section--listing { padding: 20px 0; } .section--hiw .col__content:before { top: 7px; } .section--slider { padding-bottom: 100px; } .section--lower { padding: 20px 0; } .section--content .icon { margin-bottom: 20px; } .section--content h2, .section--content .h2 { margin-bottom: 10px; } .avtars-list li .avtar { width: 50px; height: 50px; } .section--offset .icon { margin-top: -120px; } .blog-row { padding: 50px 0; } .blog-row h2, .blog-row .h2 { font-size: 2.2rem; } .section--upper { margin: -80px 0 0; } } @media (max-width: 767px) { .section.section--content .media-group { max-width: 70%; } .section--content .icon { margin-bottom: 20px; } .section--content [class*="col-"] { min-height: 250px; } .section--content .row:nth-child(2n) .media-group .media.media--small { left: auto; right: 20px; } .section--content .row { padding: 50px 0; } .section--content .icon { width: 80px; height: 80px; } .section--content .icon img { width: 50%; } .section--search { padding: 20px 0; } .section--icons .icon-col { margin-top: 20px; text-align: center; } .section--icons .icon { float: none; margin: auto; } .section .section__head { padding-bottom: 10px; } .selection-list ul li { width: 100%; } .section--lower { padding: 10px 0; } } .section.section--shapes { background: #f79a021a; position: relative; } @media (min-width: 768px) { .section.section--shapes:after { z-index: -1; content: ""; width: calc(clamp(35.714rem, 14.286vw + 30.612rem, 50rem)); height: calc(clamp(35.714rem, 14.286vw + 30.612rem, 50rem)); background: #F89C03; position: absolute; display: block; bottom: -14vw; border-radius: 100%; left: 16vw; opacity: 0.2; } .section.section--shapes:before { z-index: -1; content: ""; width: calc(clamp(17.857rem, 17.857vw + 11.48rem, 35.714rem)); height: calc(clamp(17.857rem, 17.857vw + 11.48rem, 35.714rem)); background: #f89c03; position: absolute; display: block; bottom: -17vw; border-radius: 100%; left: 5vw; opacity: .6; } } @media (min-width: 1199px) { .section--cardslider .section__footer { padding-top: calc(clamp(1rem, 0.641vw + 0.835rem, 1.714rem)); } } /*+========================SLIDER============================*/ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 !important; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); 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; } .slick-slide img { display: block; margin: auto; } .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; } .slick-arrow { position: absolute; top: 50%; background: #fff; color: #000; width: 40px; height: 40px; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; border-radius: 100%; font-size: 0; padding: 0; margin: -20px 0 0 0; z-index: 1; border: none; cursor: pointer; -webkit-box-shadow: 0px 0px 15px #00000029; box-shadow: 0px 0px 15px #00000029; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; } @media (min-width: 1199px) { .slick-arrow:hover:not(.slick-disabled) { background-color: #393737; color: #fff; } } .slick-arrow:before { width: 12px; height: 12px; max-width: 12px; content: ""; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-right: -2px; } .slick-arrow.slick-prev, .slick-arrow.prev-slide { left: 0; } .slick-arrow.slick-next, .slick-arrow.next-slide { right: 0; } .slick-arrow.slick-next, .slick-arrow.next-slide { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } body[dir="rtl"] .slick-arrow::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .slick-arrow.slick-disabled { opacity: 0.3; cursor: default; pointer-events: none; } .slick-dots { position: relative; width: 100%; } .slick-dots button { width: 10px; background: rgba(255, 255, 255, 0.4); border-radius: 30px; } .slider .slick-dots { margin-top: 2rem; } .slick-dots { text-align: center; } .slick-dots li { display: inline-block; vertical-align: middle; margin: 0 5px; padding: 0 !important; } .slick-dots li button { width: 10px; height: 10px; padding: 0; display: block; border: none; font-size: 0; background: rgba(0, 0, 0, 0.2); } @media (max-width: 576px) { .slick-dots li button { width: 10px; } } .slick-dots li.slick-active button { background: var(--color-primary); } @media (min-width: 1199px) { .slider-onethird .slick-arrow { background-color: transparent; color: var(--color-black); top: 50%; -webkit-box-shadow: none; box-shadow: none; } .slider-onethird .slick-arrow:before { border-color: currentColor; } .slider-onethird .slick-next { right: -4%; } .slider-onethird .slick-prev { left: -4%; } } @media (max-width: 1299px) { .slider-onethird .slick-arrow { top: calc(50% - 120px); background-color: var(--color-white); border-radius: 0; } .slider-onethird .slick-arrow:before { width: 16px; height: 16px; margin-top: -8px; } .slider-onethird .slick-next { right: 1%; } .slider-onethird .slick-prev { left: 1%; } } .social-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .5rem; padding: .25rem .5rem; background-color: #F5F6F9; border-radius: 2.5rem; color: var(--color-black); font-weight: 500; } .social-button__label { text-align: center; } .social-button__media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 36px; height: 36px; } .social-button__media svg { width: 30px; height: 30px; } .social-button--block { width: 100%; } .social-button--google { color: var(--color-black); } .social-button--ap { color: var(--color-black); } .social-button--fb { color: var(--color-black); } .social-button--google-white { background-color: var(--color-white); border-color: var(--color-white); color: var(--color-black); } @media (max-width: 767px) { .social-button--google-white { border-color: var(--color-gray-200); } } .social-button--google-white:hover { background-color: #4285F4; border-color: #4285F4; color: var(--color-white); } .social-button--fb-white { background-color: var(--color-white); border-color: var(--color-white); color: var(--color-black); } @media (max-width: 767px) { .social-button--fb-white { border-color: var(--color-gray-200); } } .social-button--fb-white:hover { background-color: #28589c; border-color: #28589c; color: var(--color-white); } .social-button--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 50px; line-height: 50px; padding: 0 2rem; } .social-button--center > * { padding: 0; } .social-button--center .social-button__media { width: 40px; margin-right: .5rem; } .social-button--center .social-button__label { width: auto; } .social-button:focus { -webkit-box-shadow: 0 0 0 0.3rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 0.3rem rgba(0, 0, 0, 0.1); outline: none; } .social-button:active { -webkit-box-shadow: 0 0 0 0.3rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 0.3rem rgba(0, 0, 0, 0.1); outline: none; background-color: #eeeeee; } @media (min-width: 1199px) { .social-button:hover { -webkit-box-shadow: 0 4px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 3px 1px rgba(0, 0, 0, 0.1); border-color: var(--color-gray-800); } } .social-actions .social-button { margin-bottom: .75rem; } .group--social a span, .group--social a { font-size: 13px; color: #fff; } .group.group--social .-gap { height: 15px; font-weight: 500; } .group.group--social p { margin: 10px 0; } .group.group--social .btn { /* margin: 0 0; */ float: left; width: 48%; } .group.group--social .btn.btn--social-gp { float: right; } .group.group--social .btn .svg-icon { position: absolute; left: 15px; top: 8px; } .group--social a { margin-right: 5px; } .group--social a:last-child { margin-right: 0; } .group--social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .social--share { gap: .5rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .social--share li { display: inline-block; vertical-align: top; margin: 0; } .social--share li a, .social--share li span { width: 35px; height: 35px; border-radius: 100%; display: block; padding: 5px; overflow: hidden; position: relative; background: rgba(0, 0, 0, 0.05); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .social--share li a img, .social--share li span img { width: 16px; display: block; margin: 0 auto 0; pointer-events: none; } .social--share li a:hover { background: rgba(0, 0, 0, 0.05); } .social--share li .stButton { position: absolute; opacity: 0; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; } .google-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #4285f4; color: #ffff; font-size: 14px; font-weight: 600; height: 46px; max-width: 191px; margin: auto; padding-right: 10px; } .google-btn span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-left: 5px; } .group.group--social a .google-btn img { width: auto; } .group.group--social a { display: inline-block; } .group.group--social .btn--social-fb.btn { width: 184px; display: inline-block; height: 46px; vertical-align: top; margin-top: 0; margin-right: 15px; float: none; } @media screen and (max-width: 1199px) { .group.group--social .btn--social-fb.btn { margin-right: 5px; } .group.group--social .btn--social-fb.btn, .group.group--social a { display: block; } .group.group--social .btn--social-fb.btn { margin-bottom: 10px; } } @media (max-width: 767px) { .social-links { margin: 0; } } .group.group--social a { width: 50%; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 8px; border-radius: 2px; font-weight: bold; } .group--social a svg { height: 18px; width: 18px; margin-right: 24px; } .group.group--social .google-login { background: #4285F4; padding: 0 2px; } .group--social .facebook-login { background-color: #28589c; color: #fff; } .group--social .facebook-login svg { fill: #fff; height: 25px; width: 25px; margin-right: 24px; } .group--social a.google-login svg { height: 36px; width: 36px; margin-right: 15px; padding: 9px 9px; background: #fff; border-radius: 2px; } @media (max-width: 576px) { .group--social { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .group.group--social a { margin-bottom: 10px; width: 100%; } .group--social a { margin-right: 0rem; } .box--narrow { min-width: auto; } } #signinFrmPopUp .field_label:empty, #frm_fat_id_signupFrm .field_label:empty { display: none; } .share { position: relative; } .share__trigger { padding: .75rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: var(--font-weight-medium); } @media (min-width: 1199px) { .share__trigger { pointer-events: none; cursor: pointer; } } @media (max-width: 1199px) { .share__trigger.is-active:after { position: fixed; left: 0; right: 0; top: 0; bottom: 0; content: ""; background-color: rgba(0, 0, 0, 0.8); z-index: 100; } } @media (max-width: 576px) { .share__trigger { font-size: 0; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; } } @media (min-width: 1199px) { .share__target { position: absolute; right: 0; top: 140%; background-color: var(--color-white); min-width: 240px; -webkit-box-shadow: var(--boxShadow-bottom); box-shadow: var(--boxShadow-bottom); border: 1px solid var(--color-gray-200); padding: 1.5rem; opacity: 0; visibility: hidden; z-index: 1; -webkit-transition: all 0.2s; transition: all 0.2s; } .share__target:before { position: absolute; right: 1rem; top: -12px; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid var(--color-gray-200); pointer-events: none; z-index: 1; } .share__target:after { position: absolute; right: 1rem; top: -10px; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; pointer-events: none; z-index: 1; } } @media (max-width: 1199px) { .share__target { left: 50%; top: 50%; position: fixed; max-width: 350px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; background-color: var(--color-white); z-index: 101; padding: 1.5rem; opacity: 0; visibility: hidden; } .share__target:after { position: absolute; right: 0; top: -40px; width: 40px; height: 40px; content: "+"; font-size: 2rem; color: var(--color-white); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); text-align: center; line-height: 40px; pointer-events: none; } } .share__target.is-visible { opacity: 1; visibility: visible; } .share__target:after { position: absolute; right: 1rem; top: -10px; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; pointer-events: none; z-index: 1; } .share__target .social--share li { margin: 0; } @media (max-width: 1199px) { .share { left: 50%; top: 50%; position: fixed; max-width: 350px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; background-color: var(--color-white); z-index: 101; padding: 1.5rem; opacity: 0; visibility: hidden; } .share:after { position: absolute; right: 0; top: -40px; width: 40px; height: 40px; content: "+"; font-size: 2rem; color: var(--color-white); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); text-align: center; line-height: 40px; pointer-events: none; } } .share.is-visible { opacity: 1; visibility: visible; } @media (min-width: 1199px) { .share:hover .share__target { opacity: 1; visibility: visible; top: 100%; } } #signinFrmPopUp .field_label:empty, #frm_fat_id_signupFrm .field_label:empty { display: none; } .social-share { position: relative; } .social-share .dropdown-toggle::after { display: none; } .social-share .dropdown-menu { min-width: 100px; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); padding: 20px; text-align: center; -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; border-radius: 10px; border: none; } .social-share .dropdown-menu .social--share li { border: none; } .table th, .table td { padding: 1rem 1.5rem; vertical-align: top; text-align: left; line-height: 1.4; } .table th { font-weight: 600; background-color: #e1e3e7; } .table td { color: var(--color-black); } @media (min-width: 1199px) { .table--styled { border-spacing: 0 1rem; border-collapse: separate; } } @media (min-width: 576px) { .table--styled tr { -webkit-transition: all 0.4s; transition: all 0.4s; } .table--styled td { background-color: var(--color-white); -webkit-box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1); vertical-align: middle; } .table--styled td:first-child { border-top-left-radius: var(--radius-0); border-bottom-left-radius: var(--radius-0); } .table--styled td:last-child { border-top-right-radius: var(--radius-0); border-bottom-right-radius: var(--radius-0); } .table--styled th { position: sticky; top: 0; z-index: 1; } .table--styled th:first-child { border-top-left-radius: var(--radius-0); border-bottom-left-radius: var(--radius-0); } .table--styled th:last-child { border-top-right-radius: var(--radius-0); border-bottom-right-radius: var(--radius-0); } .table--styled > tbody > tr:hover:not(.title-row) { -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); } } .table--styled .table--responsive tr.row-trigger.title-row th { z-index: 0; } .table--small th, .table--small td { padding-top: 0rem; padding-bottom: 0rem; } .table--hover tbody tr:hover th, .table--hover tbody tr:hover td { background-color: var(--color-gray-100); } .table--bordered { border-top: 1px solid var(--color-gray-200); } .table--bordered tbody tr th, .table--bordered tbody tr td { border-bottom: 1px solid var(--color-gray-200); } .table--striped tbody tr:nth-child(odd) th, .table--striped tbody tr:nth-child(odd) td { background-color: var(--color-gray-100); } .table--striped tbody th:first-child, .table--striped tbody td:first-child { padding-left: .75rem; } .table--condensed th, .table--condensed td { padding: .5rem; } .table--sticky thead tr:first-child { -webkit-box-shadow: 0 1px 0 0 var(--color-gray-200); box-shadow: 0 1px 0 0 var(--color-gray-200); } .table--sticky th { position: sticky; top: 0; background-color: var(--colors-white); z-index: 1; } .table .action-group .btn { margin: 3px; } .table--aligned-middle td { vertical-align: middle; } .table--aligned-top td { vertical-align: top !important; } .tabled { width: 100%; display: table; border-top: 1px solid #e5e5e5; } .tabled .tabled__cell { display: table-cell; vertical-align: top; padding: 25px 15px; border-right: 1px solid #e5e5e5; line-height: 1.4; } .tabled .tabled__cell:last-child { border-right: none; } .tabled .tabled__cell h3, .tabled .tabled__cell .h3 { line-height: 1; } .table.table--responsive .flex-cell__label { display: none; } @media (max-width: 767px) { .table.table--responsive tr { display: inline-block; width: 100%; border-bottom: 1px solid var(--color-gray-200); padding: 1rem; } .table.table--responsive tr.title-row { display: none; } .table.table--responsive tr > td { display: block; border: none; padding: 5px 0; font-size: 13px; line-height: 1.6; } .table.table--responsive .flex-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .table.table--responsive .flex-cell > div { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .table.table--responsive .flex-cell__label { max-width: 40%; font-weight: var(--font-weight-medium); display: block; padding-right: 1rem; } } @media (max-width: 1199px) { .table.table--responsive td { border-bottom: 1px solid var(--color-gray-200); } .table.table--responsive .flex-cell__content > div { max-width: 100% !important; min-width: 100px; white-space: normal; } .table.table--responsive .flex-cell__content > .profile-meta { min-width: 200px; } } @media (max-width: 767px) { .table.table--responsive td { border-bottom: none; } .table.table--responsive .flex-cell__content > .profile-meta { min-width: 1%; } } @media (min-width: 1199px) { .table-cols td:first-child { width: 25%; } .table-listing tr:hover { -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); margin: -5px; } } @media (min-width: 1199px) { .table--cols.table td:first-child { padding-left: 15px; width: 25%; } } .table-scroll { overflow: auto; } .table-scroll .actions-group { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 1199px) { .table-scroll { overflow: auto; white-space: nowrap; background-color: var(--color-white); border-radius: var(--radius-1); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); margin-top: 1.5rem; } } @media (max-width: 767px) { .table-scroll { overflow: visible; white-space: normal; } } @media (max-width: 1199px) { .table tr td .td__caption { display: none !important; } .table tr.-hide-mobile { display: table-row !important; } .table tr:last-child { border-bottom: none; } } @media (max-width: 1199px) { .table tr td .td__caption { width: 100%; padding-bottom: 3px; } .table tr td .td__data { width: 100%; padding-top: 5px; } } @media (max-width: 767px) { .mobile-scroll { height: 100vh; overflow: auto; padding-bottom: 4rem; } .mobile-scroll .table-panel table { border-radius: 0; border-left: 0; border-right: 0; } .is-order-open { overflow: hidden; } } .table--pricing td:last-child, .table--pricing th:last-child { text-align: right; } .title-row th .btn { height: auto; } .title-row th .svg-icon { height: auto; } .tabs { position: relative; } .tabs--line { border-bottom: 1px solid var(--color-gray-300); } .tabs--line ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; overflow: auto; } .tabs--line ul li:not(:last-child) { margin-right: 2.5rem; } .tabs--line ul li a { display: block; padding: 1.25rem 0; opacity: 0.7; position: relative; } .tabs--line ul li a:after { position: absolute; left: 0; right: 0; bottom: 0; content: ""; background-color: currentColor; height: 3px; display: none; } .tabs--line ul li.is-active a { color: var(--color-primary); font-weight: 600; opacity: 1; } .tabs--line ul li.is-active a:after { display: block; } .tabs-gray { overflow: auto; max-height: 400px; } .tabs-gray ul { width: 100%; border: 1px solid #e9e8eb; } .tabs-gray ul li { border-bottom: 1px solid #e9e8eb; } .tabs-gray ul li:last-child { border-bottom: none; } .tabs-gray li a { display: block; font-size: 1rem; padding: 20px 20px; position: relative; } .tabs-gray ul li.is-active a { background: #e9e8eb; font-weight: 700; color: var(--color-secondary); } .tabs-gray li a img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100px; } .tab-swticher { width: 100%; display: inline-block; margin: 0 0 25px; } .tab-swticher .btn { width: 50%; float: left; background: #fff; color: #333; text-align: center; padding: 0 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tab-swticher .btn.is-active { background: var(--color-secondary); color: #fff; font-weight: 600; } .tab-swticher .btn:last-child { border-radius: 0 2px 2px 0; } .tab-swticher .btn:first-child { border-radius: 2px 0 0 2px; } .tab-swticher-small.tab-swticher { margin: 0; } .tab-swticher-small.tab-swticher .btn { width: auto; min-width: 80px; height: 35px; line-height: 35px; padding: 0 20px; font-size: 1.05rem; } .tab-swticher-small.tab-swticher .btn { border: 1px solid var(--color-secondary); } .tabs-inline { border-bottom: 1px solid #e9e8eb; background: #fff; } .tabs-inline li { display: inline-block; position: relative; vertical-align: top; margin: 0 10px 0 15px; } .tabs-inline li a { display: block; padding: 20px 0; font-size: 1.1rem; border-bottom: 2px solid transparent; color: #999; } .tabs-inline li.is-active a { background: #fff; font-weight: 700; border-bottom-color: var(--color-secondary); color: #000; } .tabs-offset { margin: -20px -20px 25px; } .tabs-small { border-bottom: 1px solid #e9e8eb; padding: 0 20px; } .tabs-small li { display: inline-block; vertical-align: top; font-size: 1.05rem; } .tabs-small li a { display: block; padding: 15px 20px; border: 1px solid transparent; border-top: none; border-bottom: none; position: relative; } .tabs-small li.is-active a:after { height: 4px; background: #fff; position: absolute; left: 0; right: 0; bottom: -2px; content: ""; } .tabs-small li.is-active a { background: #fff; border-color: #e9e8eb; color: var(--color-secondary); font-weight: 600; } .tab-horizontal ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #eee; text-align: center; } .tab-horizontal ul li { display: inline-block; vertical-align: top; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .tab-horizontal ul li a { display: block; padding: 20px; font-size: 1.3rem; } .tab-horizontal ul li.is-active a { background: #fff; color: var(--color-secondary); font-weight: 700; } @media (max-width: 1199px) { .tabs-vertical ul li .tab-info h3, .tabs-vertical ul li .tab-info .h3 { font-size: 1.3rem; } .tabs-vertical ul li .counter:before { font-size: 44px; } } @media (max-width: 991px) { .tabs-vertical { margin-bottom: 25px; } .tabs-vertical ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tabs-vertical ul li { text-align: center; display: block; padding: 15px; } } @media (max-width: 767px) { .tabs-gray ul { display: block; overflow: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; margin: 0 0 20px; } .tabs-gray ul li { display: inline-block; vertical-align: top; white-space: normal; margin: 0 -4px 0 0; } .tabs-gray ul li a img { position: relative; top: 16px; } } .nav-pills .nav-link { font-weight: 500; padding: .625rem 1.25rem; display: block; background-color: #F5F6F9; color: #000; white-space: nowrap; border-radius: 2.5rem; border: none; } .nav-pills .nav-link.active { background-color: #393737; color: #fff; } @media (max-width: 767px) { .tabs-wrapper .nav { -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 5px; } } /*========================TOGGLE NAV============================*/ .toggle--nav { width: 30px; height: 30px; vertical-align: middle; margin-right: 10px; padding: 3px 1px; display: none; } .toggle--nav span { width: 100%; height: 3px; background: #333; display: block; margin: 12px 0 0; position: relative; } .toggle--nav span:before { width: 100%; height: 3px; background: #333; content: ""; position: absolute; top: -8px; left: 0; } .toggle--nav span:after { width: 100%; height: 3px; background: #333; content: ""; position: absolute; bottom: -8px; left: 0; } @media (max-width: 1199px) { .toggle--nav { display: inline-block; } } /* toggle */ .toggle-dropdown { position: relative; display: inline-block; } .toggle-dropdown .toggle-dropdown__link { padding-right: 15px; color: #6a6a6a; font-size: 1.1em; } .toggle-dropdown .toggle-dropdown__link .-txt--bold { font-weight: 500; color: #333; } .toggle-dropdown .toggle-dropdown__link:after { border-right: 1px solid #000; border-top: 1px solid #000; content: ""; height: 7px; pointer-events: none; position: absolute; right: 0; top: 6px; width: 7px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .toggle-dropdown__target { min-width: 260px; z-index: 9; left: 50%; top: 100%; background: #fff; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); position: absolute; margin-left: -140px; padding: 20px; text-align: center; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } .toggle-dropdown.is-active .toggle-dropdown__target { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } @media (max-width: 1199px) { .toggle--nav { display: inline-block; } } .tooltip { position: absolute; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 300px; padding: .25rem .5rem; font-size: 10px; font-weight: normal; letter-spacing: 0.05em; background-color: currentColor; color: var(--color-white); -webkit-box-shadow: var(--boxShadow-5); box-shadow: var(--boxShadow-5); border-radius: var(--radius-2); } .tooltip:before { position: absolute; display: block; width: 0.7em; height: 0.7em; background-color: inherit; content: ""; } .tooltip--curve { border-radius: var(--radius-curve); } .tooltip--round { border-radius: var(--radius-round); } .tooltip--top { left: 50%; top: 0; -webkit-transform: translateX(-50%) translateY(-90%); -ms-transform: translateX(-50%) translateY(-90%); transform: translateX(-50%) translateY(-90%); text-align: center; } .tooltip--top:before { bottom: 0; left: 50%; -webkit-transform: translateY(50%) translateX(-50%) rotate(45deg); -ms-transform: translateY(50%) translateX(-50%) rotate(45deg); transform: translateY(50%) translateX(-50%) rotate(45deg); } .tooltip--bottom { left: 50%; top: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; } .tooltip--bottom:before { top: 0; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg); transform: translateY(-50%) translateX(-50%) rotate(45deg); } .tooltip--left { right: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; } .tooltip--left:before { right: -3px; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .tooltip--right { left: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; } .tooltip--right:before { left: -3px; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .is-hover .tooltip { opacity: 0; visibility: hidden; } .is-hover:hover .tooltip { opacity: 1; visibility: visible; -webkit-transition: all 0.5s; transition: all 0.5s; } .btn .tooltip { white-space: normal; } .reviews-section { width: 100%; position: relative; } .reviews-stats { width: 100%; position: relative; } .reviews-total { max-width: 110px; text-align: center; } .reviews-media { position: relative; width: 100%; height: 100%; } .reviews-media svg { width: 100%; height: 100%; fill: #FFAB22; } .reviews-media .reviews-count { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; width: 100%; font-size: var(--font-size-h4); color: var(--color-white); font-weight: var(--font-weight-bold); line-height: 1; } .reviews-progress { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reviews-progress__value { min-width: 60px; text-align: center; padding: 0 .5rem; } .reviews-progress__value:first-child { text-align: right; } .reviews-progress__value:last-child { text-align: left; } .reviews-progress__content { width: calc(100% - 120px); } .reviews-counter__item { margin-top: .5rem; } .reviews-sorting { margin: 2.5rem 0; text-align: center; } @media (min-width: 576px) { .reviews-sorting { background-color: var(--color-gray-100); padding: .5rem 1.5rem; } } @media (max-width: 576px) { .reviews-sorting p { margin-bottom: .5rem !important; } } @media (min-width: 576px) { .reviews-sort select { background-color: transparent; border: none; font-weight: var(--font-weight-medium); } .reviews-sort select:focus { -webkit-box-shadow: none; box-shadow: none; } } .review { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 2.5rem; border-bottom: 1px solid var(--color-gray-200); } .review__media { width: 80px; } @media (max-width: 576px) { .review__media { width: 70px; } } .review__content { width: calc(100% - 80px); } @media (max-width: 576px) { .review__content { width: calc(100% - 70px); } } .review__author { font-size: var(--font-size-h6); font-weight: var(--font-weight-bold); margin-bottom: .5rem; display: block; } .review__date { color: var(--color-black); font-size: var(--font-size-small); line-height: 1; padding-left: .75rem; margin-left: .75rem; position: relative; top: 1px; } .review__date:before { position: absolute; left: 0; top: 0; bottom: 0; content: ""; width: 1px; background-color: currentColor; } .review__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .review__message { margin-top: 1rem; } .rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rating__media { width: 15px; height: 19px; fill: var(--color-yellow); margin-right: .5rem; } .rating__value { margin-right: 6px; font-weight: bold; } @media (max-width: 576px) { .reviews-submission { border-top: 1px solid var(--color-gray-200); margin-top: 1.5rem; } } .review__title { margin-bottom: 0; } :root, [data-bs-theme="light"] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, 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)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; } [data-bs-theme="dark"] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb: 222, 226, 230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43, 48, 53; --bs-primary-text-emphasis: #6ea8fe; --bs-secondary-text-emphasis: #a7acb1; --bs-success-text-emphasis: #75b798; --bs-info-text-emphasis: #6edff6; --bs-warning-text-emphasis: #ffda6a; --bs-danger-text-emphasis: #ea868f; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: #031633; --bs-secondary-bg-subtle: #161719; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #087990; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #6ea8fe; --bs-link-hover-color: #8bb9fe; --bs-link-color-rgb: 110, 168, 254; --bs-link-hover-color-rgb: 139, 185, 254; --bs-code-color: #e685b5; --bs-highlight-color: #dee2e6; --bs-highlight-bg: #664d03; --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: #75b798; --bs-form-valid-border-color: #75b798; --bs-form-invalid-color: #ea868f; --bs-form-invalid-border-color: #ea868f; } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1.5rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1.5rem; --bs-modal-header-padding-y: 1.5rem; --bs-modal-header-padding: 1.5rem 1.5rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); -ms-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; -ms-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.5rem 1.5rem; border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-body.p-0 { padding: 0; } .modal-body.pt-0 { padding-top: 0; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-lg { --bs-modal-width: 950px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-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, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @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, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @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, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @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, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @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, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @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, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .btn-close { -webkit-box-sizing: content-box; box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.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/1rem auto no-repeat; border: 0; border-radius: 0.25rem; opacity: 0.5; cursor: pointer; } .modal { z-index: 999; } .modal-content { border-radius: 4px; border: none; -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06); 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.87); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modal-title small, .modal-title .small { font-size: 0.8rem; } .modal.fixed-right { padding-right: 0 !important; } .modal.fixed-right .modal-dialog-vertical { height: 100%; max-width: 600px; margin: 0; margin-left: auto; } .modal.fixed-right .modal-dialog-vertical .modal-content { border-radius: 0px; height: inherit; overflow-y: auto; } .modal.fixed-right .modal-dialog-vertical .modal-content .modal-header { padding: 1.5rem; } .modal.fixed-right .modal-dialog-vertical-sm { max-width: 400px; } .modal.fixed-right .modal-dialog-vertical-md { max-width: 750px; } .modal.fixed-right .modal-dialog-vertical-lg { max-width: 1000px; } .modal.fixed-right.fade .modal-dialog-vertical { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .modal.fixed-right.show .modal-dialog-vertical { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .modal-backdrop { z-index: 998; } 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; } .middle-popup .modal-content { max-height: 84vh; overflow: hidden; } .middle-popup .modal-content .modal-body { overflow: hidden; overflow-y: auto; } .modal .modal-content { border-radius: calc(clamp(0.714rem, 1.274vw + 0.396rem, 2.143rem)); overflow: hidden; } .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; width: 24px; height: 24px; fill: currentColor; } @media (max-width: 767px) { .icon { width: 22px; height: 22px; } } .icon--30 { width: 30px; height: 30px; } .icon--40 { width: 2.86rem; height: 2.86rem; } .icon--large { width: 3.4rem; height: 3.4rem; } .icon--xlarge { width: 4rem; height: 4rem; } .icon--xsmall { width: 14px; height: 14px; } .icon--small { width: 16px; height: 16px; } .icon--18 { width: 18px; height: 18px; } .switch { line-height: 1; /* ============================================================ SWITCH 1 - ROUND ============================================================ */ } .switch__label { position: absolute; margin-left: -9999px; visibility: hidden; } .switch__label + .switch__handle { position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .switch__label + .switch__handle { display: inline-block; vertical-align: middle; width: 60px; height: 26px; border-radius: 60px; } .switch__label + .switch__handle:before, .switch__label + .switch__handle:after { display: block; position: absolute; top: 0; bottom: 0; content: ""; } .switch__label + .switch__handle:before { left: 0; right: 0; background-color: #d8d8d9; border-radius: 60px; -webkit-transition: background 0.4s; transition: background 0.4s; } .switch__label + .switch__handle:after { width: 20px; background-color: #fff; border-radius: 100%; -webkit-transition: margin 0.4s; transition: margin 0.4s; top: 3px; bottom: 3px; left: 3px; margin-left: 0; } .switch.is-active .switch__label + .switch__handle:before, .switch .switch__label:checked + .switch__handle:before { background-color: inherit; } .switch.is-active .switch__label + .switch__handle:after, .switch .switch__label:checked + .switch__handle:after { margin-left: 34px; } .switch.is-disabled .switch__label + .switch__handle { cursor: not-allowed; pointer-events: none; } .switch.is-disabled { opacity: 0.5; cursor: not-allowed; } .switch--small .switch__label + .switch__handle { width: 40px; height: 22px; } .switch--small .switch__label + .switch__handle:after { width: 16px; margin-left: 0; } .switch--small.is-active .switch__label + .switch__handle:after, .switch--small .switch__label:checked + .switch__handle:after { margin-left: 18px; } .switch-group { cursor: pointer; padding: 1.25rem; } .switch-group__label.is-disabled { background-color: rgba(0, 0, 0, 0.02); cursor: not-allowed; } .tab-switch { position: relative; background-color: rgba(0, 0, 0, 0.06); border-radius: var(--radius-1); padding: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tab-switch__item { padding: 0 1.25rem; display: block; text-transform: uppercase; font-size: var(--font-size-small); height: 32px; line-height: 32px; border-radius: var(--radius-1); } .tab-switch__item.is-active { background-color: var(--color-white); font-weight: var(--font-weight-medium); color: var(--color-primary); } .tab-switch .icon { display: none; } @media (max-width: 1199px) { .tab-switch__item { padding: 0 1.25rem; height: 2.6rem; line-height: 2.6rem; } } @media (max-width: 767px) { .tab-switch--icons .tab-switch__item { padding: 0; font-size: 0; width: 3.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; height: 2.5rem; line-height: 2.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tab-switch .icon { display: block; } } .alert { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .75rem; padding: .5rem; color: var(--color-white); background-color: var(--color-transparent); font-size: var(--font-size-small); border-radius: var(--radius-1); } @media (min-width: 576px) { .alert { min-width: 400px; } } .alert__icon { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: start; align-self: flex-start; position: relative; } .alert__icon svg { fill: var(--color-white); width: 24px; height: 24px; display: block; } .alert__message { padding: .5rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .alert__message p { line-height: 1.3; color: inherit; margin: 0; } .alert__message p a { text-decoration: underline; font-weight: var(--font-weight-medium); } .alert__close { width: 40px; height: 40px; position: relative; cursor: pointer; -ms-flex-item-align: start; align-self: flex-start; border-radius: 60px; -webkit-transition: all 0.4s; transition: all 0.4s; margin-left: auto; } .alert__close:before { position: absolute; content: "+"; font-size: var(--font-size-h3); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); inset: 0; text-align: center; line-height: 40px; } @media (min-width: 1199px) { .alert__close:hover { background-color: rgba(255, 255, 255, 0.2); } } .alert--small { padding: .25rem .5rem; } .alert--success { background-color: var(--color-success); } .alert--success .alert__icon:before { content: ""; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMC1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRTQ0NzQxMUFFOEUxMUVDQkNDNEFCQjVBRkI3QzdGMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRTQ0NzQxMkFFOEUxMUVDQkNDNEFCQjVBRkI3QzdGMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZFNDQ3NDBGQUU4RTExRUNCQ0M0QUJCNUFGQjdDN0YxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZFNDQ3NDEwQUU4RTExRUNCQ0M0QUJCNUFGQjdDN0YxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FSoRngAAAYFJREFUeNq8l4tthDAMhgMTpBukE5QNjk7QjHAj0A2uE6BOUHWCqhPQDbgN6AawQRojB0UI50VSS7/ulMvlA8d2nEopxQKtRV20uJbA8V9L31o/QasB2CGu1WmNKtxm/I9zbdePbSRwb5OWjAV3+OQ57BYK/lD5bfCBO1XOegosM7qXsm3PK0wnSI9Bq2FlbdF6gC81DlwzQ+9EPsML3uw8njK6c8T8ZxhUR3m+gptCUJAg5rXgapnRvc+4jwxL6kDMfQHwU0BA3BOhgpjfME9ZhP24OvaLcq8vZmZfYO2L/ZABuoFnT6HnBDwVuhoLOIGO4P0ZKMx17Z0PngpdD406IGJNlI5YefbjruilsyCygNhvLk5UPJlSMid82FQoBDM3h8R7hJuM20VihQPWUlld5nRisZhj8RE+a2vwlZW3t62sHuTnv7c+JZu9r30doNrbPvOb8piGXp7sTJw3Ct8VJqXlNUDuWreKuLRJbAgvmHYCI9QImrtPvLwtvsX+BBgAj13XfF7ScF4AAAAASUVORK5CYII="); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; background-size: 20px 20px; } .alert--info { background-color: var(--color-info); } .alert--info .alert__icon:before { content: ""; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMC1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5OEI3ODQwREFFOEYxMUVDOURCOUFDOEQ1MDQzREE1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5OEI3ODQwRUFFOEYxMUVDOURCOUFDOEQ1MDQzREE1OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk4Qjc4NDBCQUU4RjExRUM5REI5QUM4RDUwNDNEQTU4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk4Qjc4NDBDQUU4RjExRUM5REI5QUM4RDUwNDNEQTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nQtVKgAAAUxJREFUeNrEV4FtgzAQBJQBnA3IBM0GsEG8STwCG6BOUHWCqhMEJmg2CBuEDRx/dERWVIzfgDnpBALZZ/759znVWieeKMHCUBjmeN5Z/DVsvGYjYQeFoTL80/64Y4xzbtfLkin4jpuh5AorrHwJVL7CX3p5XKaElV4P9ZiwXDC8Y3jlPEU5UXlcDI+epUUl0+K+QJn5oDfc2+WkZvwwVcjYDCs5J/Hw1NohvDlzMIW3su45oLSWJCwDVl0y8vofThTqjyQ+jruAMM/5q1/CGWLORYscV9YCWAgVnguRYR+NjS5DN9lE+LqB8JWEvzcQbocvjplnSm0z9OrPiMKk1aeWy7wxmsmcbfHwvL4ZgbWhxqxPvYX1WdPs/cCjT9rbeuEvFRxDL2HKQ+E8UUwdYUL82CAoXPOmjEObhE0qUHY5ymNggy7Y+fT/hwADAJx2xWNoDiNcAAAAAElFTkSuQmCC"); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; background-size: 20px 20px; } .alert--danger { background-color: var(--color-danger); } .alert--danger .alert__icon:before { content: ""; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMC1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QThCQ0I5NEFFOTAxMUVDQjJFNUMyQjgzRkJBQjRBRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QThCQ0I5NUFFOTAxMUVDQjJFNUMyQjgzRkJBQjRBRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdBOEJDQjkyQUU5MDExRUNCMkU1QzJCODNGQkFCNEFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdBOEJDQjkzQUU5MDExRUNCMkU1QzJCODNGQkFCNEFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EY+8hgAAAUpJREFUeNrEV4sNgjAQpcQB6gY4gWwAG1gnsSOwAXEC4wTGCdAJcAPcQDaoPXM1SAR6fNqXvEg07YPD9+7KlFKBJVJkosk1I/z+2eBV82a1Gwj3kGtKzVLZ44Vrevfu+zElCrZRaQqqsMQ7nwOZrfBJzY9iSFiq5ZB3CYsZy9uF7ztnaCewR6EZW1oLLHPH6wRtZoNac920k5zwh8nGrA3xTg6BO3y0Qixv5FAYXmsKwiJwjx0Ibz0Ix6HjMv8Icw/CgS9hvsI+GhMXQmhkjWsqnitMEypSQlr9FYZSPzyU+gFZDWUuiQvHZrXB3uRt5TCroQNyk9VHh2UGrZo1psyKECZT2uLm89kaBJaG7Bp9ch+jz5LD3gVn9MHxNp/5STlloBcjbGZ9ohg6woyZx4wg79uXEQ5tAptJgraL0B6GYLEzNp3B/H8LMACMjTUUMjZzJQAAAABJRU5ErkJggg=="); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; background-size: 20px 20px; } .alert--warning { background-color: var(--color-warning); } .alert--warning .alert__icon:before { content: ""; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMC1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxREM3MkVFM0FGMkMxMUVDQUZDOEEwNUM5NTFGNzg5RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxREM3MkVFNEFGMkMxMUVDQUZDOEEwNUM5NTFGNzg5RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFEQzcyRUUxQUYyQzExRUNBRkM4QTA1Qzk1MUY3ODlGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFEQzcyRUUyQUYyQzExRUNBRkM4QTA1Qzk1MUY3ODlGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Ub1B7QAAAahJREFUeNpi/P//P8NAACYK9G6BYvIAyMdkYN//COBLjhnkWnwGyeIz9LI44z8mSKO1xQJA/BiLxXehckSbRWriygNiGSziSlA5ogEjCdlJDoivATE3DvkPQKwNxM+onZ1K8VgKAgJAXEFtHxsB8RmQeij/EhDvhbKdgVgPljuB2ASIz1ErH29CS0yFSHKFaHKbqJW43IDYF02MFQebAarWhdI4ZgHiNizizDjYMNAExGyUWBwBxMZklMSWQOxHrsWgFNxMQSXSji8XMBEoLBQosFgFX6GCy2JhIC6hQrVbAjWLaItBiUOIChYLQc0iymJDIE4nYOA7HGxsIBFalGJkF3RQgSOLIAM7JAvtCKjlBOJaaA7BWXI5AfHf/9QHIDOt8NXHx4k06DcQv4fi30TqOYTL4lgSfDAJWvELQNnEglj0spqHlCoNCO5D698PUDaxAGQHL3KqBqViLRIMYMPBJgRAdqTB6mMpIH0FiAVJMACUot9D2YIk5vnnQKwPyk7FJFoKKxjILWAkQUEO8vFbKpVSpIB3IB9fxtFypCV4wjhQnTaAAAMAukNkIFSWlp4AAAAASUVORK5CYII="); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; background-size: 20px 20px; } .alert--process { background-color: #333; } .alert--process .alert__icon:before { content: ""; border-radius: 50%; pointer-events: none; width: 26px; height: 26px; display: inline-block; position: absolute; left: 50%; top: 50%; border-top: 4px solid rgba(255, 255, 255, 0.2); border-right: 4px solid rgba(255, 255, 255, 0.2); border-bottom: 4px solid rgba(255, 255, 255, 0.2); border-left: 4px solid #ffffff; -webkit-animation: load8 1s infinite linear; animation: load8 1s infinite linear; margin-top: -13px; margin-left: -13px; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .alert-position { position: fixed; opacity: 0; visibility: hidden; z-index: -1; } .alert-position.animated { opacity: 1; visibility: visible; z-index: 1000; } .alert-position .alert { margin: 10px; } @media (min-width: 576px) { .alert-position { max-width: 500px; } } @media (max-width: 576px) { .alert-position { left: 0; right: 0; } } .alert-position--top-right { top: 0; } @media (min-width: 576px) { .alert-position--top-right { right: 0; } } .alert-position--top-left { top: 0; } @media (min-width: 576px) { .alert-position--top-left { left: 0; } } .alert-position--bottom-right { bottom: 0; } @media (min-width: 576px) { .alert-position--bottom-right { right: 0; } } .alert-position--bottom-left { bottom: 0; } @media (min-width: 576px) { .alert-position--bottom-left { left: 0; } } .alert-position--bottom-center { bottom: 0; margin: 0 auto; } @media (min-width: 576px) { .alert-position--bottom-center { left: 0; right: 0; } } .alert-position--top-center { top: 0; margin: 0 auto; } @media (min-width: 576px) { .alert-position--top-center { left: 0; right: 0; } } .error { border-color: #F00 !important; } .errorlist { margin: 0; list-style: none; padding: 2px 10px 4px; position: relative; background: #fdf7f6; clear: both; } .errorlist li a { color: #f44336; font-size: 11px; /*text-transform: uppercase;*/ text-decoration: none; cursor: default; } .errorlist li:last-child { padding-bottom: 0; } .errorlist li { font-size: 12px; position: relative; } .timer { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-third); min-height: 32px; } .timer__media { margin-right: var(--margin-1); } .timer__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .timer__digit { position: relative; font-weight: 600; } .timer__digit:not(:last-child):after { content: ":"; margin: 0 0.1rem; } .geo-location_range { margin: 1rem 0; -webkit-appearance: none !important; width: 100%; height: 2px; background: var(--color-primary); border: none; outline: none; } .geo-location_range::-webkit-slider-thumb { -webkit-appearance: none !important; width: 24px; height: 24px; background: #fff; border: 2px solid var(--color-primary); border-radius: 50%; cursor: pointer; } .geo-location_range::-webkit-slider-thumb:hover { background: var(--color-primary); } .geo-location_range::-webkit-slider-thumb:active { cursor: -webkit-grabbing; } .geo-location_range::-moz-range-thumb:active { cursor: -moz-grabbing; } .geo-location_range:focus { outline: none; } .geo-location-bottom { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 767px) { .geo-location-bottom { margin-top: 1.25rem; } } .geo-location-radius { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 767px) { .geo-location-radius { max-width: 300px; } } .calendar--modal .modal-dialog { max-width: 700px; } .calendar--modal .modal-dialog .modal-header { padding: 0; padding-bottom: calc(clamp(1.429rem, 0.637vw + 1.269rem, 2.143rem)); border-radius: 0; border: none; } .calendar--modal .modal-dialog .modal-header h4, .calendar--modal .modal-dialog .modal-header .h4 { font-size: calc(clamp(1.286rem, 0.255vw + 1.222rem, 1.571rem)); font-weight: 600; } .calendar--modal .modal-dialog .modal-header .btn-close { width: 22px; height: 22px; background: #000; color: #fff; border-radius: 50%; padding: 0; opacity: 1; margin: 0; position: absolute; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 20px; top: 20px; } @media (max-width: 767px) { .calendar--modal .modal-dialog .modal-header .btn-close { right: 10px; top: 10px; } } .calendar--modal .modal-dialog .modal-header .btn-close:hover { opacity: .65; } .calendar--modal .modal-dialog .modal-header .btn-close:after, .calendar--modal .modal-dialog .modal-header .btn-close::before { content: ""; position: absolute; height: 2px; width: 14px; background-color: currentColor; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; } .calendar--modal .modal-dialog .modal-header .btn-close:after { height: 14px; width: 2px; } .calendar--modal .modal-dialog .modal-content { padding: calc(clamp(1.714rem, 1.019vw + 1.46rem, 2.857rem)); border-radius: calc(clamp(0.714rem, 1.274vw + 0.396rem, 2.143rem)); } .calendar-wrapper .ui-datepicker-header .ui-corner-all { width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; border: 1px solid #707070; border-radius: 50%; left: 0; right: 0; top: 0; } .calendar-wrapper .ui-datepicker-header .ui-corner-all::before { display: none; } .calendar-wrapper .ui-datepicker-header .ui-corner-all .ui-icon { position: relative; pointer-events: none; left: 0; top: 0; width: 6px; height: 6px; border: none !important; border-left: 2px solid currentColor !important; border-bottom: 2px solid currentColor !important; display: block; margin: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .calendar-wrapper .ui-datepicker-header .ui-corner-all .ui-icon::before { display: none; } .calendar-wrapper .ui-datepicker-header .ui-datepicker-next { right: 0; left: auto; } .calendar-wrapper .ui-datepicker-header .ui-datepicker-next .ui-icon { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .calendar-wrapper .ui-datepicker-header .ui-datepicker-prev { left: 0; right: auto; } .calendar-wrapper .ui-datepicker-header .ui-datepicker-prev .ui-icon { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .calendar-wrapper .ui-datepicker td.ui-datepicker-current-day:not(.ui-datepicker-today) .ui-state-active { color: var(--color-primary-inverse); background-color: var(--color-primary); } .calendar-wrapper .ui-datepicker-header.ui-widget-header { background: none; border: none; padding: 0; margin-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; } .calendar-wrapper .ui-datepicker-header.ui-widget-header::after, .calendar-wrapper .ui-datepicker-header.ui-widget-header::before { display: none; } .calendar-wrapper .ui-widget { font-family: inherit; } .calendar-wrapper .ui-widget-content { -webkit-box-shadow: none; box-shadow: none; padding: 0; width: 100%; min-width: 250px; } .calendar-wrapper .calander { width: 100% !important; } .calendar-wrapper .ui-datepicker .ui-datepicker-title { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1rem; font-weight: 600; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; } .calendar-wrapper .ui-datepicker .ui-datepicker-next, .calendar-wrapper .ui-datepicker .ui-datepicker-prev { position: absolute; } .calendar-wrapper .ui-datepicker td.ui-datepicker-today a { font-weight: 600; background: #E4F6FE !important; color: #000; } .calendar-wrapper .ui-datepicker table { margin: 0; } .calendar-wrapper .ui-datepicker table thead th { padding-bottom: 1.25rem; text-transform: uppercase; font-weight: 600; font-size: 12px; } .calendar-wrapper .ui-datepicker table td, .calendar-wrapper .ui-datepicker table th { border: none; padding: 0px; background-color: transparent; } .calendar-wrapper .ui-datepicker td .ui-state-default { padding: 2px; background-color: #fff; color: #000; border-radius: 50%; height: 36px; width: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; font-size: 14px; margin: 0 auto; } @media (max-width: 767px) { .calendar-wrapper .ui-datepicker td .ui-state-default { height: 28px; width: 28px; font-size: 12px; } } .calendar-wrapper .ui-datepicker td .ui-state-default.ui-state-active { background: var(--color-primary); color: var(--color-primary-inverse); } .noslot-available__media { text-align: center; margin-bottom: 1rem; } .noslot-available__media span { display: inline-block; vertical-align: middle; } .calendar-availablity { display: -webkit-box; display: -ms-flexbox; display: flex; gap: calc(clamp(1.143rem, 1.019vw + 0.888rem, 2.286rem)); height: 100%; overflow: auto; } .calendar-availablity__col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: 1px solid #DEDCDC; border-radius: 10px; padding: 1.5rem; min-width: 0; } @media (min-width: 767px) { .calendar-availablity__col:last-child { max-width: 250px; } } @media (max-width: 767px) { .calendar-availablity { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .calendar-availablity .timeslot-div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; } @media (max-width: 1199px) { .box-panel .calendar-availablity { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .box-panel .calendar-availablity__col:last-child { max-width: 100%; } } .calendar-timeslots { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px 1.5rem; } .calendar-timeslots .calendar-time { border-radius: 2rem; padding: .625rem .625rem; font-size: 14px; color: #000; background: #F5F6F9; width: 100%; cursor: pointer; display: block; text-align: center; white-space: nowrap; } .calendar-timeslots .radio-option { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - .75rem); flex: 0 0 calc(50% - .75rem); max-width: calc(50% - .75rem); } .calendar-timeslots .radio-option input[type="radio"], .calendar-timeslots .radio-option input[type="checkbox"] { position: absolute; left: 0; right: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer; } .calendar-timeslots .radio-option input[type="radio"]:checked ~ .calendar-time, .calendar-timeslots .radio-option input[type="checkbox"]:checked ~ .calendar-time { background-color: var(--color-primary); color: var(--color-primary-inverse); } .slots-container-98--js { height: 100%; } .noslot-available { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .5rem; } .timeslot-picker { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; text-align: center; height: 100%; max-width: 100%; overflow: auto; } .timeslot-picker__body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; overflow-y: auto; padding-right: 1rem; } .timeslot-picker .selected-day { font-size: 1rem; } @media (max-width: 767px) { .timeslot-picker .btn.btn--large { font-size: 1rem; height: 2.875rem; line-height: 2.875rem; } } .timeslot-picker__body::-webkit-scrollbar-track { border-radius: 10px; background-color: #E8E8E8; } .timeslot-picker__body::-webkit-scrollbar { width: 12px; background-color: #fff; } .timeslot-picker__body::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #7B7B7B; border: 4px solid #E8E8E8; margin: 1px; } .calendar-wrapper .ui-datepicker td.ui-datepicker-today .ui-state-active { background: var(--color-primary) !important; color: var(--color-primary-inverse) !important; } .modal-body .panel-content.calendar { padding: 2rem; } .calendar--modal .modal-body { overflow: auto; } @media (max-width: 767px) { .timeslots-wrapper { max-height: 200px; overflow: auto; } } .timeslots { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem 1.5rem; text-align: center; padding-right: calc(clamp(1rem, 0.701vw + 0.825rem, 1.786rem)); overflow: auto; max-height: 100%; scrollbar-width: auto; /* Scrollbar Styling */ } .timeslots::-webkit-scrollbar { width: 6px; } .timeslots::-webkit-scrollbar-track { border-radius: 10px; } .timeslots::-webkit-scrollbar-thumb { border-radius: 10px; } .timeslots .timeslot { border-bottom: 1px solid #000; padding-bottom: .75rem; } /*! * Cropper v0.11.1 * https://github.com/fengyuanchen/cropper * * Copyright (c) 2014-2015 Fengyuan Chen and contributors * Released under the MIT license * * Date: 2015-08-22T04:54:51.269Z */ .cropper-container { position: relative; overflow: hidden; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; direction: ltr !important; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .cropper-container img { display: block; width: 100%; min-width: 0 !important; max-width: none !important; height: 100%; min-height: 0 !important; max-height: none !important; image-orientation: 0deg !important; } .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .cropper-drag-box { background-color: #fff; filter: alpha(opacity=0); opacity: 0; } .cropper-modal { background-color: #000; filter: alpha(opacity=50); opacity: .5; } .cropper-view-box { display: block; width: 100%; height: 100%; overflow: hidden; border: 1px solid #69f; border-color: rgba(102, 153, 255, 0.75); border-radius: 0; } .cropper-dashed { position: absolute; display: block; filter: alpha(opacity=50); border: 0 dashed #eee; opacity: .5; } .cropper-dashed.dashed-h { top: 33.33333333%; left: 0; width: 100%; height: 33.33333333%; border-top-width: 1px; border-bottom-width: 1px; } .cropper-dashed.dashed-v { top: 0; left: 33.33333333%; width: 33.33333333%; height: 100%; border-right-width: 1px; border-left-width: 1px; } .cropper-center { position: absolute; top: 50%; left: 50%; display: block; width: 0; height: 0; filter: alpha(opacity=75); opacity: .75; } .cropper-center:before, .cropper-center:after { position: absolute; display: block; content: " "; background-color: #eee; } .cropper-center:before { top: 0; left: -3px; width: 7px; height: 1px; } .cropper-center:after { top: -3px; left: 0; width: 1px; height: 7px; } .cropper-face, .cropper-line, .cropper-point { position: absolute; display: block; width: 100%; height: 100%; filter: alpha(opacity=10); opacity: .1; } .cropper-face { top: 0; left: 0; background-color: #fff; } .cropper-line { background-color: #69f; } .cropper-line.line-e { top: 0; right: -3px; width: 5px; cursor: e-resize; } .cropper-line.line-n { top: -3px; left: 0; height: 5px; cursor: n-resize; } .cropper-line.line-w { top: 0; left: -3px; width: 5px; cursor: w-resize; } .cropper-line.line-s { bottom: -3px; left: 0; height: 5px; cursor: s-resize; } .cropper-point { width: 5px; height: 5px; background-color: #69f; filter: alpha(opacity=75); opacity: .75; } .cropper-point.point-e { top: 50%; right: -3px; margin-top: -3px; cursor: e-resize; } .cropper-point.point-n { top: -3px; left: 50%; margin-left: -3px; cursor: n-resize; } .cropper-point.point-w { top: 50%; left: -3px; margin-top: -3px; cursor: w-resize; } .cropper-point.point-s { bottom: -3px; left: 50%; margin-left: -3px; cursor: s-resize; } .cropper-point.point-ne { top: -3px; right: -3px; cursor: ne-resize; } .cropper-point.point-nw { top: -3px; left: -3px; cursor: nw-resize; } .cropper-point.point-sw { bottom: -3px; left: -3px; cursor: sw-resize; } .cropper-point.point-se { right: -3px; bottom: -3px; width: 20px; height: 20px; cursor: se-resize; filter: alpha(opacity=100); opacity: 1; } .cropper-point.point-se:before { position: absolute; right: -50%; bottom: -50%; display: block; width: 200%; height: 200%; content: " "; background-color: #69f; filter: alpha(opacity=0); opacity: 0; } @media (min-width: 768px) { .cropper-point.point-se { width: 15px; height: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { width: 10px; height: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { width: 5px; height: 5px; filter: alpha(opacity=75); opacity: .75; } } .cropper-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); } .cropper-invisible { filter: alpha(opacity=0); opacity: 0; } .cropper-hide { position: absolute; display: block; width: 0; height: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } .img-container > img { max-width: 100%; } #facebox { position: fixed; z-index: 999; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; -webkit-transition: -webkit-transform .5s ease-out; transition: -webkit-transform .5s ease-out; transition: transform .5s ease-out; transition: transform .5s ease-out, -webkit-transform .5s ease-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 991px) { #facebox { -webkit-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); opacity: 0; visibility: hidden; } } @media (max-width: 1199px) { #facebox { padding: 3rem 0; } } @media (max-width: 1199px) { #facebox { padding: 1rem; } } #facebox .content { position: relative; width: auto; display: block; } @media (min-width: 1199px) { #facebox .content { max-height: 85vh !important; } #facebox .content.facebox-medium { min-width: 820px; max-width: 820px; } #facebox .content.facebox-small { min-width: 500px; height: 100%; max-width: 500px; } #facebox .content.facebox-large { min-width: 1040px; max-width: 1040px; } } @media (max-width: 1199px) { #facebox .content.facebox-medium { min-width: 100%; max-width: 100%; } #facebox .content.facebox-small { min-width: 100%; height: 100%; max-width: 100%; } #facebox .content.facebox-large { min-width: 100%; max-width: 100%; } } #facebox .popup { position: relative; } @media (min-width: 576px) { #facebox .popup { margin: 1.5rem auto; } } @media (max-width: 1199px) { #facebox .popup { width: 90%; margin: 0 auto; } } @media (max-width: 576px) { #facebox .popup { width: 100%; margin: 0 auto; } } #facebox .close { width: 40px; height: 40px; position: absolute; top: -40px; right: 0; -webkit-transform: none; -ms-transform: none; transform: none; } @media (min-width: 767px) { #facebox .close::before { color: var(--color-white); } } .show-facebox #facebox { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .5s ease-out; transition: -webkit-transform .5s ease-out; transition: transform .5s ease-out; transition: transform .5s ease-out, -webkit-transform .5s ease-out; opacity: 1; visibility: visible; } #frmLoginPopUp .caption-wraper .field_label:empty, #frmLoginPopUp .caption-wraper:empty, #frmRegisterPopUp .caption-wraper .field_label:empty, #frmRegisterPopUp .caption-wraper:empty { display: none; } #facebox .close img { display: none; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; } #facebox .scrollbar { max-height: 700px; } .facebox_hide { z-index: -100; } .facebox_overlayBG { background-color: #000; z-index: 99; opacity: 0.7; } @media (max-width: 767px) { #facebox .close { top: 0; } #facebox .close:after { color: #000; } } @media (max-width: 767px) { .show-facebox { position: fixed; width: 100%; } } #facebox .img-container { max-height: 500px; overflow: auto; } #facebox .img-description { text-align: center; padding: 1.5rem 1.5rem 0; } #facebox .img-description .rotator-info { margin-bottom: 1rem; } @media (max-width: 767px) { #facebox .calendar-view .fc-header-toolbar { border: none; padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cookies-popup .content-panel__head { padding: 1rem; } .cookies-popup .form__actions { padding: 1rem; } @media (max-width: 1199px) { .calendar-facebox { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .calendar-facebox #facebox { left: 5% !important; right: 5% !important; top: 5% !important; bottom: 5% !important; } .calendar-facebox #facebox .popup, .calendar-facebox #facebox .content, .calendar-facebox #facebox .calendar-view, .calendar-facebox #facebox #calendar-container { height: 100%; } .calendar-facebox #facebox .content { max-height: 100% !important; } .calendar-facebox #facebox #calendar-container { height: calc(100% - 65px); } .calendar-facebox #facebox #calendar-container > div { height: 100%; } .calendar-facebox .tooltipevent { left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; } } @media (max-width: 767px) { .calendar-facebox #facebox { left: 0% !important; right: 0% !important; top: 0% !important; bottom: 0% !important; } .calendar-facebox #facebox .calendar-view__head > .row { margin: 0; } } .field-set.filelink { margin-top: 1rem; } .field-set.filelink .tag { margin-top: 1rem; } .facebox-panel { position: relative; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: var(--radius-1); overflow: hidden; } @media (max-width: 576px) { .facebox-panel { height: 100%; } } @media (min-width: 576px) { .facebox-panel { min-width: 500px; } } @media (min-width: 576px) { .facebox-panel { max-height: 84vh; } } @media (max-width: 576px) { .facebox-panel { max-height: 84vh; } } .facebox-panel__head { padding: 1.5rem; padding-bottom: 0; border-bottom: 1px solid var(--color-gray-300); } .facebox-panel__head h4, .facebox-panel__head .h4 { padding-bottom: 1.5rem; margin-bottom: 0 !important; } .facebox-panel__body { padding: 1.5rem; height: 100%; overflow: auto; min-height: 200px; padding-bottom: 6rem; } @media (max-width: 767px) { .facebox-panel__body { padding: 1.25rem; padding-bottom: 5rem; } } .facebox-panel__body.pb-3 { padding-bottom: 1.75rem; } .form-action-sticky { position: fixed; width: 100%; left: 0; right: 0; -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); bottom: 0; margin: 0; padding: 1rem 5px; background-color: var(--color-white); z-index: 1; } .form-action-sticky .caption-wraper { display: none; } .form-action-sticky .field_cover { display: -webkit-box; display: -ms-flexbox; display: flex; } .form-action-sticky .field_cover .btn-primary.btn-primary-bordered { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .form--rtl { direction: rtl; } .form--rtl .form-action-sticky .btn-primary.btn-primary-bordered { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .form--ltr { direction: ltr; } .form--ltr .form-action-sticky input[type="submit"] { margin-left: auto !important; margin-right: 0 !important; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .form--ltr .form-action-sticky .btn-primary.btn-primary-bordered { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .popup__head { padding: 2.5rem; padding-bottom: 0; border-bottom: 1px solid var(--color-gray-300); } .popup__body { padding: 2.5rem; } .calendar-wrapper .facebox-panel { max-height: inherit; } .calendar-wrapper .facebox-panel__body { padding: 0 !important; overflow: visible; height: auto; } @media (min-width: 576px) { .show-facebox { overflow: hidden; padding-right: 8px; } } .fc-icon, .fc-unselectable { -moz-user-select: none; -ms-user-select: none; } .fc .fc-button, .fc-icon { text-transform: none; text-align: center; } .fc-not-allowed, .fc-not-allowed .fc-event { cursor: not-allowed; } .fc .fc-button:not(:disabled), .fc a[data-navlink], .fc-event.fc-event-draggable, .fc-event[href] { cursor: pointer; } .fc-unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .fc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 1em; } .fc .fc-button, .fc-icon { display: inline-block; font-weight: 400; } .fc, .fc *, .fc :after, .fc :before { -webkit-box-sizing: border-box; box-sizing: border-box; } .fc table { border-collapse: collapse; border-spacing: 0; font-size: 1em; } .fc th { text-align: center; } .fc td, .fc th { vertical-align: top; padding: 0; } .fc .fc-button, .fc .fc-button .fc-icon, .fc .fc-button-group, .fc .fc-timegrid-slot-label { vertical-align: middle; } .fc a[data-navlink]:hover { text-decoration: underline; } .fc .fc-button:hover, .fc .fc-list-event-title a, a.fc-event, a.fc-event:hover { text-decoration: none; } .fc-direction-ltr { direction: ltr; text-align: left; } .fc-direction-rtl { direction: rtl; text-align: right; } .fc-theme-standard td, .fc-theme-standard th { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); } .fc-liquid-hack td, .fc-liquid-hack th { position: relative; } @font-face { font-family: fcicons; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype"); font-weight: 400; font-style: normal; } .fc-icon { width: 1em; height: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: fcicons !important; speak: none; font-style: normal; font-variant: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fc-icon-chevron-left:before { content: "\e900"; } .fc-icon-chevron-right:before { content: "\e901"; } .fc-icon-chevrons-left:before { content: "\e902"; } .fc-icon-chevrons-right:before { content: "\e903"; } .fc-icon-minus-square:before { content: "\e904"; } .fc-icon-plus-square:before { content: "\e905"; } .fc-icon-x:before { content: "\e906"; } .fc .fc-button { overflow: visible; text-transform: none; margin: 0; font-family: inherit; } .fc .fc-button::-moz-focus-inner { padding: 0; border-style: none; } .fc .fc-button { -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.4em 0.65em; font-size: 1em; line-height: 1.5; border-radius: 0.25em; } .fc .fc-button:focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); } .fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); } .fc .fc-button:disabled { opacity: 0.65; } .fc .fc-button-primary { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #2c3e50; background-color: var(--fc-button-bg-color, #2c3e50); border-color: #2c3e50; border-color: var(--fc-button-border-color, #2c3e50); } .fc .fc-button-primary:hover { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #1e2b37; background-color: var(--fc-button-hover-bg-color, #1e2b37); border-color: #1a252f; border-color: var(--fc-button-hover-border-color, #1a252f); } .fc .fc-button-primary:disabled { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #2c3e50; background-color: var(--fc-button-bg-color, #2c3e50); border-color: #2c3e50; border-color: var(--fc-button-border-color, #2c3e50); } .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #1a252f; background-color: var(--fc-button-active-bg-color, #1a252f); border-color: #151e27; border-color: var(--fc-button-active-border-color, #151e27); } .fc .fc-button .fc-icon { font-size: 1.5em; } .fc .fc-button-group { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .fc .fc-button-group > .fc-button { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .fc .fc-button-group > .fc-button.fc-button-active, .fc .fc-button-group > .fc-button:active, .fc .fc-button-group > .fc-button:focus, .fc .fc-button-group > .fc-button:hover { z-index: 1; } .fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) { margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .fc .fc-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 1.5em; } .fc .fc-toolbar.fc-footer-toolbar { margin-top: 1.5em; } .fc .fc-toolbar-title { font-size: 1.75em; margin: 0; } .fc-direction-ltr .fc-toolbar > * > :not(:first-child) { margin-left: 0.75em; } .fc-direction-rtl .fc-toolbar > * > :not(:first-child) { margin-right: 0.75em; } .fc .fc-scroller { -webkit-overflow-scrolling: touch; position: relative; } .fc .fc-scroller-liquid { height: 100%; } .fc .fc-scroller-liquid-absolute { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .fc .fc-scroller-harness { position: relative; overflow: hidden; direction: ltr; } .fc .fc-scroller-harness-liquid { height: 100%; } .fc-direction-rtl .fc-scroller-harness > .fc-scroller { direction: rtl; } .fc-theme-standard .fc-scrollgrid { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); } .fc .fc-scrollgrid, .fc .fc-scrollgrid-section-footer > *, .fc .fc-scrollgrid-section-header > * { border-bottom-width: 0; } .fc .fc-scrollgrid, .fc .fc-scrollgrid table { width: 100%; table-layout: fixed; } .fc .fc-scrollgrid table { border-top-style: hidden; border-left-style: hidden; border-right-style: hidden; } .fc .fc-scrollgrid { border-collapse: separate; border-right-width: 0; } .fc .fc-scrollgrid-liquid { height: 100%; } .fc .fc-scrollgrid-section, .fc .fc-scrollgrid-section table, .fc .fc-scrollgrid-section > td { height: 1px; } .fc .fc-scrollgrid-section-liquid { height: auto; } .fc .fc-scrollgrid-section-liquid > td { height: 100%; } .fc .fc-scrollgrid-section > * { border-top-width: 0; border-left-width: 0; } .fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table { border-bottom-style: hidden; } .fc .fc-scrollgrid-section-sticky > * { background: var(--fc-page-bg-color, #fff); position: sticky; z-index: 2; } .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * { top: 0; } .fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * { bottom: 0; } .fc .fc-scrollgrid-sticky-shim { height: 1px; margin-bottom: -1px; } .fc-sticky { position: sticky; } .fc .fc-view-harness { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; } .fc .fc-bg-event, .fc .fc-highlight, .fc .fc-non-business, .fc .fc-view-harness-active > .fc-view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fc .fc-col-header-cell-cushion { display: inline-block; padding: 2px 4px; } .fc .fc-non-business { background: rgba(215, 215, 215, 0.3); background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3)); } .fc .fc-bg-event { background: var(--fc-bg-event-color, #8fdf82); opacity: 0.3; opacity: var(--fc-bg-event-opacity, 0.3); } .fc .fc-bg-event .fc-event-title { margin: 0.5em; font-size: 0.85em; font-size: var(--fc-small-font-size, 0.85em); font-style: italic; } .fc .fc-highlight { background: rgba(188, 232, 241, 0.3); background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3)); } .fc .fc-cell-shaded, .fc .fc-day-disabled { background: rgba(208, 208, 208, 0.3); background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); } .fc-event .fc-event-main { position: relative; z-index: 2; } .fc-event-dragging:not(.fc-event-selected) { opacity: 0.75; } .fc-event-dragging.fc-event-selected { -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); } .fc-event .fc-event-resizer { display: none; position: absolute; z-index: 4; } .fc-event-selected .fc-event-resizer, .fc-event:hover .fc-event-resizer, .fc-h-event { display: block; } .fc-event-selected .fc-event-resizer { border-radius: 4px; border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2); border-width: 1px; border-width: var(--fc-event-resizer-dot-border-width, 1px); width: 8px; width: var(--fc-event-resizer-dot-total-width, 8px); height: 8px; height: var(--fc-event-resizer-dot-total-width, 8px); border-style: solid; border-color: inherit; background: var(--fc-page-bg-color, #fff); } .fc-event-selected .fc-event-resizer:before { content: ""; position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; } .fc-event-selected { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .fc-event-selected:before { content: ""; position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; } .fc-event-selected:after { content: ""; background: rgba(0, 0, 0, 0.25); background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25)); position: absolute; z-index: 1; top: -1px; left: -1px; right: -1px; bottom: -1px; } .fc-h-event { border: 1px solid #3788d8; border: 1px solid var(--fc-event-border-color, #3788d8); background-color: #3788d8; background-color: var(--fc-event-bg-color, #3788d8); } .fc-h-event .fc-event-main { color: #fff; color: var(--fc-event-text-color, #fff); } .fc-h-event .fc-event-main-frame { display: -webkit-box; display: -ms-flexbox; display: flex; } .fc-h-event .fc-event-time { max-width: 100%; overflow: hidden; } .fc-h-event .fc-event-title-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; min-width: 0; } .fc-h-event .fc-event-title { display: inline-block; vertical-align: top; left: 0; right: 0; max-width: 100%; overflow: hidden; } .fc-h-event.fc-event-selected:before { top: -10px; bottom: -10px; } .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; } .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; } .fc-h-event:not(.fc-event-selected) .fc-event-resizer { top: 0; bottom: 0; width: 8px; width: var(--fc-event-resizer-thickness, 8px); } .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end { cursor: w-resize; left: -4px; left: calc(var(--fc-event-resizer-thickness, 8px) / -2); } .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start { cursor: e-resize; right: -4px; right: calc(var(--fc-event-resizer-thickness, 8px) / -2); } .fc-h-event.fc-event-selected .fc-event-resizer { top: 50%; margin-top: -4px; margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end { left: -4px; left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start { right: -4px; right: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } :root { --fc-daygrid-event-dot-width: 8px; --fc-list-event-dot-width: 10px; --fc-list-event-hover-bg-color: #f5f5f5; } .fc .fc-popover { position: fixed; top: 0; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); } .fc .fc-popover-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3px 4px; } .fc .fc-popover-title { margin: 0 2px; } .fc .fc-popover-close { cursor: pointer; opacity: 0.65; font-size: 1.1em; } .fc-theme-standard .fc-popover { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); background: var(--fc-page-bg-color, #fff); } .fc-theme-standard .fc-popover-header { background: rgba(208, 208, 208, 0.3); background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); } .fc-daygrid-day-events:after, .fc-daygrid-day-events:before, .fc-daygrid-day-frame:after, .fc-daygrid-day-frame:before, .fc-daygrid-event-harness:after, .fc-daygrid-event-harness:before { content: ""; clear: both; display: table; } .fc .fc-daygrid-body { position: relative; z-index: 1; } .fc .fc-daygrid-day.fc-day-today { background-color: rgba(255, 220, 40, 0.15); background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); } .fc .fc-daygrid-day-frame { position: relative; min-height: 100%; } .fc .fc-daygrid-day-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .fc .fc-day-other .fc-daygrid-day-top { opacity: 0.3; } .fc .fc-daygrid-day-number { position: relative; z-index: 4; padding: 4px; } .fc .fc-daygrid-day-events { margin-top: 1px; } .fc .fc-daygrid-body-balanced .fc-daygrid-day-events { position: absolute; left: 0; right: 0; } .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { position: relative; min-height: 2em; } .fc .fc-daygrid-body-natural .fc-daygrid-day-events { margin-bottom: 1em; } .fc .fc-daygrid-event-harness { position: relative; } .fc .fc-daygrid-event-harness-abs { position: absolute; top: 0; left: 0; right: 0; } .fc .fc-daygrid-bg-harness { position: absolute; top: 0; bottom: 0; } .fc .fc-daygrid-day-bg .fc-non-business { z-index: 1; } .fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2; } .fc .fc-daygrid-day-bg .fc-highlight { z-index: 3; } .fc .fc-daygrid-event { z-index: 6; margin-top: 1px; } .fc .fc-daygrid-event.fc-event-mirror { z-index: 7; } .fc .fc-daygrid-day-bottom { font-size: 0.85em; margin: 2px 3px 0; } .fc .fc-daygrid-more-link { position: relative; z-index: 4; cursor: pointer; } .fc .fc-daygrid-week-number { position: absolute; z-index: 5; top: 0; padding: 2px; min-width: 1.5em; text-align: center; background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); color: grey; color: var(--fc-neutral-text-color, grey); } .fc .fc-more-popover { z-index: 8; } .fc .fc-more-popover .fc-popover-body { min-width: 220px; padding: 10px; } .fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end { margin-left: 2px; } .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start { margin-right: 2px; } .fc-direction-ltr .fc-daygrid-week-number { left: 0; border-radius: 0 0 3px; } .fc-direction-rtl .fc-daygrid-week-number { right: 0; border-radius: 0 0 0 3px; } .fc-liquid-hack .fc-daygrid-day-frame { position: static; } .fc-daygrid-event { position: relative; white-space: nowrap; border-radius: 3px; font-size: 0.85em; font-size: var(--fc-small-font-size, 0.85em); } .fc-daygrid-block-event .fc-event-time { font-weight: 700; } .fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title { padding: 1px; } .fc-daygrid-dot-event { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2px 0; } .fc-daygrid-dot-event .fc-event-title { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; min-width: 0; overflow: hidden; font-weight: 700; } .fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover { background: rgba(0, 0, 0, 0.1); } .fc-daygrid-dot-event.fc-event-selected:before { top: -10px; bottom: -10px; } .fc-daygrid-event-dot { margin: 0 4px; -webkit-box-sizing: content-box; box-sizing: content-box; width: 0; height: 0; border: 4px solid #3788d8; border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8); border-radius: 4px; border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); } .fc-direction-ltr .fc-daygrid-event .fc-event-time { margin-right: 3px; } .fc-direction-rtl .fc-daygrid-event .fc-event-time { margin-left: 3px; } .fc-v-event { display: block; border: 1px solid #3788d8; border: 1px solid var(--fc-event-border-color, #3788d8); background-color: #3788d8; background-color: var(--fc-event-bg-color, #3788d8); } .fc-v-event .fc-event-main { color: #fff; color: var(--fc-event-text-color, #fff); height: 100%; } .fc-v-event .fc-event-main-frame { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fc-v-event .fc-event-time { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; max-height: 100%; overflow: hidden; } .fc-v-event .fc-event-title-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; min-height: 0; } .fc-v-event .fc-event-title { top: 0; bottom: 0; max-height: 100%; overflow: hidden; } .fc-v-event:not(.fc-event-start) { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .fc-v-event:not(.fc-event-end) { border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .fc-v-event.fc-event-selected:before { left: -10px; right: -10px; } .fc-v-event .fc-event-resizer-start { cursor: n-resize; } .fc-v-event .fc-event-resizer-end { cursor: s-resize; } .fc-v-event:not(.fc-event-selected) .fc-event-resizer { height: 8px; height: var(--fc-event-resizer-thickness, 8px); left: 0; right: 0; } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-start { top: -4px; top: calc(var(--fc-event-resizer-thickness, 8px) / -2); } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-end { bottom: -4px; bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2); } .fc-v-event.fc-event-selected .fc-event-resizer { left: 50%; margin-left: -4px; margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc-v-event.fc-event-selected .fc-event-resizer-start { top: -4px; top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc-v-event.fc-event-selected .fc-event-resizer-end { bottom: -4px; bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc .fc-timegrid .fc-daygrid-body { z-index: 2; } .fc .fc-timegrid-axis-chunk > table, .fc .fc-timegrid-body, .fc .fc-timegrid-slots { position: relative; z-index: 1; } .fc .fc-timegrid-divider { padding: 0 0 2px; } .fc .fc-timegrid-body { min-height: 100%; } .fc .fc-timegrid-axis-chunk { position: relative; } .fc .fc-timegrid-slot { height: 1.5em; border-bottom: 0; } .fc .fc-timegrid-slot:empty:before { content: "\00a0"; } .fc .fc-timegrid-slot-minor { border-top-style: dotted; } .fc .fc-timegrid-slot-label-cushion { display: inline-block; white-space: nowrap; } .fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion { padding: 0 4px; } .fc .fc-timegrid-axis-frame-liquid { height: 100%; } .fc .fc-timegrid-axis-frame { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .fc .fc-timegrid-axis-cushion { max-width: 60px; -ms-flex-negative: 0; flex-shrink: 0; } .fc-direction-ltr .fc-timegrid-slot-label-frame { text-align: right; } .fc-direction-rtl .fc-timegrid-slot-label-frame { text-align: left; } .fc-liquid-hack .fc-timegrid-axis-frame-liquid { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc .fc-timegrid-col.fc-day-today { background-color: rgba(255, 220, 40, 0.15); background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); } .fc .fc-timegrid-col-frame { min-height: 100%; position: relative; } .fc-liquid-hack .fc-timegrid-col-frame { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc-media-screen .fc-timegrid-cols { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fc-media-screen .fc-timegrid-cols > table { height: 100%; } .fc-media-screen .fc-timegrid-col-bg, .fc-media-screen .fc-timegrid-col-events, .fc-media-screen .fc-timegrid-now-indicator-container { position: absolute; top: 0; left: 0; right: 0; } .fc-media-screen .fc-timegrid-event-harness { position: absolute; } .fc .fc-timegrid-col-bg { z-index: 2; } .fc .fc-timegrid-col-bg .fc-non-business { z-index: 1; } .fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2; } .fc .fc-timegrid-col-bg .fc-highlight, .fc .fc-timegrid-col-events { z-index: 3; } .fc .fc-timegrid-bg-harness { position: absolute; left: 0; right: 0; } .fc .fc-timegrid-now-indicator-container { bottom: 0; overflow: hidden; } .fc-direction-ltr .fc-timegrid-col-events { margin: 0 2.5% 0 2px; } .fc-direction-rtl .fc-timegrid-col-events { margin: 0 2px 0 2.5%; } .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror { -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px var(--fc-page-bg-color, #fff); box-shadow: 0 0 0 1px var(--fc-page-bg-color, #fff); } .fc-timegrid-event { font-size: 0.85em; font-size: var(--fc-small-font-size, 0.85em); border-radius: 3px; } .fc-timegrid-event .fc-event-main { padding: 1px 1px 0; } .fc-timegrid-event .fc-event-time { white-space: nowrap; font-size: 0.85em; font-size: var(--fc-small-font-size, 0.85em); margin-bottom: 1px; } .fc-timegrid-event-condensed .fc-event-main-frame { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow: hidden; gap: .5rem; } .fc-timegrid-event-condensed .fc-event-main-frame .closeon { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; height: 14px; } .fc-timegrid-event-condensed .fc-event-time:after { content: "\00a0-\00a0"; } .fc-timegrid-event-condensed .fc-event-title { font-size: 0.85em; font-size: var(--fc-small-font-size, 0.85em); } .fc-media-screen .fc-timegrid-event { position: absolute; top: 0; bottom: 1px; left: 0; right: 0; } .fc .fc-timegrid-now-indicator-line { position: absolute; z-index: 4; left: 0; right: 0; border-style: solid; border-width: 1px 0 0; } .fc .fc-timegrid-now-indicator-arrow { position: absolute; z-index: 4; margin-top: -5px; border-style: solid; } .fc-direction-ltr .fc-timegrid-now-indicator-arrow { left: 0; border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; } .fc-direction-rtl .fc-timegrid-now-indicator-arrow { right: 0; border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; } .fc-theme-standard .fc-list { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); } .fc .fc-list-empty { background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fc .fc-list-empty-cushion { margin: 5em 0; } .fc .fc-list-table { width: 100%; border-style: hidden; } .fc .fc-list-table tr > * { border-left: 0; border-right: 0; } .fc .fc-list-sticky .fc-list-day > * { position: sticky; top: 0; background: var(--fc-page-bg-color, #fff); } .fc .fc-list-table th { padding: 0; } .fc .fc-list-day-cushion, .fc .fc-list-table td { padding: 8px 14px; } .fc .fc-list-day-cushion:after { content: ""; clear: both; display: table; } .fc-theme-standard .fc-list-day-cushion { background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); } .fc-direction-ltr .fc-list-day-text, .fc-direction-rtl .fc-list-day-side-text { float: left; } .fc-direction-ltr .fc-list-day-side-text, .fc-direction-rtl .fc-list-day-text { float: right; } .fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0; } .fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0; } .fc .fc-list-event.fc-event-forced-url { cursor: pointer; } .fc .fc-list-event:hover td { background-color: #f5f5f5; background-color: var(--fc-list-event-hover-bg-color, #f5f5f5); } .fc .fc-list-event-graphic, .fc .fc-list-event-time { white-space: nowrap; width: 1px; } .fc .fc-list-event-dot { display: inline-block; -webkit-box-sizing: content-box; box-sizing: content-box; width: 0; height: 0; border: 5px solid #3788d8; border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8); border-radius: 5px; border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2); } .fc .fc-list-event-title a { color: inherit; } .fc .fc-list-event.fc-event-forced-url:hover a { text-decoration: underline; } .fc-theme-bootstrap a:not([href]) { color: inherit; } /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .irs-disabled { opacity: 0.4; } .lt-ie9 .irs-disabled { filter: alpha(opacity=40); } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } /* Ion.RangeSlider, Simple Skin // css version 2.0.3 // © Denis Ineshin, 2014    https://github.com/IonDen // © guybowden, 2014        https://github.com/guybowden // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs { height: 30px; } .irs-with-grid { height: 60px; margin-top: 10px; } .irs-line { height: 6px; top: 0; background: #e1e1e1; /* background: linear-gradient(to bottom, #DDD -50%, #FFF 150%);  W3C */ /*   border: 1px solid #CCC;*/ border-radius: 16px; -moz-border-radius: 16px; } .irs-line-left { height: 8px; } .irs-line-mid { height: 8px; } .irs-line-right { height: 8px; } .irs-bar { height: 6px; top: 0; background: var(--color-secondary); /*  background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%);  W3C */ } .irs-bar-edge { height: 10px; top: 33px; width: 14px; border: 1px solid #428bca; border-right: 0; background: #428bca; background: -webkit-gradient(linear, left bottom, left top, from(#428bca), to(#7fc3e8)); background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%); /* W3C */ border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; } .irs-shadow { height: 2px; top: 38px; background: #000; opacity: 0.3; border-radius: 5px; -moz-border-radius: 5px; } .lt-ie9 .irs-shadow { filter: alpha(opacity=30); } .irs-slider { top: -10px; border-radius: 100%; background: #fff; color: #555555; cursor: move; font-weight: normal; border: 1px solid #ddd; cursor: move; height: 1.8em; position: absolute; width: 1.8rem; z-index: 2; -webkit-box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.06); box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.06); } /* .irs-slider.state_hover, .irs-slider:hover { background: #FFF; } */ .irs-min, .irs-max { color: #333; font-size: 12px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 5px; background: rgba(0, 0, 0, 0.1); border-radius: 3px; -moz-border-radius: 3px; } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 12px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #0064ca; border-radius: 3px; -moz-border-radius: 3px; } #perform_price { position: relative; } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid { height: 30px; } .irs-grid-pol { opacity: 0.5; background: #428bca; } .irs-grid-pol.small { background: #999; } .irs-grid-text { bottom: 5px; color: #99a4ac; } /*! * jquery-confirm v3.3.2 (http://craftpip.github.io/jquery-confirm/) * Author: boniface pereira * Website: www.craftpip.com * Contact: hey@craftpip.com * * Copyright 2013-2017 jquery-confirm * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE) */ @-webkit-keyframes jconfirm-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes jconfirm-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } body[class*="jconfirm-no-scroll-"] { overflow: hidden !important; } .jconfirm { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999; font-family: inherit; overflow: hidden; } .jconfirm .jconfirm-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .jconfirm .jconfirm-bg.jconfirm-bg-h { opacity: 0 !important; } .jconfirm .jconfirm-scrollpane { -webkit-perspective: 500px; perspective: 500px; -webkit-perspective-origin: center; perspective-origin: center; display: table; width: 100%; height: 100%; } .jconfirm .jconfirm-row { display: table-row; width: 100%; } .jconfirm .jconfirm-cell { display: table-cell; vertical-align: middle; } .jconfirm .jconfirm-holder { max-height: 100%; padding: 50px 0; } .jconfirm .jconfirm-box-container { -webkit-transition: -webkit-transform; transition: -webkit-transform; transition: transform; transition: transform, -webkit-transform; } .jconfirm .jconfirm-box-container.jconfirm-no-transition { -webkit-transition: none !important; transition: none !important; } .jconfirm .jconfirm-box { background: white; border-radius: 4px; position: relative; outline: 0; padding: 15px 15px 0; overflow: hidden; margin-left: auto; margin-right: auto; } @-webkit-keyframes type-blue { 1%, 100% { border-color: #3498db; } 50% { border-color: #5faee3; } } @keyframes type-blue { 1%, 100% { border-color: #3498db; } 50% { border-color: #5faee3; } } @-webkit-keyframes type-green { 1%, 100% { border-color: #2ecc71; } 50% { border-color: #54d98c; } } @keyframes type-green { 1%, 100% { border-color: #2ecc71; } 50% { border-color: #54d98c; } } @-webkit-keyframes type-red { 1%, 100% { border-color: #e74c3c; } 50% { border-color: #ed7669; } } @keyframes type-red { 1%, 100% { border-color: #e74c3c; } 50% { border-color: #ed7669; } } @-webkit-keyframes type-orange { 1%, 100% { border-color: #f1c40f; } 50% { border-color: #f4d03f; } } @keyframes type-orange { 1%, 100% { border-color: #f1c40f; } 50% { border-color: #f4d03f; } } @-webkit-keyframes type-purple { 1%, 100% { border-color: #9b59b6; } 50% { border-color: #b07cc6; } } @keyframes type-purple { 1%, 100% { border-color: #9b59b6; } 50% { border-color: #b07cc6; } } @-webkit-keyframes type-dark { 1%, 100% { border-color: #34495e; } 50% { border-color: #46627f; } } @keyframes type-dark { 1%, 100% { border-color: #34495e; } 50% { border-color: #46627f; } } .jconfirm .jconfirm-box.jconfirm-type-animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .jconfirm .jconfirm-box.jconfirm-type-blue { border-top: solid 7px #3498db; -webkit-animation-name: type-blue; animation-name: type-blue; } .jconfirm .jconfirm-box.jconfirm-type-green { border-top: solid 7px #2ecc71; -webkit-animation-name: type-green; animation-name: type-green; } .jconfirm .jconfirm-box.jconfirm-type-red { border-top: solid 7px #e74c3c; -webkit-animation-name: type-red; animation-name: type-red; } .jconfirm .jconfirm-box.jconfirm-type-orange { border-top: solid 7px #f1c40f; -webkit-animation-name: type-orange; animation-name: type-orange; } .jconfirm .jconfirm-box.jconfirm-type-purple { border-top: solid 7px #9b59b6; -webkit-animation-name: type-purple; animation-name: type-purple; } .jconfirm .jconfirm-box.jconfirm-type-dark { border-top: solid 7px #34495e; -webkit-animation-name: type-dark; animation-name: type-dark; } .jconfirm .jconfirm-box.loading { height: 120px; } .jconfirm .jconfirm-box.loading:before { content: ""; position: absolute; left: 0; background: white; right: 0; top: 0; bottom: 0; border-radius: 10px; z-index: 1; } .jconfirm .jconfirm-box.loading:after { opacity: 0.6; content: ""; height: 30px; width: 30px; border: solid 3px transparent; position: absolute; left: 50%; margin-left: -15px; border-radius: 50%; -webkit-animation: jconfirm-spin 1s infinite linear; animation: jconfirm-spin 1s infinite linear; border-bottom-color: dodgerblue; top: 50%; margin-top: -15px; z-index: 2; } .jconfirm .jconfirm-box div.jconfirm-closeIcon { height: 20px; width: 20px; position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: 0.6; text-align: center; font-size: 27px !important; line-height: 14px !important; display: none; z-index: 1; } .jconfirm .jconfirm-box div.jconfirm-closeIcon:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .fa { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon:hover { opacity: 1; } .jconfirm .jconfirm-box div.jconfirm-title-c { display: block; font-size: 22px; line-height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; padding-bottom: 15px; } .jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand { cursor: move; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { font-size: inherit; display: inline-block; vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i { vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: inherit; font-family: inherit; display: inline-block; vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-content-pane { margin-bottom: 15px; height: auto; -webkit-transition: height 0.4s ease-in; transition: height 0.4s ease-in; display: inline-block; width: 100%; position: relative; overflow-x: hidden; overflow-y: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll { overflow-y: hidden; } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar { width: 3px; } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb { background: #666; border-radius: 3px; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content { overflow: hidden; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img { max-width: 100%; height: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty { display: none; } .jconfirm .jconfirm-box .jconfirm-buttons { padding-bottom: 11px; } .jconfirm .jconfirm-box .jconfirm-buttons > button { margin-bottom: 4px; margin-left: 2px; margin-right: 2px; } .jconfirm .jconfirm-box .jconfirm-buttons button { display: inline-block; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 4px; min-height: 1em; -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease; transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; -webkit-tap-highlight-color: transparent; border: 0; background-image: none; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue { background-color: #3498db; color: #fff; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover { background-color: #2980b9; color: #fff; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green { background-color: #2ecc71; color: #fff; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover { background-color: #27ae60; color: #fff; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red { background-color: #e74c3c; color: #fff; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover { background-color: #c0392b; color: #fff; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange { background-color: #f1c40f; color: #fff; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover { background-color: #f39c12; color: #fff; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default { background-color: #ecf0f1; color: #000; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover { background-color: #bdc3c7; color: #000; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple { background-color: #9b59b6; color: #fff; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover { background-color: #8e44ad; color: #fff; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark { background-color: #34495e; color: #fff; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover { background-color: #2c3e50; color: #fff; } .jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c { color: #e74c3c !important; } .jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c { color: #3498db !important; } .jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c { color: #2ecc71 !important; } .jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c { color: #9b59b6 !important; } .jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c { color: #f1c40f !important; } .jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c { color: #34495e !important; } .jconfirm .jconfirm-clear { clear: both; } .jconfirm.jconfirm-rtl { direction: rtl; } .jconfirm.jconfirm-rtl div.jconfirm-closeIcon { left: 5px; right: auto; } .jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg { background-color: #444; opacity: 0.2; } .jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); border-radius: 5px; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons { float: right; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button { text-transform: uppercase; font-size: 14px; font-weight: bold; text-shadow: none; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default { -webkit-box-shadow: none; box-shadow: none; color: #333; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover { background: #ddd; } .jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0; } .jconfirm.jconfirm-black .jconfirm-bg, .jconfirm.jconfirm-dark .jconfirm-bg { background-color: darkslategray; opacity: 0.4; } .jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); background: #444; border-radius: 5px; color: white; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons { float: right; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button { border: 0; background-image: none; text-transform: uppercase; font-size: 14px; font-weight: bold; text-shadow: none; -webkit-transition: background 0.1s; transition: background 0.1s; color: white; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default { -webkit-box-shadow: none; box-shadow: none; color: #fff; background: 0; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover { background: #666; } .jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0; } .jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake { -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow { -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-webkit-keyframes shake { 10%, 90% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-8px, 0, 0); transform: translate3d(-8px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(8px, 0, 0); transform: translate3d(8px, 0, 0); } } @keyframes shake { 10%, 90% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-8px, 0, 0); transform: translate3d(-8px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(8px, 0, 0); transform: translate3d(8px, 0, 0); } } @-webkit-keyframes glow { 0%, 100% { -webkit-box-shadow: 0 0 0 red; box-shadow: 0 0 0 red; } 50% { -webkit-box-shadow: 0 0 30px red; box-shadow: 0 0 30px red; } } @keyframes glow { 0%, 100% { -webkit-box-shadow: 0 0 0 red; box-shadow: 0 0 0 red; } 50% { -webkit-box-shadow: 0 0 30px red; box-shadow: 0 0 30px red; } } .jconfirm { -webkit-perspective: 400px; perspective: 400px; } .jconfirm .jconfirm-box { opacity: 1; -webkit-transition-property: all; transition-property: all; } .jconfirm .jconfirm-box.jconfirm-animation-top, .jconfirm .jconfirm-box.jconfirm-animation-left, .jconfirm .jconfirm-box.jconfirm-animation-right, .jconfirm .jconfirm-box.jconfirm-animation-bottom, .jconfirm .jconfirm-box.jconfirm-animation-opacity, .jconfirm .jconfirm-box.jconfirm-animation-zoom, .jconfirm .jconfirm-box.jconfirm-animation-scale, .jconfirm .jconfirm-box.jconfirm-animation-none, .jconfirm .jconfirm-box.jconfirm-animation-rotate, .jconfirm .jconfirm-box.jconfirm-animation-rotatex, .jconfirm .jconfirm-box.jconfirm-animation-rotatey, .jconfirm .jconfirm-box.jconfirm-animation-scaley, .jconfirm .jconfirm-box.jconfirm-animation-scalex { opacity: 0; } .jconfirm .jconfirm-box.jconfirm-animation-rotate { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .jconfirm .jconfirm-box.jconfirm-animation-rotatex { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotatexr { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotatey { -webkit-transform: rotatey(90deg); -ms-transform: rotatey(90deg); transform: rotatey(90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotateyr { -webkit-transform: rotatey(-90deg); -ms-transform: rotatey(-90deg); transform: rotatey(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-scaley { -webkit-transform: scaley(1.5); -ms-transform: scaley(1.5); transform: scaley(1.5); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-scalex { -webkit-transform: scalex(1.5); -ms-transform: scalex(1.5); transform: scalex(1.5); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-top { -webkit-transform: translate(0px, -100px); -ms-transform: translate(0px, -100px); transform: translate(0px, -100px); } .jconfirm .jconfirm-box.jconfirm-animation-left { -webkit-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate(-100px, 0px); } .jconfirm .jconfirm-box.jconfirm-animation-right { -webkit-transform: translate(100px, 0px); -ms-transform: translate(100px, 0px); transform: translate(100px, 0px); } .jconfirm .jconfirm-box.jconfirm-animation-bottom { -webkit-transform: translate(0px, 100px); -ms-transform: translate(0px, 100px); transform: translate(0px, 100px); } .jconfirm .jconfirm-box.jconfirm-animation-zoom { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .jconfirm .jconfirm-box.jconfirm-animation-scale { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .jconfirm .jconfirm-box.jconfirm-animation-none { visibility: hidden; } .jconfirm.jconfirm-supervan .jconfirm-bg { background-color: rgba(54, 70, 93, 0.95); } .jconfirm.jconfirm-supervan .jconfirm-box { background-color: transparent; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon { color: white; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c { text-align: center; color: white; font-size: 28px; font-weight: normal; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * { padding-bottom: 25px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane { margin-bottom: 25px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content { text-align: center; color: white; } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons { text-align: center; } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button { font-size: 16px; border-radius: 2px; background: #303f53; text-shadow: none; border: 0; color: white; padding: 10px; min-width: 100px; } .jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0; } .jconfirm.jconfirm-material .jconfirm-bg { background-color: rgba(0, 0, 0, 0.67); } .jconfirm.jconfirm-material .jconfirm-box { background-color: white; -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); padding: 30px 25px 10px 25px; } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0; } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 22px; font-weight: bold; } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons { text-align: right; } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button { text-transform: uppercase; font-weight: 500; } .jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0; } .jconfirm.jconfirm-bootstrap .jconfirm-bg { background-color: rgba(0, 0, 0, 0.21); } .jconfirm.jconfirm-bootstrap .jconfirm-box { background-color: white; -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); border: solid 1px rgba(0, 0, 0, 0.4); padding: 15px 0 0; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0; } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 22px; font-weight: bold; padding-left: 15px; padding-right: 15px; } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content { color: rgba(0, 0, 0, 0.87); padding: 0 15px; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons { text-align: right; padding: 10px; margin: -5px 0 0; border-top: solid 1px #ddd; overflow: hidden; border-radius: 0 0 4px 4px; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button { font-weight: 500; } .jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0; } .jconfirm.jconfirm-modern .jconfirm-bg { background-color: slategray; opacity: 0.6; } .jconfirm.jconfirm-modern .jconfirm-box { background-color: white; -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); padding: 30px 30px 15px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); top: 15px; right: 15px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 10px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); display: block; margin-right: 0; margin-left: 0; margin-bottom: 10px; font-size: 69px; color: #aaa; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content { text-align: center; font-size: 15px; color: #777; margin-bottom: 25px; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons { text-align: center; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button { font-weight: bold; text-transform: uppercase; -webkit-transition: background 0.1s; transition: background 0.1s; padding: 10px 20px; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button { margin-left: 4px; } .jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear: left; padding-left: 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 0; margin-left: 40%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-div .ui_tpicker_unit_hide { display: none; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; } .ui-timepicker-rtl { direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding-right: 5px; } .ui-timepicker-rtl dl dt { float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 0 10px 10px; margin-right: 40%; } /* Shortened version style */ .ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, .ui-timepicker-div.ui-timepicker-oneLine dt { display: none; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; } .ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; } .ui-timepicker-div.ui-timepicker-oneLine dl dd, .ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display: inline-block; margin: 0; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content: ':'; display: inline-block; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content: '.'; display: inline-block; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before { display: none; } /*! 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:after, .ui-helper-clearfix:before { 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: 10; } .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; padding-left: 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; max-height: 220px; overflow-x: hidden; overflow-y: auto; } .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: 0.6rem 1rem; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .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; -ms-user-select: none; user-select: none; overflow: visible; } .ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited { text-decoration: none; } .ui-button-icon-only { width: 2em; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-button-icon-only { 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 { width: auto; height: auto; text-indent: 0; white-space: normal; padding: 0.4em 1em; } button.ui-button::-moz-focus-inner, input.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.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item: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 { -webkit-box-sizing: border-box; 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 { -webkit-box-shadow: inset 1px 1px 1px #ccc; 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-next, .ui-datepicker .ui-datepicker-prev { position: absolute; top: 3px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev 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; line-height: 30px; } .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: 600; text-transform: uppercase; font-size: 12px; border: 1px solid #eee; } .ui-datepicker td { border: 0; padding: 0; border: 1px solid #eee; } .ui-datepicker td a, .ui-datepicker td span { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; border-top: none; } .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; border-radius: var(--radius); } .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 .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: 0 0; 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; margin-right: 0.4em; 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-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw { 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 { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .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%; opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted #000; } .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: 700; 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%; background: #fff !important; position: absolute; z-index: 2; width: 24px; height: 24px; cursor: default; -ms-touch-action: none; 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 { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { background: #e9e9e9 !important; height: 6px; } .ui-slider-horizontal .ui-slider-handle { top: -0.625em; margin-left: -12px; margin-right: -12px; } .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 { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: 0 0; 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-top: 1px; margin-right: 0.2em; 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-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .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: 0 0; } .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 button, .ui-widget input, .ui-widget select, .ui-widget textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid transparent !important; background: #fff; color: #333; -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); } .ui-widget-content a { color: #333; } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: 700; } .ui-widget-header a { color: #333; } .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: 400; color: #454545; } .ui-visual-focus { -webkit-box-shadow: 0 0 3px 1px #5e9ed6; box-shadow: 0 0 3px 1px #5e9ed6; } .ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active { background: rgba(0, 0, 0, 0.06); font-weight: 400; color: var(--color-primary); } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #fff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; 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: 700; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: Alpha(Opacity=70); font-weight: 400; } .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-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-left, .ui-corner-tl, .ui-corner-top { border-top-left-radius: var(--radius-1); } .ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr { border-top-right-radius: var(--radius-1); } .ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left { border-bottom-left-radius: var(--radius-1); } .ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right { border-bottom-right-radius: var(--radius-1); } .ui-widget-overlay { background: #aaa; opacity: 0.3; filter: Alpha(Opacity=30); } .ui-widget-shadow { -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; } .ui-datepicker { border: none !important; -webkit-box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); padding: 15px; border-radius: var(--radius-0); width: auto; min-width: 400px; z-index: 2 !important; } .ui-datepicker-header.ui-widget-header { background: 0 0; border: none; margin-bottom: 1rem; } .ui-datepicker-month, .ui-datepicker-year { margin: 0 2px !important; } .ui-datepicker td .ui-state-default { background: 0 0; border: none; text-align: center; padding: 10px; } .ui-datepicker td.ui-datepicker-current-day { background: var(--color-secondary); } .ui-datepicker td { position: relative; } .ui-datepicker td > a { position: relative; } .ui-datepicker td.ui-datepicker-today .ui-state-active { background: #fff; } .ui-datepicker td.ui-datepicker-today .ui-state-active:before { display: none; } .ui-datepicker td.ui-datepicker-today .ui-state-active > a { color: var(--color-secondary); } .ui-datepicker td.ui-datepicker-current-day .ui-state-active > a { color: var(--color-secondary); } .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today { background: 0 0; } .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today:before { display: none; } .ui-datepicker td.ui-datepicker-today a { color: var(--color-secondary); font-weight: 600; background: var(--color-gray-100) !important; } .ui-datepicker .ui-datepicker-buttonpane button { opacity: 1; padding: 8px 20px; font-weight: 400 !important; border: none; background: var(--color-secondary); color: #fff; -webkit-transition: 0.5s all ease; transition: 0.5s all ease; } .dropdown-menu { -webkit-box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); background: #fff; border-radius: 5px; padding: 0; position: absolute; top: 100%; min-width: 300px; z-index: 2; display: none; list-style: none; max-height: 200px; overflow: auto; } .dropdown-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .dropdown-menu li a { display: block; padding: 10px; color: inherit; } .ui-datepicker-header .ui-datepicker-next { width: 30px; height: 30px; display: block; cursor: pointer; } .ui-datepicker-header .ui-datepicker-next .ui-icon::before { position: absolute; left: 5px; top: 3px; content: ""; pointer-events: none; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #999; } .ui-datepicker-header .ui-datepicker-prev { width: 30px; height: 30px; display: block; cursor: pointer; } .ui-datepicker-header .ui-datepicker-prev .ui-icon::before { position: absolute; left: 5px; top: 3px; content: ""; pointer-events: none; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 7px solid #999; } .ui-datepicker td.ui-datepicker-current-day:not(.ui-datepicker-today) .ui-state-active { color: var(--color-primary-inverse); } .xdsoft_datetimepicker { background: #FFFFFF; position: absolute; z-index: 9999; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; border: none !important; -webkit-box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); width: 400px; padding: .5rem; border-radius: var(--radius-0); } @media (min-width: 576px) { .xdsoft_datetimepicker { min-width: 400px; } } @media (max-width: 576px) { .xdsoft_datetimepicker { width: 100%; min-width: 1%; } } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; } /*For IE8 or lower*/ .xdsoft_datetimepicker button { border: none !important; } .xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_noselect::selection { background: transparent; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; -webkit-box-shadow: none; box-shadow: none; } .xdsoft_datetimepicker * { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; } .xdsoft_datetimepicker .xdsoft_datepicker { width: calc(100% - 105px); float: left; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; } .xdsoft_datetimepicker .xdsoft_timepicker { width: 105px; float: right; text-align: center; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; min-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); } .xdsoft_datetimepicker .xdsoft_label i { opacity: 0.5; background-position: -92px -19px; display: none; width: 9px; height: 20px; vertical-align: middle; } .xdsoft_datetimepicker .xdsoft_prev { float: left; border: 1px solid var(--color-gray-300) !important; border-radius: var(--radius-1); background-image: none !important; background-position: -15px 0; } .xdsoft_datetimepicker .xdsoft_prev:before { position: absolute; left: 50%; top: 50%; content: ""; pointer-events: none; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 7px solid #666; margin-top: -5px; margin-left: -5px; } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -63px 0; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_next { border: 1px solid var(--color-gray-300) !important; border-radius: var(--radius-1); background-image: none !important; float: left; background-position: 0 0; } .xdsoft_datetimepicker .xdsoft_next:before { position: absolute; left: 50%; top: 50%; content: ""; pointer-events: none; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #666; margin-top: -5px; margin-left: -3px; } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none currentColor; cursor: pointer; display: block; height: 34px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; outline: medium none currentColor; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 34px; min-width: 34px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { position: relative; float: none; background-position: -40px -15px; height: 20px; width: 52px; display: block; background-image: none !important; margin-top: 7px; border: none !important; margin: 0 auto; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 0; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev:before { position: absolute; left: 50%; top: 0; content: ""; pointer-events: none; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #666; margin-top: -1px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next:before { position: absolute; left: 50%; top: 0; content: ""; pointer-events: none; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #666; margin-top: 5px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 218px; overflow: hidden; border-bottom: 1px solid var(--color-gray-300); } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { border-top: 1px solid var(--color-gray-300); color: #666666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 30px; line-height: 30px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 10px; font-size: 13px; line-height: 20px; background-color: #fff; float: left; width: 182px; cursor: pointer; } .xdsoft_datetimepicker .xdsoft_label:hover > span { text-decoration: underline; } .xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1.0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { left: 0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { left: 0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #ff8000; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: var(--color-primary); color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month { min-width: 75px; border: 1px solid var(--color-gray-300); margin: 0 5px; height: 34px; border-radius: var(--radius-1); } .xdsoft_datetimepicker .xdsoft_month > span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; } .xdsoft_datetimepicker .xdsoft_month > span:after { position: absolute; right: 0; top: 50%; content: ""; margin-top: -2px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #999; } .xdsoft_datetimepicker .xdsoft_calendar { clear: both; } .xdsoft_datetimepicker .xdsoft_year { min-width: 75px; border: 1px solid var(--color-gray-300); margin: 0 5px; height: 34px; border-radius: var(--radius-1); } .xdsoft_datetimepicker .xdsoft_year > span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; } .xdsoft_datetimepicker .xdsoft_year > span:after { position: absolute; right: 0; top: 50%; content: ""; margin-top: -2px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #999; } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 35px; } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: transparent; border: 1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: center; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 35px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; } .xdsoft_datetimepicker .xdsoft_calendar th { background: transparent; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: var(--color-primary); } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: var(--color-primary); color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff !important; background: var(--color-secondary) !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; -webkit-box-shadow: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important; } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important; } .xdsoft_time_box { position: relative; border: 1px solid var(--color-gray-300); } .xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; } .xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer; } .xdsoft_scroller_box { position: relative; } .xdsoft_datetimepicker.xdsoft_dark { -webkit-box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); background: #000000; border-bottom: 1px solid #444444; border-left: 1px solid #333333; border-right: 1px solid #333333; border-top: 1px solid #333333; color: #cccccc; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222222; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div { background: #0a0a0a; border-top: 1px solid #222222; color: #999999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333; background: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000; background: #007fff; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #cc5500; -webkit-box-shadow: #b03e00 0 1px 3px 0 inset; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222222; color: #999999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #cc5500; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #cc5500; -webkit-box-shadow: #b03e00 0 1px 3px 0 inset; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #000 !important; background: #007fff !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important; } .xdsoft_dark .xdsoft_time_box { border: 1px solid #333; } .xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller { background: #333 !important; } .xdsoft_datepicker.active, .xdsoft_timepicker.active { background-color: transparent !important; } .xdsoft_timepicker.active { padding: 1rem; } .xdsoft_datepicker.active { padding: 1rem; } .xdsoft_datetimepicker .xdsoft_today_button { width: 34px; min-width: 34px; height: 34px; border: 1px solid var(--color-gray-300) !important; opacity: 1 !important; display: none; } div.tagsinput { border: 1px solid #ccc; background: #fff; padding: 5px; overflow-y: auto; } div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius: 2px; -webkit-border-radius: 2px; display: block; float: left; padding: 5px; text-decoration: none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom: 5px; font-family: helvetica; font-size: 13px; } div.tagsinput span.tag a { font-weight: 700; color: #82ad2b; text-decoration: none; font-size: 11px; } div.tagsinput input { width: 80px; margin: 0 5px 5px 0; font-family: helvetica; font-size: 13px; border: 1px solid transparent; padding: 5px; background: 0 0; color: #000; outline: 0; } div.tagsinput div { display: block; float: left; } .tags_clear { clear: both; width: 100%; height: 0; } .not_valid { background: #fbd8db !important; color: #90111a !important; } /******* EXAMPLE A *******/ .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; } /******* EXAMPLE B *******/ .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; } /******* EXAMPLE C *******/ .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; } /******* EXAMPLE D *******/ .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; } /******* EXAMPLE E *******/ .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; } /******* EXAMPLE F *******/ .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; } /******* EXAMPLE G *******/ .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; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rating-f .br-widget a { /* background: url('images/star@2x.png'); background-size: 24px 48px; */ } } a.banner-btn-url { margin-top: 1rem; } input[name=teach_language_name].ui-autocomplete-loading { background: none; } .schedule-list .timer .span-right { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .lesson-listing-timer.timer .colorDefinition { font-weight: 500; padding: 3px 10px; font-size: 17px; background: #333 !important; margin-top: 3px; display: inline-block; max-width: 115px; } .schedule-list .timer .label { font-size: 15px; margin: 0; display: inline-block; margin-right: 5px; font-weight: 600; color: var(--color-secondary); } .actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: top; margin: 0 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .actions li { display: inline-block; vertical-align: top; margin: 0 0 4px 0; margin-right: 2px; } .actions li a { display: block; border-radius: 4px; padding: 5px; width: 35px; height: 35px; line-height: 1.4; text-align: center; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #333; border-radius: 4px; } .actions li a svg path { fill: #fff; } .search-lesson-listing { padding-bottom: 10px; } small.transaction-fee, .transaction-fee.small { color: var(--color-secondary); } .btn.disabled { cursor: not-allowed; } .div_info li a { text-decoration: underline; color: var(--colors-primary); cursor: pointer; } a.view-teacher-link { margin-right: 35px; } .-link-close.-top { top: 17px; } @media screen and (max-width: 767px) { a.view-teacher-link { margin-right: 45px; } .-link-close.-top { right: 0px; } .message-head { padding-left: 30px; } } .iss_accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; -webkit-transition: 0.4s; transition: 0.4s; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ /* Style the accordion panel. Note: hidden by default */ .panel { background-color: white; display: none; overflow: hidden; } ul.list-accordion li { position: relative; } ul.list-accordion li label { position: absolute; left: 10px; top: 13px; } ul.list-accordion li .iss_accordion { padding-left: 40px; } .issues-to-resolve input { margin-right: 8px; margin-top: 2px; } /* cookie consent */ .cookie-consent .tab-menu { display: inline-block; } .cookie-consent .tabs-offset { margin: 0; } .cookie-consent .tab-menu ul { margin: 0; padding: 0; } .cookie-consent .tab-menu ul li { list-style-type: none; display: inline-block; } .cookie-consent .tab-menu ul li a { text-decoration: none; color: rgba(0, 0, 0, 0.4); background-color: #b4cbc4; padding: 7px 25px; border-radius: 4px; } .cookie-consent .tab { display: none; } .cookie-consent .tab h2, .cookie-consent .tab .h2 { color: rgba(0, 0, 0, 0.7); } .cookie-consent .tab p { color: rgba(0, 0, 0, 0.6); text-align: justify; } .cookie-consent .tab-active { display: block; } .cookie-consent .tabs-small a.is-active:after { height: 4px; background: #fff; position: absolute; left: 0; right: 0; bottom: -2px; content: ""; } .cookie-consent .tabs-small a.is-active { background: #fff; border-color: #e9e8eb; color: var(--color-secondary); font-weight: 600; } .cookie-consent .tabs-small li a { border-top: 1px solid transparent; } .cookie-consent.tab-container .tabs-small ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .cookie-consent.tab-container .tabs-small li { display: block; } .cookie-consent.tab-container h2, .cookie-consent.tab-container .h2 { font-size: 20px; margin-bottom: 10px; } .cookie-consent .checkbox label input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: var(--color-secondary); } .cookie-consent .checkbox label input:checked + .input-helper:after { -webkit-transform: scale(1) rotate(-50deg); -ms-transform: scale(1) rotate(-50deg); transform: scale(1) rotate(-50deg); opacity: 1; filter: alpha(opacity=100); } .cookie-consent .tab-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .coookie-popup-head { padding: 15px; border-bottom: 1px solid var(--color-main); margin-bottom: 20px; } .coookie-popup-footer { padding: 15px; border-top: 1px solid var(--color-secondary); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .coookie-popup-body .form { padding: 10px 20px; min-height: 176px; } .coookie-popup-footer input[type="submit"] { background: var(--color-secondary); display: inline-block; vertical-align: top; padding: 0 30px; border: 0 none; position: relative; cursor: pointer; border: none; height: 40px; line-height: 41px; color: #fff; border-radius: 3px; font-weight: 600; font-size: 1.2rem; font-weight: 600; margin-right: 10px; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .cookie-consent .checkbox input[type="checkbox"][disabled] { -webkit-text-fill-color: transparent; -webkit-opacity: 0; } /* end cookie consent */ .card-brand-logos { width: 300px; } .fc button.fc-time-button { display: none; } @charset "UTF-8"; /*** LTR ***/ .header { left: 0; right: 0; position: relative; top: 0; -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 11; position: sticky; top: 0; } @media (min-width: 1499px) { .header .container { max-width: 1860px; width: 100%; } } @media (min-width: 1199px) { .header .container { width: 96%; } } @media (max-width: 1199px) { .header .container { max-width: 100%; } } .header-primary { padding: calc(clamp(0.714rem, 0.5vw + 0.6rem, 1.286rem)) 0; color: #111; background: #fff; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; -webkit-box-shadow: 0px 3px 3px #0000000F; box-shadow: 0px 3px 3px #0000000F; } @media (min-width: 576px) { .header-primary .header-flex { min-height: 40px; } } @media (max-width: 767px) { .header-primary { padding: .75rem 0; } } @media (min-width: 1199px) { .header-primary .header__left, .header-primary .header__middle, .header-primary .header__right { min-width: 0; } .header-primary .header__middle { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .header-primary .header__logo { max-width: 180px; -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; min-width: 180px; max-height: 40px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-primary .header__logo a { display: block; } .header-primary .header__logo a img { max-height: 40px; } @media (max-width: 767px) { .header-primary .header__logo { margin: 0 auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (min-width: 767px) { .header-primary .header__logo { margin-right: .75rem; } } .header-primary .header__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1199px) { .header-primary .header__left .header-dropdown .is-visible { opacity: 1; visibility: visible; } } @media (max-width: 767px) { .header-primary .header__left .header-dropdown .is-visible { bottom: 100%; z-index: 3; padding-top: 0; top: 60px; } } @media (max-width: 767px) { .header-primary .header__left .header-dropdown .is-active:after { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); content: ""; z-index: 3; } } @media (max-width: 767px) { .header-primary .header__left .header-dropdown .dropdown__cover::before { content: none; } } @media (max-width: 767px) { .header-primary .header__left .header-dropdown__target { bottom: auto; top: 0; padding-top: 0; width: calc(100% - 30px); left: 15px; } } @media (max-width: 1199px) { .header__right .header-dropdown .is-visible { opacity: 1; visibility: visible; } } .header-dropdown .header-dropdown__trigger { padding: 0; font-weight: 600; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 42px; } @media (min-width: 991px) and (max-width: 1599px) { .header-dropdown .header-dropdown__trigger { font-size: 0.9rem; } } @media (min-width: 576px) { .header-dropdown .header-dropdown__trigger span { margin-left: .5rem; } } @media (max-width: 1199px) { .header-dropdown .header-dropdown__trigger { padding: 0.65rem 0; } } @media (min-width: 991px) and (max-width: 1299px) { .header-dropdown .header-dropdown__trigger { font-size: 0.9rem; } } .header-dropdown .header-dropdown__trigger:hover { color: var(--color-primary); } .header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .header__right .icon--arrow { display: none; } } @media (max-width: 767px) { .header__right .header-action, .header__right .header-action .header__action { display: contents; } } @media (max-width: 1199px) { .menu { bottom: 0; background: #fff; padding: 0; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; opacity: 0; visibility: hidden; z-index: 11; width: 280px; } } @media (min-width: 1199px) { .menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 2.5rem; } } .menu ul .menu__item a { text-transform: uppercase; font-weight: 600; color: inherit; display: block; line-height: 1.5; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .9rem; } .menu ul .menu__item a:hover { color: var(--color-primary); } @media (min-width: 1199px) { .menu ul .menu__item a { font-size: calc(clamp(1rem, 0.125vw + 0.971rem, 1.143rem)); } } @media (max-width: 1199px) { .menu ul .menu__item.has-current a { color: var(--color-primary); } } .menu ul .menu__item.has-current a::after { content: ""; background-color: var(--color-primary); height: 2px; width: 100%; position: absolute; left: 0; right: 0; bottom: -4px; } @media (max-width: 1199px) { .menu ul .menu__item.has-current a::after { bottom: -1px; } } .menu ul .is--active a { color: var(--color-primary); } .header__action { text-transform: uppercase; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: .75rem; } @media (min-width: 1199px) { .header__action .btn { font-size: calc(clamp(1rem, 0.125vw + 0.971rem, 1.143rem)); font-weight: 600; height: 3rem; line-height: 3rem; text-transform: uppercase; } .header__action .btn.btn--equal { width: 3rem; } } @media (min-width: 576px) { .header__action .btn { padding: 0 1.25rem; } } .header-dropdown--arrow { margin-right: .5rem; } @media (min-width: 576px) { .header-dropdown--arrow .header-dropdown__trigger .icon--globe { width: 20px; height: 20px; } } .header-dropdown__target { min-width: 240px; z-index: 2; right: 0; top: 100%; position: absolute; padding: 0; opacity: 0; visibility: hidden; width: 100%; } @media (min-width: 1199px) { .header-dropdown__target { top: 150%; padding-top: 1rem; } } @media (min-width: 1199px) { .header-dropdown.header-dropdown--explore .header-dropdown__target { left: 0; right: auto; } } @media (max-width: 576px) { .header-dropdown.header-dropdown--explore span { font-size: 0; } } .menu--inline { max-height: 334px; overflow: auto; } .menu--inline ul .menu__item { padding: 0; display: block; } .menu--inline ul .menu__item a { padding: .355rem 0; display: block; color: var(--color-dark); font-weight: 400; } .menu--inline ul .menu__item:hover a { color: var(--color-primary); } .menu--inline ul .is--active a { position: relative; color: var(--color-primary); font-weight: 600; border-left: 3px solid; } .menu--inline ul .is--active a::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.04; } .dropdown__cover { background-color: #fff; -webkit-box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.08); border-radius: var(--radius-0); padding: 1.25rem; } .header-dropdown { position: relative; } @media (min-width: 1199px) { .header-dropdown:hover .header-dropdown__target { opacity: 1; visibility: visible; top: 100%; -webkit-transition: all 300ms; transition: all 300ms; } } @media (max-width: 767px) { .header-dropdown { position: static; } } .header__left .header-dropdown .menu--inline { position: relative; } @media (max-width: 767px) { .header__left .header-dropdown .icon--menu { width: 30px; height: 30px; } } @media (max-width: 767px) { .header__left { width: 100%; } } @media (min-width: 767px) { .header-dropdown--arrow .header-dropdown__target { min-width: 20rem; } } .header-dropdown--arrow .header-dropdown__target .menu--inline ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header-dropdown--arrow .header-dropdown__target .menu--inline ul li { padding: .25rem !important; -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; max-width: 33.3%; } .header-dropdown--arrow .header-dropdown__target .menu--inline ul li a { display: block; padding: .5rem; font-size: var(--font-size-sm); border: 1px solid var(--color-gray-200); text-align: center; color: var(--color-gray-800); } .header-dropdown--arrow .header-dropdown__target .menu--inline ul li a:hover { color: var(--color-primary); border-color: var(--color-primary); } .header-dropdown--arrow .header-dropdown__target .menu--inline ul .is-active a { color: var(--color-primary); border-color: var(--color-primary); } .header-dropdown--arrow .dropdown__cover { padding: 20px; } .header-dropdown--arrow .settings { margin-bottom: 2rem; } @media (max-width: 576px) { .header-dropdown--arrow .settings__target { top: auto !important; bottom: 38px; } } .header-dropdown--arrow .settings .dropdaown__title { text-transform: uppercase; color: var(--color-gray-700); font-size: var(--font-size-sm); } .header-dropdown--arrow .settings .btn { color: var(--color-dark) !important; border-color: var(--color-gray-300); } .header-dropdown--arrow .settings .btn::before { width: 6px; height: 6px; top: 13px; } .avtar-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; background-color: #F5F6F9; padding: 10px; border-radius: var(--radius-1); } .dropdown__cover { position: relative; } .dropdown__cover::before { content: ""; border-right: 9px solid transparent; border-left: 9px solid transparent; border-bottom: 9px solid #fff; top: -9px; left: 28px; position: absolute; pointer-events: none; } .explore-wrapper { position: relative; } .explore-wrapper::before { content: ""; border-right: 9px solid transparent; border-left: 9px solid transparent; border-bottom: 9px solid #fff; top: -9px; left: 39px; position: absolute; pointer-events: none; z-index: 1; } .header-dropdown--explore .dropdown__cover { padding: 1rem; } @media (min-width: 767px) { .user-icon { display: none !important; } } .toggle--nav { width: 26px; height: 26px; vertical-align: middle; margin: 0 10px 0 0; padding: 2px; display: none; } @media (max-width: 1199px) { .toggle--nav { display: inline-block; } } @media (max-width: 1199px) { .nav--primary-offset { bottom: 0; background: #fff; padding: 1rem 0; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; z-index: 11; width: 280px; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; -webkit-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px); } } .show-nav-js .menu { visibility: visible; opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .header-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .625rem; } @media (max-width: 767px) { .header-controls { position: fixed; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; left: 0; right: 0; top: auto; background: var(--color-primary); padding: 0 .5rem; } .header-controls > .header-controls__item, .header-controls .header__action .mobile-action, .header-controls .header__action .btn--search, .header-controls .header-dropwown--profile .mobile-action { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } } @media (min-width: 767px) { .header-controls .header-controls__item { display: none; } } .header-controls .header-controls__item a { padding: .75rem 1.25rem; position: relative; } @media (min-width: 576px) { .header-controls .header-controls__item a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (min-width: 1199px) { .header-controls .header--notification { display: block; } .header-controls .header--message { display: block; } .header-controls .header-dropdown--arrow { display: block; } } .header-controls .header-dropdown--arrow { margin: 0; } .header-controls .header-dropdown--arrow .dropdown__cover::before { right: 26px; left: unset; } @media (max-width: 767px) { .header-controls .header-dropdown--arrow .is-visible { bottom: 100%; opacity: 1; visibility: visible; z-index: 3; padding-top: 0; bottom: 0px; bottom: 60px; } } @media (max-width: 767px) { .header-controls .header-dropdown--arrow .is-active:after { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); content: ""; z-index: 3; } } @media (max-width: 767px) { .header-controls .header-dropdown--arrow .dropdown__cover::before { content: none; } } @media (min-width: 767px) { .header-controls .header-dropdown--arrow { margin-right: .5rem; } } @media (max-width: 767px) { .header-controls .header-dropdown__target { top: auto; bottom: 0; padding-top: 0; width: calc(100% - 30px); left: 15px; } } @media (min-width: 767px) { .header-controls .header-action { display: block; } } @media (min-width: 767px) { .header-controls__action { background-color: #EFF0F3; color: #929292; } .header-controls__action:hover { color: #000; } .header-controls__action svg { fill: currentColor; } } .head-count { position: absolute; height: 16px; background: var(--color-primary); text-align: center; font-size: 11px; color: var(--color-secondary-inverse); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 1px; right: 2px; padding: 3px 4px; border-radius: var(--radius-1); min-width: 18px; } .header-dropwown--profile { text-transform: capitalize; } @media (max-width: 767px) { .header-dropwown--profile .is-visible { bottom: 100%; opacity: 1; visibility: visible; z-index: 3; padding-top: 0; bottom: 0px; bottom: 60px; } } @media (max-width: 767px) { .header-dropwown--profile .is-active:after { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); content: ""; z-index: 3; } } @media (max-width: 767px) { .header-dropwown--profile .dropdown__cover::before { content: none; } } .header-dropwown--profile .teacher__media svg { display: none; } @media (max-width: 767px) { .header-dropwown--profile .teacher__media svg { margin: 0; fill: #fff; display: block; } } .header-dropwown--profile .dropdown__cover::before { right: 10px; left: unset; } .header-dropwown--profile .dropdown__cover .menu--inline ul .is--active a { border: none; } @media (min-width: 767px) { .header-controls__action .icon, .header-controls__action svg, .header-controls .header--message .icon, .header-controls .header--message svg, .header-controls__item.header--notification .icon, .header-controls__item.header--notification svg { display: block; } } @media (min-width: 767px) { .mobile-action svg { display: none; } } @media (max-width: 767px) { .header-dropwown--profile { display: contents; } .btn--search { background-color: transparent; } .mobile-action, .btn--search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: var(--color-primary-inverse) !important; border: none !important; white-space: normal; text-align: center; font-weight: normal !important; width: auto !important; height: auto !important; line-height: normal !important; padding: 1rem 0 1rem !important; background-color: transparent; border-radius: 0 !important; } .mobile-action svg, .btn--search svg { margin: 0 auto; fill: var(--color-primary-inverse); width: 22px; height: 22px; display: block; } .mobile-action .mobile-action-label, .btn--search .mobile-action-label { text-transform: none; font-size: 10px; margin: 5px auto 0; display: block; } .mobile-action .teacher-profile, .btn--search .teacher-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mobile-action .teacher-profile .teacher__media .avtar, .btn--search .teacher-profile .teacher__media .avtar { border-radius: 50%; width: 22px; height: 22px; margin: 0 auto; } } .btn--search svg { fill: currentColor; } .header-search { position: fixed; left: 0; right: 0; top: 0; z-index: 4; width: 100%; padding: 3.5rem 2rem; background-color: #fff; transition: transform .2s ease, -webkit-transform .2s ease; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; visibility: hidden; } @media (max-width: 1199px) { .header-search { padding: 1.5rem 1rem; } } .header-search.is-visible { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; } .search-trigger::before { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; background-color: rgba(0, 0, 0, 0.8); opacity: 0; visibility: hidden; pointer-events: none; content: ""; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .search-trigger.is-active::before { opacity: 1; visibility: visible; pointer-events: auto; } .nav--primary > ul > li { position: relative; display: inline-block; vertical-align: top; } .nav--primary > ul > li > a { display: block; padding: .75rem 1.5rem; position: relative; } .nav--primary > ul > li > a:not(.btn):hover { color: var(--color-secondary); } .nav--primary > ul > li.user-click > a { height: auto; line-height: normal; } .nav--primary .nav__dropdown > a { padding-right: 2.5rem; } @media (max-width: 1199px) { .nav--primary-offset > ul > li { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nav--primary-offset > ul > li > a { padding: 1.25rem 1.5rem; } } .nav__dropdown .avtar { margin-right: .5rem; } .nav__dropdown-trigger:after { position: absolute; right: 1.5rem; top: 50%; content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; margin-top: -2px; } .nav__dropdown-target { min-width: 200px; z-index: 2; right: 0; top: 160%; position: absolute; padding: 0; opacity: 0; filter: alpha(opacity=0); visibility: hidden; padding: .75rem; -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); width: 100%; } .nav__dropdown-action { width: 3rem; height: 3rem; padding: 0 !important; border: 1px solid transparent; border-radius: var(--radius-round); } .nav__dropdown-action .svg-icon { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 1.3rem; height: 1.3rem; overflow: hidden; } .nav__dropdown-action .svg-icon svg { width: 100%; height: 100%; } @media (min-width: 1199px) { .nav__dropdown-action:hover { background-color: var(--color-primary); } .nav__dropdown-action:hover .svg-icon { fill: #fff; } } .nav__dropdown-action .count { position: absolute; right: -0.9rem; top: -0.3rem; padding: 0.15rem; border-radius: var(--radius-round); background: var(--color-primary); font-size: 11px; color: #fff; min-width: 1.5rem; text-align: center; line-height: normal; min-width: 1.9rem; border: 2px solid #fff; } @media (min-width: 1199px) { .nav__dropdown--account { margin-left: 1.5rem; } } .nav__dropdown--account > a { padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } .nav__dropdown--notification .nav__dropdown-target { min-width: 300px; } .nav--vertical > ul > li > a { padding: .75rem; display: block; } .nav--vertical > ul > li > a:hover { background-color: rgba(0, 0, 0, 0.05); color: var(--color-secondary); } @media (min-width: 991px) { .nav__dropdown-target .menu-vertical { display: none; } .nav.nav--primary > ul > li.nav__dropdown.is-active .nav__dropdown-target, .nav.nav--primary > ul > li.nav__dropdown:hover .nav__dropdown-target { visibility: visible; top: 100%; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 300ms; transition: all 300ms; } .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--account .nav__dropdown-target { left: auto; right: 0; } } @media (max-width: 1199px) { .nav__dropdown-target { min-width: 250px; } .menu-vertical li a { padding: 16px 15px 16px 15px; padding-left: 55px; } .nav.nav--primary-offset { bottom: 0; background: #fff; padding: 0; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0px, 0px); -ms-transform: translate3d(-100%, 0px, 0px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; opacity: 0; visibility: hidden; z-index: 11; width: 280px; } html.show-nav-js .nav.nav--primary-offset { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); visibility: visible; } html.show-nav-js, html.show-dashboard-js { position: fixed; left: 0; right: 0; top: 0; bottom: 0; } html.show-nav-js .overlay--nav { display: block; } .nav.nav--primary > ul > li.nav__dropdown > a.is-active:after { border-top: 5px solid transparent; border-bottom: 5px solid currentColor; margin-top: -8px; } .subheader .nav.nav--primary > ul > li.nav__dropdown > a.is-active:after { border-bottom: 0px solid #333; } .nav.nav--primary-offset > ul > li .nav__dropdown-target { min-width: 100%; position: relative; -webkit-box-shadow: none; box-shadow: none; border-top: 1px solid #eee; top: auto; right: auto; } .nav__dropdown-target { opacity: 1; visibility: visible; display: none; padding: 10px; top: 45px; right: 0; left: auto; } } @media (max-width: 767px) { .nav.nav--actions > ul > li > a { width: 40px; height: 40px; position: relative; font-size: 0; padding: 0; } .nav.nav--actions > ul > li > a img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 60%; } .nav.nav--actions > ul > li { position: static; } .nav.nav--actions > ul > li .nav__dropdown-target .nav--vertical { width: 100%; } .nav.nav--actions > ul > li .nav__dropdown-target .nav--vertical li { border-bottom: 1px solid #ddd; } .nav.nav--actions > ul > li .nav__dropdown-target .nav--vertical li a { font-size: 1.2rem; padding: 15px; } .nav.nav--actions > ul > li .nav__dropdown-target { left: 0; right: 0; position: fixed; top: 0; bottom: 0; z-index: 100; padding: 50px 0 20px 0; overflow-y: auto; overflow-x: hidden; } html.show-dropdown-js { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .nav.nav--actions > ul > li.nav__dropdown.nav__dropdown--account > a img { width: 100%; } .menu-vertical li.-show-responsive { display: block !important; } } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 600; line-height: 1.4; color: inherit; } .h1, h1 { font-size: 2.75rem; } .h2, h2 { font-size: 2.25rem; } .h3, h3 { font-size: 1.875rem; } .h4, h4 { font-size: 1.3rem; } .h5, h5 { font-size: 1.2rem; } .h6, h6 { font-size: 1.1rem; } p { margin-top: 0; margin-bottom: 1rem; color: inherit; line-height: 1.8; color: #000; } .section-action-wrap .form-search { margin: 20px 0; } @media (min-width: 767px) { .section-action-wrap .form-search { margin: 0; } .section-action-wrap { padding-left: 30px; } } .section-action-wrap .form__element .form__input { height: 45px; line-height: 45px; border-radius: 3px; border: none; } .section-action-wrap .form-search .form__action-wrap { width: 45px; height: 45px; } .web-class-card { background: #fff; margin: 0 0 30px; position: relative; border-radius: 2px; } .web-class-card .top-card { padding: 15px; padding-bottom: 0; } .web-class-card .bottom-card { border-top: 1px solid #eee; margin-top: 20px; padding-top: 10px; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .web-class-card .bottom-card .btn { height: 35px; line-height: 35px; padding: 0 20px; font-size: 1rem; } .web-class-card .bottom-card .btn:not(.btn--disabled):hover, .web-class-detail .btn-wrap a:not(.btn--disabled):hover { background: #333; color: #fff; } .web-class-card .price-value { font-weight: 600; color: var(--color-secondary); font-size: 1.3rem; margin-top: 10px; display: block; } .web-class-card .topic-wrap { color: #fff; padding: 8px 10px; font-size: 0.9rem; margin-bottom: 20px; } .web-class-card .topic-title { display: block; font-size: 1.1rem; font-weight: 600; line-height: 1.4; color: #464646; } @media (min-width: 567px) { .web-class-card .price-value { margin-top: 0; } .web-class-card .topic-type { margin-bottom: 0; } .web-class-card .topic-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .top-card .card-listing .card-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-card .card-listing .card-type img { margin-right: 8px; } .top-card .card-listing .card-lable { margin-right: 5px; } .top-card .card-listing li { margin: 10px 0; margin-top: 0; font-size: 0.95rem; } .card-listing .card-type .lable-txt { color: var(--color-secondary); } @media (min-width: 567px) { .web-class-card .inline-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 25px; } } .web-class-card .duration { margin: 5px 0; display: inline-block; padding: 6px 8px; } .web-class-card .highlight { background: rgba(61, 145, 232, 0.1); border-radius: 2px; } .teacher-card { display: block; } .teacher-card .avtar { width: 50px; height: 50px; } .teacher-card .avtar:after { font-size: 1.5rem; } @media (min-width: 667px) { .teacher-card { text-align: center; } .teacher-card .avtar { margin: auto; } } .teacher-card .name { font-weight: 600; margin-top: 10px; display: block; } .web-class-card .locations { margin-top: 10px; color: #5d5d5d; } .web-class-card .locations .icon { vertical-align: middle; } .web-class-card .arrow-link:after { top: 3px; } .web-class-card .arrow-link:hover { color: var(--color-secondary); } .web-class-card .class-pointers { display: none; } .web-class-card .top-slide p { color: #5d5d5d; } /*Detail Page*/ .web-class-detail .topic-title { font-size: 1.25rem; } .web-class-detail .top-card { padding-bottom: 15px; } .web-class-detail .btn-wrap { margin-top: 10px; } .web-class-detail .btn-wrap a { margin: 5px 0; } @media (max-width: 600px) { .web-class-detail .btn-wrap { text-align: left !important; } } .web-class-detail .card-listing .card-type .lable-txt { font-size: 1rem; } @media (min-width: 600px) { .web-class-detail .teacher-card .avtar { width: 100px; height: 100px; } .web-class-detail .top-card .card-listing li { width: 50%; vertical-align: top; display: inline-block; margin: 12px -2px; } } .web-class-detail .top-card .card-listing li:last-child .card-type img { margin-left: 0; } .web-class-detail .top-card .card-listing li:last-child .card-type.cart-type-price img { margin-left: 4px; } .web-class-detail-desc h4 { margin-bottom: 20px; } .twobtn-actions a { margin-right: 5px; } .twobtn-actions a:last-child { margin-right: 0; } .switch-timzone { margin-top: 10px; } @media (min-width: 1199px) { .timezone, .web-class-detail .top-card .card-listing li.timezone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .switch-timzone { margin-left: 15px; margin-top: 0px; } } @media (max-width: 576px) { .web-class-detail .btn-wrap.twobtn-actions a:last-child { display: block; text-align: center; } } @media (max-width: 576px) { .web-class-card .bottom-card { display: block; } .web-class-card .twobtn-actions { margin-top: 10px; } .web-class-card .twobtn-actions .btn { width: 100%; display: block; margin-top: 5px; } .web-class-card .arrow-link { width: 100%; display: block; margin-top: 5px; border: 1px solid #ddd; padding: 10px; } .web-class-card .arrow-link:after { top: 50%; right: 20px; -ms-transform: translate(0, -50%) rotate(-135deg); transform: translate(0, -50%) rotate(-135deg); -webkit-transform: translate(0, -50%) rotate(-135deg); } } .page-title { font-size: var(--font-size-h3); color: #000; } .payment.payment-charge { background-color: #f3f2f5; } .guestuser { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .guestuser #body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .section--listing { padding-top: 0; } .section-filters { padding: 2rem 0 0; } .section-filters h1 { text-align: center; margin-bottom: 2rem; } @media (min-width: 1199px) { .section-filters { position: sticky; top: 0; } } @media (min-width: 576px) { .section-filters { padding: 3rem 0 0; z-index: 2; } } @media (max-width: 576px) { .section-filters { padding: 2rem 0 0; } .section-filters h1 { margin-bottom: 0 !important; } } .section-filters .select-option { margin-bottom: 0; } .section-filters .select2-selection__arrow { display: none !important; } @media (min-width: 576px) { .filter-item { position: relative; } } @media (min-width: 576px) { .filter-item__field { position: relative; top: 4px; } } .filter-item__label { font-size: var(--font-size-small); color: var(--color-gray-700); } @media (min-width: 576px) { .filter-item__label { position: relative; top: 4px; } } @media (min-width: 576px) { .filter-item__label { text-transform: uppercase; } } .filter-item__search { position: relative; } .filter-item__search input[type="text"] { padding-right: 1.25rem; } .filter-item__search input[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; } @media (min-width: 576px) { .filter-item__search input[type="text"] { border: none; height: 30px; padding-left: 0; padding-right: 2rem; } .filter-item__search input[type="text"]::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: var(--color-black); font-weight: 500; } .filter-item__search input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */ color: var(--color-black); font-weight: 500; opacity: 1; } .filter-item__search input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */ color: var(--color-black); font-weight: 500; opacity: 1; } .filter-item__search input[type="text"]:-ms-input-placeholder { /* Most modern browsers support this now. */ color: var(--color-black); font-weight: 500; opacity: 1; } .filter-item__search input[type="text"]::placeholder { /* Most modern browsers support this now. */ color: var(--color-black); font-weight: 500; opacity: 1; } } .filter-item__search-action { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 576px) { .filter-item__search-action { right: 0.6rem; } } .filter-item__search-submit { width: 30px; height: 30px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .filter-item__search-submit input { padding: 0 !important; font-size: 0; width: 30px; height: 30px; background: transparent !important; position: absolute !important; border: none !important; } .filter-item__search-reset { width: 30px; height: 30px; cursor: pointer; } .filter-item__search-reset input { padding: 0 !important; font-size: 0; width: 30px; height: 30px; background: transparent !important; position: absolute !important; border: none !important; } .filter-item__search-reset .close { width: 30px; height: 30px; line-height: 30px; } .filter-item__trigger { padding: 1rem; position: relative; } .filter-item__select { position: relative; height: 30px; line-height: 30px; font-weight: 500; } .filter-item__select--arrow { padding-right: 1.25rem; } .filter-item__select--arrow:after { position: absolute; right: 0; top: 48%; width: 8px; height: 8px; content: ""; border-right: 1px solid #999; border-bottom: 1px solid #999; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); pointer-events: none; } .filter-item__target { position: absolute; } @media (min-width: 576px) { .filter-item__target { top: 100%; left: 0; right: 0; z-index: 2; padding-top: 1.5rem; } .filter-item__target:before { position: absolute; left: 1rem; top: 10px; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; pointer-events: none; z-index: 1; } } @media (max-width: 991px) { .filter-item__target { min-width: 250px; } } @media (max-width: 576px) { .filter-item__target { min-width: 1%; } } @media (max-width: 576px) { .filter-item__trigger { border-top: 1px solid transparent; border-bottom: 1px solid transparent; padding: .75rem 1rem; } .filter-item__trigger.is-active { background-color: #fff; border-color: var(--color-gray-200); border-left-color: var(--color-primary); pointer-events: none; } .filter-item__trigger.is-active .filter-item__label { font-weight: 600; color: var(--color-primary); } .filter-item__trigger.is-active:after { position: absolute; top: 0; bottom: 0; right: -1px; content: ""; background-color: #fff; width: 5px; pointer-events: none; z-index: 1; } .filter-item__target { left: 150px; top: 64px; bottom: 0; width: calc(100% - 150px); -webkit-transition: none !important; transition: none !important; height: auto !important; padding-bottom: 70px; overflow: auto; } } .cursor-pointer { cursor: pointer; } .filter-dropdown { position: relative; background-color: #fff; width: 100%; border-radius: var(--radius-0); } @media (min-width: 1199px) { .filter-dropdown { overflow: hidden; } } .filter-dropdown__head { padding: 1rem; } @media (min-width: 1199px) { .filter-dropdown__head { border-bottom: 1px solid var(--color-gray-200); } } @media (max-width: 576px) { .filter-dropdown__head { padding-bottom: 0; } .filter-dropdown__head h5 { font-size: 14px; } .filter-dropdown__head .underline { font-size: 13px; padding-top: 10px; padding-bottom: 10px; } } @media (max-width: 576px) { .filter-dropdown__body { padding: 1rem; } } .filter-dropdown__footer { padding: 1rem; border-top: 1px solid var(--color-gray-200); position: relative; background-color: #fff; } @media (max-width: 576px) { .filters-layout__item { max-width: 150px; } } @media (min-width: 576px) { .filters-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: var(--radius-0); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); position: relative; z-index: 1; background-color: #fff; } .filters-layout__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (min-width: 576px) { .filters-layout__item-forth .filter-item { position: static; } .filters-layout__item-forth .filter-item__target { max-width: 435px; right: 0; left: auto; } } .filters-layout__item-fifth { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; } @media (min-width: 576px) { .filters-layout__item-fifth .filter-item { position: static; border-right: none; } .filters-layout__item-fifth .filter-item__target { right: 0; } .filters-layout__item-fifth .filter-item__target:before { left: auto; right: 2rem; } } @media (min-width: 576px) { .filters-layout__item-fifth .filter-dropdown__body { max-height: 450px; overflow: auto; } } @media (max-width: 576px) { .filters-layout__item-first { position: absolute; left: 0; right: 0; top: 0; border-bottom: 1px solid var(--color-gray-200); background-color: #fff; z-index: 1; max-width: 100%; } .filters-layout__item-fifth > .filter-item { max-width: 100%; } .filters-layout__item-second > .filter-item .filters-layout__item-second > .filter-item__target { display: block !important; } } @media (max-width: 1199px) { .filters-layout__item-first { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; border-bottom: 1px solid var(--color-gray-200); border-right: none; } } body.is-filter-show .header { -webkit-transition: none; transition: none; } @media (max-width: 1199px) { body.is-filter-show { position: fixed; inset: 0; overflow: hidden; } } @media (min-width: 576px) { body.filter-active:after { position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.5); content: ""; z-index: 11; } } @media (min-width: 576px) { body.filter-active .filters-layout { z-index: 12; } body.filter-active .section-filters { z-index: 12; -webkit-transition: none; transition: none; } body.filter-active .section-filters:after { display: none; } } .select-option { position: relative; display: block; cursor: pointer; } .select-option__item { position: relative; padding: .75rem 1.25rem; padding-right: 2.5rem; display: block; overflow: hidden; color: var(--color-gray-600); border: 1px solid var(--color-gray-200); text-transform: capitalize; } .select-option__item:after { position: absolute; right: 1rem; top: 50%; content: ""; height: 12px; width: 6px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; -webkit-transform: translateY(-65%) rotate(45deg); -ms-transform: translateY(-65%) rotate(45deg); transform: translateY(-65%) rotate(45deg); pointer-events: none; } @media (max-width: 576px) { .select-option__item { padding-left: 0; border: none; font-size: 13px; } } .select-option__input { position: absolute; inset: 0; opacity: 0; width: 100%; height: 100%; } .select-option__input:checked + .select-option__item { color: var(--color-secondary); border-color: currentColor; font-weight: 600; } @media (min-width: 1199px) { .select-option__input:checked + .select-option__item:before { position: absolute; inset: 0; content: ""; background-color: currentColor; opacity: 0.06; pointer-events: none; } } .select-list { position: relative; } @media (min-width: 576px) { .select-list--vertical .select-option__item { border: none; border-bottom: 1px solid var(--color-gray-200); padding: .75rem; padding-right: 2rem; } .select-list--vertical .select-option__input:checked + .select-option__item { color: var(--color-secondary); border-color: var(--color-gray-200); } .select-list--vertical .select-option__input:checked + .select-option__item:before { display: none; } .select-list--vertical li:last-child .select-option__item { border-bottom: none; } .select-list--vertical > ul > li ul { padding: .75rem; border-bottom: 1px solid var(--color-gray-200); } } @media (min-width: 576px) and (min-width: 576px) { .select-list--vertical > ul > li ul .select-option__item { border: none; } } @media (max-width: 576px) { .select-list--vertical .select-option__item { padding-left: 0; } } @media (min-width: 576px) { .select-list--scroll { max-height: 240px; overflow: auto; } } @media (min-width: 576px) { .select-list--flex ul { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid var(--color-gray-200); border-radius: var(--radius-round); overflow: hidden; } .select-list--flex ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .select-list--flex .select-option__item { border: none; padding: .75rem 1rem; text-align: center; } .select-list--flex .select-option__item:after { display: none; } .select-list--flex .select-option__input:checked + .select-option__item { color: var(--color-secondary); border-color: var(--color-gray-200); } } @media (min-width: 576px) { .select-list--inline ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .select-list--inline ul li { padding: .5rem; } .select-list--inline .select-option__item { text-align: center; border-radius: var(--radius-round); padding-top: .5rem; padding-bottom: .5rem; } } @media (min-width: 576px) { .select-list--onethird ul { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.5rem; } .select-list--onethird ul li { -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; padding: 0.5rem; } .select-list--onethird .select-option__item { padding: .5rem 1rem; text-align: center; border-radius: var(--radius-round); overflow: hidden; } .select-list--onethird .select-option__item:after { display: none; } .select-list--onethird .select-option__input:checked + .select-option__item { color: var(--color-secondary); border-color: currentColor; } } @media (min-width: 576px) { .selection-group { padding: 1.25rem; } } @media (max-width: 576px) { .selection-group { margin: 1rem 0 2rem; } .selection-group h6 { font-size: 12px; font-weight: normal; } } @media (min-width: 576px) { .search-form-cover { padding: 1rem; border-bottom: 1px solid var(--color-gray-200); } } @media (max-width: 576px) { .search-form-cover { margin-bottom: 1rem; } } .filter-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 576px) { .filter-actions .btn--secondary { width: 65%; } .filter-actions .btn--gray { width: 35%; } } .more-filters-btn { color: var(--color-primary); background-color: transparent; position: relative; font-weight: 600; height: 46px; overflow: hidden; } .more-filters-btn:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.1; } .search-form { position: relative; } @media (max-width: 576px) { .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .search-form__action .btn { height: 3.25rem; } .search-form__action { position: absolute; top: 0; right: 0; } .search-form__action--reset { right: 0; } .search-form__action--submit { left: 0; opacity: 0.3; } .search-form__action--submit input { padding: 0 !important; font-size: 0; width: 3rem; background: transparent !important; position: absolute !important; } .search-form__action--reset input { padding: 0 !important; font-size: 0; width: 3rem; height: 3rem; background: transparent !important; position: absolute !important; border: none !important; } .search-form__field { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .search-form__field input { padding-right: 3rem; height: 3.25rem; } @media (min-width: 576px) { .filters-more { min-height: 360px; padding: 1rem 0; } .filters-more:before { background-color: #F9F9F9; position: absolute; left: 0; top: 0; bottom: 0; content: ""; pointer-events: none; width: 250px; } .filters-more:after { background-color: var(--color-gray-200); position: absolute; left: 249px; top: 0; bottom: 0; content: ""; pointer-events: none; width: 1px; } } @media (min-width: 576px) { .filters-more .filter-item { max-width: 250px; } .filters-more .filter-item__target { left: 250px; right: 0; width: calc(100% - 250px); top: 0; padding: 0; } .filters-more .filter-item__target:before { display: none; } } .filters-more .filter-item__label { font-weight: normal; text-transform: none; position: static; } @media (min-width: 576px) { .filters-more .filter-item__label { font-size: 14px; color: var(--color-gray-900); } } .filters-more .filter-item__trigger { position: relative; } @media (min-width: 576px) { .filters-more .filter-item__trigger { border-top: 1px solid transparent; border-bottom: 1px solid transparent; padding: .75rem 1.25rem; padding-left: 1rem; border-left: 4px solid transparent; } .filters-more .filter-item__trigger.is-active { background-color: #fff; border-color: var(--color-gray-200); border-left-color: var(--color-primary); pointer-events: none; } .filters-more .filter-item__trigger.is-active .filter-item__label { font-weight: 600; color: var(--color-primary); } .filters-more .filter-item__trigger.is-active:after { position: absolute; top: 0; bottom: 0; right: 0; content: ""; background-color: #fff; width: 5px; pointer-events: none; z-index: 1; } } @media (min-width: 576px) { .filters-more .filter-dropdown { padding: 1rem 1.5rem; } } .filters-more .filter-dropdown__head { border-bottom: none; margin-bottom: .75rem; } @media (min-width: 576px) { .filters-more .filter-dropdown__body { max-height: 220px; overflow: auto; } } @media (min-width: 1199px) { .is-filter-fixed .section-filters { background-color: #fff; padding: 0; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); -webkit-transition: all 0.2s; transition: all 0.2s; } .is-filter-fixed .section-filters h1 { display: none; } .is-filter-fixed .section-filters::after { display: none; } .is-filter-fixed .filters-layout { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: none; } .is-filter-fixed .filters-layout__item-first .filter-item__trigger { padding-left: 0; } .is-filter-fixed .filters-layout__item-fifth .filter-item__trigger { padding-right: 0; } } @media (min-width: 1199px) { .page-listing__head { padding: 3.5rem 0 1.25rem; } } @media (max-width: 1199px) { .page-listing__head { padding: 2rem 0; } .page-listing__head h4 { font-size: 1.3rem; } } @media (max-width: 991px) { .page-listing__head { padding: 1rem 0 1rem; } .page-listing__head h4 { margin: 1rem 0 2rem; } } @media (max-width: 576px) { .page-listing__head { padding: 0 0 2rem; position: relative; z-index: 2; } .page-listing__head h4 { font-size: 1.2rem; text-align: center; } } .sorting-options { position: relative; } @media (max-width: 1199px) { .sorting-options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; } } .sorting-options .svg-icon { width: 16px; height: 16px; margin-right: .25rem; display: block; position: relative; top: 1px; } @media (max-width: 767px) { .sorting-options { background-color: var(--color-secondary); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: var(--radius-round); position: fixed; left: 15px; right: 15px; bottom: 100px; z-index: 1; max-width: 400px; margin: 0 auto; gap: 0; } .sorting-options__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-right: 1px solid var(--color-gray-100); } .sorting-options__item:last-child { border-right: none; } .sorting-options__item .svg-icon { display: block; } } @media (max-width: 1199px) { .is-filter-show .sorting-options, .sort-active .sorting-options { z-index: 12; } } .btn--filters { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #000; border-radius: 10px; color: #fff; font-size: 13px; font-weight: 600; padding: .75rem .75rem; cursor: pointer; } @media (max-width: 767px) { .btn--filters { background-color: transparent; } } .btn--filters .svg-icon { color: currentColor; } .btn--filters .svg-icon svg { fill: currentColor; } @media (min-width: 1199px) { .btn--filters { display: none; } } .btn--filters:after { position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.5); content: ""; z-index: 12; opacity: 0; visibility: hidden; } .is-filter-show .btn--filters:after { opacity: 1; visibility: visible; } .sorting-action { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 576px) { .sorting-action { position: relative; } } .sorting-action__value { white-space: nowrap; } .sorting-action__label { padding: 0 .25rem; font-weight: 600; } @media (max-width: 576px) { .sorting-action__label { display: none; } .sorting-action__label .svg-icon { display: none; } } .sorting-action__trigger { position: relative; padding: .75rem; padding-right: 2rem; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .sorting-action__trigger { width: 100%; padding: 1rem .75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; font-weight: 600; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sorting-action__trigger .svg-icon { width: 20px; height: 20px; fill: currentColor; } } @media (min-width: 767px) { .sorting-action__trigger:before { position: absolute; right: 0.5rem; top: 50%; width: 8px; height: 8px; content: ""; border-right: 2px solid #999; border-bottom: 2px solid #999; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); pointer-events: none; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } } .sorting-action__trigger.is-active:after { position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.5); content: ""; z-index: 11; cursor: default; } .sorting-action__target { position: absolute; top: 100%; right: 0; padding-top: 1.5rem; z-index: 12; } @media (min-width: 767px) { .sorting-action__target:before { position: absolute; right: 1rem; top: 10px; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; pointer-events: none; z-index: 1; } } .sorting-action__target .filter-dropdown { -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); min-width: 240px; padding: 1rem; border: 1px solid var(--color-gray-100); } @media (max-width: 767px) { .sorting-action__target { top: auto; bottom: 0; right: 0; left: 0; position: fixed; } .sorting-action__target .filter-dropdown { border-radius: 6px 6px 0 0; } } body.sort-active { overflow: hidden; } @media (max-width: 576px) { .more-filters { display: none; } } @media (max-width: 576px) { .more-filters-target { position: static; display: block !important; width: 100%; } } @media (max-width: 576px) { .more-filters-target { padding-bottom: 0; overflow: visible; } .more-filters-target > .filter-dropdown { background-color: transparent; position: static; } .more-filters-target > .filter-dropdown > .filter-dropdown__body { padding: 0; } .more-filters-target > .filter-dropdown > .filter-dropdown__footer { position: fixed; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 1; } } .filter-panel__footer { position: absolute; left: 0; right: 0; bottom: 0; background-color: #fff; padding: 1rem; z-index: 1; border-top: 1px solid var(--color-gray-200); } .filter-panel__head { display: none; } @media (max-width: 576px) { .filter-panel { position: fixed; left: 50%; top: 50%; z-index: 1000; background-color: #fff; -webkit-transform: translate3d(0, 100%, 0px) translate(-50%, -50%); transform: translate3d(0, 100%, 0px) translate(-50%, -50%); -webkit-transition: all 0.3s; transition: all 0.3s; max-width: 500px; max-height: 80px; width: 100%; opacity: 0; visibility: hidden; min-height: 84%; z-index: 10; } .filter-panel:after { pointer-events: none; position: absolute; left: 200px; top: 0; bottom: 0; background-color: #eee; content: ""; width: 1px; } .filter-panel:before { pointer-events: none; position: absolute; left: 0; top: 0; bottom: 0; background-color: #F9F9F9; content: ""; width: 200px; z-index: 0; } .filter-panel__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem 0; height: 52px; position: relative; background-color: #fff; z-index: 1; } .filter-panel__body { height: calc(100% - 52px); position: relative; padding-bottom: 60px; padding-top: 70px; overflow: auto; position: relative; } .filter-panel.is-filter-visible { -webkit-transform: translate3d(0, 0, 0) translate(-50%, -50%); transform: translate3d(0, 0, 0) translate(-50%, -50%); opacity: 1; visibility: visible; } } @media (max-width: 576px) { .filter-panel { left: 0; right: 0; top: 0; bottom: 0; min-height: 1%; max-width: 100%; max-height: 100%; -webkit-transform: translate3d(0, 100%, 0px) translate(0, 0); transform: translate3d(0, 100%, 0px) translate(0, 0); } .filter-panel:after { pointer-events: none; position: absolute; left: 150px; top: 0; bottom: 0; background-color: #eee; content: ""; width: 1px; } .filter-panel:before { pointer-events: none; position: absolute; left: 0; top: 0; bottom: 0; background-color: #F9F9F9; content: ""; width: 150px; z-index: 0; } .filter-panel.is-filter-visible { -webkit-transform: translate3d(0, 0, 0) translate(0, 0); transform: translate3d(0, 0, 0) translate(0, 0); opacity: 1; visibility: visible; } } .selected-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .selected-filters { color: var(--color-primary); } .selected-filters__action { width: 20px; height: 20px; line-height: 18px; border-radius: var(--radius-round); text-align: center; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 8px; cursor: pointer; } .selected-filters__action::before { background-color: var(--color-primary); position: absolute; inset: 0; content: ""; opacity: 0.2; pointer-events: none; } .selected-filters__action::after { content: "+"; position: absolute; inset: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); font-size: 20px; pointer-events: none; z-index: 1; text-align: center; } @media (min-width: 1199px) { .selected-filters__action:hover { color: #fff; } .selected-filters__action:hover:before { opacity: 1; } } .selected-filters__item { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 170px; text-transform: capitalize; } @media (max-width: 991px) { .selected-filters__item { max-width: 120px; } } .filters-count { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 2px 4px; border-radius: var(--radius-1); background-color: var(--color-secondary); color: #fff; font-size: 10px; } .filters-count--positioned { position: absolute; right: 12px; top: 12px; padding: 3px 4px; } .sorting-options .filters-count { background-color: var(--color-primary); line-height: normal; margin-left: 6px; } .switch-options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; gap: 1.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1199px) { .switch-options { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; } } @media (max-width: 576px) { .switch-options__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0.2rem; } } .switch-action { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .75rem; font-weight: 600; } @media (max-width: 576px) { .switch-action { background-color: #fff; border: 1px solid #ddd; padding: 10px; border-radius: var(--radius-round); } } .switch-action-label { white-space: nowrap; } .switch-action .tooltip { font-size: 12px; } .switch-action .tooltip--top { top: -10px; } .switch-action .tooltip__content { min-width: 180px; padding: 5px; line-height: 1.5; } @media (min-width: 767px) { .switch-filter.sorting-action__trigger { -webkit-box-shadow: 0px 0px 10px #E4E5E9; box-shadow: 0px 0px 10px #E4E5E9; border: 1px solid #DEDFE1; border-radius: 10px; } } @media (min-width: 767px) { .switch-filter.sorting-action__trigger { padding-right: 2.5rem; } } @media (max-width: 767px) { .switch-filter.sorting-action__trigger { background-color: transparent; color: currentColor; } } .switch-filter.sorting-action__trigger::before { right: 1rem; } @media (max-width: 1199px) { .sidebar-filters { position: fixed; left: 0; top: 0; bottom: 0; z-index: 1000; background-color: #fff; -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); -webkit-transition: all 0.3s; transition: all 0.3s; max-width: 500px; max-height: 100%; width: 90%; opacity: 0; visibility: hidden; z-index: 13; padding: 1rem; overflow: auto; } .sidebar-filters.is-filter-visible { -webkit-transform: translatex(0%); -ms-transform: translatex(0%); transform: translatex(0%); opacity: 1; visibility: visible; } } .sidebar-filters .close-fliter { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .375rem; margin-bottom: 1.25rem; font-size: 14px; color: var(--color-primary); text-decoration: underline; text-underline-offset: 4px; } @media (min-width: 1199px) { .sidebar-filters .close-fliter { display: none; } } .sidebar-filters .close-fliter::before { content: ""; width: 8px; height: 8px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; display: block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .sidebar-filters__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; background-color: #F5F6F9; border-radius: .5rem; padding: 1rem 1.25rem; } .sidebar-filters__head h6 { font-size: calc(clamp(1rem, 0.128vw + 0.967rem, 1.143rem)); } .sidebar-filters__head .link { text-align: center; font-weight: 500; color: var(--color-primary); text-decoration: underline; } .sidebar-filters__head .link:hover { text-decoration: none; color: currentColor; } .filter-widget { border-bottom: 1px solid var(--color-gray-200); margin-bottom: 1.5rem; padding-bottom: 1.5rem; } .filter-widget__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .75rem; font-size: 1rem; font-weight: 600; cursor: pointer; } .filter-widget__head .icon { width: 18px; height: 18px; } .filter-widget__head:after { content: ""; --size: 9px; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); border-left: 2px solid; border-top: 2px solid; margin-left: auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; } .filter-widget__head[aria-expanded="false"]:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .filter-widget__inner { margin-top: 1.25rem; } .filter-widget__body .link { display: inline-block; vertical-align: middle; } .filter-widget .list-vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: .875rem; } .filter-widget .list-vertical-child { padding-left: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: .875rem; padding-top: .875rem; } .filter-widget .list-vertical li.has-child > .form-check { font-weight: 600; } .filter-widget .filters-scroll { max-height: 300px; overflow: auto; scrollbar-width: auto; /* Scrollbar Styling */ } .filter-widget .filters-scroll::-webkit-scrollbar { width: 6px; } .filter-widget .filters-scroll::-webkit-scrollbar-track { border-radius: 10px; } .filter-widget .filters-scroll::-webkit-scrollbar-thumb { border-radius: 10px; } .filter-widget .form-check { padding-left: 1.875rem; cursor: pointer; padding: .25rem; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: .625rem; } .filter-widget .form-check:hover .form-check-input { -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .filter-widget .form-check-input { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem; margin-top: 0; margin: 0; } .filter-widget .form-check-input:not(:checked) { border-color: #707070; } .filter-widget .switch-options { background-color: #F5F6F9; border-radius: 8px; padding: 1rem 1.25rem; display: block; } .filter-widget .switch-options .switch-action { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: calc(clamp(1rem, 0.128vw + 0.967rem, 1.143rem)); } .filter-widget .switch-options .switch-action .switch-action-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tab-content:not(.visible) { display: none; } .tab-pane:not(.active) { display: none; } .tabs ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; gap: .875rem; scrollbar-width: auto; padding-bottom: .25rem; } .tabs ul::-webkit-scrollbar { width: 6px; height: 6px; } .tabs ul::-webkit-scrollbar:hover { width: 12px; height: 12px; } .tabs ul::-webkit-scrollbar-track, .tabs ul::-webkit-scrollbar-thumb { border-radius: 4px; } .tabs ul::-webkit-scrollbar-track { background: transparent; } .tabs ul li.is-active a { background-color: #393737; color: #fff; } .tabs ul li a { font-weight: 500; padding: .625rem 1.25rem; display: block; background-color: #F5F6F9; color: #000; white-space: nowrap; border-radius: 2.5rem; } @media (max-width: 1199px) { .tabs ul li a { padding: .625rem 1.625rem; font-size: .875rem; } } .tabs ul li a.current { background-color: #393737; color: #fff; } .filter-dropdown .list-vertical { text-align: left; padding: 1rem 0; } .filter-dropdown .list-vertical > li { padding: .5rem 1rem; border-bottom: 1px solid #e6e6e6; } .filter-dropdown .list-vertical > li:last-child { border: none; } .filter-dropdown .list-vertical > li > ul { border: none; border-left: 2px solid #e6e6e6; margin: .75rem 0; padding: 0; padding-left: 1rem; } .filter-dropdown .list-vertical > li > ul > li > ul { border: none; border-left: 2px solid #e6e6e6; margin: .75rem 0; padding: 0; padding-left: 1rem; } .filter-dropdown .list-vertical > li > ul li { padding-right: 0; } .filter-dropdown .list-vertical li .form-check { padding: 0; margin: 0; cursor: pointer; color: #b3b3b3; } .filter-dropdown .list-vertical li .form-check input:checked ~ .form-check-label { color: #000; } .filter-dropdown .list-vertical li .form-check:hover { color: #000; } .filter-dropdown .list-vertical .form-check-label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; } .filter-dropdown .list-vertical .form-check-label:after { position: relative; content: ""; height: 12px; width: 6px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); pointer-events: none; } .settings { margin-bottom: 1rem; position: relative; } .settings:last-child { margin-bottom: 0; } .settings .btn { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 1.5rem; border-color: currentColor; } .settings .btn::before { content: ""; position: absolute; width: 8px; height: 8px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; right: 18px; top: 14px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .settings .dropdaown__title { margin-bottom: .5rem; } .settings .settings__target { position: absolute; width: 100%; background: #fff; z-index: 1; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); top: 100%; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; max-height: 235px; overflow: auto; border-radius: var(--radius-1); } .settings .settings__target ul li { -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; margin: 0; } .settings .settings__target ul li:hover { background-color: var(--color-gray-100); } .settings .settings__target ul li a { padding: .75rem .75rem; display: block; color: var(--color-dark); width: 100%; } .settings .settings__target ul .is--active { background-color: var(--color-gray-100); color: var(--color-primary); } .settings .settings__target ul .is--active a { color: var(--color-primary); font-weight: 600; position: relative; } .settings .settings__target ul .is--active a::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.04; } .footer-settings { max-width: 250px; } .footer-wrapper { position: relative; background: var(--color-dark-blue); color: var(--color-dark-blue-inverse); } .footer { background-color: #393737; color: #fff; } @media (max-width: 767px) { .footer { padding-bottom: 65px; } } .footer-upper { padding: 4.25rem 0; } @media (min-width: 767px) { .footer-upper { text-align: center; } } @media (min-width: 576px) { .footer-middle { padding: 3rem 0; } } @media (max-width: 576px) { .footer-middle > .container { padding: 0; } .footer-middle > .container > .row { margin: 0; } .footer-middle > .container > .row > [class*="col-"] { padding: 0; } } .footer-middle .settings a.btn { background-color: #fff; color: #000; height: 40px; line-height: 40px; } .footer-lower { padding: 1.25rem 0; border-top: 1px solid #646060; } @media (min-width: 767px) { .footer-lower { padding: 1.25rem 0; } } .footer-lower p { color: currentColor; margin-bottom: 0; } .footer-lower p a { color: inherit; } @media (max-width: 767px) { .footer-lower { text-align: center; } } .footer .settings__target { top: auto; bottom: 100%; } .site-subscribe { position: relative; max-width: 875px; margin: 0 auto; } .site-subscribe__head { padding-bottom: 2.25rem; } .site-subscribe__head h2 { font-size: calc(clamp(1.429rem, 1.25vw + 1.143rem, 2.857rem)); } .site-subscribe p { font-style: italic; color: inherit; } .site-subscribe__form { position: relative; } .site-subscribe__form .form, .site-subscribe__form form { display: grid; grid-template-columns: 1fr auto; position: relative; grid-gap: 2rem; } .site-subscribe__form .form .icon, .site-subscribe__form form .icon { position: absolute; left: 1.2rem; top: 1.3rem; } .site-subscribe__form .form .icon svg, .site-subscribe__form form .icon svg { fill: var(--color-secondary); } .site-subscribe__form .form .errorlist, .site-subscribe__form form .errorlist { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; background-color: transparent; padding: 0; text-align: left; } .site-subscribe__form .form .input-field, .site-subscribe__form form .input-field { padding: 0; height: 50px; border-radius: 0; border: none; color: currentColor; border-bottom: 1px solid currentColor; text-align: left; background-color: transparent; font-size: 1.25rem; } @media (max-width: 767px) { .site-subscribe__form .form .input-field, .site-subscribe__form form .input-field { height: 40px; font-size: 1rem; } } .site-subscribe__form .form .input-field:focus, .site-subscribe__form form .input-field:focus { border-color: #fff; } .site-subscribe__form .form .btn, .site-subscribe__form form .btn { height: 50px; line-height: 100%; } .site-subscribe__form .form .input-submit, .site-subscribe__form form .input-submit { --size: 60px; width: var(--size); height: var(--size); border-radius: 100%; padding: 0; margin: 0; background-color: var(--color-primary); color: #fff; border: none; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; line-height: normal; cursor: pointer; } .site-subscribe__form .form .input-submit::before, .site-subscribe__form form .input-submit::before { content: ""; --size: 12px; width: var(--size); height: var(--size); max-width: var(--size); margin-left: -12px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (max-width: 767px) { .site-subscribe__form .form .input-submit::before, .site-subscribe__form form .input-submit::before { --size: 10px; } } .site-subscribe__form .form .input-submit::after, .site-subscribe__form form .input-submit::after { content: ""; width: 28px; height: 2px; background-color: currentColor; } @media (max-width: 767px) { .site-subscribe__form .form .input-submit::after, .site-subscribe__form form .input-submit::after { width: 20px; } } @media (min-width: 1199px) { .site-subscribe__form .form .input-submit:hover, .site-subscribe__form form .input-submit:hover { background: var(--color-secondary); color: var(--color-secondary-inverse); } } @media (max-width: 767px) { .site-subscribe__form .form .input-submit, .site-subscribe__form form .input-submit { --size: 40px; } } .footer-list ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: .25rem; } .footer-list ul li { line-height: 2; } .footer-list ul li a { -webkit-transition: all 0.4s; transition: all 0.4s; display: block; } @media (min-width: 1199px) { .footer-list ul li a:hover { text-decoration: underline; } } .footer-list ul li a .icon { width: 18px; height: 18px; margin-right: .5rem; } .footer-list .contact-meta-info { display: -webkit-box; display: -ms-flexbox; display: flex; gap: .625rem; } .footer-list .contact-meta-info .icon { margin-top: 4px; } .footer-list__title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1%; } .social-actions ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .social-actions ul li { margin-left: var(--margin-1); } .social-actions ul li a { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid transparent; border-radius: var(--radius-1); opacity: 0.7; } .social-actions ul li a .icon { width: 20px; height: 20px; } @media (min-width: 1199px) { .social-actions ul li a:hover { border-color: #fff; opacity: 1; } } @media (max-width: 576px) { .social-actions ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1rem; } } @media (max-width: 767px) { .footer-colum { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .footer-colum:last-child { border: none; } } .footer-colum__trigger { margin-bottom: calc(clamp(1.071rem, 0.637vw + 0.912rem, 1.786rem)); } @media (max-width: 767px) { .footer-colum__trigger { margin: 0; padding: 1.25rem 0; cursor: pointer; position: relative; } .footer-colum__trigger h5 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; } .footer-colum__trigger h5::after { display: block; position: relative; width: 10px; height: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 10px; flex: 0 0 10px; content: ""; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .footer-colum__trigger.is-active h5:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } } @media (max-width: 767px) { .footer-colum__target { display: none; padding-bottom: 2rem; } } .payment-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .875rem; margin-top: 1.875rem; } @media (max-width: 767px) { .payment-cards { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .footer-list .socials-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: .714rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 767px) { .footer-list .socials-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .footer-list .socials-list li { opacity: 1; margin: 0; line-height: normal; } .footer-list .socials-list li .social-link { width: calc(clamp(2.5rem, 0.318vw + 2.42rem, 2.857rem)); height: calc(clamp(2.5rem, 0.318vw + 2.42rem, 2.857rem)); background-color: #fff; color: #000; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-list .socials-list li .social-link:hover { opacity: .6; } .footer-list .socials-list li .social-link .icon { margin: 0; } .footer-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1199px) { .footer-row { gap: 2.5rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 767px) { .footer-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } } .footer-row .footer-colum { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 calc(clamp(2rem, 2.548vw + 1.506rem, 4rem)); } @media (min-width: 1400px) { .footer-row .footer-colum { padding: 0 calc(clamp(2.857rem, 3.822vw + 1.902rem, 5rem)); } } @media (min-width: 1199px) { .footer-row .footer-colum { border-right: 1px solid #646060; } } @media (max-width: 1199px) { .footer-row .footer-colum { padding: 0; -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; margin: 0 auto; } } @media (max-width: 767px) { .footer-row .footer-colum { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } } .footer-row .footer-colum h5 { font-weight: 500; font-size: calc(clamp(1.143rem, 0.127vw + 1.111rem, 1.286rem)); } .footer-row .footer-colum:last-child { border: none; padding-right: 0; } .footer-row .footer-colum:first-child { padding-left: 0; } .footer-dropdown .dropdown-toggle { background-color: transparent; color: currentColor; border: none; font-size: calc(clamp(1.143rem, 0.127vw + 1.111rem, 1.286rem)); padding: 0; margin-bottom: calc(clamp(1.071rem, 0.637vw + 0.912rem, 1.786rem)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2rem; } @media (max-width: 767px) { .footer-dropdown .dropdown-toggle { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; color: #000; border-radius: .625rem; padding: 12px; } } .footer-dropdown .dropdown-toggle.no-after-icon:after { display: none; } .footer-dropdown .dropdown-toggle:after { position: relative; width: 10px; height: 10px; border: none; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; margin-top: -3px; } :has(.show) .footer-dropdown .dropdown-toggle:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: 0px; } .footer-dropdown .dropdown-menu { min-width: 160px; padding: 1.25rem; margin: .5rem 0 !important; } @media (max-width: 767px) { .footer-dropdown .dropdown-menu { width: 100%; } } .tags-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tags-inline b { margin-right: .75rem; color: inherit; font-size: 1.1rem; line-height: 23px; } .tags-inline ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: .5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tags-inline ul .tags-inline__item { margin: 0; } .tags-inline ul .tags-inline__item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; padding: .25rem; color: inherit; font-size: 1rem; } .tags-inline ul .tags-inline__item :hover { color: var(--color-secondary); } .section__head { padding: 0 !important; text-align: center; margin-bottom: 1.25rem; } @media (max-width: 991px) { .section__head { margin-bottom: 2.5rem; } } .section__head h2 { line-height: 1.2; color: #111; font-size: 3rem; font-weight: 800; } @media (max-width: 1199px) { .section__head h2 { font-size: 1.7rem; line-height: 2rem; } } .section__head .view-all { font-weight: 600; color: var(--color-primary); padding-bottom: 5px; border-bottom: 1px dashed; } @media (max-width: 767px) { .section--services .section__head { max-width: 80%; margin: 0 auto 2rem; } } .service { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: var(--color-dark); } @media (min-width: 767px) { .service { padding: 3rem 2.5rem; } } @media (max-width: 767px) { .service { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; margin-bottom: 1.25rem; flex-direction: column; text-align: center; padding: 2rem 2.5rem; border: 1px solid var(--color-gray-200); } } .service .service__media { min-width: 100px; min-height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; color: var(--color-primary); border-radius: var(--radius-1); overflow: hidden; } .service .service__media::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: #000; opacity: 0.06; } @media (max-width: 991px) { .service .service__media { margin: 0 auto 1.5rem; } } @media (min-width: 767px) { .service .service__content { margin-left: 1.5rem; } } .service .service__content h3 { font-size: var(--font-size-h5); margin-bottom: 1rem; line-height: 20px; } @media (max-width: 767px) { .service .service__content h3 { font-size: var(--font-size-medium); margin-bottom: .75rem; } } .service .service__content p { margin-bottom: 0; } .bg-gray { background: #F6F6F6; } .flag-wrapper .flag__box { width: 100%; border: 1px solid var(--color-gray-200); border-radius: var(--radius-2); padding: 1rem 1rem; -webkit-transition: all 0.4s; transition: all 0.4s; margin: 0; max-width: 100%; margin: 0; background-color: #fff; position: relative; } @media (min-width: 1199px) { .flag-wrapper .flag__box { padding: 2rem 1rem; } } @media (max-width: 1199px) { .flag-wrapper .flag__box { background-color: #fff; } } .flag-wrapper .flag__box .flag__media { width: 80px; height: 80px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; background: #fff; } .flag-wrapper .flag__box .flag__media img { max-width: 100%; } .flag-wrapper .flag__box .flag__action { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .section--language, .section--step { background: var(--color-gray-100); } .more-info p { color: #111; font-size: 16px; margin-bottom: 0; } @media (max-width: 767px) { .more-info p { font-size: 1.1rem; } } .more-info p a { color: var(--color-primary); font-weight: 600; position: relative; padding-bottom: 4px; text-decoration: underline; } @media (max-width: 767px) { .more-info p a { display: block; margin-top: .5rem; } } @media (max-width: 1199px) { .teacher-wrapper .row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .teacher-wrapper .row { -ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; /* for Firefox */ } .teacher-wrapper .row::-webkit-scrollbar { display: none; /* for Chrome, Safari, and Opera */ } .teacher-wrapper [class*="col-"] { padding-right: 0; max-width: inherit; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .teacher-wrapper [class*="col-"]:last-child { padding-right: 1.25rem; } } .info-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: .5rem 0; } .info-wrapper .meta-info { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: .5rem; line-height: 1; } .info-wrapper .meta-info .value { font-weight: 700; } .info-wrapper .meta-info:not(:last-child) { padding-right: .75rem; margin-right: .75rem; border-right: 1px solid; } .ratings { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ratings .icon--rating { width: 14px; height: 14px; fill: var(--color-yellow); } .ratings .value { margin-right: 6px; font-weight: bold; } .ratings span { opacity: 0.8; } .section--cta::before { content: ""; position: absolute; background: transparent -webkit-gradient(linear, right top, left top, from(#00000000), to(#000000)) 0% 0% no-repeat padding-box; background: transparent linear-gradient(270deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; pointer-events: none; top: 0; bottom: 0; left: 0; right: 0; } @media (min-width: 1199px) { .section--cta { min-height: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 767px) { .section--cta { min-height: 400px; } } .section--cta .cta-content { max-width: 670px; color: #fff; position: relative; z-index: 2; } @media (max-width: 1199px) { .section--cta .cta-content { max-width: 45%; } } @media (max-width: 767px) { .section--cta .cta-content { max-width: 80%; } } .section--cta .cta-content h6 { font-weight: normal; margin-bottom: 1rem; } @media (min-width: 1199px) { .section--cta .cta-content h6 { font-size: 1.5rem; } } .section--cta .cta-content h2 { font-size: calc(clamp(1.429rem, 2.428vw + 0.098rem, 3.429rem)); line-height: 1.2; margin-bottom: 2.5rem; font-weight: 800; } @media (max-width: 767px) { .section--cta .cta-content h2 { max-width: 80%; } } @media (min-width: 767px) { .section--cta .btn.btn--large { height: 60px; line-height: 60px; font-size: 1.5rem; } .section--cta .btn.btn--large:hover { background-color: #fff; color: #000; } } .card { padding: 2.5rem 2rem; -webkit-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 1199px) { .card { margin-bottom: 1.5rem; padding-bottom: 2rem; } } .card .card__head { position: relative; margin-bottom: 5rem; } .card .card__head::before { content: ""; position: absolute; height: 100%; width: 4px; background: var(--color-primary); height: calc(100% - 10px); left: -27px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .card .card__head h3 { color: var(--color-primary); font-size: var(--font-size-h5); line-height: 30px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 767px) { .card .card__head h3 { font-size: var(--font-size-lg); line-height: 26px; } } .timer .timer__media { margin-right: .5rem; } .timer .timer__media svg { width: 14px; height: 16px; vertical-align: sub; fill: var(--color-secondary); } .timer .timer__controls { font-weight: 600; } .step-wrapper { max-width: 960px; margin: 0 auto; overflow: hidden; } .step-wrapper .slick-dots li:not(.slick-active) button { background: var(--color-dark); opacity: 0.15; } .step .step__content { padding: 2rem; } @media (max-width: 991px) { .step .step__content { padding: 0; } } @media (max-width: 767px) { .step .step__content { text-align: center; } } .step .step__content h3 { font-size: var(--font-size-h3); color: var(--color-dark); margin-bottom: 1.5rem; line-height: 40px; } @media (max-width: 767px) { .step .step__content h3 { font-size: var(--font-size-h4); margin-bottom: 1rem; line-height: 36px; } } .step .step__content p { font-size: 16px; line-height: 32px; margin-bottom: 3rem; color: var(--color-gray-1000); } @media (max-width: 767px) { .step .step__content p { font-size: 15px; line-height: 28px; margin-bottom: 2rem; } } .step__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; margin-top: 1.5rem; } .step__actions .btn-video { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-secondary); gap: .5rem; } .step__actions .icon-play { width: 22px; height: 22px; position: relative; border-radius: 50%; background: var(--color-secondary); } .step__actions .icon-play:before { content: ""; position: absolute; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #fff; top: 50%; left: 50%; -webkit-transform: translate(-34%, -50%); -ms-transform: translate(-34%, -50%); transform: translate(-34%, -50%); pointer-events: none; } .blog-wrapper .slider { margin: 0 -1rem; } @media (max-width: 767px) { .blog-wrapper .slider { margin: 0 -.5rem; } } .blog-wrapper .slider__item { padding: 0 1rem; } @media (max-width: 767px) { .blog-wrapper .slider__item { padding: 0 .5rem; } } @media (min-width: 1199px) { .blog-wrapper .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } } .blog-wrapper .slick-track .slick-slide { height: auto; } .blog-wrapper .slick-track .slick-slide .slider__item { height: 100%; } @media (min-width: 1199px) { .blog-wrapper .slick-track .slick-slide .slider__item { padding-bottom: 2rem; } } .blog-wrapper .slick-track .slick-slide .slider__item .blog-card { height: 100%; } .blog-wrapper .slick-track .slick-slide > div { height: 100%; } .blog-wrapper .slick-disabled { opacity: 0.5; } .blog-card { position: relative; overflow: hidden; border-radius: var(--radius-1); z-index: 0; background-color: #fff; -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #E6E6E6; } @media (min-width: 1199px) { .blog-card:hover { -webkit-box-shadow: 0px 0px 30px #E3E5EC; box-shadow: 0px 0px 30px #E3E5EC; border-color: #fff; } .blog-card:hover .blog-card-media img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .blog-card__head .blog-card-media img { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .blog-card__body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .blog-card__body .blog-card-details { position: relative; padding: calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)) calc(clamp(1rem, 1.656vw + 0.586rem, 2.857rem)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 1199px) { .blog-card__body .blog-card-details { height: 100%; } } .blog-card__body .blog-card-details .blog-card-title { margin-bottom: 2.5rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 1199px) { .blog-card__body .blog-card-details .blog-card-title { margin-bottom: 1.25rem; } } .blog-card__body .blog-card-details .blog-card-title h3 { font-size: 1.45rem; line-height: 1.4; } @media (max-width: 1199px) { .blog-card__body .blog-card-details .blog-card-title h3 { font-size: 1.125rem; line-height: 1.3; } } @media (max-width: 767px) { .blog-card__body .blog-card-details .blog-card-title h3 { font-size: 1.125rem; } } .blog-card__body .blog-card-details .btn { margin-top: auto; font-weight: 600; border-width: 2px; } @media (min-width: 1199px) { .blog-card__body .blog-card-details .btn { font-size: 1.125rem; } } .blog-card-tags { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: .875rem; line-height: 1.4; } @media (max-width: 1199px) { .blog-card-tags { font-size: 1rem; } } @media (max-width: 1199px) { .blog-card-tags { gap: .25rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 1199px) { .blog-card-tags .blog-card-category { padding-right: .75rem; margin-right: .75rem; border-right: 1px solid; } } @media (max-width: 1199px) { .blog-card-tags .blog-card-category { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width: 1199px) { .blog-card-date { font-size: .875rem; color: var(--color-primary); } } .step-tabs { margin: 0 auto 3.5rem; } @media (min-width: 1199px) { .step-tabs { max-width: 700px; } } @media (max-width: 767px) { .step-tabs { margin-bottom: 1.5rem; } } .step-tabs .slider-tabs__action { border: none; font-size: 1.3rem; color: var(--color-dark); opacity: 0.5; font-weight: 600; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; border-bottom: 2px solid rgba(0, 0, 0, 0.14); cursor: pointer; background-color: transparent; } @media (max-width: 1199px) { .step-tabs .slider-tabs__action { white-space: nowrap; padding: 0 2rem; } } @media (min-width: 1199px) { .step-tabs .slider-tabs__action { min-width: 140px; } } @media (max-width: 767px) { .step-tabs .slider-tabs__action { height: 42px; font-size: 14px; } } @media (min-width: 576px) { .step-tabs .slick-slide { padding: 0 1rem; } } .step-tabs .slick-current .slider-tabs__action { border-bottom: 2px solid var(--color-primary); color: var(--color-primary); opacity: 1; font-weight: bold; } .step-tabs .slick-track { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .slider { position: relative; margin: 0 -1rem; } @media (max-width: 767px) { .slider { margin: 0 -.5rem; } } @media (min-width: 1199px) { .slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider .slider__item { height: 100%; } } .slider .slider__item { display: block !important; } .slider .slick-arrow::after { display: none; } .slider .slick-arrow.slick-next { right: -1rem; } .slider .slick-arrow.slick-prev { left: -1rem; } .slider .slick-list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-bottom: 1px !important; } @media (min-width: 1199px) { .slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .slider .slick-track .slick-slide { height: auto; } .slider .slick-track .slick-slide > div { height: 100%; } .slider .slick-track .slick-slide > div .card-cover { height: 100%; } .slider .slick-track .slick-slide > div .card-cover .short-card { height: 100%; } } @media (min-width: 1199px) { .section .container--narrow { width: 92%; } } .home.home-index .service { display: block; text-align: center; padding: 0; } .home.home-index .service__media:before { display: none; } .home.home-index .service__content { margin-left: 0; padding: 0 2rem 2rem; } .home.home-index .service__content h3 { font-weight: var(--font-weight-bold); } @media (min-width: 576px) { .home.home-index .section.section--services .row [class*="col-"] { -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; max-width: 33.3%; } } .subject { width: 100%; border: 1px solid var(--color-gray-200); border-radius: var(--radius-2); padding: 1rem 1rem; -webkit-transition: all 0.4s; transition: all 0.4s; background-color: #fff; position: relative; text-align: center; height: 100%; } @media (min-width: 576px) { .subject__media { width: 80px; height: 80px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; margin-bottom: 1.5rem; background: #fff; } } @media (max-width: 576px) { .subject__media { width: 40px; height: 40px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; margin: 0 auto; margin-bottom: .5rem; } } .subject__action { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; } .subject .subject-title { display: block; font-weight: 600; } .subject .subject-count { display: block; margin-top: 8px; font-size: 12px; font-weight: normal; color: var(--color-gray-1000); } @media (min-width: 576px) { .subject .subject-count { text-align: center; } } @media (min-width: 1199px) { .subject:hover { -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); border-color: var(--color-gray-400); } } .profile-tile { border-radius: var(--radius-2); width: 100%; position: relative; background-color: #fff; border: 1px solid transparent; text-align: center; padding: 1rem; margin-bottom: 1rem; -webkit-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 1199px) { .profile-tile { min-width: 280px; max-width: 280px; padding: 1.5rem; border: 1px solid var(--color-gray-200); } } .profile-tile__media { max-width: 160px; margin: 0 auto; border-radius: var(--radius-round); margin-bottom: 1.5rem; } @media (min-width: 1199px) { .profile-tile__body { padding-bottom: 5rem; } } .profile-tile__title { font-weight: 600; font-size: 1.2rem; display: block; } @media (min-width: 1199px) { .profile-tile__action { opacity: 0; visibility: hidden; position: absolute; padding-left: 2rem; padding-right: 2rem; bottom: 65px; left: 0; right: 0; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 0 2rem 2rem; color: inherit; } } @media (max-width: 1199px) { .profile-tile__action { margin-top: 1rem; } } .profile-tile:hover { border-color: rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); } .profile-tile:hover .profile-tile__title { color: var(--color-primary); } .profile-tile:hover .profile-tile__action { opacity: 1; visibility: visible; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .section--affiliate { padding: calc(clamp(4.286rem, 2.548vw + 3.649rem, 7.143rem)) 0; position: relative; z-index: 2; overflow: hidden; } .section--affiliate::after { content: ""; background-color: var(--color-primary); position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: .05; z-index: -1; } .cms-form h2, .cms-form h3 { font-size: calc(clamp(1.571rem, 2.42vw + 0.966rem, 4.286rem)); font-weight: 800; line-height: 1.2; } .cms-form ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } .cms-form ul li { font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); padding: 0; line-height: 1.5; gap: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; } .cms-form ul li::before { --size: 1.5rem; content: "✓"; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); max-width: var(--size); border-radius: 100%; background-color: #000; color: #fff; font-size: 14px; text-align: center; -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); display: block; line-height: 1.4; position: relative; top: 0; background-color: var(--color-primary); color: var(--color-primary-inverse); margin-top: 4px; } .card-form { background: #fff; color: #000; -webkit-box-shadow: 0px 0px 80px #D3CFE8; box-shadow: 0px 0px 80px #D3CFE8; border-radius: calc(clamp(0.714rem, 0.637vw + 0.555rem, 1.429rem)); padding: calc(clamp(1.429rem, 0.955vw + 1.19rem, 2.5rem)) calc(clamp(1.429rem, 1.911vw + 0.951rem, 3.571rem)); position: relative; } .card-form-cap { position: absolute; right: -50px; top: -40px; } .card-form-cap svg { fill: var(--color-primary); } .card-form__head { padding-bottom: 1.5rem; } .card-form__head h2 { font-size: calc(clamp(1.286rem, 0.892vw + 1.063rem, 2.286rem)); font-weight: 700; } .card-form__footer p { font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); } .card-form .form .field_label { font-size: 1rem; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; } .card-form .form .field_label .link { margin-left: auto; } .card-form .form .checkbox { min-width: 24px; min-height: 24px; padding-left: 38px; } .card-form .form .checkbox input { width: 24px; height: 24px; } .card-form .form .checkbox .input-helper { width: 24px; height: 24px; border-radius: 4px; border-width: 1px; } .card-form .form .checkbox .input-helper::before { left: 5px; bottom: 9px; } .card-form .form .checkbox .input-helper::after { left: 8px; bottom: 5px; } .card-form .form input[type="submit"].btn--lg, .card-form .form input[type="button"].btn--lg { height: 3.25rem; line-height: 100%; } .card-form .form .errorlist { padding: 4px 0 0 0; background-color: transparent; } .card-form .link { font-size: inherit; font-weight: inherit; } @media (min-width: 991px) { .circle-shapes:after { content: ""; width: calc(clamp(35.714rem, 14.286vw + 30.612rem, 45rem)); height: calc(clamp(35.714rem, 14.286vw + 30.612rem, 45rem)); background: var(--color-primary); position: absolute; display: block; bottom: -10vw; border-radius: 100%; right: 16vw; opacity: 0.1; z-index: -1; } .circle-shapes:before { content: ""; width: calc(clamp(17.857rem, 17.857vw + 11.48rem, 30rem)); height: calc(clamp(17.857rem, 17.857vw + 11.48rem, 30rem)); background: var(--color-primary); position: absolute; display: block; bottom: -12vw; border-radius: 100%; right: 5vw; opacity: 0.2; z-index: -1; } } .design-listing .btn.btn--bordered { border-width: 2px; } .bg-gradiant { background: transparent linear-gradient(277deg, var(--color-gradient-1) 0%, var(--color-gradient-2) 47%, var(--color-gradient-1) 100%) 0% 0% no-repeat padding-box; } @media (min-width: 1199px) { .filter-primary .filter-colum { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .filter-primary .filter-colum--large { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } } @media (max-width: 1199px) { .filter-primary .filter-colum { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .filter-primary .filter-colum--large { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } } @media (max-width: 767px) { .filter-primary .filter-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .filter-primary .filter-row .filter-colum { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .filter-primary .filter-row .filter-colum--large { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 1.5rem; } .filter-primary .filter-row .filter-colum--large .filter { border-bottom: none; } } @media (min-width: 767px) { .filter-primary .filter-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 1199px) { .filter-colum--large .filter__trigger--outlined { padding-right: 4rem; } } .filter-secondary { padding-top: .5rem; } @media (min-width: 1199px) { .filter-secondary .filter-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 1199px) { .filter-secondary .filter__target { position: relative; padding: 1.5rem; -webkit-box-shadow: none; box-shadow: none; border: none; border-bottom: 1px solid var(--color-gray-300); } } @media (min-width: 1199px) { .filter-secondary .filter__trigger { margin-right: 1.25rem; } } @media (min-width: 1199px) { .filter-secondary .filter__trigger-label { font-weight: normal; } } @media (min-width: 1199px) { .filter-secondary .filter-colum:first-child .filter__trigger { padding-left: 0; } } .filter-search { width: 100%; } @media (max-width: 767px) { .filter-search { border: 1px solid var(--color-gray-300); } } @media (max-width: 767px) { .filter-search input { padding-left: 1rem !important; font-weight: normal !important; } } .filter-search input { border: none; padding: 0; color: inherit; padding: 0 1.5rem; } .filter-search input:focus { -webkit-box-shadow: none; box-shadow: none; } .filter-search input::-webkit-input-placeholder { color: inherit; } .filter-search input::-moz-placeholder { color: inherit; } .filter-search input:-ms-input-placeholder { color: inherit; } .filter-search input::-ms-input-placeholder { color: inherit; } .filter-search input::placeholder { color: inherit; } .filter-search .icon { width: 20px; height: 20px; opacity: 1; position: absolute; display: block !important; right: 13px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .filter { width: 100%; position: relative; } @media (max-width: 767px) { .filter { border-bottom: 1px solid var(--color-gray-300); } } .filter__trigger { position: relative; height: 44px; line-height: 44px; padding: 0 1rem; cursor: pointer; text-align: left; } @media (min-width: 767px) { .filter__trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 767px) { .filter__trigger { font-weight: 600; font-size: 14px; } } .filter__trigger .icon { margin-right: .5rem; opacity: 0.5; min-width: 24px; } @media (max-width: 767px) { .filter__trigger .icon { display: none; } } .filter__trigger input { border: none; padding: 0; color: inherit; cursor: pointer; } .filter__trigger input:focus { -webkit-box-shadow: none; box-shadow: none; } .filter__trigger input::-webkit-input-placeholder { color: inherit; } .filter__trigger input::-moz-placeholder { color: inherit; } .filter__trigger input:-ms-input-placeholder { color: inherit; } .filter__trigger input::-ms-input-placeholder { color: inherit; } .filter__trigger input::placeholder { color: inherit; } @media (max-width: 767px) { .filter__trigger input { font-weight: 600; font-size: 14px; } } .filter .is-active .filter__trigger-label { color: var(--color-primary); } .filter__trigger--arrow:before { content: ""; position: absolute; height: 8px; width: 8px; background: transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; -webkit-transform: translateY(-60%) rotate(45deg); -ms-transform: translateY(-60%) rotate(45deg); transform: translateY(-60%) rotate(45deg); right: 15px; top: 50%; opacity: 0.3; pointer-events: none; -webkit-transition: all 0.3s; transition: all 0.3s; } @media (min-width: 1199px) { .filter__trigger--arrow:before { right: 0; } } @media (min-width: 767px) { .filter__trigger--outlined { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; padding-left: 1rem; padding-right: 2rem; outline: 1px solid #ddd; } .filter__trigger--outlined:before { right: 15px; } } @media (max-width: 1199px) { .filter__trigger--outlined { font-size: var(--font-size-sm); background-color: #fff; } } @media (max-width: 767px) { .filter__trigger--outlined { font-size: 14px; } } @media (min-width: 767px) { .filter__trigger--large { height: 60px; line-height: 60px; } } .filter__target { position: relative; padding: 1rem; background-color: #fff; } @media (max-width: 767px) { .filter__target { border-bottom: 1px solid var(--color-gray-300); } } @media (min-width: 767px) { .filter__target { position: absolute; border: 1px solid var(--color-gray-300); z-index: 1; -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.08); box-shadow: 0 5px 7px rgba(0, 0, 0, 0.08); min-width: 260px; top: 100%; left: 0px; } } .filter .is-active { color: var(--color-primary); font-weight: 600; } .filter .is-active:before { border-color: currentColor; opacity: 1; -webkit-transform: translateY(-16%) rotate(-135deg); -ms-transform: translateY(-16%) rotate(-135deg); transform: translateY(-16%) rotate(-135deg); } .filter .is-active .icon { opacity: 1; } @media (max-width: 767px) { .group-class-search { padding: 1.5rem 0 1rem; } } .group-class-search .filter__target { position: absolute; width: 100%; } @media (max-width: 767px) { .group-class-search .filter { border: 1px solid var(--color-gray-300); } .group-class-search .filter__trigger input { padding: 0 !important; } } @media (max-width: 767px) { .group-class-search .filter-search { border: none; } } @media (max-width: 767px) { .group-class-search .filter__trigger { border-bottom: 1px solid var(--color-gray-300); } .group-class-search .filter__trigger--arrow { border-bottom: none; } } .filter-header { display: none; } @media (max-width: 767px) { .filter-header { display: inline-block; width: 100%; margin-bottom: 1rem; padding: 1.5rem; } } .filter-header h3 { text-align: left; } @media (max-width: 767px) { .filter-form { bottom: 0; background: #fff; padding: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.38); box-shadow: 0 0 10px rgba(0, 0, 0, 0.38); left: 0; right: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; opacity: 0; visibility: hidden; z-index: 999; } } @media (max-width: 767px) { .show-filters-js { position: fixed; left: 0; right: 0; bottom: 0; top: 0; } } @media (max-width: 767px) { .show-filters-js .filter-form { opacity: 1; visibility: visible; } } @media (max-width: 1199px) { .filter-secondary { bottom: 0; background: #fff; padding: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.38); box-shadow: 0 0 10px rgba(0, 0, 0, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; opacity: 0; visibility: hidden; z-index: 999; width: 280px; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; -webkit-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px); } } @media (max-width: 767px) { .filter-secondary { position: static; -webkit-box-shadow: none; box-shadow: none; width: 100%; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); -webkit-transition: none; transition: none; } } @media (max-width: 1199px) { .filter-secondary .filter__trigger { border-bottom: 1px solid var(--color-gray-300); } } @media (max-width: 767px) { .filter-secondary .filter__trigger { border-bottom: none; } } @media (max-width: 1199px) { .show-filters-js .filter-secondary { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); visibility: visible; } } .main__head { padding: 3rem 0; border-bottom: 1px solid var(--color-gray-300); } @media (max-width: 1199px) { .main__head { padding: 1.5rem 0; } } @media (max-width: 767px) { .main__head { padding: 0; } } .main__body { padding: 4.5rem 0; } @media (max-width: 767px) { .main__body { padding: 2.5rem 0; } } .section--gray { background-color: var(--color-gray-100); } .filter__primary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .filter__primary { border-bottom: 1px solid var(--color-gray-200); } .filter__primary .filter-form__inner { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .filter__primary .filter-form__inner:not(.filter--search) .icon { display: none; } .filter__primary .filter--search { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 0 1.5rem 1rem; } } .filter-form__inner { position: relative; } @media (max-width: 767px) { .filter-form__inner { width: 100%; } } @media (min-width: 767px) and (max-width: 1199px) { .filter-form__inner { width: 21%; } } @media (min-width: 1199px) and (max-width: 1399px) { .filter-form__inner { width: 20%; } } .filter-form__inner .filter__head { min-width: 220px; max-width: 220px; height: 60px; background-color: #fff; border: 1px solid var(--color-gray-200); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 1.25rem; position: relative; padding-right: 2.5rem; border-right: transparent; cursor: pointer; } @media (max-width: 1399px) { .filter-form__inner .filter__head { min-width: unset; max-width: unset; padding: 0 .75rem; padding-right: 3rem; } .filter-form__inner .filter__head::before { right: 13px; } } @media (max-width: 767px) { .filter-form__inner .filter__head { min-width: 100%; border-left: none; border-bottom: none; height: 47px; padding: 0 1.5rem; color: var(--color-dark); } .filter-form__inner .filter__head:last-child { border-bottom: 1px solid var(--color-gray-200); } .filter-form__inner .filter__head::before { top: 18px !important; } } .filter-form__inner .filter__head::before { content: ""; position: absolute; height: 8px; width: 8px; background: transparent; border-right: 2px solid var(--color-gray-500); border-bottom: 2px solid var(--color-gray-500); -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); right: 24px; top: 50%; -webkit-transition: all 0.3s; transition: all 0.3s; } .filter-form__inner .filter__head input { border: none; padding: 0; color: inherit; margin-bottom: 2px; } .filter-form__inner .filter__head input:focus { -webkit-box-shadow: none; box-shadow: none; } .filter-form__inner .filter__head input::-webkit-input-placeholder { color: inherit; } .filter-form__inner .filter__head input::-moz-placeholder { color: inherit; } .filter-form__inner .filter__head input:-ms-input-placeholder { color: inherit; } .filter-form__inner .filter__head input::-ms-input-placeholder { color: inherit; } .filter-form__inner .filter__head input::placeholder { color: inherit; } .filter-form__inner .filter__head .icon { min-width: 24px; height: 24px; margin-right: .5rem; fill: var(--color-dark); opacity: 0.5; } .filter-form__inner .filter__head h6 { font-weight: normal; font-size: 14px; color: inherit; } .filter-form__inner .filter__body { position: absolute; top: 100%; left: 0px; background: #fff; -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.08); box-shadow: 0 5px 7px rgba(0, 0, 0, 0.08); z-index: 1; border: 1px solid var(--color-gray-200); } @media (max-width: 767px) { .filter-form__inner .filter__body { width: 100%; position: static; border-left: none; border-right: none; } } @media (min-width: 767px) and (max-width: 1199px) { .filter--search { width: 37%; } .filter--search .icon { right: 6px !important; } } @media (min-width: 1199px) and (max-width: 1399px) { .filter--search { width: 40%; } } .filter--search .filter__head { position: relative; border: 1px solid var(--color-gray-200); } @media (min-width: 767px) { .filter--search .filter__head { padding-right: 4.5rem; } } @media (max-width: 767px) { .filter--search .filter__head { padding-left: 3.5rem; padding-right: 2rem; } } @media (min-width: 1399px) { .filter--search .filter__head { max-width: 530px; min-width: 530px; width: 100%; } } @media (min-width: 767px) and (max-width: 1199px) { .filter--search .filter__head { padding-right: 3rem; } } .filter--search .filter__head::before { content: none; } .filter--search .filter__head .icon { width: 20px; height: 20px; opacity: 1; position: absolute; right: 13px; } @media (max-width: 767px) { .filter--search .filter__head .icon { left: 13px; right: unset; } } .filter--search .filter__head input::-webkit-input-placeholder { color: var(--color-gray-700); } .filter--search .filter__head input::-moz-placeholder { color: var(--color-gray-700); } .filter--search .filter__head input:-ms-input-placeholder { color: var(--color-gray-700); } .filter--search .filter__head input::-ms-input-placeholder { color: var(--color-gray-700); } .filter--search .filter__head input::placeholder { color: var(--color-gray-700); } @media (min-width: 1199px) { .filter-form .filter__secondary .filter-group { width: 100%; padding-top: .75rem; } } .filter-form .filter__secondary .is-active::before { opacity: 1; } @media (min-width: 1199px) { .filter-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .listing-dropdown ul { max-height: 200px; overflow: auto; } .listing-dropdown ul li { margin-bottom: 1rem; text-align: left; } .listing-dropdown ul li:last-child { margin-bottom: 0; } .filter-group__inner { cursor: pointer; } .filter-group__inner:last-child .filter__head { margin-right: 0; } @media (min-width: 1199px) { .filter-group__inner .filter__head { position: relative; text-align: left; padding-right: 1.5rem; margin-right: 1.5rem; } .filter-group__inner .filter__head::before { content: ""; position: absolute; height: 8px; width: 8px; background: transparent; border-right: 2px solid var(--color-dark); border-bottom: 2px solid var(--color-dark); -webkit-transform: translateY(-60%) rotate(45deg); -ms-transform: translateY(-60%) rotate(45deg); transform: translateY(-60%) rotate(45deg); right: 5px; top: 50%; opacity: 0.3; -webkit-transition: all 0.3s; transition: all 0.3s; } } @media (min-width: 1199px) { .filter-group__inner .filter__head h6 { padding: .75rem 0; color: var(--color-dark); font-weight: normal; font-size: 14px; } } .filter-group__inner .filter__body { position: absolute; padding: 1rem; background: #fff; z-index: 1; width: 235px; -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.08); box-shadow: 0 5px 7px rgba(0, 0, 0, 0.08); border: 1px solid var(--color-gray-200); } @media (max-width: 1199px) { .filter-group__inner .filter__body { position: static; width: 100%; -webkit-box-shadow: none; box-shadow: none; } } .sorting__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--color-dark); margin-bottom: 2.5rem; } @media (max-width: 767px) { .sorting__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 1199px) { .sorting__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 767px) { .btn--filter { width: 49%; } } @media (max-width: 767px) and (min-width: 767px) and (max-width: 1199px) { .btn--filter { margin-left: .75rem; } } @media (min-width: 767px) and (max-width: 1199px) { .btn--filter { margin-left: .75rem; } } @media (max-width: 1199px) { .sorting__title { max-width: 80%; } } @media (max-width: 767px) { .sorting__title { margin-bottom: 1rem; } } .sorting__title h4 { font-weight: 600; font-size: var(--font-size-h4); color: #333; } @media (max-width: 767px) { .sorting__title h4 { font-size: 1.2rem; } } .sorting__title h4 b { font-weight: bold; border-bottom: 1px solid var(--color-gray-700); } @media (min-width: 767px) and (max-width: 1199px) { .listing__title { margin-bottom: 1.5rem; } } @media (min-width: 1199px) { .sorting__box::before { content: ""; position: absolute; height: 8px; width: 8px; background: transparent; border-right: 2px solid var(--color-dark); border-bottom: 2px solid var(--color-dark); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 15px; top: 15px; opacity: 0.2; } .sorting__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 200px; color: var(--color-dark); background: #fff; height: 42px; border: 1px solid var(--color-gray-200); position: relative; } .sorting__box b { white-space: nowrap; margin-right: .25rem; } .sorting__box select { padding: 0 1.5rem; background-image: none; background-color: transparent; border: none; color: inherit; } .sorting__box .btn--filter { display: none; } } @media (max-width: 767px) { .sorting__box { width: 100%; } .sorting__box .btn { width: 100%; } } .box-wrapper .box { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .box-wrapper .box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .list__head { text-align: center; max-width: calc(clamp(5.714rem, 5.732vw + 4.281rem, 12.143rem)); -webkit-box-flex: 0; -ms-flex: 0 0 calc(clamp(5.714rem, 5.732vw + 4.281rem, 12.143rem)); flex: 0 0 calc(clamp(5.714rem, 5.732vw + 4.281rem, 12.143rem)); } @media (max-width: 767px) { .list__head { max-width: 100px; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; } } .list__head .list__media { position: relative; z-index: 0; } .list__head .list__media .avtar { width: auto; height: 100%; border-radius: var(--radius-2); aspect-ratio: 2/3; } @media (max-width: 767px) { .list__head .list__media .avtar { margin: 0 auto; } } .list__head .list__media:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0, 0, 0, 0.3)), color-stop(60%, rgba(255, 255, 255, 0))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 5%, rgba(255, 255, 255, 0) 60%); pointer-events: none; border-radius: var(--radius-2); } .list__action { float: left; clear: left; } @media (min-width: 767px) { .list__action { max-width: 140px; } } @media (max-width: 767px) { .list__action { width: 100%; } } .list__action .list__action-btn .btn { margin-bottom: .75rem; } .list__action .list__action-btn .btn:last-child { margin: 0; } @media (max-width: 767px) { .list__action .list__action-btn { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .list__action .list__action-btn .btn { margin-bottom: 0; margin-right: 1rem; } .list__action .list__action-btn .btn:last-child { margin-right: 0; } } .profile-detail { color: var(--color-dark); } .profile-detail .profile-detail__head { padding-bottom: 1rem; } @media (max-width: 767px) { .profile-detail .profile-detail__head { padding-bottom: .5rem; } } .profile-detail .profile-detail__head .profile-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .25rem 1rem; } .profile-detail .ratings { font-size: 13px; gap: .25rem; } .profile-detail .ratings span { line-height: normal; } .profile-detail .ratings .value { margin: 0; } .profile-detail .ratings .count { font-size: 12px; } .tutor-name h4, .tutor-name h1 { font-weight: bold; color: inherit; font-size: calc(clamp(1rem, 0.128vw + 0.967rem, 1.143rem)); } .profile-detail__head .info-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .follow { margin-left: 10px; } } .follow a { width: 36px; height: 36px; padding: 5px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .follow a .icon { width: 16px; height: 14px; opacity: 0.6; } .follow .is--active { background-color: var(--color-primary); } .follow .is--active .icon { fill: #fff; opacity: 1; } .tutor-info__inner { margin-bottom: 1.5rem; } @media (max-width: 767px) { .tutor-info__inner { margin-bottom: 1rem; } } .tutor-info__inner .info__title { margin-bottom: 5px; } .tutor-info__inner .info__title h6 { font-size: 14px; font-weight: 600; color: inherit; } .tutor-info__inner .info__language { color: #333; line-height: 20px; } .info--about { margin-bottom: 0; } @media (max-width: 767px) { .info--about { display: none; } } @media (min-width: 1199px) { .about__detail { min-height: 60px; } } .about__detail p { margin-bottom: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .about__detail a { display: inline; color: #000; text-decoration: underline; } .about__detail a:hover { color: var(--color-primary); } .list__action { position: relative; } @media (min-width: 991px) { .list__action .link-detail { display: none; } } .link-detail { -webkit-transition: all 0.2s; transition: all 0.2s; padding: .75rem; color: var(--color-primary); font-weight: 600; text-decoration-style: dotted; text-decoration-color: var(--color-primary); text-decoration: underline; white-space: nowrap; } @media (min-width: 1199px) { .link-detail { opacity: 0; visibility: hidden; position: absolute; bottom: -27px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 1199px) { .link-detail { display: block; font-weight: 700; padding: 2rem 0 1.5rem; text-align: center; font-size: var(--font-size-sm); } } .box-list { -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; } @media (min-width: 1199px) { .box-list:hover { -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .box-list:hover .link-detail { opacity: 1; visibility: visible; bottom: -42px; } } .iframe-box { border-radius: var(--radius-1); border-radius: 10px; } .custom-calendar tbody td { position: relative; padding: .5rem .25rem; } .custom-calendar tbody td:first-child .cal-cell { background-color: transparent; border: none; width: 55px; color: var(--color-gray-800); } .custom-calendar tbody td .cal-cell { width: 33px; height: 19px; background-color: var(--color-gray-100); } @media (max-width: 767px) { .custom-calendar tbody td .cal-cell { width: 30px; } } @media (min-width: 991px) and (max-width: 1199px) { .custom-calendar tbody td .cal-cell { width: 30px; } } @media (max-width: 991px) { .custom-calendar tbody td .cal-cell { margin: 0 auto; } } .custom-calendar tbody td .tooltip { width: auto; height: 21px; border-radius: 2px; line-height: 13px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; } .custom-calendar tbody td .cell-green-100 { background-color: var(--color-green); } .custom-calendar tbody td .cell-green-80 { background-color: var(--color-green-80); } .custom-calendar tbody td .cell-green-60 { background-color: var(--color-green-60); } .custom-calendar tbody td .cell-green-40 { background-color: var(--color-green-40); } .custom-calendar thead th { text-transform: uppercase; text-align: center; font-size: 12px; padding-bottom: .5rem; } .dummy-video { position: relative; border-radius: .625rem; overflow: hidden; } .dummy-video:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); pointer-events: none; } .dummy-video .icon-play { width: 50px; height: 33px; background-color: rgba(255, 0, 0, 0.8); border-radius: 8px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); } .dummy-video .icon-play::before { content: ""; position: absolute; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 10px solid #fff; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); top: 12px; left: 20px; pointer-events: none; } .show-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 10px; } .show-more .btn--show { color: var(--color-gray-dark); background-color: #fff; border: 1px solid var(--color-gray-200); font-weight: 600; height: 40px; width: 242px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dropdown-listing { min-width: 250px; } .dropdown-listing ul { max-height: 300px; overflow: auto; } .dropdown-listing ul li:hover a { background-color: var(--color-gray-100); } .dropdown-listing ul li a { display: block; padding: .5rem; } .dropdown-listing ul .is--active { color: var(--color-primary); position: relative; } .dropdown-listing ul .is--active::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.04; } @media (min-width: 767px) { .dropdown-availbility { min-width: 450px; } } .dropdown-availbility .availbility-title { color: var(--color-dark); margin-bottom: 1rem; font-weight: 600; } .dropdown-price { width: 280px; padding: .75rem 1rem; } @media (max-width: 767px) { .dropdown-price { margin: 0 auto; } } .video-media img { margin: 0 auto; } .filter-form__head { display: none; } @media (max-width: 767px) { .filter-form__head { padding: 1.5rem; display: block; } } @media (max-width: 1199px) { .show-filters-js .overlay--filters { display: block; } } .btn--filters-js.is-active::after { position: fixed; left: 0; right: 0; top: 0; bottom: 0; content: ""; background-color: rgba(0, 0, 0, 0.8); z-index: 12; } @media (max-width: 767px) { .filter-tags-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; } } .filter-tags-list ul li { display: inline-block; padding: 10px 10px 10px 0; vertical-align: top; } .filter-tags-list ul li a { position: relative; background: var(--color-primary); color: #fff; border-radius: 3px; padding: 0 .75rem; padding-right: 2.5rem; line-height: 30px; display: block; font-size: var(--font-size-small); white-space: nowrap; } .filter-tags-list ul li a:after { width: 20px; height: 20px; border-radius: 100%; background: #fff; content: "+"; position: absolute; right: 7px; top: 5px; line-height: 19px; text-align: center; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); font-size: 1.2rem; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; color: var(--color-primary); } .filter-tags-list ul .clear-filter a { background: none; color: var(--color-dark); text-decoration: underline; padding: 0; white-space: nowrap; } .filter-tags-list ul .clear-filter a::after { content: none; } .search-field { position: relative; } .search-field .input-search { padding-left: 3rem; margin-bottom: 1rem; border-radius: 0; } .search-field .icon--search { width: 20px; height: 20px; position: absolute; left: 12px; top: 10px; fill: var(--color-gray-600); } .filter-tags { padding: 1rem 0; border-bottom: 1px solid var(--color-gray-300); } .price-field { padding: 1rem 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .price-field .input-field { position: relative; margin-right: .75rem; } .price-field .input-field:last-child { margin: 0; } .price-field .input-field span { position: absolute; left: 14px; top: 12px; color: var(--color-primary); font-weight: 600; } .price-field .input-field input[type="number"] { border-radius: 0; padding-left: 2.5rem; } .offers-ui { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .offers-ui__trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .5rem; color: var(--color-primary); font-weight: 600; cursor: pointer; font-size: 12px; position: relative; } .offers-ui__trigger .arrow { position: relative; width: 14px; height: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .offers-ui__trigger .arrow::before { content: ""; height: 1px; background-color: currentColor; width: 100%; margin-right: -5px; } .offers-ui__trigger .arrow::after { content: ""; --size: 5px; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @media (max-width: 1199px) { .offers-ui__trigger.is-active:after { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); content: ""; z-index: 100; } } .offers-ui__trigger.is-active::after { content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1; } .offers-ui__target { position: fixed; right: 0; top: 0; background-color: #fff; z-index: 100; width: 100%; min-width: 24rem; padding: 1.5rem; width: 100%; max-width: 350px; height: 100%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; opacity: 0; visibility: hidden; overflow: hidden; } @media (max-width: 767px) { .offers-ui__target { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); max-width: 100%; top: auto; bottom: 0; height: auto; } } .offers-ui__target-body { max-height: 190px; overflow: auto; } @media (max-width: 1199px) { .offers-ui__target-body { max-height: 450px; } } .offers-ui__target.is-show { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; } .detail-wrapper .offers-ui { margin-top: .5rem; } @media (min-width: 767px) { .detail-wrapper .offers-ui__trigger::after { display: none; } .detail-wrapper .offers-ui__target { position: absolute; -webkit-transform: none; -ms-transform: none; transform: none; height: auto; left: 0; top: 180%; border: 1px solid #ddd; border-radius: .5rem; -webkit-box-shadow: 0px 0px 40px #E0E3EC; box-shadow: 0px 0px 40px #E0E3EC; margin-top: 1rem; overflow: visible; background-color: #fff; z-index: 2; } .detail-wrapper .offers-ui__target.is-show { top: 100%; } .detail-wrapper .offers-ui__target::before { content: ""; left: 40px; bottom: 100%; width: 14px; height: 14px; border-left: 1px solid #ddd; border-top: 1px solid #ddd; position: absolute; background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-bottom: -7px; } } .panel-content.calender { margin-top: 0; } .avtar-elements { position: absolute; left: 0.5rem; right: 0.5rem; top: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 1; } .badge-secure { position: relative; } .status { position: relative; display: inline-block; } .status__badge { width: 14px; height: 14px; border-radius: var(--radius-round); display: block; border: 2px solid #fff; position: relative; } .status--online .status__badge { background-color: var(--color-green); } .status--online .status__badge:before { content: ""; top: -10px; left: -10px; bottom: -10px; right: -10px; background-color: var(--color-green); border-radius: 100%; animation-fill-mode: both; -webkit-animation-fill-mode: both; position: absolute; -webkit-animation: pulse2 1s ease-out; animation: pulse2 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; z-index: -1; } .status--away .status__badge { background-color: var(--color-gray-900); } @-webkit-keyframes pulse2 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); opacity: 1; } 50% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: .6; } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: .8; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes pulse2 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); opacity: 1; } 50% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: .6; } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: .8; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .no-wrap { white-space: nowrap !important; } .box-responsive { position: relative; border-radius: .75rem; -webkit-box-shadow: 0px 0px 40px #E0E3EC; box-shadow: 0px 0px 40px #E0E3EC; } @media (min-width: 576px) { .box-responsive .list__price { text-align: center; } } .box-responsive .list__price p { font-weight: bold; color: var(--color-dark); border-bottom: 1px dashed; display: inline-block; line-height: 18px; margin-bottom: 13px; text-align: center; } @media (max-width: 767px) { .box-responsive .list__price p { color: var(--color-primary); font-size: 1.2rem; } } @media (max-width: 576px) { .box-responsive { margin-bottom: 1.5rem; } .box-responsive .info-tag.list-count { width: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin-right: 0 !important; margin-bottom: .5rem !important; } .box-responsive .info-wrapper { margin-bottom: 0; display: block; } .box-responsive .info-wrapper .info-tag { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .75rem; margin-right: 0; font-size: 13px; } .box-responsive .tutor-name h4 { width: auto; } .box-responsive .tutor-name .flag { margin-left: 10px; } .box-responsive .tutor-info__inner:not(.info--about) { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; } .box-responsive .tutor-info__inner:not(.info--about) .info__title { margin-right: 0.6rem; } .box-responsive .profile-detail .profile-detail__head { top: auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .box-responsive .profile-detail .profile-detail__head .follow { margin-top: -6px; } .box-responsive .tutor-info .tutor-info__inner .info__language { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .box-responsive .link-detail { padding-top: 1.5rem; } } .panel-content.video { margin-top: 0 !important; } .price-filter { padding-top: 2rem; } .price-filter .field-set { margin: 0; } .price-filter .noUi-handle-upper .noUi-tooltip { right: 0; } .price-filter .noUi-handle-lower .noUi-tooltip { left: 0; } .price-filter__slider { padding-left: 10px; padding-right: 10px; } .price-filter .ui-widget-content { border: none !important; margin: 0 12px; } .price-filter .ui-slider .ui-slider-range { background: var(--color-primary) !important; } .section--page-header { border-radius: 0px 0px calc(clamp(1.429rem, 3.822vw + 0.473rem, 5.714rem)) calc(clamp(1.429rem, 3.822vw + 0.473rem, 5.714rem)); } .section--page-header h2 { font-size: calc(clamp(1.429rem, 0.764vw + 1.237rem, 2.286rem)); } .section--page-header .main-search { margin-top: calc(clamp(1rem, 1.529vw + 0.618rem, 2.714rem)); } .section--page-header p.p-large { font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); margin: 0; } .main-search { max-width: 750px; margin: 0 auto; position: relative; } .main-search form { position: relative; } .main-search__field .select2-container .select2-selection--single, .main-search__field input[type="text"] { height: 70px; -webkit-box-shadow: 0px 0px 10px #D6D7D9; box-shadow: 0px 0px 10px #D6D7D9; border: 1px solid #DEDFE1; border-radius: 10px; padding: 0 2rem; padding-right: 4rem; } @media (max-width: 1199px) { .main-search__field .select2-container .select2-selection--single, .main-search__field input[type="text"] { height: 50px; } } .main-search__field .select2-container .select2-selection--single:focus, .main-search__field input[type="text"]:focus { -webkit-box-shadow: 0px 0px 40px #D6D7D9; box-shadow: 0px 0px 40px #D6D7D9; } .main-search__field .select2-container .select2-selection--single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px !important; } .main-search__field .select2-container .select2-selection--single .select2-selection__rendered { max-width: 100%; } .main-search .filter-dropdown { -webkit-box-shadow: 0px 0px 10px #D6D7D9; box-shadow: 0px 0px 10px #D6D7D9; } .main-search__action { position: absolute; right: 1.25rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 576px) { .main-search__action { right: 0.6rem; } } .main-search__submit { width: 30px; height: 30px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main-search__submit input { padding: 0 !important; font-size: 0; width: 30px; height: 30px; background: transparent !important; position: absolute !important; border: none !important; } .main-search__reset { width: 30px; height: 30px; cursor: pointer; } .main-search__reset input { padding: 0 !important; font-size: 0; width: 30px; height: 30px; background: transparent !important; position: absolute !important; border: none !important; } .main-search__reset .close { width: 30px; height: 30px; line-height: 30px; } .main-search__target { position: absolute; top: 100%; left: 0; right: 0; z-index: 2; padding-top: 1rem; } .main-search__target:before { position: absolute; left: 1rem; top: 5px; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; pointer-events: none; z-index: 1; } .main-search__target .select-list--scroll { max-height: 240px; overflow: auto; } .page-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: calc(clamp(1.143rem, 1.529vw + 0.761rem, 2.857rem)); } @media (min-width: 1199px) { .page-panel { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @media (max-width: 1199px) { .page-panel { display: block; } } @media (min-width: 1199px) { .page-panel__small { -webkit-box-flex: 0; -ms-flex: 0 0 calc(clamp(14.286rem, 6.369vw + 12.693rem, 21.429rem)); flex: 0 0 calc(clamp(14.286rem, 6.369vw + 12.693rem, 21.429rem)); max-width: calc(clamp(14.286rem, 6.369vw + 12.693rem, 21.429rem)); position: sticky; top: 0; overflow: hidden; overflow-y: auto; max-height: calc(100vh - 120px); padding-right: 1rem; scrollbar-width: none; /* Scrollbar Styling */ } .page-panel__small::-webkit-scrollbar { width: 6px; } .page-panel__small::-webkit-scrollbar-track { border-radius: 10px; } .page-panel__small::-webkit-scrollbar-thumb { border-radius: 10px; } .page-panel__small.scrolling::after { content: ""; position: sticky; bottom: 0; display: block; width: 100%; height: 200px; max-width: calc(clamp(14.286rem, 6.369vw + 12.693rem, 21.429rem)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(89, 131, 252, 0)), to(#ffffff)); background-image: linear-gradient(180deg, rgba(89, 131, 252, 0) 0%, #ffffff 100%); -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; pointer-events: none; } } .page-panel__large { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .search-result h3 { font-size: calc(clamp(1.143rem, 0.513vw + 1.011rem, 1.714rem)); } .info-group { line-height: 1.4; } .info-group h6 { display: inline-block; font-size: 14px; } .info-group span { font-size: 13px; } @media (min-width: 767px) { .info-group__head { padding-bottom: .25rem; } } .info-group__head h5 { font-size: 14px; } .info-group__body { font-size: 13px; } .info-group__body p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; line-height: 1.4; } .info-group + .info-group { margin-top: .625rem; } .txt-link { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; font-size: 14px; font-weight: 500; } .txt-link:hover { color: var(--color-primary); text-decoration: none; } .page-listing .pagination a, .page-listing .pagination button { line-height: 1.25; height: 3.5rem; width: 3.5rem; font-size: 1.125rem; } @media (max-width: 767px) { .page-listing .pagination a, .page-listing .pagination button { line-height: 1; height: 2.5rem; width: 2.5rem; font-size: 1rem; } } .profile-card { background-color: #fff; color: #000; -webkit-box-shadow: 0px 0px 40px #E0E3EC; box-shadow: 0px 0px 40px #E0E3EC; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: calc(clamp(1rem, 0.637vw + 0.841rem, 1.714rem)); position: relative; overflow: hidden; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } @media (max-width: 767px) { .profile-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .profile-card__body { padding: calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(clamp(1rem, 0.701vw + 0.825rem, 1.786rem)); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 767px) { .profile-card__body { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .profile-card__body .profile-card__media { aspect-ratio: 3/4; position: relative; max-width: calc(clamp(7.143rem, 5.414vw + 5.789rem, 13.214rem)); -webkit-box-flex: 0; -ms-flex: 0 0 calc(clamp(7.143rem, 5.414vw + 5.789rem, 13.214rem)); flex: 0 0 calc(clamp(7.143rem, 5.414vw + 5.789rem, 13.214rem)); } @media (max-width: 767px) { .profile-card__body .profile-card__media { max-width: calc(clamp(5rem, 8.28vw + 2.93rem, 14.286rem)); -webkit-box-flex: 0; -ms-flex: 0 0 calc(clamp(5rem, 8.28vw + 2.93rem, 14.286rem)); flex: 0 0 calc(clamp(5rem, 8.28vw + 2.93rem, 14.286rem)); } } .profile-card__body .profile-card__media .avtar { width: 100%; height: 100%; border-radius: 10px; } .profile-card__foot { padding: calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)); border-left: 1px solid #e6e6e6; } @media (max-width: 767px) { .profile-card__foot { border-left: none; border-top: 1px solid #e6e6e6; } } .profile-card__actions { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } @media (max-width: 767px) { .profile-card__actions { max-width: 200px; margin: 0 auto; } } .profile-card__actions .action-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .profile-card__actions .action-buttons .btn { height: 2.28rem; line-height: 2.28rem; min-width: 130px; border-width: 2px; } .profile-card__actions .action-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .profile-card__actions .action-list .btn { background-color: #F5F6F9; color: #000; border-radius: 50%; } .profile-card__actions .action-list .btn:hover { background-color: #000; color: #fff; } .profile-card__actions .action-list .btn.is--active { background-color: var(--color-primary); color: var(--color-primary-inverse); } .profile-card__actions .txt-link { margin-top: 2rem; } @media (max-width: 1199px) { .profile-card__actions .txt-link { margin-top: .5rem; } } @media (min-width: 1199px) { .profile-card__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: calc(clamp(1.429rem, 3.822vw + 0.473rem, 5.714rem)); } } @media (min-width: 1199px) { .profile-card__content:has(> .profile-detail:nth-child(2)) > .profile-detail:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .profile-card__content .profile-detail { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 1199px) { .profile-card__content .profile-detail ~ .profile-detail { display: none; } } .profile-card-price { font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); font-weight: 500; } .profile-card .profile-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.25rem .5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .profile-card .offers-ui { margin-bottom: 1rem; } .profile-card__popup { position: absolute; right: 0; top: 0; bottom: 0; background-color: #fff; padding: 2rem; padding-top: 3rem; z-index: 2; opacity: 0; visibility: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; max-width: 420px; width: 100%; } @media (max-width: 767px) { .profile-card__popup { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); top: auto; } } .profile-card__popup.is-visible { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media (max-width: 767px) { .profile-card__popup.is-visible { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .profile-card__popup .video-wrapper { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .profile-card__popup .btn-close { width: 22px; height: 22px; display: block; border-radius: 50%; opacity: 1; border-radius: 50%; padding: 0; border: 1px solid #000; background-size: 11px; position: absolute; right: 10px; top: 10px; } .profile-card .link-trigger::before { content: ""; position: fixed; left: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); width: 100%; visibility: hidden; -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; z-index: 1; } @media (max-width: 767px) { .profile-card .link-trigger::before { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } } .profile-card .link-trigger.is-active::before { opacity: 1; visibility: visible; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } @media (max-width: 767px) { .profile-card .link-trigger.is-active::before { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .profile-card .intro-video { aspect-ratio: 16/9; position: relative; background: #eee; width: 100%; } @media (min-width: 1199px) { .filter--group .filter--search { width: calc(100% - 200px); } } @media (min-width: 767px) and (max-width: 1199px) { .filter--group .filter--search { width: calc(100% - 21%); } } @media (min-width: 1199px) and (max-width: 1399px) { .filter--group .filter--search { width: calc(100% - 20%); } } .filter--group .filter--search .filter__head { max-width: unset; min-width: unset; } .group__list .card { background-color: #fff; margin-bottom: 4.5rem; } .group__list .card:hover { -webkit-box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); } .group__list .card:hover .card__row--action { -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1); z-index: 1; } .group__list .card:hover .card__row--action::before { opacity: 1; } .group__list .card .card__head h3 { color: var(--color-dark); } .group-cover .sorting__head { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .group-cover .sorting__head .sorting__title b { border-bottom: none; } .group-cover .sorting__head .sorting__box { width: auto; } .group-cover .sorting__head .sorting__box select { width: 200px; } .breadcrumb-list { padding: 2rem 0; margin-bottom: 1.5rem; } @media (max-width: 767px) { .breadcrumb-list { margin-bottom: 0; } } .breadcrumb-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumb-list ul li { margin-right: .75rem; padding-right: .75rem; } @media (max-width: 991px) { .breadcrumb-list ul li { margin-bottom: .75rem; } } .breadcrumb-list ul li a { color: var(--color-gray-700); position: relative; } .breadcrumb-list ul li a::after { content: "/"; pointer-events: none; position: absolute; right: -12px; top: 2px; } .group-primary { color: var(--color-dark); margin-bottom: 6rem; } @media (max-width: 767px) { .group-primary { margin-bottom: 4rem; } } .group-primary .group-primary__head { margin-bottom: 3rem; } .group-primary .group-primary__head h3 { font-weight: bold; color: inherit; font-size: var(--font-size-h3); margin-bottom: .5rem; line-height: 32px; } @media (max-width: 767px) { .group-primary .group-primary__head h3 { font-size: var(--font-size-h4); line-height: 28px; } } .group-primary .group-primary__head .date { font-weight: 600; color: var(--color-primary); } .group-listing { color: var(--color-dark); margin-bottom: 4rem; } .group-listing ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.5rem; } .group-listing ul li p { margin-bottom: 0; text-transform: uppercase; color: inherit; } .group-listing ul li .icon { margin-right: .75rem; width: 18px; height: 18px; } .group-actions .btn { text-transform: uppercase; margin-right: 3.5rem; } .group-actions .seat-left { color: var(--color-secondary); font-size: 16px; font-weight: 600; padding: .75rem 0; } @media (max-width: 767px) { .course-details { margin-bottom: 3rem; } } .course-details h3 { font-size: var(--font-size-h4); color: var(--color-dark); margin-bottom: 1.25rem; } .course-details p { margin-bottom: 2.5rem; line-height: 28px; } @media (max-width: 767px) { .course-details p { margin-bottom: 1.5rem; } } .course-details p:last-child { margin-bottom: 0; } .group-secondary { text-align: center; border: 1px solid var(--color-gray-300); position: sticky; top: 144px; } @media (min-width: 1299px) { .group-secondary .box__body { padding: 3rem 6rem; } } @media (max-width: 1299px) { .group-secondary .box__body { padding: 2rem 3rem; } } .group-secondary .box__body h3 { font-size: var(--font-size-h4); color: var(--color-dark); margin-bottom: 2.5rem; } .box-profile .tile { margin-bottom: 0; } @media (max-width: 1199px) { .box-profile .tile { -webkit-box-shadow: none; box-shadow: none; } } .box-profile .tile:hover { -webkit-box-shadow: none; box-shadow: none; } .box-profile .tile .tile__body { padding-bottom: 0; } .box-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid var(--color-gray-300); } .box-actions .btn { background-color: transparent; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; border-right: 1px solid var(--color-gray-300); height: 80px; font-size: var(--font-size-medium); text-transform: uppercase; font-weight: 600; } @media (max-width: 1199px) { .box-actions .btn { height: 50px; } } .box-actions .btn:last-child { border-right: none; } .box-actions .btn svg { fill: var(--color-primary); width: 18px; margin-right: .5rem; } .box-actions .btn .icon--email_1 { width: 28px; height: 28px; } .card-class { position: relative; background-color: #fff; border-radius: var(--radius-2); width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; height: 100%; overflow: hidden; padding: 1.25rem; border: 1px solid #E6E6E6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-class__media { position: relative; overflow: hidden; border-radius: var(--radius-2); } .card-class__media img { -webkit-transition: all 0.5s; transition: all 0.5s; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } .card-class .card-flex-group { font-size: 1rem; gap: .5rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .card-class__title { font-size: calc(clamp(1rem, 0.25vw + 0.943rem, 1.286rem)); font-weight: 700; color: #000; line-height: 1.3; position: relative; margin-bottom: .75rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .card-class__title a { display: block; } @media (max-width: 576px) { .card-class__title { font-size: 14px; } } .card-class__subtitle { display: block; padding-bottom: .45rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .card-class__body { padding: 1.25rem 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-class__footer { margin-top: auto; padding-top: 1rem; border-top: 1px solid #EBEBEB; } .card-class__footer .avtar { background-color: #f0f0f0; } .card-class__footer .ratings .icon--rating { margin-right: 5px; } .card-class__btns .btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .card-class .price-value { font-size: calc(clamp(1.071rem, 0.318vw + 0.992rem, 1.429rem)); } .card-class .rating__media { width: 12px; height: 12px; } .card-class .rating__count { font-size: 12px; } .card-class__head { position: relative; } .card-class__action { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; gap: .5rem; padding: 1.25rem; background-color: var(--color-primary); color: var(--color-primary-inverse); border-radius: var(--radius-2); -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(1000px) rotateY(-180deg); transform: perspective(1000px) rotateY(-180deg); } .card-class__action p { color: currentColor; margin: 0; line-height: 1.2; } .card-class__action .btn { padding: 0.45rem 1.125rem; height: auto; line-height: 1.4; } @media (max-width: 1199px) { .card-class__action { display: none; } } .card-class.is-package .card-class__title:before { background-color: var(--color-third); } .card-class.is-package .label-badge { position: absolute; top: 0; background-color: var(--color-third); font-size: var(--font-size-xs); color: #fff; padding: .25rem 1rem; border-radius: 0 0 var(--radius-1) var(--radius-1); } .card-class .profile-meta { gap: .625rem; } .card-class .profile-meta__title { font-size: 1rem; } .card-class .profile-meta__details > p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; } .card-class .btns-group { gap: .75rem; } .card-class .btns-group .btn { border-width: 2px; padding: 0 .75rem; } @media (max-width: 767px) { .card-class .btns-group .btn { padding: .25rem .5rem; height: auto; line-height: 1.5; border-width: 1px; } } .card-class .card-flex-group { margin-bottom: .75rem; font-size: 13px; min-height: 20px; } .card-class .card-element { margin-bottom: .875rem; font-size: 12px; margin-top: auto; } .card-class .card-badge.badge { padding: .325rem .5rem; text-transform: uppercase; font-size: 11px; font-weight: 700; border-radius: 3px; border: none; } .card-class .badge--off { padding: .375rem .625rem; text-transform: uppercase; font-size: 13px; font-weight: 700; border-radius: 5px; border: none; position: absolute; bottom: 10px; left: 10px; color: var(--color-primary); background-color: #FED5D2; } @media (max-width: 767px) { .card-class { padding: .875rem; } } @media (max-width: 576px) { .card-class .profile-meta { margin-bottom: 1rem; } } @media (min-width: 1199px) { .card-class:hover .card-class__media img { -webkit-transform: perspective(1000px) rotateY(180deg); transform: perspective(1000px) rotateY(180deg); } .card-class:hover .card-class__title a { color: var(--color-primary); } .card-class:hover .card-class__action { -webkit-transform: perspective(1000px) rotateY(0); transform: perspective(1000px) rotateY(0); } .card-class:hover { -webkit-box-shadow: 0 0 40px #E0E3EC; box-shadow: 0 0 40px #E0E3EC; border-color: #fff; } } .card-share { position: relative; } .card-share__trigger { color: var(--color-gray-900); } .card-share__trigger svg { fill: currentColor; opacity: 0.4; } .card-share .toggle-dropdown__target { left: auto; right: 0; z-index: 1; } .card-element { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: .625rem; } .card-element__item { position: relative; } .card-element__item:not(:last-child) { padding-right: .625rem; } .card-element__item:not(:last-child):after { position: absolute; right: 0; top: 1px; content: ""; width: 1px; height: 14px; background-color: currentColor; } @media (max-width: 1199px) { .card-element__item { font-size: 0.9rem; } .card-element__item:not(:last-child) { padding-right: 1.25rem; } } .card-class-cover { padding: 0 1rem 2.5rem; } @media (max-width: 576px) { .card-class-cover { padding-left: 0; padding-right: 0; } } .silder--group-class .card-class { border: 1px solid var(--color-gray-200); } @media (max-width: 576px) { .icon-element { font-size: 12px; } } .view-panel { position: relative; width: 100%; } @media (min-width: 991px) { .view-panel { display: grid; grid-column-gap: 80px; grid-row-gap: 40px; grid-template-columns: 1fr 1fr 300px; } .view-panel__large { grid-column-start: 1; grid-column-end: 3; } .view-panel__large h3, .view-panel__large h4, .view-panel__large h5, .view-panel__large h6 { margin-bottom: 1.5rem; } .view-panel__small { grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; } } @media (max-width: 1199px) { .view-panel { grid-column-gap: 60px; grid-template-columns: 1fr 1fr 360px; } } .view-panel__media { border-radius: var(--radius-0); } .page-title-h1 { font-weight: 700; } @media (max-width: 991px) { .page-title-h1 { font-size: 1.4rem; margin-top: 1rem; } } .class-list { position: relative; width: 100%; counter-reset: my-sec-counter; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)); } @media (max-width: 991px) { .class-list { grid-template-columns: repeat(1, 1fr); } } .class-list__item { position: relative; border: 1px solid var(--color-gray-200); border-radius: .75rem; padding: calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)); display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; } .class-list__item:before { --size: 40px; background-color: var(--color-primary); color: var(--color-primary-inverse); font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); font-weight: 700; counter-increment: my-sec-counter; content: counter(my-sec-counter); width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .class-list__item .class-card h5 { font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); } .class-list__item .class-card p { color: #5D5D5D; } .class-list__item p { margin-bottom: 0; } .view-box { position: relative; width: 100%; border: 1px solid var(--color-gray-200); min-height: 400px; } .view-box__head { padding: 2rem; border-bottom: 1px solid var(--color-gray-200); } .view-box__body, .view-box__footer { padding: 2rem; } .view-list__item { padding: .5rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .view-list__item:first-child { padding-top: 0; } .view-list__item.is-hurry { color: var(--color-secondary); font-weight: 600; } .view-list__item-label { margin-top: .25rem; } @media (min-width: 767px) { .sticky-side-panel { position: sticky; top: 60px; z-index: 1; } } @media (max-width: 991px) { .sharing-view { border: 1px solid var(--color-gray-200); padding: 1rem; margin-bottom: 2.5rem; } } .sharing-view .social--share li a { cursor: pointer; background-color: transparent; border: 1px solid var(--color-gray-200); width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 767px) { .sharing-view .social--share li a:hover { border-color: var(--color-gray-800); } } .panel-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1199px) { .panel-nav { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow: auto; } } .panel-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .panel-nav ul li { padding: 0 1.2rem; } .panel-nav ul li a { text-transform: uppercase; color: inherit; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; color: var(--color-gray-500); } @media (max-width: 1199px) { .panel-nav ul li a { white-space: nowrap; } } .panel-nav ul .is--active a { border-bottom: 2px solid var(--color-primary); color: var(--color-primary); font-weight: bold; } .faq-row.faq-cover { max-width: 920px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .search-panel { position: relative; width: 100%; margin-bottom: 3rem; } .search-panel .icon { z-index: 1; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 30px; position: absolute; width: 20px; height: 20px; fill: var(--color-gray-600); } @media (max-width: 767px) { .search-panel .icon { width: 18px; height: 18px; left: 13px; } } .search-panel input[type="text"] { border-radius: var(--radius-1); height: 80px; padding-left: 5rem; padding-right: 4rem; position: relative; border: 1px solid var(--color-gray-200); } @media (max-width: 767px) { .search-panel input[type="text"] { height: 60px; padding-left: 3rem; padding-right: 1.5rem; } } @media (max-width: 991px) { .search-panel { margin-bottom: 1.5rem; } } .faq-container { border-top: 1px solid var(--color-gray-200); } .faq-container .faq-row { background: #fff; border-bottom: 1px solid var(--color-gray-200); position: relative; counter-increment: counter-inc; } .faq-container .faq-row .faq-title { padding: calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; position: relative; border: none; background-color: transparent; width: 100%; text-align: left; } .faq-container .faq-row .faq-title h5 { font-size: calc(clamp(1.143rem, 0.51vw + 1.015rem, 1.714rem)); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(clamp(1rem, 0.892vw + 0.777rem, 2rem)); } .faq-container .faq-row .faq-title h5::before { --size: calc(clamp(2.857rem, 0.637vw + 2.698rem, 3.571rem)); content: "Q"; font-size: calc(clamp(1.429rem, 0.764vw + 1.237rem, 2.286rem)); margin-right: .25rem; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); border-radius: 50%; color: var(--color-primary); border: 1px solid currentColor; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 300; } @media (max-width: 1199px) { .faq-container .faq-row .faq-title h5::before { display: none; } } @media (max-width: 767px) { .faq-container .faq-row .faq-title h5 { font-size: 1.1rem; line-height: 1.6rem; } } .faq-container .faq-row .faq-title::after { content: ""; display: block; height: 32px; width: 32px; -webkit-box-flex: 0; -ms-flex: 0 0 32px; flex: 0 0 32px; background: transparent; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: #393737; color: #fff; border-radius: 50%; background-size: 20px 20px; background-image: url("/images/arrow-down-icon.svg"); background-repeat: no-repeat; background-position: center; } .faq-container .faq-row .faq-title[aria-expanded="true"]::after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .faq-container .faq-row .faq-title[aria-expanded="true"]::before { border-color: var(--color-primary); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .faq-container .faq-row .faq-answer { border-top: 1px solid var(--color-gray-200); padding: calc(clamp(1.143rem, 0.892vw + 0.92rem, 2.143rem)); background-color: #F5F6F9; display: -webkit-box; display: -ms-flexbox; display: flex; gap: calc(clamp(1rem, 0.892vw + 0.777rem, 2rem)); font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); } .faq-container .faq-row .faq-answer::before { --size: calc(clamp(2.857rem, 0.637vw + 2.698rem, 3.571rem)); content: "A"; font-size: calc(clamp(1.429rem, 0.764vw + 1.237rem, 2.286rem)); margin-right: .25rem; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); border-radius: 50%; background-color: var(--color-primary); color: var(--color-primary-inverse); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 300; } @media (max-width: 1199px) { .faq-container .faq-row .faq-answer::before { display: none; } } .faq-container .faq-row .faq-answer p { margin-bottom: 0; } .faq-container .faq-row .faq-answer p + p { margin-top: 1.25rem; } .faq-container .faq-row .faq__target { position: relative; } .faq-container .faq-row .faq__target::before { content: ""; width: 15px; height: 15px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); display: block; position: absolute; background-color: #fff; top: -6px; left: 3.25rem; } .contact-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 920px; margin: 0 auto; } @media (max-width: 576px) { .contact-cta { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .contact-cta .contact__content h3 { font-size: var(--font-size-h3); color: var(--color-dark); margin-bottom: .5rem; } .contact-cta .contact__content p { font-size: var(--font-size-h5); margin-bottom: 0; } @media (max-width: 767px) { .contact-cta .contact__content p { font-size: 1.1rem; } } @media (max-width: 576px) { .contact-cta .contact__content { text-align: center; } } @media (max-width: 767px) { .contact-cta .contact__content { margin-bottom: 1.5rem; } } .contact-cta .btn { width: 159px; } .tabs-wrapper { overflow: auto; } /* [ blog css  */ .blog-row { padding: 80px 0; border-bottom: 1px solid var(--color-gray-200); } .blog-row h2 { font-size: 1.5rem; font-weight: 700; } @media (min-width: 767px) { .blog-row h2:hover { text-decoration: underline; text-underline-offset: 5px; color: var(--color-primary); } } .blog-row:nth-child(even) { direction: rtl; text-align: left; } .blog-row:nth-child(even) .blog__content { padding-left: 0; direction: ltr; } .banner .form-search { min-width: 700px; } @media (min-width: 1199px) { .section--nav { border-bottom: 1px solid var(--color-gray-200); } } .blog__subtitle { display: block; text-transform: uppercase; } .blog__subtitle .inline-icon { margin: 3px 0 0; } .blog__content h2 { margin: 5px 0 20px; } .blog__actions .blog__action { font-size: 1rem; margin-right: 10px; } .blog__author { display: block; margin: 0; } .blog__author .avtar { margin-right: 10px; } /* nav categories */ .nav-categories { text-align: center; } @media (min-width: 1199px) { .nav-categories > ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2.5rem; } } .nav-categories > ul > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; font-weight: 600; border-bottom: 2px solid transparent; } @media (min-width: 1199px) { .nav-categories > ul > li > a { height: 80px; line-height: 80px; } } .nav-categories > ul > li.is-active > a { font-weight: 700; color: var(--color-primary); } @media (min-width: 1199px) { .nav-categories > ul > li.is-active > a { border-color: var(--color-primary); } } .categories-target { position: absolute; left: 0; right: 0; top: 100%; background: #fff; z-index: 1; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); padding: 30px; border: 1px solid var(--color-gray-200); display: none; border-radius: calc(clamp(0.429rem, 0.127vw + 0.397rem, 0.571rem)); } .nav-categories .nav-subcategories { text-align: left; } .nav-categories .nav-subcategories li { width: 25%; float: left; padding: 10px; } .nav-categories .nav-subcategories li a:hover { text-decoration: underline; color: var(--color-secondary); } .blog .banner--main .form__element, .blog .banner--main { position: relative; } .blog .banner--main .banner__media { position: relative; overflow: hidden; } .blog .banner--main .banner__media:before { display: block; padding-bottom: 30%; content: ""; } .blog .banner--main .banner__media > img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media (min-width: 576px) { .blog .banner--main .banner__media:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; pointer-events: none; background-color: rgba(0, 0, 0, 0.7); } } .blog .banner--main .form__element .form__input { -webkit-box-shadow: none; box-shadow: none; height: 60px; padding-right: 50px; background-color: #fff; } .blog .banner--main .form-search .form__action { position: relative; } .blog .banner--main .banner__content { position: absolute; left: 50%; top: 50%; max-width: 450px; color: #fff; margin-left: 0 -600px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } .blog .banner--main .banner__content h1 { margin-bottom: 20px; font-size: 3.4rem; font-weight: 600; } .blog .banner--main .banner__content p { font-size: 1.2rem; color: rgba(255, 255, 255, 0.8); } .blog .banner--main .banner__content.banner__content--centered { margin: 0; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 800px; } .blog .banner--main .banner__content.banner__content--centered h1 { margin-bottom: 0; } .blog .banner--main .form-search .form__action-wrap { position: absolute; right: 0; top: 50%; width: 60px; height: 60px; } .blog .banner--main .form-search .form__action-wrap .svg-icon { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 21px; height: 20px; margin: auto; pointer-events: none; } .blog .banner--main .form-search .form__action-wrap .svg-icon svg { height: 100%; } .blog .banner--main .form-search .form__action-wrap input { width: 100%; height: 100%; display: block; background-color: transparent; border: none; cursor: pointer; } /* toggle */ .categories-toggle { width: 60px; height: 80px; vertical-align: middle; padding: 3px 1px !important; position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .categories-toggle span { width: 36%; height: 2px; background: #333; display: block; position: relative; } .categories-toggle span:before { width: 100%; height: 2px; background: #333; content: ""; position: absolute; top: -7px; left: 0; } .categories-toggle span:after { width: 100%; height: 2px; background: #333; content: ""; position: absolute; bottom: -7px; left: 0; } .categories-toggle.is-active span { background: transparent; } .categories-toggle.is-active span:before { -webkit-transform: rotate(45deg) translate(4px, 5px); -ms-transform: rotate(45deg) translate(4px, 5px); transform: rotate(45deg) translate(4px, 5px); } .categories-toggle.is-active span:after { -webkit-transform: rotate(-45deg) translate(5px, -6px); -ms-transform: rotate(-45deg) translate(5px, -6px); transform: rotate(-45deg) translate(5px, -6px); } .section--paging { padding: 50px 0; } .section--paging .pagination { margin-top: 0; } .box__footer .social--share li { margin-top: 0; } .comments-list { width: 100%; display: inline-block; border: 1px solid var(--color-gray-200); padding: 15px 20px; position: relative; background: #fff; margin-bottom: 1rem; border-radius: calc(clamp(0.429rem, 0.127vw + 0.397rem, 0.571rem)); } .comments-list .date { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-left: auto; color: #666; font-size: 0.9em; } .comments-list h5 { margin: 0; font-weight: 600; font-size: 1.1em; color: #333; } .comments-list h5 strong { font-weight: 600; } .comments-list .comment__desc { margin: 10px 0; line-height: 1.6; } .comments-list .link--underlined { font-weight: normal; text-decoration: underline; color: var(--color-secondary); font-weight: 600; } .comments-list.comments-list--replied { background: rgba(0, 0, 0, 0.03); margin-left: 50px; width: auto; border-top: none; } .comments-list.comments-list--replied .avtar { background: #fff; } .form--comments { background: rgba(0, 0, 0, 0.04); margin: 20px 0 0; padding: 30px; border-radius: calc(clamp(0.429rem, 0.127vw + 0.397rem, 0.571rem)); } .form--comments h4 { font-size: 1.4em; margin-right: 30px; margin-bottom: 2rem; color: #333; } .captchapic { display: inline-block; vertical-align: middle; } .reloadlink { display: inline-block; margin: 10px 0 0 10px; position: relative; vertical-align: middle; } .reloadlink img { width: 25px; } .width--narrow { max-width: 700px; margin: auto; } .width--narrow .form input[type="submit"] { width: 100%; display: block; } .box--cta { margin-top: 30px; } .box--cta:first-child { margin-top: 0; } .box--cta h4 { margin-bottom: 10px; } .box--cta p { line-height: 1.4; color: #666; margin-bottom: 30px; } .box--cta-blog { margin: 0 0 20px; } @media (max-width: 576px) { .box--cta-blog { padding: 0 !important; } } .box--cta-blog .btn img { position: relative; top: -2px; margin-right: 5px; } .blog-toggle { height: 70px; width: 50px; background: #000; border-radius: calc(clamp(0.429rem, 0.127vw + 0.397rem, 0.571rem)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1199px) { .blog-toggle { height: 50px; } } .blog-toggle span { width: 20px; height: 2px; background: #fff; display: block; position: relative; } .blog-toggle span:before { width: 100%; height: 2px; background: #fff; content: ""; position: absolute; top: -6px; left: 0; } .blog-toggle span:after { width: 100%; height: 2px; background: #fff; content: ""; position: absolute; bottom: -6px; left: 0; } .section--upper { padding: 60px 0; } /*  blog css ] */ /* .form .field_label:empty{display:none;} */ .img-description { display: inline-block; padding: 20px; background: #fff; width: 100%; text-align: center; } .img-description .btn { margin: 5px; } .rotator-info { display: inline-block; width: 100%; padding: 0 0 20px 0; } .rotator-actions { display: inline-block; background: #fff; width: 100%; } @media (max-width: 1199px) { /* [ blog css for resposive  */ .nav-categories > ul > li { display: block; text-align: left; border-bottom: 1px solid #ddd; padding: .75rem 1rem; } .nav-categories > ul > li > a { line-height: 2; } .nav-categories > ul > li > a.categories-toggle { display: none !important; margin: auto; } .nav-categories > ul > li > .categories-target { display: block !important; background: transparent; position: relative; -webkit-box-shadow: none; box-shadow: none; padding: 0; left: auto; right: auto; top: auto; border: none; } .nav-categories .nav-subcategories li { float: none; width: 100%; display: inline-block; vertical-align: top; border-bottom: 1px solid #ddd; padding: 0; } .nav-categories .nav-subcategories li a { font-weight: 600; } .nav-categories .nav-subcategories li a { display: block; padding: 16px 10px; font-size: 1rem; } .nav-categories { bottom: 0; background: #fff; padding: 0; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; opacity: 0; visibility: hidden; z-index: 11; width: 400px; max-width: 80%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .nav-categories .nav-vertical-list .nav-vertical-item { border: none; padding: 0; } html.show-categories-js .nav-categories { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; } html.show-categories-js { position: fixed; left: 0; right: 0; top: 0; bottom: 0; } html.show-categories-js .overlay--blog { display: block; } .form-search { position: relative; width: 100%; display: inline-block; } .banner .form-search form { width: calc(100% - 60px); float: right; padding-right: 20px; } .blog-row { padding: 40px 0; } .form-search.form-search--blog:after { display: block; clear: both; content: ""; } .form-search.form-search--blog .form__input { border: 1px solid var(--color-gray-300); } .banner .form-search.form-search--blog { padding: 0; background: none; min-width: 600px; border: none; } .banner .blog-toggle { display: block; } .section--upper { margin: 0; padding: 60px 0; } } @media (max-width: 1199px) { .blog-row h2 { font-size: 1.5rem; } .blog__content { padding-left: 0; } .blog-filters { bottom: 0; background: #fff; padding: 0; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; opacity: 0; visibility: hidden; z-index: 11; width: 400px; max-width: 80%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; } .blog-filters .box { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: none !important; } html.show-categories-js .blog-filters { opacity: 1; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); visibility: visible; } html.show-categories-js { position: fixed; left: 0; right: 0; top: 0; bottom: 0; } html.show-categories-js .overlay--blog { display: block; } .form-search.form-search--blog + .-gap { display: none; } .form-search.form-search--blog { border-bottom: none; width: 100%; display: inline-block; } } @media (max-width: 767px) { .banner .form-search { min-width: 1%; } /* [ blog css for resposive  */ .blog-row { padding: 20px 0; } .blog-row .btn.btn--large { height: 40px; line-height: 40px; font-size: 1rem; min-width: 1%; } .blog__content { padding-left: 0; } .blog-row h2 { font-size: 1.3rem; } .blog__actions .blog__action { margin-bottom: 10px; vertical-align: top !important; } .blog__actions .blog__action .inline-icon, .blog__subtitle .inline-icon { width: 20px; height: 20px; } .blog__actions + .-gap { height: 5px; } .blog__content h2 { margin-bottom: 10px; margin-top: 10px; } .blog__subtitle { font-size: 0.9rem; } .blog__actions { margin-top: 15px; } .comments-list { border: none; border-bottom: 1px solid #ddd; padding: 10px 0; border-radius: 0; } .comments-list .comment__desc { width: 100%; display: inline-block; } .comments-list.comments-list--replied { margin: 0; padding: 10px; } .comments-list .avtar:before { font-size: 1.1em; } .form--comments { padding: 20px; } .banner .form-search.form-search--blog { min-width: 1%; } .banner__content.banner__content--centered { max-width: 100%; } } .form__element { position: relative; } .form__element input[type="text"] { -webkit-box-shadow: none; box-shadow: none; height: 50px; padding-right: 50px; background-color: #fff; line-height: 50px; } .form-search .form__action-wrap { position: absolute; right: 0; top: 50%; width: 40px; height: 59px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .form-search .form__action { width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: none; border: none; cursor: pointer; } .form-search .form__action-wrap .svg-icon { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 21px; height: 20px; margin: auto; pointer-events: none; } .box--blog .box__head .slick-arrow::before { border-color: var(--color-dark); } .box--blog .box__body .svg-icon { fill: var(--color-primary); } .box--blog .box__body h1 { font-size: 2.4rem; margin-top: 2rem; } .box--blog .box__body h2 { font-size: 1.5rem; } .banner__media img { margin: 0 auto; } @media (max-width: 1199px) { .form-search--blog .form__element { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; } } .blog-sidebar .form-search--blog { margin-top: 0; } @media (max-width: 576px) { .row.row--cols [class*="col-"].-align-right { text-align: left !important; } } @media (max-width: 767px) { .blog .banner--main .banner__content { position: static; background: #fff; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; padding: 1rem; color: #000; } .blog .banner--main .banner__content p { color: #000; } } .blog-cate { color: var(--color-primary); margin-bottom: 1rem; line-height: 1.6; } .slider-single { overflow: hidden; border-radius: calc(clamp(0.429rem, 0.127vw + 0.397rem, 0.571rem)); } .slider-single .slick-arrow.slick-next { right: 2%; } .slider-single .slick-arrow.slick-prev { left: 2%; } @media (max-width: 1199px) { .blog-shortdesc { display: none; } } .blog__media { overflow: hidden; } .blog__media img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.4s; transition: all 0.4s; } @media (min-width: 767px) { .blog__media:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } .blog-post { width: 100%; position: relative; height: 100%; border: 1px solid #E6E6E6; border-radius: var(--radius-1); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; overflow: hidden; padding: 1.25rem; background-color: #fff; } .blog-post-date { margin-bottom: .75rem; font-size: 13px; } .blog-post-media { position: relative; overflow: hidden; background-color: var(--color-gray-200); border-radius: var(--radius-1); margin-bottom: 1.25rem; } .blog-post-media img { -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .blog-post-category { font-weight: 600; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: .45rem; } .blog-post-title { font-size: calc(clamp(1rem, 0.25vw + 0.943rem, 1.286rem)); font-weight: 700; color: #000; line-height: 1.3; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 1199px) { .blog-post:hover { -webkit-box-shadow: 0 0 40px #E0E3EC; box-shadow: 0 0 40px #E0E3EC; border-color: #fff; } .blog-post:hover .blog-post-media img { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .blog-post:hover .blog-post-title { color: var(--color-primary); } } .blog-panel { background-color: #fff; -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); border-radius: calc(clamp(0.429rem, 0.127vw + 0.397rem, 0.571rem)); margin-bottom: 2rem; -webkit-transition: all 0.4s; transition: all 0.4s; } .blog-panel:last-child { margin-bottom: 0; } .blog-panel .blog-h1 { margin: 1rem 0; font-size: calc(clamp(1.714rem, 0.764vw + 1.523rem, 2.571rem)); } @media (min-width: 991px) { .box-scroller { max-height: 500px; overflow: auto; } } @media (max-width: 1199px) { .blog.blog-postdetail .section.section--blogs { padding-top: 2rem; } } @media (min-width: 991px) { .blog-search-results > [class*="col-"] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1199px) { .categories-touch-trigger { display: none; } .has-categories-target { position: absolute; left: 0; top: 120%; background: #fff; z-index: 1; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); padding: 0; border: 1px solid var(--color-gray-200); border-radius: 0 0 calc(clamp(0.429rem, 0.127vw + 0.397rem, 0.571rem)) calc(clamp(0.429rem, 0.127vw + 0.397rem, 0.571rem)); opacity: 0; visibility: hidden; min-width: 260px; max-height: 300px; overflow: auto; } .has-categories-dropdown { position: relative; text-align: left; } .has-categories-dropdown:hover > a { color: var(--color-primary); } .has-categories-dropdown:hover .has-categories-target { top: 100%; opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s; } } @media (max-width: 1199px) { .categories-touch-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 36px; height: 36px; position: relative; cursor: pointer; } .categories-touch-trigger:after { position: relative; width: 8px; height: 8px; display: block; content: ""; pointer-events: none; border-right: 1px solid #333; border-bottom: 1px solid #333; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .categories-touch-trigger.is-active:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: -5px; } .has-categories-target { display: none; } .has-categories-dropdown { position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0 1rem; } .has-categories-dropdown > a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .has-categories-dropdown .has-categories-target { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (min-width: 1199px) { .sticky-section { position: sticky; top: 0; } } .nav-vertical-list ul li { padding: .375rem 0; } .nav-vertical-list ul li a { opacity: .75; } .nav-vertical-list ul li a:hover { opacity: 1; color: var(--color-primary); } .nav-vertical-list .nav-vertical-item { padding: .375rem 1.25rem; border-bottom: 1px solid #e6e6e6; } .nav-vertical-list .nav-vertical-has-child { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nav-vertical-list .nav-vertical-has-child > a { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .nav-vertical-list .nav-vertical-trigger { width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; cursor: pointer; z-index: 1; } .nav-vertical-list .nav-vertical-trigger.is-active:before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: 4px; } .nav-vertical-list .nav-vertical-trigger:before { position: relative; content: ""; pointer-events: none; width: 8px; height: 8px; display: block; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav-vertical-list .nav-vertical-target { display: none; padding: 0 1rem; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .nav-vertical-list .nav-vertical-link { display: block; padding: 0; line-height: 2; } @media (min-width: 1199px) { body.payment { background-color: var(--color-gray-100); } } .payment-page { height: 100vh; padding: 1.5rem; } .body { padding: 0; } .cc-payment { background: #fff; border: solid 1px #e1dfdf; margin: 0 auto; max-width: 600px; position: relative; } @media (min-width: 576px) { .cc-payment { min-height: 40rem; } } .max-scroll { border-bottom: 1px solid var(--color-gray-100); margin-bottom: 2rem; } @media (min-width: 576px) { .max-scroll { max-height: 300px; overflow: auto; } } .logo-payment { max-width: 200px; text-align: center; margin: 25px auto; } .logo-payment img, .logo-payment svg { margin: 0 auto; max-width: 100%; } .reff p { padding: 10px 30px; } .payment-from { border-top: solid 1px #e1dfdf; display: table; width: 100%; padding: 30px; } .payment-from .siteForm label { text-align: left; display: block; } .payment-from .siteForm input.type-bg { background: url(images/cc-pay.png) no-repeat right center; } .payment-from .field { margin-bottom: 15px; text-align: left; } .cvv { float: left; } .ccExpiryMonth, .ccExpiryYear { float: left; } .expiry-wrapper, .ccCvvWrapper { float: left; } .ccExpiryYear { margin-left: 20px; } .ccCvvWrapper { width: 205px; margin-left: 50px; } .payment-from .siteForm input.ccCvvBox { width: 119px; margin-right: 10px; float: left; } .total-pay { margin-bottom: 10px; color: #000; font-size: 16px; font-weight: 600; } .total-pay small { font-size: 13px; color: #333; } @media only screen and (max-width: 1199px) { .payment-page { height: auto; } .reff { margin: 0; } .reff p { text-align: center; padding: 5px 0; margin: 0; } .cc-payment { margin: 0 auto; border: none; padding-top: 30px; } .logo-payment { margin-top: 0; } } @media only screen and (max-width: 500px) { .form .btn.btn--large { width: 100%; display: block; text-align: center; } } .label-select { display: block; width: 100%; padding: 20px; padding-left: 60px; background: #e9e8eb; position: relative; margin: 0 0; } .label-select > label { display: block; width: 100%; margin: 0; } .label-select .checkbox, .label-select .radio { position: absolute; left: 25px; top: 20px; } .label-select p { margin: 0; font-size: 0.95rem; } .listing-cell { width: 100%; margin: 6px 0 0; display: inline-block; } .listing-cell ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .listing-cell ul li { padding-right: 20px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .listing-cell ul li .boxwhite { background: #fff; border: 1px solid #ddd; padding: 10px 15px; display: block; } .listing-cell ul li .btn, .listing-cell ul li form { margin-top: 14px; } .listing-cell ul li form .btn { margin-top: 0; } .listing-cell ul li form .caption-wraper { display: none; } .listing-cell ul li form .field-set { margin-bottom: 0; } .payments-container-inactive { position: relative; } .payments-container-inactive:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); content: ""; z-index: 1; } .form .field_label { display: block; width: 100%; } @media (max-width: 767px) { .label-select { padding: 15px 15px 15px 15px; } .label-select label h6 { padding-left: 30px; } .label-select .checkbox, .label-select .radio { left: 15px; top: 12px; } .listing-cell { margin-top: 15px; } .listing-cell ul li .btn { margin-top: 8px; } } .checkout-payment { padding: calc(clamp(3.571rem, 3.185vw + 2.775rem, 7.143rem)) 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .payment-panel { background: #fff; -webkit-box-shadow: 0px 0px 30px #0000001A; box-shadow: 0px 0px 30px #0000001A; border-radius: calc(clamp(0.714rem, 1.274vw + 0.396rem, 2.143rem)); max-width: 740px; width: 100%; margin: 0 auto; padding: calc(clamp(1.429rem, 1.592vw + 1.03rem, 3.214rem)); } .payment-panel__head { text-align: center; padding-bottom: calc(clamp(1.429rem, 1.274vw + 1.11rem, 2.857rem)); } .payment-panel__head .logo img { margin: 0 auto; max-height: 80px; } .payment-panel__foot { text-align: center; padding-top: calc(clamp(1.429rem, 1.274vw + 1.11rem, 2.857rem)); } .payment-panel .table--orders { margin: 0; } .payment-panel .table-orders { border: 1px solid #E5E2E2; border-radius: calc(clamp(0.714rem, 0.318vw + 0.635rem, 1.071rem)); overflow: hidden; } .payment-panel .table-orders table thead { display: block; width: 100%; } @media (max-width: 767px) { .payment-panel .table-orders table thead { display: none; } } .payment-panel .table-orders table thead tr { display: table; width: 100%; table-layout: fixed; } .payment-panel .table-orders table thead tr th { padding: calc(clamp(1rem, 0vw + 1rem, 1rem)); } .payment-panel .table-orders table thead tr th:first-child { width: 90px; } .payment-panel .table-orders table tbody { display: block; max-height: 400px; overflow: auto; width: 100%; } @media (min-width: 767px) { .payment-panel .table-orders table tbody tr { display: table; width: 100%; table-layout: fixed; } } .payment-panel .table-orders table th { font-weight: 600; background-color: #F5F6F9; text-align: left; border-bottom-color: #E5E2E2; } .payment-panel .table-orders table tr:last-child td { border: none; } .payment-panel .table-orders table td { vertical-align: middle; padding: calc(clamp(0.714rem, 0.892vw + 0.491rem, 1.714rem)) calc(clamp(1rem, 0vw + 1rem, 1rem)); } @media (max-width: 767px) { .payment-panel .table-orders table td { padding: .5rem 0; } } @media (min-width: 767px) { .payment-panel .table-orders table td:first-child { width: 90px; } } .payment-panel .table-orders .row-num { width: 28px; height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; color: var(--color-primary); background-color: #fff; position: relative; } .payment-panel .table-orders .row-num::after { content: ""; background-color: currentColor; opacity: .15; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; } .bank-details { background-color: #F5F6F9; border-radius: calc(clamp(0.714rem, 0.637vw + 0.555rem, 1.429rem)); padding: calc(clamp(1.429rem, 0.955vw + 1.19rem, 2.5rem)); text-align: center; margin-bottom: calc(clamp(1.429rem, 1.274vw + 1.11rem, 2.857rem)); } .bank-details p { margin: 0; font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); } .bank-details .banking-info { padding-top: calc(clamp(0.714rem, 0.955vw + 0.475rem, 1.786rem)); } .row:last-child .form-group { margin-bottom: 0; } .payment-form .form-group { margin-bottom: calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)); } .payment-form .form-group-label { display: block; margin-bottom: .375rem; font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); font-weight: 600; } .payment-form input[type=email], .payment-form input[type=file], .payment-form input[type=number], .payment-form input[type=password], .payment-form input[type=phone], .payment-form input[type=search], .payment-form input[type=text], .payment-form select { border-radius: 10px; } @media (min-width: 767px) { .payment-form input[type=email], .payment-form input[type=file], .payment-form input[type=number], .payment-form input[type=password], .payment-form input[type=phone], .payment-form input[type=search], .payment-form input[type=text], .payment-form select { height: 50px; line-height: 100%; } } .payment-form input[type=file] { height: auto; padding: 15px; } @media (max-width: 767px) { .payment-form input[type=file] { padding: 6px 10px; } } .payment-form textarea { border-radius: 10px; } .payment-form .choose-file { position: relative; height: 50px; border: 1px solid #d9d9d9; padding: .625rem 1.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; } .payment-form .choose-file__label { background: #E4E6EB; border-radius: 5px; padding: 5px 10px; } @media (min-width: 767px) { .payment-form .choose-file { height: 50px; border-radius: 10px; } } .payment-form .choose-file input[type=file] { position: absolute; opacity: 0; left: 0; right: 0; bottom: 0; top: 0; } .payment-form input[type="submit"], .payment-form input[type="button"] { margin: 0 auto; display: block; } .payment-order-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem 0; } .form-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; } .form-buttons .btn { min-width: 150px; } .order-info { padding: 0 calc(clamp(1.429rem, 2.548vw + 0.792rem, 4.286rem)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: .25rem; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .order-info:not(:last-child) { border-right: 1px solid #E5E2E2; } .order-info span { display: block; text-align: center; } .order-info__label { font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); } .order-info__value { font-size: calc(clamp(1.286rem, 0.255vw + 1.222rem, 1.571rem)); font-weight: 700; } .checkout-thanku { text-align: center; margin-bottom: calc(clamp(0.714rem, 0.637vw + 0.555rem, 1.429rem)); } @media (max-width: 767px) { .checkout-thanku__media { max-width: 100px; margin: 0 auto; } } .checkout-thanku h4 { font-size: calc(clamp(1.429rem, 0.764vw + 1.237rem, 2.286rem)); font-weight: 500; margin-bottom: calc(clamp(0.714rem, 0.637vw + 0.555rem, 1.429rem)); } .checkout-thanku img { margin: 0 auto; } .video { position: relative; width: 100%; background: #eee; min-height: 200px; } .video:before { display: block; padding-bottom: 60%; content: ""; position: relative; } .video .video__enlarge { position: absolute; right: 10px; bottom: 10px; width: 40px; height: 40px; background: #fff; border-radius: 3px; } .video .video__enlarge .svg-icon { width: 26px; height: 26px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; overflow: hidden; } .video iframe, .video .video__enlarge .svg-icon svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .box__slip .video:before { padding-bottom: 45%; } .btn--fav.is-active { color: #fff; background: var(--color-secondary); } .btn--fav.is-active svg { fill: #fff; } .section--details { padding: 30px 0 60px; } .box__profile-head h3 { margin: 0; } .box__profile-head .location { position: relative; padding-left: 20px; color: #888; margin: 5px 0 0; } .box__profile-head .location .svg-icon { position: absolute; left: 0; top: 0; width: 20px; height: 20px; overflow: hidden; opacity: 0.5; } .box-highlighted { padding: 10px 20px; background: #f3f2f5; margin: 10px 0; text-align: left; } .tags-inline ul { margin: 0 -5px; } .tags-inline ul li { margin: 5px; display: inline-block; vertical-align: top; } .tags-inline ul li a { padding: 4px 6px; border: 1px solid #ddd; border-radius: 2px; display: block; font-size: 0.9rem; color: #777; } .box.box--toggle { margin: 30px 0 0; } .tick-listing li { position: relative; padding-left: 20px; margin: 5px 0 15px 0; } .tick-listing li:before { width: 10px; height: 6px; border-left: 2px solid #ddd; border-bottom: 2px solid #ddd; content: ""; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 0; top: 4px; } .tick-listing.tick-listing--onehalf li { width: 50%; margin-right: -4px; display: inline-block; vertical-align: top; } .content-repeated [class*="col-"]:last-child { border-bottom: 1px solid #ebebeb; padding-bottom: 15px; padding-left: 0; margin-bottom: 20px; } .content-repeated [class*="col-"]:last-child p { margin: 0; } .content-repeated:last-child [class*="col-"]:last-child { border-bottom: none; margin-bottom: 0; } .content-repeated .avtar { float: left; margin-right: 15px; } .-small-title { font-size: 1.08rem; } .content-repeated--action.content-repeated [class*="col-"]:last-child { margin-bottom: 0; } .content-repeated .avtar + h6 { margin: 0; } .content-repeated .avtar + h6 + p { line-height: 1; font-size: 0.9rem; } .select-box { position: relative; } .select-box__value { position: relative; display: block; padding: 10px 15px; padding-right: 40px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; font-size: 1.15rem; color: #999; line-height: 1; min-height: 40px; } .select-box__value::after { position: absolute; right: 15px; top: 50%; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #999; margin: -2px 0 0; } .select-box__value small { display: block; font-size: 0.8rem; margin: 5px 0 0; } .select-box__target { border: 1px solid #dddddd; background: #fff; max-height: 350px; overflow: auto; position: absolute; right: 0; z-index: 2; min-width: 200px; width: 100%; } .select-box__target .listing li { text-align: left; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .select-box__target .listing li a { font-size: 1.05rem; font-weight: 500; display: block; padding: 10px 20px; color: #999; } .select-box__target .listing li a:hover { background: rgba(0, 0, 0, 0.03); } .select-box__target .listing li a small { display: block; font-size: 0.8rem; margin: 5px 0 0; } .select-box.select-box--small { display: inline-block; vertical-align: middle; margin-left: 20px; } .select-box.select-box--small .select-box__value { padding-right: 40px; border-color: transparent; height: 30px; line-height: 28px; font-weight: 500; min-height: 1%; } .select-box.select-box--small .select-box__value:after { top: 13px; } .select-box.select-box--small .select-box__target { min-width: 200px; } .select-box.select-box--small .select-box__target .listing li a { font-weight: 400; font-size: 1rem; } .select-box--up.select-box .select-box__target { bottom: 100%; right: auto; width: auto; left: 0; min-width: 250px; } @media (max-width: 568px) { .timer-block .select-box .buttons-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; } .timer-block .select-box .buttons-toggle .btn:first-child { width: 100%; } .timer-block .timer.timer--small { display: block; text-align: center; } .timer-block .btn.end_lesson_now { width: 100%; text-align: center; margin-top: 10px; } } .form .select-box__value { min-height: 50px; padding: 16px 20px 12px 20px; padding-right: 40px; -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); } .form .select-box__target .listing li { padding: 10px; } .form .select-box__target .listing li label { display: block; } .box-btn-group .btn { margin: 10px 0 0; } .box--medium { padding: 40px; min-width: 800px; } .direction { margin-left: 30px; } .direction__action { width: 30px; height: 30px; border: 1px solid #e5e5e5; border-radius: 100%; display: inline-block; vertical-align: top; margin: 0 2px; position: relative; } .direction__action:hover { background: rgba(0, 0, 0, 0.1); } .direction .direction__action.direction__action-prev:before { width: 8px; height: 8px; content: ""; border-left: 1px solid #333; border-bottom: 1px solid #333; position: absolute; left: 50%; top: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); margin: -4px 0 0 0; margin-left: -3px; } .direction .direction__action.direction__action-next:before { width: 8px; height: 8px; content: ""; border-right: 1px solid #333; border-top: 1px solid #333; position: absolute; left: 50%; top: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); margin: -4px 0 0 0; margin-left: -5px; } .table-total th { font-size: 0.9rem; font-weight: normal; color: #000; padding: 15px 20px 15px 20px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align: left; } .table-total th:last-child, .table-total td:last-child { text-align: right; } .table-total td { color: #666; padding: 10px 20px 6px 20px; vertical-align: top; } .table-total td h6 { font-size: 1.1rem; } .table-total tr.last td { border-top: 1px solid #ddd; } .table-total tr.last td h6 { font-size: 1.4rem; } .apply-coupon .btn.btn--gray.is-active { border-radius: 3px 3px 0 0; } .apply-coupon .btn.btn--gray.is-active:after { content: "+"; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); font-size: 1.8rem; margin: -2px 0 0 0; margin-right: 10px; } .apply-coupon__target { position: relative; background: #fff; border: 1px solid #ddd; border-radius: 0 0 3px 3px; } .apply-coupon__target [class*="col-"] { padding: 0; } .apply-coupon__target input[type="submit"] { padding: 0 20px; text-transform: uppercase; display: block; width: 100%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .apply-coupon__target input[type="text"] { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .applied-coupon { background: #ecfff4; border: dashed 1px var(--color-primary); padding: 15px; margin: 0 0 0; text-align: center; position: relative; } @media (max-width: 1199px) { .box__slip { padding: 10px; } .video { height: 200px; } .video:before, .box__slip .video:before { padding-bottom: 0; } .video iframe { position: relative; left: auto; top: auto; bottom: auto; right: auto; } } @media (max-width: 767px) { .content-repeated [class*="col-"]:last-child { padding-left: 15px; } .content-repeated .avtar + h6 + p { margin-bottom: 25px; } .-small-title { font-size: 1.15rem; } .box__body-target { display: none; } .box.box--toggle { margin: 10px 0 0; } .box .box__head { padding: 15px; } .box__head-trigger { padding-right: 40px; cursor: pointer; position: relative; } .box__head-trigger:after { position: absolute; right: 20px; top: 15px; content: "+"; font-size: 1.6rem; line-height: 1; } .box__head-trigger.is-active:after { content: "-"; } .offset-min-12 { width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .box--medium { padding: 20px; min-width: 1%; } } @media (min-width: 1199px) { .teachers.teachers-view { overflow-x: hidden; } } .card-class-cover .card-class { border: 1px solid var(--color-gray-200); } .section.section--profile { padding-top: 3rem; } @media (max-width: 767px) { .section--profile { padding: 1.5rem 0; } } @media (min-width: 767px) and (max-width: 1199px) { .section--profile { padding: 2rem 0; } } .profile-head .detail-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: calc(clamp(1rem, 2.166vw + 0.459rem, 3.429rem)); } .detail-wrapper .profile__media { position: relative; max-width: 200px; -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; } .detail-wrapper .profile__media .ratio { border-radius: .625rem; } @media (max-width: 767px) { .detail-wrapper .profile__media { max-width: calc(clamp(5rem, 8.28vw + 2.93rem, 14.286rem)); -webkit-box-flex: 0; -ms-flex: 0 0 calc(clamp(5rem, 8.28vw + 2.93rem, 14.286rem)); flex: 0 0 calc(clamp(5rem, 8.28vw + 2.93rem, 14.286rem)); } } .detail-wrapper .profile-detail { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .detail-wrapper .profile-detail .profile-detail__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 3.5rem; padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid #E8EAEC; } @media (max-width: 1199px) { .detail-wrapper .profile-detail .profile-detail__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } } @media (max-width: 767px) { .detail-wrapper .profile-detail .profile-detail__head { border-bottom: 1px solid #E8EAEC; } } .detail-wrapper .profile-detail .profile-detail__head-large { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 576px) and (max-width: 767px) { .detail-wrapper .profile-detail .profile-detail__head { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 576px) and (max-width: 767px) { .detail-wrapper .profile-detail .info-wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .detail-wrapper .profile-detail .info-group h5 { font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); } .detail-wrapper .profile-detail .info-group__body { font-size: calc(clamp(0.929rem, 0.064vw + 0.913rem, 1rem)); } .detail-wrapper .ratings { font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); } .detail-wrapper .ratings .value { font-weight: 600; opacity: 1; } .detail-wrapper .tutor-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: .5rem; } .detail-wrapper .tutor-name h4, .detail-wrapper .tutor-name h1 { font-size: calc(clamp(1.143rem, 0.382vw + 1.047rem, 1.571rem)); font-weight: 600; } .har-rate { font-size: calc(clamp(1.143rem, 0.382vw + 1.047rem, 1.571rem)); font-weight: 600; } .detail-actions { display: -webkit-box; display: -ms-flexbox; display: flex; gap: .625rem; } .detail-actions .btn { padding: 0; width: 30px; height: 30px; border-radius: 50%; background-color: #F5F6F9; color: #000; border: none; } .detail-actions .is--active { background: var(--color-primary); color: #fff !important; border-color: var(--color-primary); } .btn--link { border-bottom: 1px solid; display: inline-block; vertical-align: text-bottom; padding: .5rem 0; height: 42px; line-height: 43px; } .content__row { margin-bottom: 4rem; color: var(--color-dark); } .content__row:last-child { margin-bottom: 0; } @media (max-width: 767px) { .content__row { margin-bottom: 2rem; } } .content__row h3 { font-size: var(--font-size-h3); margin-bottom: 1.25rem; } .content__row p { line-height: 28px; margin-bottom: 0; } .content__row h4 { margin-bottom: .5rem; } @media (max-width: 767px) { .content__row h4 { font-size: 1.1rem; } } .profile-primary .panel-cover:last-child { border-bottom: none; } .profile-primary .panel-cover .panel-cover__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; gap: 1rem; } @media (min-width: 767px) { .profile-primary .panel-cover .panel-cover__head { pointer-events: none; } } @media (max-width: 767px) { .profile-primary .panel-cover .panel-cover__head { cursor: pointer; } .profile-primary .panel-cover .panel-cover__head::after { position: relative; content: "+"; font-size: 2rem; line-height: 1; } } .profile-primary .panel-cover .panel-cover__head h3 { font-size: calc(clamp(1.143rem, 0.51vw + 1.015rem, 1.714rem)); } @media (min-width: 1199px) { .profile-primary .panel-cover .panel-cover__head h3 { pointer-events: none; } } @media (max-width: 767px) { .profile-primary .panel-cover .is-active::after { content: "-"; } } .profile-primary:first-child { margin-top: 1.5rem; } .profile-primary:first-child .panel-cover__body { margin-top: 1.5rem; } .panel-head__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .75rem; } @media (min-width: 767px) { .panel-head__right { position: absolute; top: 14%; right: 0; } } @media (max-width: 767px) { .panel-head__right { margin-top: 1.5rem; } } .panel-head__right .settings { width: 160px; margin-left: 1rem; } .panel-head__right .settings a { color: var(--color-gray); } .panel-head__right .settings a::before { border-color: var(--color-gray); } .panel-cover { position: relative; padding-bottom: calc(clamp(1.429rem, 2.866vw + 0.712rem, 4.643rem)); } @media (max-width: 767px) { .panel-cover { padding-bottom: 1.125rem; margin-bottom: 1.125rem; border-bottom: 1px solid #ECECEC; } .panel-cover:last-child { padding-bottom: 0; margin-bottom: 0; } } .panel-cover .panel-cover__body { margin-top: calc(clamp(1rem, 0.892vw + 0.777rem, 2rem)); } @media (max-width: 767px) { .panel-cover .panel-cover__body { display: none; } } .slider--prices .card { padding: 2.5rem 3rem; border: 1px solid var(--color-gray-300); } @media (min-width: 1199px) and (max-width: 1299px) { .slider--prices .card { padding: 2.5rem; } } .slider--prices .card .card__head { margin-bottom: 1.25rem; } .slider--prices .card .card__head::before { width: 3px; left: -42px; } @media (max-width: 767px) { .slider--prices .card .card__head::before { left: -37px; } } @media (min-width: 1199px) and (max-width: 1299px) { .slider--prices .card .card__head::before { left: -35px; } } .slider--prices .card .card__head h4 { font-size: var(--font-size-medium); line-height: 2.3rem; } .slider--prices .slider__item { padding: 0 1rem 0; } .lesson-slot-info ul li { position: relative; margin-bottom: .75rem; } .lesson-slot-info ul li:last-child { margin-bottom: 0; } .lesson-slot-info ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .5rem; height: 30px; } .lesson-slot-info ul li a .space { border-bottom: 1px solid var(--color-gray-400); height: 19px; width: 100%; margin: 0 .75rem; } .lesson-slot-info ul li a .lesson { white-space: nowrap; } .calendar-head__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .calendar-head__right .calendar-actions { margin-left: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; } .calendar-head__right .calendar-actions .btn { border-color: var(--color-gray-300); font-weight: 600; padding: 0 1.25rem; } .calendar-head__right .calendar-actions .btn .icon { width: 14px; } .button-group { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: .75rem; } .button-group .btn:first-child { border-right: transparent; } .Schedule-date { color: var(--color-dark); } .arrow--left { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .arrow--right { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .calender__media img { width: 100%; } .alert--note { background: var(--color-gray-100); color: var(--color-gray-1000); font-size: var(--font-size-md); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem; line-height: 22px; } .alert--note::before { -webkit-filter: brightness(0.5); filter: brightness(0.5); left: -4px; position: relative; top: 12px; background-size: 16px; } .alert--note a { color: inherit; margin: 0 .25rem; } .silder--group-class .slider__item { padding: .5rem .75rem 4rem; } .silder--group-class .slider__item .card .card__head h3 { font-size: var(--font-size-h5); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .silder--group-class .slick-arrow { top: -40px; border: 1px solid var(--color-gray-300); border-radius: 0; width: 50px; height: 40px; } .silder--group-class .slick-arrow:before { left: 27px; top: 21px; border-color: var(--color-dark); width: 10px; height: 10px; } .silder--group-class .slick-next { right: 12px; } .silder--group-class .slick-prev { right: 61px; left: unset; } .silder--group-class .slick-disabled { opacity: 1; } .silder--group-class .slick-disabled:before { opacity: 0.2; } .content--tick .content__head { margin-bottom: 1.5rem; } .content--tick .content__head h4 { color: var(--color-dark); font-size: 1.1rem; } .content--tick ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; } @media (max-width: 576px) { .content--tick ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .content--tick ul li { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - .75rem); flex: 0 0 calc(25% - .75rem); max-width: calc(25% - .75rem); margin: 0; padding-left: 1rem; } @media (max-width: 1199px) { .content--tick ul li { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - .5rem); flex: 0 0 calc(50% - .5rem); max-width: calc(50% - .5rem); } } @media (max-width: 576px) { .content--tick ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 100%; } } .content--tick ul li:before { content: ""; width: 5px; height: 5px; background-color: currentColor; border-radius: 50%; -webkit-transform: unset; -ms-transform: unset; transform: unset; top: 6px; border: none; } .resume-wrapper { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 2rem calc(clamp(1rem, 4.204vw - 0.051rem, 5.714rem)); } @media (max-width: 767px) { .resume-wrapper { grid-template-columns: repeat(1, 1fr); } } .resume-wrapper .resume { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .resume-wrapper .resume__primary { padding-bottom: .75rem; font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); } @media (max-width: 767px) { .resume-wrapper .resume__primary { padding-bottom: .25rem; } } .resume-wrapper .resume p { line-height: normal; } .resume-wrapper .resume:last-child::after { display: none; } .resume-wrapper .resume::after { content: ""; height: 100%; width: 1px; background-color: #ddd; position: absolute; left: calc(100% + calc(clamp(1rem, 1.656vw + 0.586rem, 2.857rem))); top: 0; } .resume-wrapper .resume:nth-child(3n)::after { display: none; } @media (min-width: 767px) { .row--resume:not(.visible) { display: none; } } @media (max-width: 767px) { .row--resume { margin-bottom: 1.25rem; } .row--resume:last-child { margin-bottom: 0; } } .reviews-wrapper { color: var(--color-dark); } .reviews-wrapper .reviews-wrapper__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; } @media (max-width: 576px) { .reviews-wrapper .reviews-wrapper__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .reviews-wrapper .reviews-wrapper__head .reviews-counter { font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); font-weight: 600; } .reviews-wrapper .reviews-wrapper__head .review-sorting { position: relative; } .reviews-wrapper .reviews-wrapper__head .review-sorting select { -webkit-box-shadow: 0px 0px 10px #E4E5E9; box-shadow: 0px 0px 10px #E4E5E9; background-image: none; padding-right: 40px; } .reviews-wrapper .reviews-wrapper__head .review-sorting::before { content: ""; position: absolute; width: 9px; height: 9px; border-left: 2px solid var(--color-dark); border-bottom: 2px solid var(--color-dark); right: 15px; top: 14px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .reviews-wrapper .reviews-wrapper__head p { margin-bottom: 0; color: inherit; } .review-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.25rem; } .review-profile .user-info h6 { font-size: calc(clamp(1.143rem, 0.127vw + 1.111rem, 1.286rem)); } .review-profile .user-info p { margin-top: .25rem; margin-bottom: 0; line-height: 1.25; } .review-row { margin-top: calc(clamp(1.071rem, 0.955vw + 0.833rem, 2.143rem)); padding-top: calc(clamp(1.071rem, 0.955vw + 0.833rem, 2.143rem)); border-top: 1px solid var(--color-gray-300); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: calc(clamp(1.714rem, 3.567vw + 0.823rem, 5.714rem)); } @media (max-width: 767px) { .review-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 767px) { .review-row .review-profile { max-width: 32%; -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; } } .review-row .review-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .reviews-wrapper__foot { padding-top: calc(clamp(1.071rem, 0.955vw + 0.833rem, 2.143rem)); } .reviews-wrapper__foot .btn { font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); } .review-content .review-content__head { margin-bottom: .5rem; } .review-content .review-content__head .ratings { font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); line-height: 1; gap: .25rem; } .review-content .review-content__head h6 { font-size: calc(clamp(1.071rem, 0.064vw + 1.056rem, 1.143rem)); } .review-content .review-content__head h6 span { font-weight: normal; } .review-content p { line-height: 1.5; margin: 0; } @media (max-width: 991px) { .profile-secondary { width: 100%; } } .profile-secondary .right-panel { position: sticky; top: 100px; } .right-panel .-gap { height: 0; } .box--book { padding: calc(clamp(0.857rem, 1.274vw + 0.539rem, 2.286rem)); -webkit-box-shadow: 0px 0px 40px #E0E3EC; box-shadow: 0px 0px 40px #E0E3EC; border-radius: 10px; } .book__actions { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .book__actions .btn { height: 50px; font-weight: 600; } @media (max-width: 991px) { .book__actions .btn { height: 40px; } } .select--box { width: 160px; color: var(--color-dark); background: #fff; height: 40px; border: 1px solid var(--color-gray-200); position: relative; margin-left: 1rem; } .select--box::before { content: ""; position: absolute; height: 8px; width: 8px; background: transparent; border-right: 2px solid var(--color-dark); border-bottom: 2px solid var(--color-dark); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 15px; top: 15px; pointer-events: none; } .select--box select { padding: 0 1.5rem; background-image: none; background-color: transparent; border: none; color: inherit; } .profile-cover { scroll-behavior: smooth; } @media (min-width: 991px) { .profile-cover { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 40px 70px; } } @media (max-width: 991px) { .profile-cover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; } } @media (max-width: 767px) { .profile-cover { padding: 0 1rem; } } .profile-cover .profile-head { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 991px) { .profile-cover .profile-head { grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2; } } .profile-cover .profile-primary { scroll-behavior: smooth; width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media (min-width: 991px) { .profile-cover .profile-primary { scroll-behavior: smooth; grid-column-start: 1; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; } } @media (max-width: 767px) { .profile-cover .profile-primary { border-top: 1px solid var(--color-gray-200); padding: 2rem 0; } } .profile-cover .profile-secondary { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 991px) { .profile-cover .profile-secondary { grid-column-start: 4; grid-row-start: 1; grid-row-end: 3; } } @media (min-width: 1199px) { .profile-cover .profile-secondary { width: 400px; } } @media (min-width: 991px) and (max-width: 1399px) { .profile-cover .profile-secondary { width: 300px; } } @media (max-width: 1199px) { .profile-cover .profile-secondary { width: 300px; } } @media (max-width: 991px) { .profile-cover .profile-secondary { width: 100%; } } .panel-cover .slider__item { padding-bottom: 0; } @media (max-width: 576px) { .table-md-scroll { overflow: auto; } } .table--pricing { border: 1px solid #E6E6E6; border-bottom: none; border-radius: 10px; overflow: hidden; overflow-x: auto; } .table--pricing .table { margin: 0; } @media (max-width: 1199px) { .table--pricing .table tr { border-bottom: 1px solid #E6E6E6; } } .table--pricing .table th { background-color: #F5F6F9; font-size: 1rem; text-align: center; } .table--pricing .table th:first-child { background-color: var(--color-primary); color: var(--color-primary-inverse); text-align: left; vertical-align: middle; font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); } .table--pricing .table th select { width: auto; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOpJREFUSEvt0iFOA0EYhuGnKcXU4zkBvicoQQAXwEFNa0jBI1BQBYZguAAJTRFV6EqugOoFEAQDO8msoOky05AGs2sm2Xz/+2a+fxrW/DXWzFcLkg3XFf2pog628JSgHGKO2bJc1Q628Yp2cR7guUKyj0e8Ywdvi7kqQfj/gCN8IoCmC8NdTLCB++IWPXzlCkIuSO5wHCW7eImAAB9jM8JPqmrMeaY36OMDexFawm8x+G1HOYIwP8JplDTRKvZzhfPUM8oVBE4ADiPwGmcpeNlzTq7MXMZ9XOQOrXKDXOaPXC1I1lZX9P8VfQNp2h4Z3lpZOwAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-color: #fff; background-position: right 5px center; min-width: 80px; line-height: 36px; height: 36px; font-size: 14px; font-weight: 600; } .table--pricing .table td { background-color: transparent; font-size: 1rem; text-align: center; } .table--pricing .table td:first-child { font-weight: 600; border-right: 1px solid #E6E6E6; text-align: left; } .panel-accordion { border: 1px solid #E6E6E6; border-radius: 10px; overflow: hidden; } .panel-accordion .accordion-header { font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); font-weight: 600; color: currentColor; padding: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)) calc(clamp(1rem, 0.446vw + 0.889rem, 1.5rem)); } .panel-accordion .accordion-button:after { background: none; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -3px; } @media (max-width: 767px) { .panel-accordion .accordion-button:after { width: 8px; height: 8px; } } .panel-accordion .accordion-body { padding: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)) calc(clamp(1rem, 0.446vw + 0.889rem, 1.5rem)); } .panel-accordion .accordion-item { border-left: none; border-right: none; } .panel-accordion .accordion-item .accordion-button:not(.collapsed) { background-color: transparent; } .panel-accordion .accordion-item .accordion-button:not(.collapsed):after { -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); margin-top: 3px; } .panel-accordion .accordion-item:last-child { border-bottom: none; } .panel-accordion .accordion-item:first-child { border-top: none; } .box-panel { border: 1px solid #E6E6E6; border-radius: 10px; } .box-panel__head { border-bottom: 1px solid #E6E6E6; padding: 16px 20px; } .box-panel__body { padding: calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)); } .rating-card { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #ECECEC; border-radius: 10px; } @media (max-width: 767px) { .rating-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .rating-card__progressbar { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 2rem; } @media (max-width: 767px) { .rating-card__progressbar { padding: 1rem; } } .rating-card__counter { padding: 2rem; text-align: center; max-width: 33.33%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; border-right: 1px solid #ECECEC; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .rating-card__counter { padding: 1rem; max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; border: none; } } .rating-details .rating__count { color: var(--color-secondary); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; } @media (max-width: 767px) { .rating-details .rating__count svg.icon--30 { width: 16px; height: 16px; } } .rating-details .rating__count h1 { font-size: calc(clamp(1.429rem, 1.783vw + 0.983rem, 3.429rem)); } .rating-details .rating__info { font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); } .progressbar-wrapper .listing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: .75rem; } @media (max-width: 767px) { .progressbar-wrapper .listing { gap: .25rem; } } .progressbar-wrapper .rating { font-size: 12px; gap: 1rem; } .progressbar-wrapper .rating__stars { line-height: 1; font-size: 13px; font-weight: 600; } .progressbar-wrapper .rating__progressbar { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 6px; background-color: #fff; border-radius: 2rem; position: relative; border: 1px solid #393737; } .progressbar-wrapper .rating__progressbar .fill { position: absolute; left: 0; top: 0; bottom: 0; background-color: #393737; } .progressbar-wrapper .rating__percentage { min-width: 30px; text-align: right; } .video-media > iframe { width: 100%; height: 100%; } .intro-head { text-align: center; max-width: 1000px; margin: 0 auto; } @media (max-width: 767px) { .intro-head { margin-bottom: 1.25rem; } } .intro-head h2, .intro-head h1 { color: currentColor; font-weight: 700; font-size: calc(clamp(1.429rem, 2.428vw + 0.098rem, 3.429rem)); margin-bottom: 2.5rem; } .intro-head p { font-size: var(--font-size-h4); color: inherit; opacity: 0.7; line-height: 2.9rem; margin-bottom: 0; } @media (max-width: 767px) { .intro-head p { line-height: 2.2rem; font-size: 1.1rem; } } .small-title { color: var(--color-primary); text-transform: uppercase; font-weight: bold; margin-bottom: 1rem; font-size: var(--font-size-md); } .main__title { color: var(--color-gray-dark); } @media (max-width: 1199px) { .main__title br { display: none; } } .main__title h2 { font-size: var(--font-size-h1); font-weight: normal; } @media (max-width: 767px) { .main__title h2 { line-height: 2.7rem; font-size: 1.7rem; } } @media (min-width: 1199px) { .main__title h2 { line-height: 3.6rem; } } @media (max-width: 991px) { .main__title h2 br { display: none; } } .main__title span { font-weight: bold; } .who-we__content { color: var(--color-dark); } .who-we__content p { margin-bottom: 2rem; color: inherit; font-size: var(--font-size-medium); line-height: 36px; } .who-we__content p:first-child { font-weight: 600; font-size: var(--font-size-h5); } @media (max-width: 767px) { .who-we__content p { margin-bottom: 1.5rem; font-size: 14px; } } .section--value { background-color: var(--color-dark-blue); overflow: hidden; } @media (min-width: 1299px) { .section--value { padding: 8rem 0; } } .panel-left { color: #fff; } @media (max-width: 991px) { .panel-left { margin-bottom: 4rem; } } .panel-left .small-title { color: inherit; opacity: 0.5; margin-bottom: 1.5rem; } .panel-left h2 { font-weight: normal; font-size: var(--font-size-h1); } @media (max-width: 991px) { .panel-left h2 { font-size: 1.8rem; } } .slider--value { overflow: visible; } .slider--value .slider__item h3 { color: #fff; } @media (min-width: 576px) { .slider--value .slider__item { padding: 0 2rem 0; } } .slider--value .slick-current .slide-box { opacity: 1; } .slider--value .slick-dots { position: relative; bottom: 0; left: 0; right: 0; -webkit-transform: none; -ms-transform: none; transform: none; text-align: left; margin-top: 2.5rem; } .slider--value .slick-dots .slick-active button { background-color: #fff; border-color: #fff; } .slide-box { color: #fff; opacity: 0.5; } @media (max-width: 767px) { .slide-box { padding: 0 .75rem; } } .slide-box .slide-box__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 4rem; } @media (max-width: 767px) { .slide-box .slide-box__head { margin-bottom: 1.5rem; } } .slide-box .slide-box__head .slide-box__title { max-width: 303px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .slide-box .slide-box__head .slide-box__title h5 { font-size: var(--font-size-lg); line-height: 36px; } .slide-box .slide-box__body p { font-size: var(--font-size-medium); line-height: 2.6rem; margin-bottom: 0; color: inherit; opacity: 0.8; } @media (max-width: 767px) { .slide-box .slide-box__body p { font-size: 1.1rem; } } .count__box { min-width: 80px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--color-primary); color: var(--color-primary-inverse); margin-right: 2.5rem; } .count__box h2 { font-size: var(--font-size-h1); font-weight: bold; } @media (max-width: 767px) { .count__box h2 { font-size: var(--font-size-h2); } } .mission { color: var(--color-dark); margin-bottom: 5rem; } @media (max-width: 767px) { .mission { padding-bottom: 2rem; border-bottom: 1px solid var(--color-gray-300); } } @media (max-width: 991px) { .mission { margin-bottom: 2rem; } } .mission:last-child { margin-bottom: 0; } .mission .mission__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2.5rem; } @media (max-width: 767px) { .mission .mission__head { margin-bottom: 1.5rem; } } .mission .mission__head h4 { font-size: var(--font-size-h4); color: inherit; } .mission .mission__head .mission__media { width: 80px; height: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px 0px 8px #0000001f; box-shadow: 0px 0px 8px #0000001f; margin-right: 1.5rem; } .mission .mission__head .mission__media .icon { width: 36px; height: 36px; fill: var(--color-dark-blue); } .mission .mission__body p { color: inherit; font-size: var(--font-size-medium); opacity: 0.8; line-height: 36px; margin-bottom: 0; } @media (max-width: 767px) { .mission .mission__body p { font-size: 1.1rem; } } .section--mission { background: var(--color-gray-100); } .section--mission .primary-content { position: sticky; top: 140px; } .team-content { font-size: var(--font-size-h4); margin-bottom: 0; line-height: 40px; } @media (max-width: 991px) { .team-content { font-size: 1.1rem; line-height: 28px; } } .team .team__head { margin-bottom: 6rem; } @media (max-width: 991px) { .team .team__head { margin-bottom: 2.5rem; } } @media (max-width: 1199px) { .team .team__body .tile { -webkit-box-shadow: none; box-shadow: none; margin-bottom: 1.5rem; } } .team .team__body .tile:hover { -webkit-box-shadow: none; box-shadow: none; } .team .team__body .tile .tile__body { padding: 1.25rem 0; } .team .team__body .tile .tile__body h6 { font-size: var(--font-size-h5); } .team .team__body .tile .tile__body p { margin-bottom: 0; } .achievement-media { width: 160px; height: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.09); box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.09); border: 1px solid var(--color-gray-100); margin: 0 auto; overflow: hidden; } .achievement-media .icon { width: 50px; height: 50px; fill: var(--color-dark-blue); } @media (max-width: 991px) { .achievement-media .icon { width: 40px; height: 40px; } } @media (max-width: 991px) { .achievement-media { width: 100px; height: 100px; margin-bottom: 1.5rem; } } .achievement-title { color: var(--color-dark); } .primary-content .small-title { font-size: var(--font-size-medium); } .primary-content .btn { margin-top: 5rem; width: 153px; height: 40px; } @media (max-width: 991px) { .primary-content .btn { margin-top: 1.5rem; } } @media (max-width: 991px) { .primary-content { margin-bottom: 2.5rem; } } .section--achievement .box { -webkit-box-shadow: none; box-shadow: none; text-align: center; } @media (max-width: 767px) { .section--achievement .box { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid var(--color-gray-300); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section--achievement .box .box__head { margin-right: 2rem; } .section--achievement .box .box__head .achievement-media { margin-bottom: 0; border-radius: 0; width: 80px; height: 80px; } .section--achievement .box .box__body { text-align: left; } } .section--achievement .box .box__head { -webkit-box-shadow: none; box-shadow: none; border: none; padding: 0; } @media (min-width: 767px) { .section--achievement .box .box__head { margin: 0 auto 2.5rem; } } .section--achievement .box .box__body p { margin-bottom: 0; } .slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.25rem; } @media (max-width: 1199px) { .slider-nav { display: none; } } .slider-nav .slick-arrow { position: relative; border-radius: 50%; top: 0; margin: 0; } .p-xlarge { font-size: calc(clamp(1rem, 1.146vw + 0.713rem, 2.286rem)); line-height: 1.5; } .why-panel { padding: calc(clamp(1.714rem, 6.115vw + 0.186rem, 8.571rem)); background-color: #EFF0F3; border-radius: calc(clamp(1rem, 1.656vw + 0.586rem, 2.857rem)); } .counters-list { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 2.5rem; } @media (max-width: 1199px) { .counters-list { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .counters-list { grid-gap: 2.5rem 1.5rem; } } .counter-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: .5rem; } @media (min-width: 1199px) { .counter-card { padding-left: 2.5rem; border-left: 1px solid #D9D9D9; } } .counter-card__icon { max-width: 80px; max-height: 45px; } .counter-card__icon img { max-height: 100%; } .counter-card__value { font-size: calc(clamp(1.714rem, 2.548vw + 1.077rem, 4.571rem)); font-weight: 600; display: block; } @media (max-width: 1199px) { .counter-card__value { font-size: calc(clamp(1.286rem, 0.637vw + 1.126rem, 2rem)); } } .counter-card__label { display: block; font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); } .js--testimonials .slick-track { padding: 1.5rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: calc(clamp(1.429rem, 1.274vw + 1.11rem, 2.857rem)); } .js--testimonials .slick-track .slick-slide { height: auto; } .js--testimonials .slick-track .slick-slide > div { height: 100%; } .slick-center .client-testimonail { background: transparent linear-gradient(277deg, var(--color-gradient-1) 0%, var(--color-gradient-2) 47%, var(--color-gradient-1) 100%) 0% 0% no-repeat padding-box; } .client-testimonail { background: #FFFFFF; -webkit-box-shadow: 0px 0px 20px #E0E3EC; box-shadow: 0px 0px 20px #E0E3EC; border-radius: 10px; padding: calc(clamp(1.143rem, 0.892vw + 0.92rem, 2.143rem)) calc(clamp(1.429rem, 1.274vw + 1.11rem, 2.857rem)); height: 100%; } .client-testimonail__head { padding-bottom: calc(clamp(1rem, 0.637vw + 0.841rem, 1.714rem)); } .client-testimonail__head h4 { font-size: calc(clamp(1.143rem, 0.382vw + 1.047rem, 1.571rem)); font-weight: 700; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)); } .client-testimonail__head .num { --size: calc(clamp(2.857rem, 1.656vw + 2.443rem, 4.714rem)); width: var(--size); height: var(--size); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background-color: #fff; position: relative; overflow: hidden; font-size: calc(clamp(1.286rem, 0.892vw + 1.063rem, 2.286rem)); font-weight: 700; } .client-testimonail__head .num::after { content: ""; background-color: var(--color-primary); opacity: .2; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border-radius: 50%; } .client-testimonail .client-info span { display: block; } .grey-wrapper { padding: calc(clamp(1.714rem, 6.115vw + 0.186rem, 8.571rem)); background-color: #EFF0F3; border-radius: calc(clamp(1rem, 1.656vw + 0.586rem, 2.857rem)); } .accordion.width { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; height: auto !important; } @media (max-width: 767px) { .accordion.width { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: auto !important; } } @media (max-width: 767px) { .collapsing.width { width: 100% !important; -webkit-transition: none !important; transition: none !important; } } .accordion.width .card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content; padding: 0; border: none; border-radius: 10px; margin: 0; } @media (max-width: 767px) { .accordion.width .card { display: block; } } .accordion.width .card .card-body { padding: 0; height: 100%; width: 100%; } .accordion.width .card .tab-title { -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; } .accordion.width .card.has-open { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 767px) { .accordion.width .card.has-open .tab-title { opacity: 0; } } .accordion.width .card.has-open .card-header::after { -webkit-transform: rotate(-225deg) !important; -ms-transform: rotate(-225deg) !important; transform: rotate(-225deg) !important; } .accordion.width .card .card-header { cursor: pointer; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; border: none; font-size: calc(clamp(1.143rem, 0.382vw + 1.047rem, 1.571rem)); font-weight: 500; background-color: #fff; border-radius: 10px; padding: 1.5rem .875rem; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 5rem; max-width: 64px; overflow: hidden; } @media (max-width: 767px) { .accordion.width .card .card-header { -webkit-writing-mode: unset; -ms-writing-mode: unset; writing-mode: unset; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 1rem 2rem; } .accordion.width .card .card-header::after { content: ""; width: 10px; height: 10px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; display: block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } } .accordion.width .card .card-header .circle-arrow { -webkit-writing-mode: initial; -ms-writing-mode: initial; writing-mode: initial; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); --size: 28px; } @media (max-width: 767px) { .accordion.width .card .card-header .circle-arrow { display: none; } } .accordion.width .card .card-header .circle-arrow:after { width: 1rem; height: 1px; } .accordion.width .card .card-header .circle-arrow::before { --size: 7px; margin-left: -7px; border-width: 1px; } .accordion.width .card .card-header:not(.collapsed) { pointer-events: none; } .collapsing.width { -webkit-transition: width 0.35s ease; transition: width 0.35s ease; height: auto; width: 0; } .cms-panel { display: -webkit-box; display: -ms-flexbox; display: flex; gap: calc(clamp(1.429rem, 3.312vw + 0.601rem, 4rem)); min-width: 0; } @media (max-width: 1199px) { .cms-panel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; } } .cms-panel__media { max-width: 100px; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; } .cms-panel__media svg { fill: var(--color-primary); } @media (max-width: 1199px) { .cms-panel__media { max-width: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; } } .cms-panel__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .cms-panel__content h3 { font-size: calc(clamp(1.143rem, 0.255vw + 1.079rem, 1.429rem)); } @media (max-width: 1199px) { .cms-panel__content h3 { font-size: 18px; } } .cms-panel__content p { margin: 0; } @media (min-width: 1199px) { .cms-panel__content p { font-size: calc(clamp(1rem, 0.51vw + 0.873rem, 1.125rem)); } } .cms-panel__content p + p { padding-top: 1rem; } .cms-view .flex-layout-wrapper { max-width: 1000px; margin: 0 auto; padding: 2.5rem; } .cms-view .flex-layout-wrapper .flex-layout { gap: 2.5rem; } .cms-view .flex-layout-wrapper .flex-layout__media { background-color: #f0f0f0; } .contact-wrapper { background-color: #fff; border-radius: calc(clamp(1rem, 0.382vw + 0.904rem, 1.429rem)); padding: calc(clamp(1.429rem, 1.911vw + 0.951rem, 3.571rem)); } .contact-info__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: calc(clamp(1.143rem, 0.892vw + 0.92rem, 2.143rem)); padding-bottom: calc(clamp(1.143rem, 0.892vw + 0.92rem, 2.143rem)); border-bottom: 1px solid var(--color-gray-200); gap: calc(clamp(1rem, 0.637vw + 0.841rem, 1.714rem)); } .contact-info__row:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .contact-info__row .contact__icon { width: 44px; height: 44px; border-radius: 50%; color: var(--color-primary); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact-info__row .contact__icon::after { content: ""; position: absolute; background-color: currentColor; opacity: .15; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; } .contact-info__row .contact__content h6 { margin-bottom: .5rem; } .contact-info__row .contact__content p { margin-bottom: 0; } .contact-form .field-set { margin-bottom: 1.5rem; } .contact-form .field-set .field-wraper .field_cover input { font-size: var(--font-size-h6); padding: 0 2rem; width: 100%; height: 60px; } @media (max-width: 1199px) { .contact-form .field-set .field-wraper .field_cover input { height: 50px; } } .contact-form .field-set .field-wraper .field_cover textarea { width: 100%; height: 115px; padding: 1.25rem 2rem; } @media (max-width: 1199px) { .contact-form .field-set .field-wraper .field_label { margin-bottom: 1rem; } } .contact-form .row:last-child .field-set { margin-bottom: 0; } .dummy-capcha { margin-bottom: calc(2.5rem - 3px); } .teacherrequest-form { background: transparent linear-gradient(277deg, var(--color-gradient-1) 0%, var(--color-gradient-2) 47%, var(--color-gradient-1) 100%) 0% 0% no-repeat padding-box; position: relative; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .teacherrequest-form .copyright { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .main-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .head__action a { padding: .75rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .5rem; } .head__action a svg { width: 16px; height: 16px; fill: var(--color-primary); } .head__action a span { font-weight: 600; font-size: var(--font-size-sm); text-transform: uppercase; } .head__title h4 { color: var(--color-dark); font-weight: 700; font-size: var(--font-size-h4); } .page-block__cover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0px 0px 30px #0000001A; box-shadow: 0px 0px 30px #0000001A; background: #fff; overflow: hidden; border-radius: calc(clamp(1rem, 0.382vw + 0.904rem, 1.429rem)); max-width: 1100px; margin: 0 auto; } @media (max-width: 1199px) { .page-block__cover { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-block__left { background: #fff; padding: 1.5rem; } @media (min-width: 1199px) { .page-block__left { padding: 2.5rem; max-width: 300px; -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; border-right: 1px solid var(--color-gray-400); } } .page-block__right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .page-block__right .page-block__head { padding: 2rem 3rem; border-bottom: 1px solid var(--color-gray-300); } @media (max-width: 767px) { .page-block__right .page-block__head { padding: 1.5rem 2rem; } } .page-block__right .page-block__body { padding: 2rem 3rem; } @media (max-width: 767px) { .page-block__right .page-block__body { padding: 1.5rem 2rem; } } @media (min-width: 1199px) { .table-scroll .table.table--bordered td:first-child, .table-scroll .table.table--bordered th:first-child { padding-left: 0; } .table-scroll .table.table--bordered td:last-child, .table-scroll .table.table--bordered th:last-child { padding-right: 0; } } @media (max-width: 1199px) { .steps--vertical { overflow: auto; text-align: center; } } .steps--vertical ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } @media (max-width: 1199px) { .steps--vertical ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: auto; gap: 3rem; } } @media (max-width: 991px) { .steps--vertical ul { gap: 2rem; } } .steps--vertical ul li { counter-increment: counter-inc; } .steps--vertical ul li a { padding: .5rem 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .5rem; position: relative; text-transform: uppercase; font-size: 0.95rem; color: var(--color-gray-700); white-space: nowrap; } @media (max-width: 1199px) { .steps--vertical ul li a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 12px; } } .steps--vertical ul li a::before { content: counter(counter-inc); font-size: 1rem; background-color: var(--color-gray-100); width: 24px; height: 24px; border-radius: 50%; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .steps--vertical ul .is-process a { font-weight: 600; color: var(--color-secondary); } .steps--vertical ul .is-process a::before { background-color: transparent; color: var(--color-secondary); border: 1px solid var(--color-secondary); } .steps--vertical ul .is-completed { position: relative; } .steps--vertical ul .is-completed a { font-weight: 600; color: var(--color-dark); } .steps--vertical ul .is-completed .step__icon { width: 24px; height: 24px; position: absolute; background-color: var(--color-green); border-radius: 50%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .steps--vertical ul .is-completed .step__icon::before { width: 13px; height: 7px; position: absolute; top: 47%; left: 40%; border-left: 2px solid #fff; border-bottom: 2px solid #fff; content: ""; -webkit-transform: rotate(-45deg) translate(0, -78%); -ms-transform: rotate(-45deg) translate(0, -78%); transform: rotate(-45deg) translate(0, -78%); } .block-content .block-content__head { margin-bottom: 3.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem 2rem; } @media (max-width: 767px) { .block-content .block-content__head { margin-bottom: 2rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .block-content .block-content__head h5 { color: var(--color-dark); font-size: var(--font-size-medium); margin-bottom: .75rem; } .block-content .block-content__head p { margin-bottom: 0; } .block-content .block-content__body { margin-bottom: 3rem; } @media (max-width: 991px) { .block-content .block-content__body .field-set { margin-bottom: 1.5rem; } } .block-content .block-content__body .field-set .caption-wraper .field_label { color: var(--color-dark); } .block-content .block-content__body .phone--number input:first-child { border-right: none; } .block-content .block-content__body .form .row:last-child [class*="col-md-12"] .field-set { margin-bottom: 0; } .block-content .block-content__foot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .block-content .list-inline label { width: 100%; } .block-content .block-content__foot .submit-row { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .block-content .block-content__foot .submit-row .field_cover { display: -webkit-box; display: -ms-flexbox; display: flex; } .block-content .block-content__foot .submit-row .field_cover input { border-color: var(--color-primary); width: 100px; } @media (max-width: 991px) { .block-content .block-content__foot .submit-row .field_cover input { height: 38px; } } .checkbox input:checked + .input-helper, .radio input:checked + .input-helper { -webkit-box-shadow: none; box-shadow: none; border: 2px solid var(--color-secondary) !important; } .img-upload { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2.5rem; } .img-upload .img-upload__content { margin-left: 3rem; } .img-upload .img-upload__content h6 { font-size: var(--font-size-sm); color: var(--color-dark); margin-bottom: .25rem; } .img-upload .img-upload__content p { font-size: 0.9rem; } .img-upload .img-upload__content .btn { height: 30px; } .block-content__foot .form__actions { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; } @media (min-width: 767px) { .colum-layout { display: grid; grid-gap: 20px; grid-template-columns: 49% 49%; } } @media (max-width: 767px) { .colum-layout__cell { margin-bottom: 1.5rem; } } .colum-layout__cell { border: 1px solid var(--color-gray-200); border-radius: .625rem; } .colum-layout__head { padding: 1.5rem 1.5rem; border-bottom: 1px solid var(--color-gray-200); } .colum-layout__scroll { max-height: 32.2rem; } .selection { position: relative; border-bottom: 1px solid var(--color-gray-200); } .selection__trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 1rem 1.5rem; min-height: 3.5rem; cursor: pointer; background: #fff; z-index: 1; } .selection__trigger-input, .selection__trigger input { position: absolute; opacity: 0; } .selection__trigger-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; color: var(--color-gray-800); } .selection__trigger-icon { position: relative; width: 18px; height: 18px; -webkit-box-flex: 0; -ms-flex: 0 0 18px; flex: 0 0 18px; display: block; border-radius: var(--radius-round); background-color: #fff; color: #000; border: 1px solid #7B7B7B; } .selection__trigger-icon:before { width: 9px; height: 5px; position: absolute; top: 48%; left: 38%; border-left: 2px solid #fff; border-bottom: 2px solid #fff; content: ""; -webkit-transform: rotate(-45deg) translate(0, -78%); -ms-transform: rotate(-45deg) translate(0, -78%); transform: rotate(-45deg) translate(0, -78%); } .selection__trigger-label { width: 80%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .selection__trigger-input:checked ~ .selection__trigger-action { color: var(--color-secondary); font-weight: 600; } .selection__trigger-input:checked ~ .selection__trigger-action .selection__trigger-icon { background-color: #000; border-color: #000; color: #fff; } .selection.is-selected .selection__trigger-action { color: var(--color-black); font-weight: 600; } .selection.is-selected .selection__trigger-icon { background-color: #000; border-color: #000; color: #fff; } .selection--select .selection__trigger { pointer-events: none; } .submit-row { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 576px) { .submit-row .field_cover { display: -webkit-box; display: -ms-flexbox; display: flex; } .submit-row .field_cover input { width: auto; } } @media (max-width: 576px) { .profile-media .avtar--xlarge { width: 100%; height: 100%; } } @media (max-width: 576px) { .profile-media .buttons-group { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .profile-media .buttons-group .btn.btn--wide.btn.btn--small { width: 100%; min-width: 1%; margin: 0; } } .select__dropdown { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; border: none; min-height: 3.5rem; line-height: 20px; background: none; padding: 1rem 1.5rem; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; } .flag-icon--s { width: 1.5rem; height: 1.5rem; } .flag-icon { display: inline-block; border-radius: var(--radius-round); overflow: hidden; vertical-align: text-top; margin-right: .5rem; } .common-slot-price input[type="text"] { width: 90px; height: 32px; text-align: center; color: #333; border-radius: 0; } .common-slot-price .field_label { margin-bottom: 0; margin-right: 10px; font-weight: normal; color: #999; } .field-set .input-helper { border-radius: 4px; background: #fff; -webkit-box-shadow: none; box-shadow: none; border: 2px solid var(--color-gray-300); } .box--white { background: #fff; } .application-no { max-width: 340px; padding: 1rem 0; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); text-transform: uppercase; font-size: 0.9rem; color: var(--color-gray-800); margin: 0 auto 4rem; } .form__actions div { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .form__actions div div { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .form__actions div div input[type="submit"] { margin-bottom: 0; margin-right: .75rem; } .message--resume { min-height: 27rem; margin-bottom: 3rem; } .message--resume .message-display__icon { height: 12rem; width: 12rem; margin-bottom: 1.5rem; } .message--resume p { opacity: 0.7; margin-bottom: 2rem; } .message--resume h5 { color: var(--color-dark); } .message--confirmetion { background-color: transparent; padding: 0; -webkit-box-shadow: none; box-shadow: none; } .form--register { color: #000; background-color: #fff; margin-bottom: 1.25rem; } @media (max-width: 1199px) { .form--register .table-scroll { -webkit-box-shadow: none; box-shadow: none; border: 1px solid var(--color-gray-200); } } .form--register table { border-top: transparent; margin: 0; } .form--register table .title-row th { text-transform: uppercase; background-color: transparent; } .form--register table .data-group span { font-size: var(--font-size-sm); } .form--register table .data-group span:first-child { color: inherit; font-size: var(--font-size-h6); } .form--register table .attachment-file { opacity: 0.6; font-size: var(--font-size-md); } .form--register table .attachment-file .icon { width: 12px; fill: var(--color-gray-900); } .form--register table .actions-group { display: -webkit-box; display: -ms-flexbox; display: flex; } .form--register table .actions-group .btn .icon { fill: inherit; width: 14px; } .accept--field .input-helper { border-radius: 4px; margin: -2px 0 0 0; } .accept--field label a { color: currentColor; font-size: inherit; } .section--registration { position: relative; height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 767px) { .section--registration .header { background: transparent; border: none; } } @media (max-width: 767px) { .section-copyright { text-align: center; } } @media (max-width: 767px) { .copyright { padding-bottom: 1rem; } } .form-register .form { margin-bottom: 1rem; } .form-register .form .form-group { margin-bottom: 1rem; } .form-register .form .field-password { position: relative; } .form-register .form .field-password .password-toggle { position: absolute; top: 0px; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; } @media (min-width: 1199px) { .form-register .form .field-password .password-toggle { height: 60px; } } .form-register .form .field-password .password-toggle .icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-register .form input { height: 40px; } @media (min-width: 1199px) { .form-register .form input { height: 60px; } } .form-register .form .btn { font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); } .hero-form { background: #FFFFFF; color: #000; border-radius: calc(clamp(1rem, 0.382vw + 0.904rem, 1.429rem)); padding: calc(clamp(1.429rem, 1.911vw + 0.951rem, 3.571rem)); } @media (max-width: 767px) { .hero-form { -webkit-box-shadow: 0px 0px 40px #F8E6E6; box-shadow: 0px 0px 40px #F8E6E6; text-align: left; } } .hero-form .hero-form__head { padding-bottom: calc(clamp(1.429rem, 1.019vw + 1.174rem, 2.571rem)); } .hero-form .hero-form__head p { font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); margin: 0; } .hero-form h1 { font-weight: 700; padding-bottom: .5rem; font-size: calc(clamp(1.429rem, 1.783vw + 0.983rem, 3rem)); color: currentColor; } .hero-form p { text-shadow: none; } .hero-form .hero-form__footer { padding-top: .5rem; } .hero-form .hero-form__footer p { font-size: 1rem; margin: 0; } .hero-form .hero-form__footer p .link { font-size: inherit; color: currentColor; font-weight: normal; } .site-card { border: 1px solid #ECECEC; border-radius: calc(clamp(0.714rem, 0.637vw + 0.555rem, 1.429rem)); padding: calc(clamp(1.429rem, 1.911vw + 0.951rem, 3.571rem)); text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: calc(clamp(1.429rem, 1.911vw + 0.951rem, 3.571rem)); height: 100%; } .site-card__media img { margin: 0 auto; } @media (max-width: 1199px) { .site-card__media .media { max-width: 80px; margin: 0 auto; } } .site-card h3 { font-size: calc(clamp(1.286rem, 0.51vw + 1.158rem, 1.857rem)); margin-bottom: .5rem; } .site-card p { font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); margin: 0; line-height: 1.5; } @media (min-width: 1199px) { .section.section--contact-cta { padding-bottom: 0; } } .cms-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: calc(clamp(1.429rem, 2.548vw + 0.792rem, 4.286rem)); } .cms-cta__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 2rem; } @media (min-width: 1199px) { .cms-cta__content { padding: 2.5rem 0; } } .cms-cta__content h2 { font-size: calc(clamp(1.714rem, 2.038vw + 1.205rem, 4rem)); } .cms-cta__content h2 span { font-size: calc(clamp(1.429rem, 0.764vw + 1.237rem, 2.286rem)); display: block; font-weight: normal; } @media (min-width: 1199px) { .cms-cta__content .btn { font-size: calc(clamp(1.143rem, 0.382vw + 1.047rem, 1.571rem)); height: auto; line-height: normal; padding: .75rem 2.5rem; } } .cms-cta__media { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } .cta-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(clamp(1.429rem, 2.548vw + 0.792rem, 4.286rem)); padding: calc(clamp(3.571rem, 3.185vw + 2.775rem, 7.143rem)); border-radius: calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)); } @media (min-width: 1199px) { .cta-block { margin-top: 4rem; } } @media (max-width: 1199px) { .cta-block { padding: calc(clamp(1.429rem, 1.274vw + 1.11rem, 2.857rem)); } } @media (max-width: 767px) { .cta-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } } @media (min-width: 767px) { .cta-block__content { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } } @media (max-width: 767px) { .cta-block__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .cta-block__media { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 767px) { .cta-block__media { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .cta-block .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.25rem; } @media (max-width: 767px) { .cta-block .content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cta-block .content h2 { font-weight: 700; line-height: 1.25; font-size: calc(clamp(1.429rem, 2.428vw + 0.098rem, 3.429rem)); } @media (min-width: 1199px) { .cta-block .content p { font-size: calc(clamp(1.286rem, 0.255vw + 1.222rem, 1.25rem)); line-height: 1.5; } } @media (min-width: 1199px) { .cta-block .content .btn { height: auto; line-height: normal; font-size: calc(clamp(1rem, 0.51vw + 0.873rem, 1.25rem)); padding: 1rem 2.5rem; } } .section--tutor-steps { background-color: #EDD9FF; } @media (min-width: 1199px) { .section--tutor-steps { border-top-right-radius: calc(clamp(3.571rem, 4.459vw + 2.457rem, 8.571rem)); border-top-left-radius: calc(clamp(3.571rem, 4.459vw + 2.457rem, 8.571rem)); padding-bottom: calc(clamp(8rem, 11.465vw + 5.705rem, 18rem)); } } .section--cta-block { background-color: #fff; color: #000; } @media (min-width: 1199px) { .section--cta-block { border-top-right-radius: calc(clamp(3.571rem, 4.459vw + 2.457rem, 8.571rem)); border-top-left-radius: calc(clamp(3.571rem, 4.459vw + 2.457rem, 8.571rem)); margin-top: -8rem; } } .step-card { background-color: #fff; color: #000; padding: calc(clamp(1.429rem, 2.229vw + 0.871rem, 3.929rem)); border-radius: calc(clamp(0.714rem, 0.637vw + 0.555rem, 1.429rem)); text-align: center; height: 100%; } @media (max-width: 1199px) { .step-card { padding: 10px; } } @media (max-width: 767px) { .step-card { padding: calc(clamp(1.429rem, 2.229vw + 0.871rem, 3.929rem)); } } .step-card__content h3 { font-size: calc(clamp(1.286rem, 0.637vw + 1.126rem, 2rem)); margin-bottom: calc(clamp(0.5rem, 0.955vw + 0.475rem, 1rem)); } .step-card__content p { margin: 0; line-height: 1.4; } @media (min-width: 1199px) { .step-card__content p { font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); } } .step-card__media { margin-bottom: calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)); } .step-card__media img { margin: 0 auto; } .list-group--tick li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(clamp(1.429rem, 0.637vw + 1.269rem, 2.143rem)); font-weight: 600; font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #ddd; } .list-group--tick li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .list-group--tick li::before { content: "\2713"; --size: calc(clamp(2.143rem, 0.637vw + 1.984rem, 2.857rem)); width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #F0F0F0; color: var(--color-primary); -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } .style-italic { font-style: italic; } .mark-option { width: 36px; height: 36px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; color: #000; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: var(--radius-round); background-color: rgba(255, 255, 255, 0.8); border: none; } .mark-option.is-active { background-color: var(--color-primary); } .mark-option.is-active svg { fill: #fff; } .btn--favorite { border-color: currentColor; color: var(--color-gray-900); } .btn--favorite.is-active { background-color: var(--color-secondary); border-color: var(--color-secondary); color: var(--color-secondary-inverse); } .course-card .mark-option { position: absolute; left: 1.6rem; top: 1.6rem; } @media (max-width: 576px) { .course-card .mark-option { left: 1rem; top: 1rem; z-index: 1; } } .course-card { background-color: #fff; -webkit-box-shadow: 0px 0px 40px #E0E3EC; box-shadow: 0px 0px 40px #E0E3EC; border-radius: 10px; width: 100%; margin-bottom: 2rem; -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; } .course-card__label { display: block; font-size: var(--font-size-small); } @media (max-width: 576px) { .course-card__label { font-size: var(--font-size-sm); } } .course-card__title { display: block; word-wrap: break-word; font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); } @media (max-width: 991px) { .course-card__title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 767px) { .course-card__title { font-size: 15px; } } @media (max-width: 576px) { .course-card__title { overflow: visible; text-overflow: unset; white-space: normal; } } .course-card__subtitle { display: block; } @media (max-width: 576px) { .course-card__subtitle { display: none; } } @media (min-width: 1199px) { .course-card:hover { -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); } } .course-card .rating__media { width: 12px; height: 12px; } .course-card .rating__value { font-size: 13px; line-height: 1; } .course-card .rating__count { font-size: 12px; } .course-card .profile-meta__details { font-size: 13px; } .course-card .profile-meta__details span { font-weight: 600; } .course-card .course-media { border-radius: .625rem; overflow: hidden; } .course-card .course-media .course-preview__action span { border-radius: 50%; background-color: transparent; color: #fff; border: 2px solid currentColor; -webkit-box-shadow: none; box-shadow: none; } .course-grid { padding: calc(clamp(1rem, 1.656vw + 0.586rem, 2.857rem)); } @media (min-width: 767px) { .course-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(clamp(1rem, 1.656vw + 0.586rem, 2.857rem)); } } @media (max-width: 991px) { .course-grid { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .course-grid__head { position: relative; } @media (min-width: 767px) { .course-grid__head { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } } @media (min-width: 1299px) { .course-grid__head { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .course-grid__body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } @media (max-width: 767px) { .course-grid__body { margin-top: 1.25rem; } } .course-stats { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .5rem 0; } .course-stats__item { font-size: 13px; } .course-stats__item span { line-height: 1; display: block; } .course-stats__item:not(:last-child) { padding-right: .75rem; margin-right: .75rem; border-right: 1px solid; } .course-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; } @media (max-width: 576px) { .course-actions { margin-top: 1rem; } } @media (max-width: 576px) { .course-actions__grid { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .course-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: .75rem; } .course-controls .btn { border-width: 2px; } @media (max-width: 576px) { .course-controls__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .course-controls__item .btn { display: block; width: 100%; text-align: center; } } .snakeline-hover { text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)); background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; -webkit-transition: background-size .3s; transition: background-size .3s; } @media (min-width: 1199px) { .snakeline-hover:hover { background-size: 100% 1px; color: var(--color-primary); } } .course-tag { position: absolute; right: 1rem; top: 1rem; padding: .25rem .75rem; color: var(--color-secondary); font-size: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .5rem; } .course-tag svg { color: currentColor; } @media (max-width: 767px) { .course-tag { background-color: #fff; border-radius: var(--radius-round); padding: .25rem .75rem; padding-right: 1rem; font-size: 12px; right: 2rem; top: 2rem; } .course-tag .icon { width: 22px; height: 22px; } } .course-media .course-preview__action { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .course-media .course-preview__action span { width: 40px; height: 40px; margin: 1rem; position: relative; } .course-media .course-preview__action span:before { border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 12px solid currentColor; margin-left: 2px; } @media (min-width: 1199px) { .course-media .course-preview__action:hover span { background-color: white; color: #000; } } .section-view { padding: 2rem 0 5rem; } .page-heading { font-weight: 600; font-size: calc(clamp(1.714rem, 1.019vw + 1.46rem, 2.857rem)); line-height: 1.25; } .page-subheading { font-weight: 300; font-size: calc(clamp(1.143rem, 0.382vw + 1.047rem, 1.571rem)); } @media (min-width: 576px) { .page-nav { position: sticky; top: 0; background-color: #fff; z-index: 1; padding: 1rem 0; } .page-nav ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .page-nav ul li a { text-align: center; padding: calc(clamp(0.429rem, 0.51vw + 0.301rem, 1rem)) calc(clamp(0.714rem, 0.892vw + 0.491rem, 1.714rem)); font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); } } @media (max-width: 991px) { .page-nav { margin-top: 2rem; } } @media (max-width: 576px) { .page-nav { display: none; } } .course-counts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .5rem 1.5rem; } .course-counts__item { position: relative; } .course-counts__item:not(:last-child):before { position: absolute; right: -.75rem; top: 2px; bottom: 2px; content: ""; width: 1px; background-color: currentColor; } @media (max-width: 1199px) { .course-counts { clear: left; } } .page-view__head .course-counts { margin-top: 2.5rem; } .course-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .25rem; } .course-info__media { width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-flex { position: relative; width: 100%; } @media (max-width: 576px) { .page-flex { padding: 0 1rem; } } @media (max-width: 991px) { .page-flex__large { margin-top: 1.5rem; } } @media (min-width: 991px) { .page-flex { display: grid; grid-column-gap: 60px; grid-row-gap: 40px; grid-template-columns: 1fr 385px; } .page-flex__large { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .page-flex__small { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width: 1199px) { .page-flex { grid-column-gap: 40px; grid-template-columns: 1fr 320px; } } @media (min-width: 991px) { .page-flex__sticky { position: sticky; top: 2rem; } } .course-preview { position: relative; width: 100%; border-radius: 10px; overflow: hidden; } .course-preview__action { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .course-preview__action span { width: 40px; height: 40px; border-radius: 50%; display: block; margin: 1rem; -webkit-transition: all 0.4s; transition: all 0.4s; color: #fff; border: 2px solid currentColor; position: relative; } .course-preview__action span:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-top: 7px solid transparent; border-bottom: 7px solid transparent; content: ""; border-left: 12px solid currentColor; margin-left: 2px; } @media (min-width: 1199px) { .course-preview__action:hover span { background-color: white; color: #000; } } .panel-content { position: relative; width: 100%; } @media (min-width: 576px) { .panel-content:not(:last-child) { margin-bottom: 3.5rem; padding-bottom: 3.5rem; border-bottom: 1px solid #E6E6E6; } } .panel-content__head h3 { font-weight: 700; } @media (max-width: 576px) { .panel-content__head { padding: 1.5rem 0; position: relative; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); margin-top: -1px; background-color: #fff; padding-right: 2.5rem; cursor: pointer; } .panel-content__head:after { position: absolute; right: .25rem; top: 1.8rem; width: 10px; height: 10px; content: ""; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .panel-content__head h3 { font-size: var(--font-size-h5); } } @media (max-width: 576px) { .panel-content.is-active .panel-content__head { color: var(--color-primary); } .panel-content.is-active .panel-content__head:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); top: 2.2rem; } } @media (max-width: 576px) { .panel-content__body { display: none; padding-bottom: 2rem; } } .content-group { position: relative; width: 100%; margin-top: 1rem; } .content-group:not(:first-child) { margin-top: 2rem; } .content-group h5 { font-weight: 600; font-size: calc(clamp(1.143rem, 0.382vw + 1.047rem, 1.571rem)); } .content-group .tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: .5rem; } .content-group .badge { background-color: #F5F6F9; color: #000; border-radius: 2.5rem; font-size: .9375rem; padding: .5rem 1.125rem; margin: 0; } .content-group .badge::before { display: none; } .check-list { position: relative; width: 100%; } .check-list ul li { position: relative; padding-left: 2rem; line-height: 1.6; } .check-list ul li:before { position: absolute; left: 5px; top: 5px; content: ""; width: 7px; height: 12px; border-bottom: 2px solid currentColor; border-right: 2px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 576px) { .check-list--half ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem 2rem; } } .check-listing:not(.showmore) li:nth-child(n + 5) { display: none; } .check-listing ~ .link-expand { margin-top: 1rem; } .link-expand { font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); background-color: transparent; color: var(--color-primary); font-weight: 600; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .5rem; border: none; padding: 0; } .link-expand::before { content: "+"; font-size: 1.5rem; } .link-expand.is-active { display: none; } .inline-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: .75rem 2rem; } .inline-list ul li { position: relative; } .inline-list ul li:not(:last-child):before { position: absolute; right: -1rem; top: 2px; bottom: 2px; content: ""; width: 1px; background-color: currentColor; } .dots-list { position: relative; width: 100%; } .dots-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dots-list ul li { position: relative; font-weight: 600; } .dots-list ul li:not(:first-child) { padding-left: 2.5rem; } .dots-list ul li:not(:first-child):before { position: absolute; left: 1.1rem; top: 0.4rem; content: ""; width: 6px; height: 6px; background-color: currentColor; border-radius: var(--radius-round); } .course-layout { position: relative; width: 100%; margin-top: 2rem; border: 1px solid var(--color-gray-300); border-radius: 10px; } .course-layout__head { padding: calc(clamp(1rem, 0.382vw + 0.904rem, 1.429rem)) calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1.75rem; cursor: pointer; } .course-layout__head[aria-expanded="true"]:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: 10px; } .course-layout__head[aria-expanded="true"] .course-content p { display: block; } .course-layout__head .course-content { display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-template-columns: 1fr auto; gap: .25rem 2rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 767px) { .course-layout__head .course-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .course-layout__head .course-content h5 { font-size: calc(clamp(1.143rem, 0.127vw + 1.111rem, 1.286rem)); } .course-layout__head .course-content p { margin: 0; grid-column-start: 1; grid-column-end: 3; display: none; } .course-layout__head .course-counts { padding-top: 5px; } .course-layout__head:after { content: ""; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 10px; height: 10px; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; margin-top: 7px; } @media (max-width: 1199px) { .course-layout__head:after { width: 9px; height: 9px; } } .course-layout__body { border-top: 1px solid var(--color-gray-300); } .course-layout-inner { padding: calc(clamp(1rem, 0.382vw + 0.904rem, 1.429rem)) calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)); } .course-topic { padding-bottom: 1.25rem; margin-bottom: 1.25rem; border-bottom: 1px solid var(--color-gray-300); } .course-topic:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } @media (min-width: 576px) { .course-topic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .course-topic__action { width: 100%; } @media (min-width: 576px) { .course-topic__action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .course-topic__action .course-topic__name, .course-topic__action .course-topic__preview { text-decoration: underline; text-underline-offset: 4px; } .course-topic__action .course-topic__preview { color: var(--color-primary); } .course-topic__action .course-topic__preview:hover { color: currentColor; text-decoration: none; } .course-topic__action .course-topic__name:hover { text-decoration: none; color: var(--color-primary); } .course-topic__title { font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: .75rem; } @media (min-width: 767px) { .course-topic__title { max-width: 75%; width: 100%; } .course-topic__title .icon { -webkit-box-flex: 0; -ms-flex: 0 0 18px; flex: 0 0 18px; } } .course-topic__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2rem; } @media (min-width: 576px) { .course-topic__content { margin-left: auto; } } @media (max-width: 1199px) { .course-topic__content { gap: 1rem; } } @media (max-width: 576px) { .course-topic__content { padding-left: 2rem; padding-top: 0.5rem; } } .course-layout-inne { padding: calc(clamp(1rem, 0.382vw + 0.904rem, 1.429rem)) calc(clamp(1rem, 1.019vw + 0.745rem, 2.143rem)); } .author-box { width: 100%; background-color: #F5F6F9; color: #000; padding: calc(clamp(1.071rem, 1.592vw + 0.673rem, 2.857rem)); border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: calc(clamp(1.143rem, 2.548vw + 0.506rem, 4rem)); } @media (max-width: 576px) { .author-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1.5rem; } } .author-box__media { text-align: center; } @media (min-width: 576px) { .author-box__media { max-width: calc(clamp(7.143rem, 7.643vw + 5.232rem, 15.714rem)); -webkit-box-flex: 0; -ms-flex: 0 0 calc(clamp(7.143rem, 7.643vw + 5.232rem, 15.714rem)); flex: 0 0 calc(clamp(7.143rem, 7.643vw + 5.232rem, 15.714rem)); } } .author-box__media .media { border-radius: 10px; } .author-box__content .author-name { font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); font-weight: 600; } .author-box__content .btn { border-width: 2px; } .author-box__content .author-bio p { margin: 0; } .page-box { position: relative; width: 100%; min-height: 300px; } @media (min-width: 576px) { .page-box { background: #fff; -webkit-box-shadow: 0px 0px 40px #E0E3EC; box-shadow: 0px 0px 40px #E0E3EC; border-radius: 10px; } } .page-box__head { padding: calc(clamp(0.857rem, 0.892vw + 0.634rem, 1.857rem)) 0; padding-bottom: 0; } .page-box__head h5 { font-size: calc(clamp(1.143rem, 0.382vw + 1.047rem, 1.571rem)); font-weight: 600; } @media (min-width: 576px) { .page-box__head { padding: calc(clamp(0.857rem, 0.892vw + 0.634rem, 1.857rem)) calc(clamp(0.857rem, 1.146vw + 0.571rem, 2.143rem)); padding-bottom: 0; } } .page-box__body { padding: calc(clamp(0.857rem, 0.892vw + 0.634rem, 1.857rem)) 0; } @media (min-width: 576px) { .page-box__body { padding: calc(clamp(0.857rem, 0.892vw + 0.634rem, 1.857rem)) calc(clamp(0.857rem, 1.146vw + 0.571rem, 2.143rem)); } } .page-box__footer { padding: calc(clamp(0.857rem, 0.892vw + 0.634rem, 1.857rem)) 0; border-top: 1px solid var(--color-gray-200); } @media (min-width: 576px) { .page-box__footer { padding: calc(clamp(0.857rem, 1.146vw + 0.571rem, 2.143rem)); } } @media (max-width: 576px) { .page-box__footer { padding: 2rem 0; } } .page-box__footer .sharing-view h6 { font-size: calc(clamp(1rem, 0.255vw + 0.936rem, 1.286rem)); } @media (max-width: 991px) { .page-box__footer .sharing-view { padding: 0; border: none; } } .page-box .btn { border-width: 2px; font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); } .course-options__item { padding: 1rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); border-top: 1px solid #E6E6E6; } @media (max-width: 576px) { .course-options__item { border: none; padding: .375rem 0; } } .course-options__item-media svg { display: block; } .course-options__item:first-child { padding-top: 0; border-top: none; } .course-options__item.is-hurry { color: var(--color-secondary); font-weight: 600; } .course-pricing__price { font-size: calc(clamp(1.286rem, 1.401vw + 0.935rem, 2.857rem)); font-weight: 600; } .video-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; cursor: pointer; padding: .75rem 1.25rem .75rem; } .video-item__media { width: 80px; margin-top: 0.3rem; } .video-item__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .video-item__title { max-width: 80%; line-height: 1.7; font-size: var(--font-size-small); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .video-item__time { font-size: var(--font-size-small); } .video-item.is-active { background-color: var(--color-gray-100); } .video-item.is-active .video-item__title { font-weight: 600; } .more-videos { position: relative; width: 100%; max-height: 346px; overflow: auto; } @media (min-width: 576px) { .card-tile-cover { padding: 0 15px 2rem; } } .card-tile .mark-option { position: absolute; left: 1rem; top: 1rem; z-index: 1; } @media (max-width: 576px) { .card-tile .mark-option { right: 1rem; top: 1rem; z-index: 1; } } .card-tile { background-color: #fff; border-radius: var(--radius-0); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; } .card-tile__label { display: block; color: var(--color-primary); font-weight: 600; font-size: var(--font-size-small); text-transform: uppercase; } @media (max-width: 576px) { .card-tile__label { font-size: var(--font-size-sm); } } .card-tile__title { display: block; color: #000; font-weight: 700; margin: .5rem 0 1rem; min-height: 50px; word-wrap: break-word; } @media (max-width: 991px) { .card-tile__title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .card-tile__title { font-size: var(--font-size-h5); } } @media (max-width: 576px) { .card-tile__title { font-size: var(--font-size-medium); margin-bottom: 1rem; margin-top: .5rem; overflow: visible; text-overflow: unset; white-space: normal; } } .card-tile__subtitle { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 576px) { .card-tile__subtitle { display: none; } } @media (mIN-width: 1199px) { .card-tile:hover { -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); } } .card-tile__body { padding: 1.5rem; } .card-tile__footer { padding: 1rem 1.5rem 1.5rem; } .card-tile .course-tag { background-color: #fff; border-radius: var(--radius-round); padding: .25rem .75rem; padding-right: 1rem; font-size: 12px; } .video-preview { background-color: #fff; border-radius: var(--radius-1); } @media (min-width: 1199px) { .video-preview { min-width: 1100px; } } @media (min-width: 1199px) { .video-preview__large { width: calc(100% - 380px); padding: 2rem; } } @media (min-width: 1199px) { .video-preview__small { width: 380px; padding: .75rem 0; border-left: 1px solid var(--color-gray-200); } } .video-preview__body { position: relative; width: 100%; } @media (min-width: 1199px) { .video-preview__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .video-preview__head { border-bottom: 1px solid var(--color-gray-200); padding: 2rem; } .btn--favorite { gap: 1rem; } .btn--favorite .fav-icon { fill: none; stroke: currentColor; stroke-width: 2px; width: 18px; height: 18px; position: relative; top: 1px; display: block; } .btn--favorite.is-active .fav-icon { fill: #fff; stroke: #fff; } .mark-option .fav-icon { fill: none; stroke: currentColor; stroke-width: 2px; width: 18px; height: 18px; position: relative; top: 1px; display: block; } .mark-option.is-active .fav-icon { fill: #fff; stroke: #fff; } .details-view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: calc(clamp(1.143rem, 3.822vw + 0.187rem, 5.429rem)); } @media (max-width: 1199px) { .details-view { display: block; } } .details-view__media { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } @media (max-width: 1199px) { .details-view__media { margin-bottom: 2rem; max-width: 100%; } } .details-view .course-counts__item::before { display: none; } .details-view .course-card__label { font-size: calc(clamp(1rem, 0.127vw + 0.968rem, 1.143rem)); } .details-view .rating__value { font-size: 1.125rem; } .details-view .profile-meta__details h4 { font-size: calc(clamp(1rem, 0.51vw + 0.873rem, 1.571rem)); } @media (min-width: 1199px) { .details-view .profile-meta__details h4 { font-weight: normal; } } @media (max-width: 1199px) { .details-view .avtar--large { width: 3.428rem; height: 3.428rem; } } .container--lg { max-width: 1380px; } @media (min-width: 767px) { .container--lg { width: 94%; } } .container--xl { max-width: 1480px; } @media (min-width: 767px) { .container--xl { width: 94%; } } .container--xxl { max-width: 1600px; } @media (min-width: 767px) { .container--xxl { width: 94%; } } @media (min-width: 767px) { .text-md-center { text-align: center; } } .gap-2 { gap: .75rem; } .bg-grey { background-color: #F5F6F9; } .section__header { text-align: center; margin-bottom: calc(clamp(1.714rem, 1.5vw + 1.371rem, 3.429rem)); } .section__header p { margin-top: .75rem; } @media (min-width: 1199px) { .section__header p.p-large { font-size: 1.5rem; } } .section__header h2 { line-height: 1.3; color: #111; font-size: calc(clamp(1.429rem, 2.428vw + 0.098rem, 3.429rem)); font-weight: 800; } @media (max-width: 767px) { .section__header h2 { font-size: calc(clamp(1.571rem, 1.625vw + 1.2rem, 3.429rem)); } } .menu ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .menu-label { background-color: var(--color-primary); font-size: 10px; padding: 0 5px; line-height: 16px; color: var(--color-primary-inverse); margin-left: .25rem; } @media (min-width: 767px) { .header-dropdown.header-dropdown--arrow { display: none; } } .section--hero { border-radius: 0px 0px 80px 80px; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #fff; color: #000; overflow: hidden; } @media (min-width: 1199px) { .section--hero { max-height: calc(100vh - 120px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: calc(100vw * (800 / 1920)); } } @media (max-width: 1199px) { .section--hero { border-radius: 0px 0px 2rem 2rem; } } @media (max-width: 767px) { body:not(.home-index) .section--hero { background-image: none !important; aspect-ratio: inherit; } } .hero-panel { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; } @media (max-width: 767px) { .hero-panel { grid-template-columns: repeat(1, 1fr); grid-gap: 2rem; text-align: center; } } @media (min-width: 767px) { .hero-panel__media { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width: 767px) { .hero-panel__media img { max-width: 250px; margin: 0 auto; } } .hero-panel__content { max-width: 620px; } @media (max-width: 767px) { .hero-panel__content { margin: 0 auto; } } .hero-panel__content .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.25rem; } @media (max-width: 767px) { .hero-panel__content .content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .hero-panel__content .content p { line-height: 1.4; font-size: calc(clamp(1.143rem, 0.52vw + 0.858rem, 1.571rem)); color: currentColor; } @media (min-width: 1199px) { .hero-panel__content .content p { max-width: 450px; margin-bottom: 2rem; } } @media (min-width: 1299px) { .hero-panel__content .content p { font-size: 1.5rem; } } @media (max-width: 767px) { .hero-panel__content .content p { text-shadow: none; } } .hero-panel__content h2 { font-size: calc(clamp(2.286rem, 2.775vw + 0.765rem, 4.571rem)); font-weight: 800; line-height: 1.2; } @media (max-width: 767px) { .hero-panel__content h2 { text-shadow: none; } } .hero-panel__content .btn { border-width: 2px; font-weight: 600; } @media (min-width: 1199px) { .hero-panel__content .btn { font-size: 1.1rem; height: auto; line-height: 1.5; padding: .5rem 2rem; } } @media (min-width: 1299px) { .hero-panel__content .btn { font-size: 1.5rem; padding: .875rem 2.5rem; } } .hero { padding: 0; max-width: 2000px; position: relative; margin: 0 auto 0; } @media (min-width: 576px) { .hero { min-height: 260px; background-color: var(--color-primary); } } @media (max-width: 576px) { .hero { border-bottom: 1px solid var(--color-gray-200); margin-bottom: 0; } } .hero-content hgroup { text-align: center; padding: .25rem; } .hero-content hgroup p { font-size: 1.3rem; font-style: italic; color: inherit; font-weight: 500; line-height: 1.6; margin-top: 1rem; } .hero-content hgroup h1 { font-size: 2rem; font-weight: var(--font-weight-bold); } @media (max-width: 576px) { .hero-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: -56px; position: relative; z-index: 1; } .hero-content:only-child { margin-top: 0; background-color: var(--color-primary); color: var(--color-primary-inverse); padding-top: 1.25rem; } .hero-content hgroup { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 576px) { .hero-content { max-width: 1000px; position: absolute; bottom: -35px; left: 0; right: 0; margin: 0 auto; z-index: 2; } .hero-content hgroup { color: #fff; } .hero-content hgroup p { font-size: 1.4rem; font-style: italic; color: inherit; font-weight: 500; margin: 0; } .hero-content hgroup h1 { font-size: 3.4rem; font-weight: var(--font-weight-bold); text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } } @media (max-width: 991px) { .hero-content hgroup h1 { font-size: 2.6rem; } } @media (max-width: 991px) { .hero-content hgroup h1 { font-size: 2rem; } } .hero-slider { position: relative; } .hero-slider:before { pointer-events: none; position: absolute; left: 0; right: 0; bottom: 0; content: ""; height: 70%; z-index: 1; opacity: 0.9; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .search-layout { width: 100%; background-color: #fff; border-radius: var(--radius-2); -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .search-layout__large { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1%; } .header-search .main-search { max-width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 3.5rem; } @media (max-width: 576px) { .header-search .main-search { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } } .header-search .main-search .selection-listing { -webkit-box-shadow: none; box-shadow: none; } @media (min-width: 576px) { .header-search .main-search .selection-listing { padding-bottom: 0; } } .header-search .main-search .selection-listing ul li a { padding: 0.5rem 1rem; } .header-search .main-search.is-active { border-radius: var(--radius-2) var(--radius-2) 0 0; } .header-search .main-search__field { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1%; position: relative; } @media (max-width: 576px) { .header-search .main-search__field { position: relative; z-index: 3; } } .header-search .main-search__media { width: 24px; position: absolute; top: 12px; left: 0; } .header-search .main-search__action { right: 0; } .header-search .main-search input[type="text"] { height: 50px; line-height: 100%; border-radius: 0; border: none; border-bottom: 1px solid #ddd; padding: 0; padding-right: 2.5rem; -webkit-box-shadow: none; box-shadow: none; font-size: 1rem; } @media (min-width: 576px) { .header-search .main-search input[type="text"] { padding-right: 3.5rem; } } .header-search .main-search input[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; } .header-search .main-search__target { position: absolute; left: 0; right: 0; top: 100%; background-color: #fff; z-index: 1; border-radius: 0 0 var(--radius-2) var(--radius-2); -webkit-box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1); padding: 1rem .25rem; display: none; } .header-search .main-search__target::before { display: none; } @media (max-width: 576px) { .header-search .main-search__target { z-index: 2; } } @media (min-width: 576px) { .header-search .main-search__target { padding: 1rem 1rem; } } @media (max-width: 576px) { .header-search .main-search__dropdown { position: relative; } } @media (max-width: 576px) { .header-search .main-search__field { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; } .header-search .main-search__dropdown { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } } @media (max-width: 576px) { .search-dropdown { border-bottom: 1px solid var(--color-gray-200); } } @media (min-width: 576px) { .search-dropdown { min-width: 150px; position: relative; z-index: 1; border-bottom: 1px solid var(--color-gray-200); } } .search-dropdown__trigger { position: relative; height: 50px; line-height: 50px; padding: 0; display: block; font-weight: 600; padding-left: 1rem; padding-right: 2rem; min-width: 100px; z-index: 2; } @media (max-width: 576px) { .search-dropdown__trigger { height: 50px; line-height: 50px; } } .search-dropdown__trigger:after { position: absolute; right: .25rem; top: 50%; margin-top: -6px; content: ""; width: 8px; height: 8px; pointer-events: none; border-right: 2px solid #333; border-bottom: 2px solid #333; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .search-dropdown__target { position: absolute; right: 0; top: 0; width: 100%; z-index: 1; } .search-dropdown.is-active .search-dropdown__trigger { background-color: transparent; } @media (max-width: 576px) { .search-dropdown__trigger { display: none; } .search-dropdown__target { display: block !important; position: relative; } } .selection-listing { position: relative; background-color: #fff; padding: 1.25rem 0; padding-top: 4rem; } @media (min-width: 576px) { .selection-listing { border-top-left-radius: 0; border-radius: var(--radius-2); -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); border: none; } } .selection-listing ul a { display: block; padding: 0.8rem 0; } @media (min-width: 576px) { .selection-listing ul a:hover { color: var(--color-primary); } } @media (max-width: 576px) { .selection-listing { padding: .75rem 0; padding-right: 0; } .selection-listing ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; white-space: nowrap; } .selection-listing ul { -ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; /* for Firefox */ } .selection-listing ul::-webkit-scrollbar { display: none; /* for Chrome, Safari, and Opera */ } .selection-listing ul li { margin-right: .75rem; } .selection-listing ul li a { display: block; padding: .75rem 1.25rem; background-color: var(--color-gray-100); border-radius: var(--radius-2); } .selection-listing ul li a.is-active { background-color: var(--color-secondary); color: var(--color-secondary-inverse); } } .inline-tabs ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; gap: .875rem; } @media (max-width: 1199px) { .inline-tabs ul { gap: .5rem; padding-bottom: 5px; } } @media (min-width: 1199px) { .inline-tabs ul { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } } .inline-tabs ul li .inline-tabs-link, .inline-tabs ul li a { font-weight: 500; padding: 1rem 1.875rem; display: block; background-color: #F5F6F9; color: #000; white-space: nowrap; border-radius: 2.5rem; border: none; } @media (max-width: 1199px) { .inline-tabs ul li .inline-tabs-link, .inline-tabs ul li a { padding: .625rem 1.625rem; font-size: .875rem; } } .inline-tabs ul li .inline-tabs-link.is-active, .inline-tabs ul li .inline-tabs-link.current, .inline-tabs ul li a.is-active, .inline-tabs ul li a.current { background-color: #393737; color: #fff; } @media (max-width: 991px) { .inline-tabs--large ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } } @media (min-width: 576px) { .inline-tabs--large ul li a { font-size: 1.3rem; min-width: 300px; } } .aos-animate .colum-grid__item:nth-child(1) { -webkit-transition: .5s ease-in-out all; transition: .5s ease-in-out all; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .aos-animate .colum-grid__item:nth-child(2) { -webkit-transition: .75s ease-in-out all; transition: .75s ease-in-out all; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .aos-animate .colum-grid__item:nth-child(3) { -webkit-transition: .9s ease-in-out all; transition: .9s ease-in-out all; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .aos-animate .colum-grid__item:nth-child(4) { -webkit-transition: 1s ease-in-out all; transition: 1s ease-in-out all; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .aos-animate .colum-grid__item:nth-child(5) { -webkit-transition: 1.10s ease-in-out all; transition: 1.10s ease-in-out all; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .aos-animate .colum-grid__item:nth-child(6) { -webkit-transition: 1.25s ease-in-out all; transition: 1.25s ease-in-out all; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .aos-animate .colum-grid__item:nth-child(7) { -webkit-transition: 1.45s ease-in-out all; transition: 1.45s ease-in-out all; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .aos-animate .colum-grid__item:nth-child(8) { -webkit-transition: 1.55s ease-in-out all; transition: 1.55s ease-in-out all; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .aos-animate .colum-grid__item:nth-child(9) { -webkit-transition: 1.75s ease-in-out all; transition: 1.75s ease-in-out all; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .aos-animate .colum-grid__item:nth-child(10) { -webkit-transition: 1.95s ease-in-out all; transition: 1.95s ease-in-out all; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .colum-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 2.75rem; } @media (max-width: 1299px) { .colum-grid { gap: 1.5rem; } } @media (max-width: 1199px) { .colum-grid { gap: 1.25rem; } } @media (max-width: 767px) { .colum-grid { gap: 1rem; } } .colum-grid__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(20% - 2.2rem); flex: 0 0 calc(20% - 2.2rem); -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; } @media (min-width: 1199px) { .colum-grid__item { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } } @media (max-width: 1299px) { .colum-grid__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(20% - 1.2rem); flex: 0 0 calc(20% - 1.2rem); } } @media (max-width: 1199px) { .colum-grid__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 1rem); flex: 0 0 calc(25% - 1rem); } } @media (max-width: 767px) { .colum-grid__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33% - .8rem); flex: 0 0 calc(33.33% - .8rem); } } @media (max-width: 576px) { .colum-grid__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - .8rem); flex: 0 0 calc(50% - .8rem); } } .colum-tile { width: 100%; height: 100%; border: 1px solid #ECECEC; border-radius: 10px; padding: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .875rem; -webkit-transition: all 0.4s; transition: all 0.4s; text-align: center; } @media (min-width: 1199px) { .colum-tile { padding: 2.25rem; padding-bottom: 2.75rem; } .colum-tile:hover { -webkit-box-shadow: 0px 0px 40px #E0E3EC; box-shadow: 0px 0px 40px #E0E3EC; -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); } } @media (max-width: 767px) { .colum-tile { padding: 1.25rem; } } .colum-tile p { margin-bottom: 0; opacity: 0.6; } .colum-tile__media { width: 66px; height: 66px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .colum-tile__content h6 { font-size: calc(clamp(1rem, 0.375vw + 0.914rem, 1.429rem)); line-height: 1.2; } @media (max-width: 1199px) { .colum-tile__content h6 { font-size: 1rem; } } .inline-content-container { margin-top: 1rem; } @media (max-width: 1199px) { .inline-content-container { margin-top: 2rem; } } .inline-content:not(.visible) { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; pointer-events: none; } .inline-content .inline-cta { margin-top: .75rem; } @media (min-width: 1199px) { .inline-content .inline-cta { margin-top: 1.25rem; } } .inline-content .slider { margin: 0; } .flag-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1.875rem; } @media (max-width: 1199px) { .flag-wrapper { gap: 1rem; } } .flag-wrapper .flag__box { width: 100%; border: 1px solid var(--color-gray-200); border-radius: var(--radius-2); padding: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.25rem; -webkit-transition: all 0.4s; transition: all 0.4s; margin: 0; padding: 1.25rem; padding-right: 1.875rem; max-width: 100%; margin: 0; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 1.41rem); flex: 0 0 calc(25% - 1.41rem); max-width: calc(25% - 1.41rem); } @media (max-width: 1199px) { .flag-wrapper .flag__box { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33% - .75rem); flex: 0 0 calc(33.33% - .75rem); max-width: calc(33.33% - .75rem); } } @media (max-width: 991px) { .flag-wrapper .flag__box { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - .75rem); flex: 0 0 calc(50% - .75rem); max-width: calc(50% - .75rem); } } @media (max-width: 767px) { .flag-wrapper .flag__box { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - .75rem); flex: 0 0 calc(50% - .75rem); max-width: calc(50% - .75rem); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } } .flag-wrapper .flag__box .flag__media { --size: 60px; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); border-radius: var(--radius-round); background-color: #F5F6F9; } .flag-wrapper .flag__box .link__arrow { position: relative; width: 35px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .flag-wrapper .flag__box .link__arrow { display: none; } } .flag-wrapper .flag__box .link__arrow::before { --size: .875rem; content: ""; width: var(--size); height: var(--size); margin-left: -.875rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (max-width: 1199px) { .flag-wrapper .flag__box .link__arrow::before { --size: .625rem; margin-left: -.625rem; } } .flag-wrapper .flag__box .link__arrow:after { content: ""; width: 1.75rem; height: 2px; background-color: currentColor; } @media (max-width: 1199px) { .flag-wrapper .flag__box .link__arrow:after { width: 1.25rem; } } .flag-wrapper .flag__box .flag__name { font-weight: 600; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: calc(clamp(1rem, 0.375vw + 0.914rem, 1.429rem)); } .flag-wrapper .flag__box .flag__name .lesson-count { margin-top: .25rem; font-size: .875rem; font-weight: normal; } .flag-wrapper .flag__box .flag__name .lesson-count { color: inherit; opacity: 0.8; } @media (min-width: 1199px) { .flag-wrapper .flag__box:hover { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); border-color: var(--color-primary); background-color: var(--color-primary); color: var(--color-primary-inverse); } .flag-wrapper .flag__box:hover .flag__media { background-color: #fff; } } .section--random { position: relative; min-height: 400px; overflow: hidden; } .section--random:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: var(--color-primary); pointer-events: none; opacity: 0.05; content: ""; } .short-card { background-color: #fff; color: #000; border-radius: var(--radius-2); overflow: hidden; min-height: 300px; width: 100%; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; z-index: 1; padding: 1.5rem; border: 1px solid #E6E6E6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .short-card__head { position: relative; } .short-card__body { padding: 1.25rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .short-card__title { line-height: 1.3; font-size: calc(clamp(1rem, 0.25vw + 0.943rem, 1.286rem)); margin-bottom: 1rem; } .short-card__title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 767px) { .short-card__title { font-size: 1.1rem; } } .short-card__title a { -webkit-transition: .15s ease-in-out all; transition: .15s ease-in-out all; } .short-card__footer { padding-top: 1rem; border-top: 1px solid #EBEBEB; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; margin-top: auto; } .short-card .price-value { font-size: calc(clamp(1.071rem, 0.318vw + 0.992rem, 1.429rem)); } .short-card .card-element { gap: 1rem; margin-bottom: .875rem; margin-top: auto; } .short-card .card-element__item { margin: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .375rem; font-size: 1rem; } .short-card .card-element__item span svg { display: block; } .short-card .card-element__item:not(:last-child) { padding-right: 0; } .short-card .card-element__item:not(:last-child):after { display: none; } .short-card__media { overflow: hidden; border-radius: var(--radius-1); } .short-card__media img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.4s; transition: all 0.4s; } .short-card .profile-meta { gap: .625rem; } .short-card .profile-meta__title { font-size: 1rem; } .short-card .profile-meta p { line-height: 1.25; } .short-card .rating { margin-bottom: .875rem; } .short-card .rating__media { width: 14px; height: 14px; margin-top: -1px; } .short-card .rating__count { font-size: 12px; } .short-card .avtar.avtar--small { background-color: #f0f0f0; } @media (min-width: 1199px) { .short-card:hover { -webkit-box-shadow: 0 0 40px #E0E3EC; box-shadow: 0 0 40px #E0E3EC; border-color: #fff; } .short-card:hover .short-card__media img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .short-card:hover .short-card__title a { color: var(--color-primary); } } .card-cover { padding-left: 1rem; padding-right: 1rem; } @media (max-width: 767px) { .card-cover { padding-left: .5rem; padding-right: .5rem; } } @media (min-width: 1199px) { .card-cover { padding-top: 2.5rem; padding-bottom: 2.5rem; } } .short-tag { padding: .25rem .75rem; color: var(--color-secondary); font-size: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(255, 255, 255, 0.8); border-radius: var(--radius-round); padding: .25rem .75rem; padding-right: 1rem; font-weight: 600; font-size: 12px; } .short-tag svg { color: var(--color-secondary); } @media (min-width: 1199px) { .slider---cards { padding: 0 1rem; margin: 0; } .slider---cards .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .slider---cards .slick-track .slick-slide { height: auto; } .slider---cards .slick-track .slick-slide > div, .slider---cards .slick-track .slick-slide .slider__item, .slider---cards .slick-track .slick-slide .card-cover { height: 100%; } } @media (max-width: 1199px) { .slider---cards + .inline-cta { margin-top: 1.25rem; } } .tile { border-radius: 12px; position: relative; overflow: auto; background-color: #000; max-width: 300px; margin: 0 auto; } .tile-cover { padding: 0 1rem; } .tile .card-element { font-size: 12px; margin-top: .25rem; } .tile__head { position: relative; } .tile__head .tile__media { border-radius: 12px; max-width: 300px; margin: 0 auto 0; } .tile__head .tile__media img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.4s; transition: all 0.4s; } .tile__body { position: absolute; left: calc(clamp(0.571rem, 0.764vw + 0.38rem, 1.429rem)); right: calc(clamp(0.571rem, 0.764vw + 0.38rem, 1.429rem)); bottom: calc(clamp(0.571rem, 0.764vw + 0.38rem, 1.429rem)); background-color: #fff; color: #000; border-radius: var(--radius-1); padding: 1rem; overflow: hidden; text-align: center; } @media (min-width: 1199px) { .tile__body .tile__title:hover { color: var(--color-primary); } } .tile__body .tile__title h4 { font-size: 1.25rem; margin: 0; font-weight: 700; color: currentColor; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tile__action-btn { background-color: var(--color-primary); color: var(--color-primary-inverse); position: absolute; left: 0; right: 0; bottom: 0; top: 0; border-radius: var(--radius-1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); font-size: 1.125rem; opacity: 0; text-decoration: underline; text-underline-offset: 4px; } @media (min-width: 1199px) { .tile:hover { -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); border-color: rgba(0, 0, 0, 0.08); } .tile:hover .tile__media img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .tile:hover .tile__action-btn { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } } .tile .rating { position: absolute; right: 1rem; top: 1rem; background-color: #fff; color: #000; border-radius: 4rem; padding: .375rem .75rem; gap: .25rem; } .tile .rating__media { width: 12px; height: 12px; margin: 0; } .tile .rating__value { margin: 0; } .section--quote { padding: calc(2rem + 1vw) 0; } .vcheck-list { margin: 2.5rem 0 3.5rem; } .vcheck-list ul li { position: relative; padding-left: 2.5rem; margin: 1.25rem 0; font-size: 1.1rem; } .vcheck-list ul li:before { width: 20px; height: 20px; border-radius: var(--radius-round); background-color: var(--color-dark-blue); content: ""; position: absolute; left: 0; top: 0; } .vcheck-list ul li:after { width: 10px; height: 6px; content: ""; position: absolute; left: 5px; top: 5px; border-left: 2px solid var(--color-secondary-inverse); border-bottom: 2px solid var(--color-secondary-inverse); -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); } .auto-suggest { position: relative; max-height: 320px; overflow: auto; } .auto-suggest__item { padding: .5rem .625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; } .auto-suggest__item:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-color: var(--color-primary); border-radius: var(--radius-1); pointer-events: none; display: none; opacity: 0.06; } @media (min-width: 1199px) { .auto-suggest__item:hover { color: var(--color-primary); } .auto-suggest__item:hover:before { display: block; } } .auto-suggest__media { width: 30px; } .auto-suggest__media .icon { width: 18px; height: 18px; } .auto-suggest__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1%; line-height: normal; } @media (min-width: 576px) { .home.home-index .section { padding: calc(2rem + 1vw) 0; } } @media (min-width: 576px) { .home.home-index .hero + .section { padding-top: calc(2rem + 1vw); } } .videowrap { padding-bottom: 56.25%; display: block; position: relative; } .videowrap iframe { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } .section--cta { background-position: center top; background-repeat: no-repeat; background-size: cover; border-radius: 10px; overflow: hidden; position: relative; padding: calc(clamp(1.429rem, 6.938vw - 2.373rem, 7.143rem)) calc(clamp(2.143rem, 7.806vw - 2.134rem, 8.571rem)); } @media (max-width: 767px) { .section--cta { padding: 4rem 2rem; min-height: inherit; } } @media (min-width: 767px) and (max-width: 1399px) { .section--cta { background-position: center 0; } } .packages { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 2.5rem; position: relative; z-index: 2; } @media (max-width: 1299px) { .packages { gap: 1.5rem; } } @media (max-width: 1199px) { .packages { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; } } @media (min-width: 1199px) { .packages .package-card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 1.875rem); flex: 0 0 calc(25% - 1.875rem); } } @media (max-width: 1199px) { .packages { gap: 1.5rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow: auto; padding-top: 10px; } } @media (max-width: 767px) { .packages { gap: 1rem; } } .package-card { border: 1px solid #E6E6E6; border-top-color: transparent; background-color: #fff; border-radius: 10px; padding: 2rem; max-width: 305px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; min-width: 0; } .package-card::before { content: ""; height: 100px; background-color: var(--color-primary); border-radius: 10px 10px 0 0; position: absolute; left: 0; right: 0; top: -10px; z-index: -1; } @media (max-width: 1199px) { .package-card::before { top: -5px; } } .package-card--highlight { border-color: #000; background-color: #000; color: #fff; } .package-card--highlight .btn--primary-bordered { border-color: #fff; background-color: #fff; color: #000; } .package-card--highlight .package-title { background-color: transparent; } @media (max-width: 1199px) { .package-card { max-width: 40%; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; } } @media (max-width: 767px) { .package-card { max-width: 60%; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; } } @media (max-width: 576px) { .package-card { max-width: 85%; -webkit-box-flex: 0; -ms-flex: 0 0 85%; flex: 0 0 85%; } } .package-card .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: .5rem; } .package-card .price__currency { font-size: 1rem; vertical-align: super; top: 0; -ms-flex-item-align: start; align-self: flex-start; line-height: normal; } @media (max-width: 1199px) { .package-card .price__currency { font-size: 1.25rem; } } .package-card .price__value { font-size: 1.5rem; font-weight: 700; line-height: 1; } .package-card .price__duration { font-size: 1.25rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: end; align-self: flex-end; gap: .5rem; } @media (max-width: 1199px) { .package-card .price__duration { font-size: 1rem; } } .package-card .price__duration::before { content: "/"; display: block; font-size: 1.75rem; } .package-card .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; font-size: 1.125rem; } @media (max-width: 1199px) { .package-card .list { font-size: 1rem; gap: .625rem; } } .package-card .list--tick li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: .5rem; } .package-card .list--tick li::before { content: ""; width: 12px; height: 7px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 3px; } .package-card__head { text-align: center; } .package-card__body { border-top: 1px solid #E6E6E6; padding-top: 1.25rem; margin: 1.25rem 0; } .package-card__footer { border-top: 1px solid #E6E6E6; padding-top: 1.25rem; margin-top: auto; text-align: center; } .package-card__note { opacity: .85; margin-bottom: 1.5rem; line-height: 1.4; } .package-card .btn { border-width: 2px; font-weight: 600; } .package-title { background-color: #F5F6F9; border-radius: 6px; font-size: 1.25rem; font-weight: 600; padding: .5rem 1.25rem; display: inline-block; vertical-align: middle; margin-bottom: 1rem; } @media (max-width: 1199px) { .package-title { font-size: 1rem; } } .stats-wrapper { background: transparent linear-gradient(277deg, var(--color-gradient-1) 0%, var(--color-gradient-2) 47%, var(--color-gradient-1) 100%) 0% 0% no-repeat padding-box; border-radius: 10px; padding: 3.5rem; -webkit-transition: .5s ease-in-out all; transition: .5s ease-in-out all; } @media (min-width: 1199px) { .stats-wrapper:hover { background: var(--color-primary); } .stats-wrapper:hover .stats-listing { -webkit-box-shadow: none; box-shadow: none; } } @media (max-width: 1299px) { .stats-wrapper { padding: 2rem; } } @media (max-width: 1199px) { .stats-wrapper { padding: 1rem; } } @media (max-width: 767px) { .stats-wrapper { padding: .5rem; } } .stats-listing { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 4rem; background-color: #fff; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 4rem 5rem; } @media (max-width: 1299px) { .stats-listing { gap: 2.25rem; padding: 2.5rem; } } @media (max-width: 1199px) { .stats-listing { padding: 2rem; } } @media (max-width: 767px) { .stats-listing { padding: 1rem; gap: 1.25rem; } } .stats-listing .stats { position: relative; text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 3rem); flex: 0 0 calc(25% - 3rem); max-width: calc(25% - 3rem); } @media (max-width: 1299px) { .stats-listing .stats { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 1.69rem); flex: 0 0 calc(25% - 1.69rem); max-width: calc(25% - 1.69rem); } } @media (max-width: 767px) { .stats-listing .stats { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 1.69rem); flex: 0 0 calc(50% - 1.69rem); max-width: calc(50% - 1.69rem); } } .stats-listing .stats:not(:last-child):after { content: ""; width: 2px; height: 100%; background-color: var(--color-primary); position: absolute; right: -2rem; top: 0; bottom: 0; -webkit-transform: rotate(28deg); -ms-transform: rotate(28deg); transform: rotate(28deg); } @media (max-width: 1299px) { .stats-listing .stats:not(:last-child):after { right: -1.125rem; } } @media (max-width: 1199px) { .stats-listing .stats:not(:last-child):after { display: none; } } .stats-listing .stats__number { font-weight: 800; font-size: calc(clamp(1.714rem, 2.775vw + 0.194rem, 4rem)); display: block; } .stats-listing .stats__label { font-size: 1.375rem; display: block; padding-top: .25rem; } @media (max-width: 1299px) { .stats-listing .stats__label { font-size: 1rem; } } .grid-layout { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2.75rem; } @media (max-width: 1199px) { .grid-layout { gap: 1.75rem; } } @media (max-width: 576px) { .grid-layout { grid-template-columns: repeat(1, 1fr); text-align: center; } } .cta-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3.5rem; padding: clamp(1.25rem, 2.5vw, 2.5rem) clamp(2rem, 3.5vw, 3.5rem); border: 1px solid #DFDFDF; border-radius: 10px; height: 100%; } @media (max-width: 1199px) { .cta-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; } } .cta-card__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.25rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } @media (max-width: 1199px) { .cta-card__content { gap: .5rem; } } @media (max-width: 576px) { .cta-card__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cta-card__content h2 { font-size: clamp(1.25rem, 2.25vw, 2.25rem); font-weight: 800; line-height: 1.2; } .cta-card__content p { font-size: clamp(1.125rem, 1.5vw, 1.5rem); line-height: 1.2; } @media (max-width: 767px) { .cta-card__content .btn--large { height: 40px; line-height: 40px; font-size: 1rem; } } @media (max-width: 767px) { .cta-card__media { max-width: 180px; } } @media (min-width: 1199px) { .cta-card__media { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 44%; flex: 0 0 44%; max-width: 44%; } } .grid-blocks { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2.25rem; overflow: hidden; } @media (max-width: 767px) { .grid-blocks { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .grid-blocks .cms-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; text-align: center; } @media (min-width: 767px) { .grid-blocks .cms-block { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33% - 1.68rem); flex: 0 0 calc(33.33% - 1.68rem); max-width: calc(33.33% - 1.68rem); } } @media (max-width: 1199px) { .grid-blocks .cms-block { gap: 1.5rem; } } .grid-blocks .cms-block__media { background: transparent linear-gradient(292deg, var(--color-gradient-1) 0%, var(--color-gradient-2) 47%, var(--color-gradient-1) 100%) 0% 0% no-repeat padding-box; padding: calc(clamp(0.714rem, 1.274vw + 0.396rem, 2.143rem)); border-radius: 10px; -webkit-transition: .5s ease-in-out all; transition: .5s ease-in-out all; } .grid-blocks .cms-block__media:hover { background: var(--color-primary); } .grid-blocks .cms-block__media .media { border-radius: 12px; overflow: hidden; background-color: #fff; } .grid-blocks .cms-block__content { max-width: 386px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } @media (min-width: 1199px) { .grid-blocks .cms-block__content { font-size: 1.25rem; } } @media (max-width: 1199px) { .grid-blocks .cms-block__content { gap: 0.5rem; } } .grid-blocks .cms-block__content h3 { font-weight: 600; } @media (min-width: 1299px) { .grid-blocks .cms-block__content h3 { font-size: 1.875rem; } } @media (max-width: 1199px) { .grid-blocks .cms-block__content h3 { font-size: 1.25rem; } } .grid-blocks .cms-block__content p { margin: 0; line-height: 1.5; } .section--bgGradiant { background: transparent linear-gradient(1deg, #FFFFFF 0%, #F5F6F9 100%) 0% 0% no-repeat padding-box; } .testimonial-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3rem; } @media (max-width: 1199px) { .testimonial-wrapper { gap: 1.25rem; } } @media (min-width: 1199px) { .testimonials-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 2rem; } } .testimonials-main .slick-arrow { position: relative; margin: 0; top: 0; } .testimonials-main .testimonial-content { font-size: 1.25rem; line-height: 1.7; padding: 1rem 2rem; text-align: center; } @media (max-width: 767px) { .testimonials-main .testimonial-content { font-size: 1rem; } } .testimonials-main .slick-list { max-width: 1100px; margin: 0 auto; background-repeat: no-repeat; background-size: 70px; background-position: left top, right bottom; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAABICAYAAACUavnrAAAABHNCSVQICAgIfAhkiAAABb9JREFUeF7dnImSnDAMRLO5z///0Gzukzc1ojyMsQ6wEesqalMZwK2mJcuy4eFZnvZ8gvJyOl5Nx5c8sMJIsIXjYTq+lXfhP45uL65EQ7a0z0eDCvYPn9jBgYhof6bjaxbSAfa6AFfiOhvpEIwtouzSlsNJFyUAsOVlZyFdyC69dOkkh5IO0RrZZwkvkP12OgiNWjuE9FYYWQL+O/3H7+n4oVly0O9455trzLZAgHBs4e/ceg6kqAA1yIDSAgmoX9fDYswR53g8FVt+Tgciums9SPeooaqEIxht9OkRD0RDeJVs6WNv0hm9Ubd2X0AJwGQc30QBUbeGEfF818jem3SPuiGb459myYG/W9WNDZDNOGRumiItNyJmv5sOLXYDkJnZzaBi6WDwOaibwVJr2IE9bvFsJZ3MBIDafQgnzMrcADXLd/zd663hDEsjq2UThBO/tcbAggtmbvDw3uitkI1N4RYlHbJbszABdAbCPeERb21mJpYnESH9qRGOwjUeCIu7EM5D0TpbPrinRDi2fzBywIDpylBaiveQbo3hZxk0LTEc7hiPNsXw5QOwkm4lfFc3tMTH4DkoXEtxuXWXMclCOuAscQ+Qu7phkFDtMlJccnGtdfNYC+lWVRDzbpalNKsO+J2ZJgKyNJYMN2cqtY400q2qIKwAMvvkxzpwUqYIT360J9oineIV03tLAyBAMzcUbll06C6gFunWsIILZl+9TyWgNdKtYQVl755SdXAXq4C6qxzbaqR7Jg1nULlHQF1juYipRrp11sk9ssdyj4CGqLymdEB+dLh3t7TKgaF1qkflXSZClpTRA/IMocUay+Fm2MRuGV48ILOHFmvpQsT4OGqeUZLuBZk9tFjzckgfOpsuSWciRD5rbZm3vlEvwmutbUjWUstePlkRTufdbRVzXDviVOvismBhgWLYgrko3TNjA+hQZQSektdrh4ZKId2TtWQn3Zv2Ys/QUCmke7KWoelVQOVerz2E9IgyhsZAJ/Fer2UmSro4rEG4p7DvGXikjCrehHEcXRYGCsY8qSKXWSZ5ZENiB/8WG/jrXkOQXU2W5atSCbXKIvci18e9W3VrQMrW6N1W2Atw3lC5Fl7kXajaKy0lFxBPCQFbTIKCKE+BSzor6xRCtvUtiyVgHuCe6Zon9RUsZfZi3TxaC0emzbEQ5nVH6YxahXiKtuynxcu9UtBIqJQQw8OXN+M0vK3fUXtTSFtI3wKsdm14F2xxsyjpe9vC/VYXdyA94o49QIrituzuzUT6KvHZSAfolhKDd/rfSzzlfe8Un5F0AEdjvDdHH0H63a63rKRDRqQekpH0O+/NTHokzGQl/Sa+ZyY9ovaMMV1C2DzzlbrL1jy7V2z0LhZny16WvFxqVpny9LUH5ym7Zif9kiCcgXRPRTNSMe3lpbX7XkJMtOA1Eqh310GmyV6Np89SrLK8mjiS6LIvb1yPVBlH2vYI6d6V85EAIzPUSNV0pE0X0mlspcuawXjzde/+nZGE09dMunf1fCRQL+nZPXcmPbM6InWYzHF9Jj1zqhUhPfPM9JK9SMs6AHnydLEla4iZ8/TsQD0z0nKsySiieUaaGag3Ry9tyaj2S7l6mSZmAxqpqZfEZyr13lQZl+lfFqDeVLGWxiIq6wu7vdPgeWxamxBlSLm2qlxIzFB5vBHQGumejzD0UEgkTWzhONJ7q2uka2CPIt6ytzDyoI/KZu5eINPqLdav0UVIqF3T7XMf185GE1/dcKSRDtZRiu9N+OhJYHOHl0Wl1i+6We51hMKXffb24Ob3EixKF8Cca/32rIf8vQdNa989hIS3EsN3/8AxYMkGPK8/1ohwfRTYymTgPM/33dduT4Yin+9WXxLwKH3ZIeTLSwCWj5BxvXyUXv3cdYC8rZdgCzm99hJA2Y+8EIA9KtllyNgKlutl2U/+LoGNevVlD1u4ByKSV15KYZZ2yL/dff4HhFxQXTLP/CYAAAAASUVORK5CYII="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAABICAYAAACUavnrAAAABHNCSVQICAgIfAhkiAAABc1JREFUeF7dnYmS3CAMRHPf+f8PTbK5Dz/X4MIebNRYYG2oorZ2h8FSu3UAsvfpE709nb7yYurPp/7s1vlb3v5Mv9B/3fpf/TLDvoEOW33yiyM7uvzO+il9tmAdaQrIr24Cqogg9I+p/1S/2HE8ury8kUa5DIBDJvRBL7lZQGfM26kD+tkWAXxY/boB7JLukOj71CXm10BHwDdTr41TbwZM+aYKq15kMx4d0AWdPBuAw3q6qR2BCRswwV4NYb9OHV/Zu6Hnu6njv3s1M+v3QIcR+LsRDcb39PUADeDe1lrCBvf5MPVDd1MSpDfDS8L2An4Ew7f6VIHfgo6/I2he0WCIt6uB4R4JgIrHIfA56CPNsKQEJgnwTWlYYULiEVZ7VcNlYsF3LQd9pB/fAwLAvzigdDWBkgokCmRqq5ZAxwQxxQiN1Ivc90yLQCDkx3oh0SqwJtDx4975aytoRUGFydDpgzC+99A7N4OA0YQEhF1/aEDoiuyrJhZsX2IVgJOPY47R2kpQQbj309ieiyBBlGXoikRpaTxqIaQI3OLbI1pt0nkhUVo8XJHL1m5ASyYTKSHY6kdyMO/PJGaMWCLXQC59rrqYKxd3Nf0WEgH2x9roCz9XXUzEIJrDN5MoOuiqi4kO+rxYig46LPkkWFpk94Ias+UCesQU684kjcBHDqSowIbeQzqKi7IaLWFb3L/YuQmRU0ZEZrX9GSGv3o2rkVgNptEt9xOgs3pD0KhNBT3KZtcenjPTaZHZoe7DRCfRAnrU/Zcl+IhmeNWJkUXMBfTIbJ8jvkWbbEzkLGYFelRBW0AH/6i+fQU6gkZc0bWCfkUlgMUg70CPyJBW0NElyllpfjOKoEdjiJoybtkWDfgi6EloT5/IxlU6GrSYYD7mLOg9GM/KsnU7fF4cHTVWq/TauL058uLK1vzZA3TkS1seZw5sIA/bEvxsPcyvgp6EJcCyP6OAz6JmW8PdsgjzrvxqKZUulXi3kGjeqlZAZCwC09MTGDnDCXjpiQUKbEpFlC0uSz09srovdGBRmJ4oybFIT5LwE/LsVZ2pB0DLLqNVSI9xako678p5XLjTHCroy356J3mK06qgn0kXR+ilgr6cHI0QLl1DDT5eQbSXjiroWO1fxad7CK5uRPXy5x66qIF0VQ3gIYB1DiV7ie7P1Z3ZxWpHMl09SlP30a033mucGp9WFV5eQtTmUXcxez0SU5PT+rniKlelJCOZrjBDrXexAuU5jnJsK36rhMD6JQ9hFX8ePWtRrXbOWhKIo0BXI/1KSI877jyHsrIuPhTgLE9xOqXMI3oARUHFtdylvaOYrriWyLk5gCule+xBsQpdtRGgK/lsdF8OeErWUiTQCNCtLD/7gNcIN6kE0F0C9QZdMcXoebnC8kMC9QRdOWuNvpuo+vLDoteeoFsXQ96Pp/dwM6mk3IJXNfuyTNKihJKXK6XQLbJ4fMdKoOobMBCmB+iKW3kM2Yo1eJottgfo1tXaY/DjSs2MORHwBt268jSZoYdfODGHYrFmwL3di3UR9BgABxvr0aLsIr2YDuAEm9p8jwVwq4usZiolS6uBZLHO/43hVsAll5IDeRZ0qw8naJIaSi+NtNxxxzHdfLjXhhcCWl8sKfs8RyCtU5Gl4MNrryxxeZdkC9MVATHBu3dYWZEYNM5aJOtmrQrojE0Bs4YHAgK415vnatdr+RzyYK2WKl5Xa7WCrlS6Lu81aUFiwHcU8uSl0W6i1UCHBaSCFjZEZ3cC21JvL7+0WLkjJdD5G8xGuFpg4VqwAVfi/fZQRY+jsakkGtdYIxnzlOrqvWSZ59kKoew1dGWDk5bWnJvLDbPULeiWHTXATmyInHcDpOU8E7CJQ8MsVQE9PQKy95SFEzldpzkCPf2LhWFgJ80soEf4lwqtd2IL+un/Z9EqSP69I9BxIfThTPBQ7DZHAj09O4Q+l7vELej8TjBFyMuFcwCfLCw9tOUwnc8U/wC1DmNg1sY1vQAAAABJRU5ErkJggg=="); } .testimonials-main .slick-list .slick-track { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } @media (max-width: 767px) { .testimonials-main .slick-list { background-size: 30px; } } @media (min-width: 767px) { .testimonials-thumb { max-width: 360px; margin: 0 auto; } } .testimonial-user { text-align: center; max-width: 120px; } @media (max-width: 1199px) { .testimonial-user { max-width: 100%; } } .testimonial-user__pic { width: calc(clamp(4.286rem, 3.75vw + 3.429rem, 8.571rem)); height: calc(clamp(4.286rem, 3.75vw + 3.429rem, 8.571rem)); border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; background-color: #f0f0f0; margin-bottom: 1rem; -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; } .testimonial-user__pic img { max-height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } @media (max-width: 1199px) { .testimonial-user__pic { width: 60px; height: 60px; margin: 0 auto; } } .slick-current.slick-center .testimonial-user__pic { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .testimonial-user__details { color: #505050; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; } .slick-current.slick-center .testimonial-user__details { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .testimonial-user__details span { display: block; } .testimonial-user__details .name { font-size: 1.25rem; font-weight: 600; color: #000; line-height: 1.5; } .list.list--circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } .list.list--circle li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: .75rem; } @media (min-width: 1199px) { .list.list--circle li { font-size: 1.125rem; } } .list.list--circle li:before { --size: 1.5rem; content: "✓"; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); max-width: var(--size); border-radius: 100%; background-color: #000; color: #fff; font-size: 14px; text-align: center; -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); display: block; line-height: 1.4; position: relative; } @media (max-width: 1199px) { .list.list--circle li:before { top: -3px; } } .section--HowItWorks .inline-tabs { text-align: center; overflow: auto; } .section--HowItWorks .inline-tabs ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .tab-container:not(.visible) { visibility: hidden; opacity: 0; position: absolute; } .flex-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8rem; } @media (max-width: 1199px) { .flex-layout { gap: 4rem; } } @media (max-width: 767px) { .flex-layout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; } } .flex-layout__content { -webkit-transition: 1s ease-in-out all; transition: 1s ease-in-out all; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .visible .flex-layout__content { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } @media (min-width: 767px) { .flex-layout__content { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } } .flex-layout__media { -webkit-transition: .5s ease-in-out all; transition: .5s ease-in-out all; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .visible .flex-layout__media { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } @media (min-width: 767px) { .flex-layout__media { aspect-ratio: 3/2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .flex-layout__media img { max-height: 100%; } } .flex-layout .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: .5rem; } .flex-layout .content h2 { font-size: calc(clamp(1.571rem, 0.382vw + 1.476rem, 2rem)); } .flex-layout .content p { margin: 0; } .flex-layout .content .p-large { line-height: 1.5; } @media (min-width: 1199px) { .flex-layout .content .p-large { font-size: 1.25rem; } } .flex-layout .content .list { padding-top: .5rem; } .flex-layout-wrapper { -webkit-box-shadow: 0px 0px 20px #E0E3EC; box-shadow: 0px 0px 20px #E0E3EC; background-color: #fff; color: #000; border-radius: 10px; padding: 4.5rem 5rem; margin-top: calc(clamp(1.143rem, 2.515vw - 0.235rem, 3.214rem)); } @media (max-width: 1199px) { .flex-layout-wrapper { padding: 2.25rem; } } .circle-arrow { --size: 42px; width: var(--size); height: var(--size); -webkit-box-flex: 0; -ms-flex: 0 0 var(--size); flex: 0 0 var(--size); background: #393737; color: #fff; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-transition: .25s ease-in-out all; transition: .25s ease-in-out all; } @media (max-width: 1199px) { .circle-arrow { --size: 32px; } } .circle-arrow::before { --size: .625rem; content: ""; width: var(--size); height: var(--size); margin-left: -.625rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (max-width: 1199px) { .circle-arrow::before { --size: .5rem; margin-left: -.5rem; } } .circle-arrow::after { content: ""; width: 1.25rem; height: 2px; background-color: currentColor; } @media (max-width: 1199px) { .circle-arrow::after { width: 1rem; } } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box } .noUi-target { position: relative } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1 } .noUi-connects { overflow: hidden; z-index: 0 } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat } .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto } .noUi-vertical .noUi-origin { top: -100%; width: 0 } .noUi-horizontal .noUi-origin { height: 0 } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute } .noUi-touch-area { height: 100%; width: 100% } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform .3s; transition: transform .3s } .noUi-state-drag * { cursor: inherit !important } .noUi-horizontal { height: 6px; } .noUi-horizontal .noUi-handle { width: 18px; height: 18px; right: -9px; top: -6px; } .noUi-vertical { width: 18px } .noUi-vertical .noUi-handle { width: 28px; height: 34px; right: -6px; bottom: -17px } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left: -17px; right: auto } .noUi-target { background: #F5F6F9; border-radius: 0; } .noUi-connect { background: #111 } .noUi-draggable { cursor: ew-resize } .noUi-vertical .noUi-draggable { cursor: ns-resize } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 50%; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB } .noUi-handle:after, .noUi-handle:before { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; display: none; } .noUi-handle:after { left: 17px } .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { width: 14px; height: 1px; left: 6px; top: 14px } .noUi-vertical .noUi-handle:after { top: 17px } [disabled] .noUi-connect { background: #B8B8B8 } [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor: not-allowed } .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box } .noUi-pips { position: absolute; color: #999 } .noUi-value { position: absolute; white-space: nowrap; text-align: center } .noUi-value-sub { color: #ccc; font-size: 10px } .noUi-marker { position: absolute; background: #CCC } .noUi-marker-sub { background: #AAA } .noUi-marker-large { background: #AAA } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100% } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%) } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%) } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px } .noUi-marker-horizontal.noUi-marker-sub { height: 10px } .noUi-marker-horizontal.noUi-marker-large { height: 15px } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100% } .noUi-value-vertical { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); transform: translate(0, 50%) } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px } .noUi-marker-vertical.noUi-marker-sub { width: 10px } .noUi-marker-vertical.noUi-marker-large { width: 15px } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 4px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; font-size: 12px; } .noUi-horizontal .noUi-tooltip { bottom: 120% } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120% } .noUi-horizontal .noUi-origin>.noUi-tooltip { -webkit-transform: translate(50%, 0); transform: translate(50%, 0); left: auto; bottom: 10px } .noUi-vertical .noUi-origin>.noUi-tooltip { -webkit-transform: translate(0, -18px); transform: translate(0, -18px); top: auto; right: 28px }