/* ==== css/vendors.min.css ==== */ @charset "UTF-8"; /*! Bootstrap Version: 5.3.2 Plugin URL: https://getbootstrap.com/ License: Copyright 2011-2023 The Bootstrap Authors | Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) !*/ *, .mfp-container, ::after, ::before, img.mfp-img { box-sizing: border-box; } .mfp-close, .popover, .tooltip, address { font-style: normal; } .popover, .tooltip, pre code { word-break: normal; } ::file-selector-button, [type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; } label, output { display: inline-block; } .breadcrumb, .dropdown-menu, .list-inline, .list-unstyled, .nav, .navbar-nav, .pagination, .swiper { list-style: none; } .input-group, .row { flex-wrap: wrap; display: flex; } :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; } @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: transparent; } hr { margin: 1rem 0; color: inherit; border: 0; border-top: var(--bs-border-width) solid; opacity: 0.25; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); } address, dl, ol, p, pre, ul { margin-bottom: 1rem; } blockquote, figure { margin: 0 0 1rem; } .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; } dl, ol, p, ul { margin-top: 0; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } .form-control-color:not(:disabled):not([readonly]), .form-control[type="file"]:not(:disabled):not([readonly]), [role="button"], [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled), summary { cursor: pointer; } address { line-height: inherit; } ol, ul { padding-left: 2rem; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } 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: -0.25em; } sup { top: -0.5em; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; } code, kbd { font-size: 0.875em; } code { color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } 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; } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0; } button { border-radius: 0; } fieldset, iframe { border: 0; } button:focus:not(:focus-visible) { outline: 0; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } 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; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 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-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } ::file-selector-button { font: inherit; } summary { display: list-item; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .btn, .figure, .form-check-inline, .list-inline-item { display: inline-block; } .lead { font-size: 1.25rem; font-weight: 300; } @media (min-width: 1200px) { } @media (min-width: 1200px) { } @media (min-width: 1200px) { } @media (min-width: 1200px) { } @media (min-width: 1200px) { } @media (min-width: 1200px) { } .form-control, .form-control-plaintext, .form-select { line-height: 1.5; display: block; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 720px; } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; } } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; --swiper-theme-color: #007aff; --swiper-navigation-size: 44px; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-6, .col-7 { flex: 0 0 auto; } .col-6 { width: 50%; } .col-8, .col-9 { flex: 0 0 auto; } .col-8 { width: 66.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-1 { margin-left: 8.33333333%; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } } .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; 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); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } .form-check-input:focus, .form-control:focus, .form-select:focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } @media (max-width: 575.98px) { } @media (max-width: 767.98px) { } @media (max-width: 991.98px) { } @media (max-width: 1199.98px) { } @media (max-width: 1399.98px) { } .form-label { margin-bottom: 0.5rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-secondary-color); } .form-control, .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); } .form-control { width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type="file"] { overflow: hidden; } .form-control:focus { border-color: #86b7fe; outline: 0; } .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::-moz-placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } .form-control::-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, 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; } .btn, .form-control::file-selector-button { 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; } .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; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } .form-control::file-selector-button { 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); } textarea.form-control { min-height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2); } @media (prefers-reduced-motion: reduce) { } @media (prefers-reduced-motion: reduce) { } @media (prefers-reduced-motion: reduce) { } @media (prefers-reduced-motion: reduce) { } .card, .input-group-text { color: var(--bs-body-color); } .input-group { position: relative; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus { z-index: 5; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .form-control.is-valid, .was-validated .form-control: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); } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: var(--bs-form-valid-border-color); 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); } .input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid { z-index: 3; } .form-control.is-invalid, .was-validated .form-control: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); } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: var(--bs-form-invalid-border-color); 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); } .input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid { z-index: 4; } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-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), 0.5); 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; 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); } .dropdown-item, .popover, .tooltip { font-weight: 400; text-decoration: none; } @media (prefers-reduced-motion: reduce) { .btn, .form-floating > label { transition: none; } } .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn-check:focus-visible + .btn, .btn:focus-visible { border-color: var(--bs-btn-hover-border-color); box-shadow: var(--bs-btn-focus-box-shadow); outline: 0; } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); } .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { 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, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } .btn.disabled, .btn:disabled, fieldset:disabled .btn { 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-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-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); } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { 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; 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); } .dropend .dropdown-toggle::after, .dropup .dropdown-toggle::after { display: inline-block; content: ""; } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } @media (min-width: 1400px) { } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after { margin-left: 0.255em; vertical-align: 0.255em; 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 { margin-left: 0.255em; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; vertical-align: 0; } .dropend .dropdown-toggle:empty::after { margin-left: 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 { margin-left: 0.255em; vertical-align: 0.255em; content: ""; display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; vertical-align: 0; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; color: var(--bs-dropdown-link-color); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } .dropdown-item:focus, .dropdown-item:hover { 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; } .card > hr, .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0; } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; } .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: 0 0; border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:focus, .nav-link:hover { color: var(--bs-nav-link-hover-color); } .nav-link:focus-visible { outline: 0; 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; } .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: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; 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:focus, .navbar-brand:hover { color: var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; 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); transition: var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); } @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler, .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } } @media (min-width: 1200px) { } @media (min-width: 1400px) { } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .list-group-horizontal, .navbar-expand .navbar-nav { 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-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler, .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .accordion-button, .alert, .btn .badge, .card, .page-link { position: relative; } .card, .progress-bar { flex-direction: column; } .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"); } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --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-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-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; display: flex; min-width: 0; height: var(--bs-card-height); 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; } .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); } @media (min-width: 576px) { } .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='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-border-color: #86b7fe; --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 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); } .badge, .progress-bar { text-align: center; white-space: nowrap; } @media (prefers-reduced-motion: reduce) { } .breadcrumb, .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } @media (prefers-reduced-motion: reduce) { } .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: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-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); } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --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: flex; 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); background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); } .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: flex; padding-left: 0; } @media (prefers-reduced-motion: reduce) { } .badge:empty, .toast:not(.show) { display: none; } .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; 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-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-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); } @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: 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: flex; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); background-color: var(--bs-progress-bar-bg); transition: var(--bs-progress-bar-transition); } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: 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: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--bs-list-group-border-radius); } .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); } @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } @media (min-width: 1400px) { } .modal-content, .popover, .toast, .toast-header { background-clip: padding-box; } .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-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); border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); } .toast.showing { opacity: 0; } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --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-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 { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-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-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } @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; } } @media (max-width: 575.98px) { } @media (max-width: 767.98px) { } @media (max-width: 991.98px) { } @media (max-width: 1199.98px) { } @media (max-width: 1399.98px) { } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --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); line-height: 1.5; text-align: left; text-align: start; text-shadow: none; text-transform: none; letter-spacing: 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; } .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); line-height: 1.5; text-align: left; text-align: start; text-shadow: none; text-transform: none; letter-spacing: 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); 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::after, .popover .popover-arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } .carousel, .carousel-inner, .carousel-item, .ratio { position: relative; } .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.pointer-event { touch-action: pan-y; } .carousel-item { display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%); } .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%); } @media (prefers-reduced-motion: reduce) { } @media (prefers-reduced-motion: reduce) { } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } .carousel-dark .carousel-indicators [data-bs-target], .offcanvas-backdrop, [data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target], [data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-indicators .active { opacity: 1; } @keyframes spinner-border { to { transform: rotate(360deg); } } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.5; } @media (max-width: 575.98px) { } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { } @media (min-width: 576px) { } @media (max-width: 767.98px) { } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { } @media (min-width: 768px) { } @media (max-width: 991.98px) { } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { } @media (min-width: 992px) { } @media (max-width: 1199.98px) { } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { } @media (min-width: 1200px) { } @media (max-width: 1399.98px) { } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { } @media (min-width: 1400px) { } #stickyImgContainer .slide, .offcanvas, .swiper-vertical > .swiper-wrapper { flex-direction: column; } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas.show:not(.hiding), .offcanvas.showing { transform: none; } .offcanvas.hiding, .offcanvas.show, .offcanvas.showing { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; } .placeholder, .vr { min-height: 1em; background-color: currentcolor; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .placeholder { display: inline-block; vertical-align: middle; cursor: wait; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0; mask-position: -200% 0; } } @media (prefers-reduced-motion: reduce) { } .ratio { width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fixed-bottom, .fixed-top { position: fixed; z-index: 1030; right: 0; left: 0; } .fixed-top { top: 0; } .fixed-bottom { bottom: 0; } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } @media (min-width: 1400px) { } .swiper, .swiper-wrapper { z-index: 1; position: relative; } .vr { display: inline-block; align-self: stretch; width: var(--bs-border-width); opacity: 0.25; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .float-start { float: left !important; } .atropos-active .atropos-shadow, .opacity-100 { opacity: 1 !important; } .overflow-hidden { overflow: hidden !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-table { display: table !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: var(--bs-box-shadow) !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .mfp-bg, .mfp-container, .mfp-wrap { top: 0; height: 100%; } .bottom-0 { bottom: 0 !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-1 { border-width: 1px !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-100 { width: 100% !important; } .h-50 { height: 50% !important; } .h-100 { height: 100% !important; } .flex-column { flex-direction: column !important; } .flex-wrap { flex-wrap: wrap !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-center { justify-content: center !important; } .align-items-start { align-items: flex-start !important; } .align-items-center { align-items: center !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !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; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !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; } .ms-1 { margin-left: 0.25rem !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !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-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !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-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-5 { padding-left: 3rem !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-uppercase { text-transform: uppercase !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-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-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-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .visible { visibility: visible !important; } @media (min-width: 576px) { .d-sm-flex { display: flex !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .text-sm-start { text-align: left !important; } } @media (min-width: 768px) { .d-md-block { display: block !important; } .justify-content-md-start { justify-content: flex-start !important; } .p-md-0 { padding: 0 !important; } .text-md-start { text-align: left !important; } } @media (min-width: 992px) { .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .me-lg-0 { margin-right: 0 !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } } @media (min-width: 1200px) { .text-xl-start { text-align: left !important; } .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } } @media (min-width: 1400px) { .d-xxl-block { display: block !important; } } @media print { } /*! Magnific popup Version: 1.1.0 - 2016-02-20 Plugin URL: http://dimsemenov.com/plugins/magnific-popup/ License: Copyright (c) 2016 Dmitry Semenov !*/ .mfp-container * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; } .mfp-bg { left: 0; width: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { left: 0; width: 100%; z-index: 1043; position: fixed; outline: 0 !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; left: 0; padding: 0 8px; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-close, .mfp-preloader a:hover { color: #fff; } button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } .mfp-figure:after, .mfp-iframe-scaler iframe { box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); position: absolute; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:focus, .mfp-close:hover { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: -30px 0 0; top: 50%; padding: 0; width: 60px; height: 60px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -30px; } .mfp-arrow:focus, .mfp-arrow:hover { opacity: 1; } .mfp-arrow:after, .mfp-arrow:before { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { display: block; top: 0; left: 0; width: 100%; height: 100%; background: #000; } .mfp-figure:after, img.mfp-img { width: auto; height: auto; display: block; } img.mfp-img { max-width: 100%; line-height: 0; padding: 40px 0; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; left: 0; top: 40px; bottom: 40px; right: 0; z-index: -1; background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { } .swiper-slide, .swiper-wrapper { width: 100%; height: 100%; transition-property: transform; } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*! Swiper Version: 11.0.5 Plugin URL: https://swiperjs.com License: Copyright 2014-2023 Vladimir Kharlampidi | Released under the MIT License !*/ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; overflow: hidden; padding: 0; display: block; } .swiper-wrapper { display: flex; transition-timing-function: var( --swiper-wrapper-transition-timing-function, initial ); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0, 0, 0); } .swiper-slide { flex-shrink: 0; position: relative; display: block; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid; border-radius: 50%; border-top-color: transparent; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-lock { display: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-cube, .swiper-flip { overflow: visible; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { visibility: visible; pointer-events: auto; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /*! Custom scrollbar - jquery mousewheel plugin Version: 3.1.5 Plugin URL: http://manos.malihu.gr/jquery-custom-content-scroller License: Copyright Manos Malihutsakis | Released under the MIT license !*/ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr; } .mCSB_container { overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url(mCSB_buttons.png); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /*! Justified Gallery Version: 3.8.1 Plugin URL: http://miromannino.github.io/Justified-Gallery/ License: Copyright (c) 2020 Miro Mannino | Licensed under the MIT license !*/ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > figure { position: absolute; display: inline-block; overflow: hidden; filter: "alpha(opacity=10)"; opacity: 0.1; margin: 0; padding: 0; } .justified-gallery > a > a > img, .justified-gallery > a > a > svg, .justified-gallery > a > img, .justified-gallery > a > svg, .justified-gallery > div > a > img, .justified-gallery > div > a > svg, .justified-gallery > div > img, .justified-gallery > div > svg, .justified-gallery > figure > a > img, .justified-gallery > figure > a > svg, .justified-gallery > figure > img, .justified-gallery > figure > svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > a > .jg-caption, .justified-gallery > div > .jg-caption, .justified-gallery > figure > .jg-caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000; left: 0; right: 0; margin: 0; color: #fff; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .jg-caption.jg-caption-visible, .justified-gallery > div > .jg-caption.jg-caption-visible, .justified-gallery > figure > .jg-caption.jg-caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: 0.7; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; } .justified-gallery > .jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: 0 0; } .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > a > svg, .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > svg { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .jg-spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .jg-spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px; background-color: #000; border-radius: 6px; } /*! Splitting Version: 1.0.5 Plugin URL: https://splitting.js.org/ License: Copyright © 2018-present Stephen Shaw | Licensed under the MIT license !*/ /*! Recommended styles for Splitting */ .splitting .char, .splitting .word { display: inline-block; } .splitting .char { position: relative; --char-percent: calc(var(--char-index) / var(--char-total)); --char-offset: calc(var(--char-index) - var(--char-center)); --distance: calc( (var(--char-offset) * var(--char-offset)) / var(--char-center) ); --distance-sine: calc(var(--char-offset) / var(--char-center)); --distance-percent: calc((var(--distance) / var(--char-center))); } .splitting .char::after, .splitting .char::before { content: attr(data-char); position: absolute; top: 0; left: 0; visibility: hidden; transition: inherit; user-select: none; } #stickyImgContainer .slides, #stickyImgContainer canvas { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -webkit-touch-callout: none; } .splitting { --word-center: calc((var(--word-total) - 1) / 2); --char-center: calc((var(--char-total) - 1) / 2); --line-center: calc((var(--line-total) - 1) / 2); } .splitting .word { --word-percent: calc(var(--word-index) / var(--word-total)); --line-percent: calc(var(--line-index) / var(--line-total)); } /*! Carto - Interactive portfolio Created by DigitalMind !*/ #stickyImgContainer { width: 100vw; height: 100vh; overflow: hidden; position: fixed; top: 0; left: 0; background-color: #131319; } #stickyImgContainer canvas { -ms-user-select: none; user-select: none; } #stickyImgContainer .slides { box-sizing: border-box; position: absolute; top: 50%; padding: 0 10vw; width: 100%; max-width: 100%; -ms-user-select: none; user-select: none; } #stickyImgContainer .slide { box-sizing: border-box; display: flex; align-items: flex-start; width: 100%; max-width: 1200px; margin: 0 auto; height: 33vh; color: #fff; transform: translateY(-50%); transition: transform 1.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.5s cubic-bezier(0.2, 1, 0.3, 1); } #stickyImgContainer .next, #stickyImgContainer .prev { opacity: 0; } #stickyImgContainer .prev { transform: translateY(-85%); } #stickyImgContainer .next { transform: translateY(-15%); } #stickyImgContainer .scrolling > .slide { transform: translateY(-50%); opacity: 1; } /*! Atropos Version: 2.0.2 Plugin URL: https://atroposjs.com License: Copyright 2021-2023 | Released under the MIT License !*/ .atropos { position: relative; display: block; perspective: 1200px; transform: translate3d(0, 0, 0); } .atropos-rotate-scroll-x, .atropos-rotate-scroll-y, .atropos-rotate-touch { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .atropos-rotate-touch { touch-action: none; } .atropos-rotate, .atropos-scale { width: 100%; height: 100%; transform-style: preserve-3d; transition-property: transform; display: block; } .atropos-highlight, .atropos-shadow, ::slotted([data-atropos-offset][data-atropos-opacity]), [data-atropos-offset][data-atropos-opacity] { transition-property: transform, opacity; } .atropos-highlight, .atropos-shadow { position: absolute; pointer-events: none; display: block; opacity: 0; } .atropos-inner, .atropos-rotate { position: relative; } .atropos-shadow { z-index: -1; background: #000; left: 0; top: 0; width: 100%; height: 100%; filter: blur(30px); } .atropos-highlight { left: -50%; top: -50%; width: 200%; height: 200%; background-image: radial-gradient( circle at 50%, rgba(255, 255, 255, 0.25), transparent 50% ); z-index: 0; } .atropos-inner { width: 100%; height: 100%; overflow: hidden; transform-style: preserve-3d; transform: translate3d(0, 0, 0); display: block; } .atropos-active { z-index: 1; } ::slotted([data-atropos-offset]), [data-atropos-offset] { transition-property: transform; } [data-atropos-opacity] { transition-property: opacity; } /*# sourceMappingURL=vendors.min.css.map */ /* ==== css/icon.min.css ==== */ @charset "UTF-8";/*! Font Awesome Version: 6.5.1 Plugin URL: https://fontawesome.com License: Copyright 2023 Fonticons, Inc. | https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) !*/.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa-brands,.fa-regular,.fab,.far{font-weight:400}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}@media (prefers-reduced-motion:reduce){}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%,100%,64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em))}}@keyframes fa-bounce{0%,100%,64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em))}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}24%,8%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,40%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}24%,8%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,40%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-a::before{content:"A"}.fa-arrow-right::before{content:""}.fa-arrow-left::before{content:""}.fa-s::before{content:"S"}.fa-angle-down::before{content:""}.fa-close::before,.fa-multiply::before,.fa-remove::before,.fa-times::before,.fa-xmark::before{content:""}.fa-x::before{content:"X"}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}.feather,[class*=" ti-"],[class*=" line-icon-"],[class^=line-icon-],[class^=ti-]{speak:none;font-weight:400;font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.ttf) format("truetype");unicode-range:U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC}@font-face{font-family:FontAwesome;font-display:block;src:url(../fonts/fa-v4compatibility.woff2) format("woff2"),url(../fonts/fa-v4compatibility.ttf) format("truetype");unicode-range:U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A}/*! Themify Version: 1.0.1 Plugin URL: https://themify.me/themify-icons License: Themify Icons font licensed under: http://scripts.sil.org/OFL !*/@font-face{font-family:themify;src:url(../fonts/themify.eot?-fvbane);src:url(../fonts/themify.eot?#iefix-fvbane) format("embedded-opentype"),url(../fonts/themify.woff?-fvbane) format("woff"),url(../fonts/themify.ttf?-fvbane) format("truetype"),url(../fonts/themify.svg?-fvbane#themify) format("svg");font-weight:400;font-style:normal}[class*=" ti-"],[class^=ti-]{font-family:themify}.ti-user:before{content:""}.ti-bookmark:before{content:""}.ti-bookmark-alt:before{content:""}.ti-book:before{content:""}.ti-bar-chart:before{content:""}.ti-time:before{content:""}/*! Icons mind Plugin URI: https://iconsmind.com/view_icons/ !*/@font-face{font-family:icomoon;src:url(../fonts/icomoon.eot?-rdmvgc);src:url(../fonts/icomoon.eot?#iefix-rdmvgc) format("embedded-opentype"),url(../fonts/icomoon.woff?-rdmvgc) format("woff"),url(../fonts/icomoon.ttf?-rdmvgc) format("truetype"),url(../fonts/icomoon.svg?-rdmvgc#icomoon) format("svg");font-weight:400;font-style:normal}[class*=" line-icon-"],[class^=line-icon-]{font-family:icomoon}/*! Feather Plugin URL: https://feathericons.com/ !*/@font-face{font-family:feather;src:url(../fonts/feather.eot?t=1525787366991);src:url(../fonts/feather.eot?t=1525787366991#iefix) format("embedded-opentype"),url(../fonts/feather.woff?t=1525787366991) format("woff"),url(../fonts/feather.ttf?t=1525787366991) format("truetype"),url(../fonts/feather.svg?t=1525787366991#feather) format("svg")}.feather{font-family:feather!important}.icon-feather-arrow-left:before{content:""}.icon-feather-arrow-right:before{content:""}.icon-feather-minus:before{content:""}.icon-feather-plus:before{content:""}.icon-feather-x:before{content:""}.icon-feather-shopping-cart:before{content:""}/*! Bootstrap Icons Version: 1.11.3 Plugin URL: (https://icons.getbootstrap.com/) License: Copyright 2019-2024 The Bootstrap Authors | Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE) !*/@font-face{font-display:block;font-family:bootstrap-icons;src:url(../fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6) format("woff2"),url(../fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6) format("woff")}.bi::before,[class*=" bi-"]::before,[class^=bi-]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bi-back::before{content:""}.bi-bar-chart-line::before{content:""}.bi-bar-chart::before{content:""}.bi-facebook::before{content:""}.bi-instagram::before{content:""}.bi-link::before{content:""}.bi-linkedin::before{content:""}.bi-megaphone::before{content:""}.bi-people::before{content:""}.bi-water::before{content:""}.bi-whatsapp::before{content:""}.bi-youtube::before{content:""}.bi-send-check::before{content:""}.bi-send::before{content:""}.bi-tiktok::before{content:""}.bi-fast-forward::before{content:""}.bi-backpack::before{content:""} /*# sourceMappingURL=icon.min.css.map */ /* ==== css/style.css ==== */ /* ------------------------------------------------------- Theme Name: Ocean Safety Theme URL: https://craftohtml.DigitalMind.com/ Description: Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 48+ ready demos. Author: DigitalMind - https://www.DigitalMind.com/ Author ThemeForest URL: https://themeforest.net/user/DigitalMind Copyright(c) 2024 DigitalMind.com Version: 1.0 ------------------------------------------------------- */ /* Table of contents 01. Google font 02. CSS color variable 03. Reset 04. Typography 05. General 06. Background and border 07. Width 08. Height 09. Loop 10. Header 11. Page title 12. Layout 13. Elements 14. Blog 15. Portfolio 16. Shop 17. Footer */ /* =================================== 01. Google font ====================================== */ @import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap"); @font-face { font-family: "Gotham-Light"; src: url("../fonts/Gotham-Light.woff2") format("woff2"), url("../fonts/Gotham-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } :root { --alt-font: "Plus Jakarta Sans", sans-serif; --primary-font: "Gotham-Light"; } /* =================================== 02. CSS color variable ====================================== */ :root { --base-color: #0606bb; --text-blue: #0606bb; --white: #ffffff; --black: #000000; --red: #dc3131; --light-red: #feedec; --green: #2ebb79; --crusoe-green: #d39121; --yellow: #ffea23; --dark-gray: #232323; --medium-gray: #717580; --extra-medium-gray: #e4e4e4; --light-gray: #a8a8a8; --very-light-gray: #f7f7f7; --light-medium-gray: #eaeaeb; --charcoal-blue: #202329; --slate-blue: #262b35; --medium-slate-blue: #374162; --extra-medium-slate-blue: #23262d; --dark-slate-blue: #1f232c; --extra-dark-slate-blue: #121418; --extra-very-slate-blue: #161620; --tussock-yellow: #bc8947; --aluminium-grey: #80858f; --solitude-blue: #f0f4fd; --golden-yellow: #fd961e; --selago: #eaedff; --white-ice: #d8f5ef; --cornflower-blue: #445fed; --jade: #00af6b; --orange: #ef991f; --majorelle-blue: #724ade; --light-majorelle-blue: #f2edfe; --spring-wood: #f9f6f3; --tropical-blue: #1ea3b1; --camarone: #20642b; --seal-brown: #0e0708; --Wasabi: #8ea63a; } /* =================================== 03. Reset ====================================== */ .alt-font { font-family: var(--alt-font); } html { font-size: 16px; } body { font-family: var(--primary-font); font-size: 16px; line-height: 30px; font-weight: 400; color: var(--text-blue); -moz-osx-font-smoothing: grayscale; word-break: break-word; -webkit-font-smoothing: antialiased; } section { padding-top: 110px; padding-bottom: 110px; } img { max-width: 100%; height: auto; } ul li { list-style: none; } a { color: var(--text-blue); -webkit-transition: 0.3s; transition: 0.3s; text-decoration: none; } a:hover { color: var(--base-color); text-decoration: none; } p { margin-bottom: 25px; } .last-paragraph-no-margin p:last-of-type { margin-bottom: 0; } video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; } :focus-visible { outline: none; } [class*="line-icon"], [class*=" line-icon"], [class*="bi-"], [class*="feather"], [class*="ti-"] { display: inline-block; } .form-control, .form-control.is-invalid, .was-validated .form-control:invalid { background-position: right 20px center !important; } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #dc3545 !important; } .g-recaptcha.is-invalid iframe { border: 1px solid #dc3545 !important; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: 15px; padding-left: 15px; } .row { margin-right: -15px; margin-left: -15px; } .row > * { padding-right: 15px; padding-left: 15px; } .row.g-0 { margin-right: 0; margin-left: 0; } .row.g-0 > * { padding-right: 0; padding-left: 0; } /* =================================== 04. Typography ====================================== */ /* Heading */ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 30px; letter-spacing: -0.5px; font-weight: inherit; } h1, .h1 { font-size: 4.375rem; line-height: 4.375rem; } h2, .h2 { font-size: 3.438rem; line-height: 3.438rem; } h3, .h3 { font-size: 2.813rem; line-height: 3.125rem; } h4 { font-size: 2.375rem; line-height: 2.7rem; } h5 { font-size: 2rem; line-height: 2.2rem; } h6 { font-size: 1.75rem; line-height: 1.95rem; } /* Font custom */ .hover-text { display: none; } b, strong { font-weight: 700; } .text-white-space-nowrap { white-space: nowrap; } .pretty-text { text-wrap: pretty; } .pretty-text2 { white-space: normal; word-break: break-word; } .text-white { color: var(--white); } .text-transform-none { text-transform: none !important; } /* Font size */ .fs-9 { font-size: 9px; } .fs-12 { font-size: 12px; } .fs-13 { font-size: 13px; } .fs-14 { font-size: 14px; } .fs-15 { font-size: 15px; } .fs-17 { font-size: 17px; } .fs-18 { font-size: 18px; } .fs-20 { font-size: 20px; } .fs-22 { font-size: 22px; } .fs-80 { font-size: 5rem; line-height: 5rem; } .fs-90 { font-size: 5.625rem; line-height: 5.625rem; } /* Line height */ .lh-20 { line-height: 20px; } .lh-22 { line-height: 22px; } .lh-24 { line-height: 24px; } .lh-26 { line-height: 26px; } .lh-30 { line-height: 30px; } .lh-40 { line-height: 2.5rem; } .lh-initial { line-height: initial; } /* Text color */ .text-white, .btn-link.text-white, a.text-white-hover:hover { color: var(--white); } .text-base-color, .btn-link.text-base-color { color: var(--base-color); } .text-dark-gray, .btn-link.text-dark-gray, a.text-dark-gray-hover:hover { color: var(--dark-gray); } .text-blue, .btn-link.text-blue, a.text-blue-hover:hover { color: var(--text-blue); } /* Text gradient color */ /* Text shadow */ /* Text bottom line */ .text-decoration-line-bottom { border-bottom: 1px solid; } /* Text outline*/ /* Text stroke width */ /* Text stroke color */ /* Letter spacing */ .ls-0px { letter-spacing: 0px !important; } .ls-05px { letter-spacing: 0.5px !important; } .ls-1px { letter-spacing: 1px !important; } .ls-minus-05px { letter-spacing: -0.5px !important; } .ls-minus-1px { letter-spacing: -1px !important; } .ls-minus-2px { letter-spacing: -2px !important; } /* Icon size */ .icon-extra-large { font-size: 50px; } .icon-very-medium { font-size: 28px; } .icon-extra-medium { font-size: 24px; } .icon-small { font-size: 18px; } /* =================================== 05. General ====================================== */ /* Separator line */ /* Separator vertical line */ /* Separator line size */ /* Opacity */ .opacity-full-dark, .opacity-full, .opacity-medium, .opacity-extra-medium, .opacity-light, .opacity-very-light { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .opacity-extra-medium { opacity: 0.5; } /* Position */ /* Vertical title center */ /* Skrollr */ /* Transform */ /* Transition */ .transition { -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); } .transition-inner-all * { -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); } /* Pointer events */ /* Sticky column */ .sticky-wrap { position: fixed; top: 50%; left: 0; opacity: 0; z-index: 1; -webkit-transform: rotate(-90deg) translate(-50%, 50%); transform: rotate(-90deg) translate(-50%, 50%); transform-origin: 0 50%; transition: 1s cubic-bezier(0.7, 0, 0.3, 1) !important; } .sticky-wrap.shadow-in { left: 50px; opacity: 1; box-shadow: none !important; } .sticky-wrap.sticky-hidden { left: 0; opacity: 0; } .sticky-wrap a { color: var(--dark-gray) !important; } .sticky-wrap a:hover { color: var(--dark-gray) !important; } .sticky-wrap div, .sticky-wrap span, .sticky-wrap p { color: var(--dark-gray) !important; } .sticky-wrap.sticky-highlight a { color: var(--white) !important; } .sticky-wrap.sticky-highlight a:hover { color: var(--white) !important; } .sticky-wrap.sticky-highlight div, .sticky-wrap.sticky-highlight span, .sticky-wrap.sticky-highlight p { color: var(--white) !important; } /* Overflow */ /* Overlap section */ .overlap-section { position: relative; } .overlap-height { transition: 0.3s height; } /* Outside box */ .outside-box-right-2 { margin-right: -2vw; } .outside-box-right-20 { margin-right: -20vw; } /* CSS filter */ /* Box shadow */ .box-shadow, .box-shadow-hover:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); -webkit-transition: 350ms ease-in-out; transition: 350ms ease-in-out; } .box-shadow-medium, .box-shadow-medium-hover:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); } .box-shadow-large, .box-shadow-large-hover:hover { -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.08); box-shadow: 0 0 25px rgba(0, 0, 0, 0.08); -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); } .box-shadow-extra-large, .box-shadow-extra-large-hover:hover { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); } .box-shadow-quadruple-large, .box-shadow-quadruple-large-hover:hover { -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); } .box-shadow-hover:hover, .box-shadow-large-hover:hover, .box-shadow-extra-large-hover:hover, .box-shadow-medium-hover:hover, .box-shadow-small-hover:hover, .box-shadow-double-large-hover:hover, .box-shadow-quadruple-large-hover:hover { -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); } /* Input */ input, select, textarea, .form-control, .form-select { padding: 12px 25px; width: 100%; max-width: 100%; resize: none; outline: none; font-size: 16px; border: 1px solid #e4e4e4; color: var(--medium-gray); line-height: inherit; word-break: normal; -webkit-transition: 0.3s; transition: 0.3s; } .info-medium-gray { color: var(--medium-gray); } input:focus, select:focus, textarea:focus, .form-control:focus { border: 1px solid #c2c2c2; box-shadow: none !important; color: var(--medium-gray); } ::-webkit-input-placeholder { color: var(--medium-gray) !important; text-overflow: ellipsis; } ::-moz-placeholder { color: var(--medium-gray) !important; text-overflow: ellipsis; opacity: 1; } :-ms-input-placeholder { color: var(--medium-gray) !important; text-overflow: ellipsis; opacity: 1; } .search-error { border-color: var(--red) !important; } /* Select */ .select { position: relative; } .select:after { content: ""; font-family: feather !important; right: 20px; top: 50%; height: 34px; position: absolute; pointer-events: none; font-size: 22px; margin-top: -15px; } /* Date icon */ /* Mozilla firefox */ @-moz-document url-prefix() { .date-icon:after { display: none; } } /* Time icon */ /* Input size */ .form-control.is-invalid:focus { box-shadow: none; } /* Box overlay */ .box-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1); transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1); } .hover-box { z-index: 1; } .hover-box * { -webkit-transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1); transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1); will-change: transform; } .hover-box:hover .box-overlay { opacity: 1; visibility: visible; } .hover-box.dark-hover:hover a, .hover-box.dark-hover:hover p, .hover-box.dark-hover:hover span, .hover-box.dark-hover:hover .btn, .hover-box.dark-hover:hover i, .hover-box.dark-hover:hover b, .hover-box.dark-hover:hover u, .hover-box.dark-hover:hover p, .hover-box.dark-hover:hover h1, .hover-box.dark-hover:hover h2, .hover-box.dark-hover:hover h3, .hover-box.dark-hover:hover h4, .hover-box.dark-hover:hover h5, .hover-box.dark-hover:hover h6 { color: var(--white) !important; -webkit-text-stroke-color: var(--white); } .hover-box.dark-hover:hover [class*="separator-line"] { background-color: var(--white); } .hover-box.dark-hover:hover [class*="btn-link-gradient"] span { background: var(--white); background-image: none; } .hover-box.dark-hover:hover [class*="btn-transparent"] { background-color: var(--white); border-color: var(--white); color: var(--dark-gray) !important; } .hover-box.dark-hover:hover .text-light-opacity { opacity: 0.7; } .hover-box.dark-hover:hover .btn-link { border-color: var(--white); } .hover-box.dark-hover:hover [class*="text-gradient-"] { color: var(--white); background-image: none; -webkit-background-clip: inherit; -webkit-text-fill-color: var(--white); -webkit-text-fill-color: var(--white); } /* Swiper slider pagination */ /* Swiper pagination style 02 */ /* Swiper pagination style 03 */ /* Swiper pagination style 04 */ /* Custom image pagination */ /* Swiper number pagination style 01 */ /* Swiper number pagination style 02 */ /* Swiper line pagination style 01 */ /* Swiper number line pagination style */ /* Swiper number navigation style */ /* Swiper pagination progress style */ .swiper-pagination-progress { width: 220px; height: 1px; position: relative; } .swiper-pagination-progress .swiper-progress { position: absolute; top: 0; left: 0; height: 100%; width: var(--swiper-progress, 0); background-color: var(--base-color); -webkit-transition: 0.4s; transition: 0.4s; } /* Swiper pagination progress style */ /* Swiper pagination bottom */ /* Swiper navigation */ .swiper-button-prev, .swiper-button-next { outline: none; cursor: pointer; height: 45px; width: 45px; margin-top: 0; text-align: center; 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-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; transition: 0.3s; } .swiper-button-prev:hover, .swiper-button-next:hover { opacity: 0.8; } .swiper-button-next { left: inherit; } /* Swiper navigation style 01 */ /* Swiper navigation style 02 */ /* Swiper navigation style 03 */ /* Swiper navigation style 04 */ .slider-navigation-style-04 { height: 56px; width: 56px; border-radius: 100%; position: relative; bottom: inherit; left: 0; top: inherit; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 0.3s; transition: 0.3s; } .slider-navigation-style-04 i { -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; } .slider-navigation-style-04:hover i { opacity: 0.5; } .slider-navigation-style-04.swiper-button-prev { margin-right: 5px; } .slider-navigation-style-04.swiper-button-next { margin-left: 5px; } /* Swiper navigation style 05 */ /* Swiper navigation style 06 */ /* Swiper navigation style 07 */ /* Swiper navigation style 08 */ /* Slider custom text */ /* Swiper width auto */ /* Slider shadow */ /* Highlight separator */ /* Full screen */ .full-screen { height: 100vh; } .full-screen.top-space-margin { height: calc(100vh - 96px); } /* Video icons */ @-webkit-keyframes video-icon-sonar { 0% { opacity: 1; -webkit-transform: scale(0.1); transform: scale(0.1); } 100% { opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes video-icon-sonar { 0% { opacity: 1; -webkit-transform: scale(0.1); transform: scale(0.1); } 100% { opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1); } } /* HTML video play */ .video-play-icon { z-index: 1 !important; } .video-play-icon.remove-play-icon + .html-video-play { opacity: 0 !important; } .video-play-icon.remove-play-icon + .html-video-play:hover { opacity: 1 !important; } .video-play-icon.remove-play-icon:hover + .html-video-play { opacity: 1 !important; } /* Will change */ @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } /* Float animation */ .animation-float { animation: float 2000ms linear 500ms infinite alternate both; } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(15px); } 100% { transform: translateY(30px); } } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(5px); } 100% { transform: translateY(10px); } } /* Zoom animation */ @keyframes zoom-in-zoom-out { 0% { transform: scale(1, 1); } 50% { transform: scale(1.2, 1.2); } 100% { transform: scale(1, 1); } } /* Box shadow animation */ [data-shadow-animation] { box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); transition: box-shadow 0.5s cubic-bezier(0.7, 0, 0.3, 1); } [data-shadow-animation].shadow-in { box-shadow: 0 20px 100px rgba(0, 0, 0, 0.1); } [data-shadow-animation].shadow-in img { opacity: 1; transition-delay: 0.35s; } [data-shadow-animation] img { opacity: 0; transition: opacity 0.65s cubic-bezier(0.5, 1, 0.5, 1); } /* Parallax liquid */ [data-parallax-liquid] { overflow: hidden; will-change: transform; -webkit-transform: translateY(0); transform: translateY(0); transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1); } /* Masked image animation */ /* Shape image animation */ .shape-image-animation { position: absolute; bottom: 0; left: 0; } .shape-image-animation svg { height: 100%; width: 100%; } .shape-image-animation svg path { width: 100%; } /* Magic cursor */ .magic-cursor { cursor: none; } #ball-cursor { position: fixed; width: 70px; height: 70px; border: 0 !important; background-color: var(--dark-gray); box-shadow: 0 0 50px rgba(0, 0, 0, 0.25); border-radius: 100%; opacity: 0 !important; overflow: hidden; transition: opacity 0.3s ease-in-out 0.1s; text-align: center; } #ball-cursor:before, #ball-cursor:after { content: ""; font-family: feather !important; color: var(--white); font-size: 20px; line-height: 70px; position: absolute; left: 12px; top: 0px; } #ball-cursor:after { content: ""; right: 12px; left: auto; } .magic-cursor-wrapper { position: absolute; left: 0; top: 0; width: 30px; height: 30px; pointer-events: none; z-index: 10000; transition: opacity 0.2s ease-in-out 0.2s; } .magic-cursor-wrapper.sliderhover #ball-cursor { opacity: 1 !important; } .magic-cursor-wrapper.vertical #ball-cursor:before, .magic-cursor-wrapper.vertical #ball-cursor:after { content: ""; left: 50%; top: 10px; line-height: normal; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .magic-cursor-wrapper.vertical #ball-cursor:after { content: ""; right: auto; bottom: 10px; top: auto; } @media (hover: none) { .magic-cursor-wrapper { display: none; } } .magic-cursor-light #ball-cursor { background-color: var(--white); } .magic-cursor-light #ball-cursor:before { color: var(--dark-gray); } .magic-cursor-light #ball-cursor:after { color: var(--dark-gray); } .magic-cursor-base-color #ball-cursor { background-color: var(--base-color); } .magic-cursor-base-color #ball-cursor:before { color: var(--white); } .magic-cursor-base-color #ball-cursor:after { color: var(--white); } .magic-view-cursor #ball-cursor { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.2); width: 180px; height: 180px; box-shadow: none; } .magic-view-cursor #ball-cursor:after { display: none; } .magic-view-cursor #ball-cursor:before { content: "Explore"; font-size: 16px; color: var(--white) !important; font-weight: 400; font-family: var(--alt-font) !important; text-shadow: 0 0 20px rgba(0, 0, 0, 0.9); top: 50%; left: 50%; transform: translate(-50%, -50%); } .magic-drag-cursor #ball-cursor { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.2); width: 140px; height: 140px; box-shadow: none; } .magic-drag-cursor #ball-cursor:after { display: none; } .magic-drag-cursor #ball-cursor:before { content: "< DRAG >"; font-size: 14px; color: var(--white) !important; font-weight: 600; font-family: var(--alt-font) !important; text-shadow: 0 0 20px rgba(0, 0, 0, 0.9); top: 50%; left: 50%; transform: translate(-50%, -50%); word-spacing: 4px; width: inherit; } .magic-drag-cursor.magic-cursor-light #ball-cursor { background-color: rgba(255, 255, 255, 0.2); } .magic-drag-cursor.magic-cursor-light #ball-cursor:before { color: var(--dark-gray); } .magic-drag-cursor.magic-cursor-light #ball-cursor:after { color: var(--dark-gray); } .magic-round-cursor #ball-cursor { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background-color: rgba(0, 0, 0, 0.2); width: 220px; height: 220px; box-shadow: none; } .magic-round-cursor #ball-cursor:before { display: none; } .magic-round-cursor #ball-cursor:after { display: none; } /* Anime animation */ [data-anime] { opacity: 0; transition: none; } [data-anime].appear { opacity: 1; } [data-anime].btn { transition: none; } [data-anime].btn.anime-complete { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } /* Atropos box */ .atropos-shadow { background-color: transparent !important; filter: inherit; } .atropos-highlight { background-image: inherit !important; } /* Only for safari browser */ @media not all and (min-resolution: 0.001dpcm) { [data-anime] [class*="text-shadow-"] { text-shadow: none; } [data-anime][class*="text-shadow-"] { text-shadow: none; } [data-fancy-text] [class*="text-shadow-"] { text-shadow: none; } [data-fancy-text][class*="text-shadow-"] { text-shadow: none; } /* font awesome icon gradient color */ } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* color issue */ .text-white a[href^="tel"] { color: var(--white); } .text-dark-gray a[href^="tel"] { color: var(--text-dark-gray); } } .swiper-slide [data-fancy-text] { opacity: 0; } .swiper-slide [data-fancy-text].appear { opacity: 1; } .swiper-slide.swiper-slide-active [data-fancy-text] { opacity: 1; } .swiper-slide.swiper-slide-active [data-anime] { opacity: 1; } .swiper-slide [data-anime] { opacity: 0; transition: 0.3s ease-in-out; } .no-animation .anime-text .whitespace { display: inline-block; } .no-animation .anime-text .whitespace::after { content: "r"; opacity: 0; font-size: 70%; } .no-animation [data-anime], .no-animation [data-fancy-text] { opacity: 1; transition: none; } /* Data top bottom transition animation */ [data-top-bottom] { transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); } /* Custom cursor */ @media (hover: hover) and (pointer: fine) { .custom-cursor .circle-cursor { position: fixed; left: 0; top: 0; pointer-events: none; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translateZ(0); transform: translateZ(0); visibility: hidden; opacity: 0; transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .custom-cursor .circle-cursor-inner { margin-left: -3px; margin-top: -3px; width: 6px; height: 6px; z-index: 10000001; background-color: var(--base-color); } .custom-cursor .circle-cursor-inner.cursor-link-hover { margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; background-color: var(--base-color); opacity: 0.8; } .custom-cursor .circle-cursor-outer { margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; border: 1px solid var(--base-color); z-index: 10000000; opacity: 0.8; -webkit-transition: 0.1s; transition: 0.1s; } .custom-cursor .cursor-link.circle-cursor-inner .cursor-link-hover { opacity: 1; } } .is-touchable .cursor-page-inner { display: none !important; } /* Stack box */ .stack-box { position: relative; z-index: 1; height: 300vh; } .stack-box .stack-item { height: 100vh; width: 100%; position: absolute; overflow: hidden; z-index: 999; display: flex; align-items: center; } /* Scrolling text */ .looping-wrapper { position: absolute; display: flex; align-items: center; flex-wrap: wrap; width: 1px; height: 100vh; left: 50%; top: 0; } .looping-wrapper .el { position: absolute; opacity: 1; width: 2px; height: 24vh; margin-top: -18vh; transform-origin: 50% 100%; background: var(--base-color); } /* Marquee slide */ /* Father shadow */ /* Text sliding line */ /* Sliding line */ /* Feature box slider */ /* Page loader */ .page-loader { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: var(--white) !important; opacity: 1 !important; z-index: 99999; } .page-loader::after { background: 0 0; content: "" !important; position: absolute; left: calc(50% - 25px) !important; top: calc(50% - 25px) !important; width: 50px !important; height: 50px !important; opacity: 1 !important; right: inherit !important; z-index: 9; text-align: center; border: 2px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; -webkit-animation: rotation 8s infinite linear; animation: rotation 1.5s infinite linear; } /* Cookie message */ /* Scroll progress */ .scroll-progress { position: fixed; right: 20px; z-index: 111; top: 50%; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); mix-blend-mode: difference; } .scroll-progress.visible { opacity: 1; } .scroll-progress .scroll-top { display: flex; flex-direction: column; justify-content: center; align-items: center; } .scroll-progress .scroll-line { width: 2px; height: 60px; position: relative; background-color: rgba(255, 255, 255, 0.15); color: inherit; display: block; } .scroll-progress .scroll-point { display: inline-block; width: 2px; position: absolute; background-color: var(--white); top: 0px; left: 0px; } .scroll-progress .scroll-text { -webkit-transform: rotate(180deg); transform: rotate(180deg); writing-mode: vertical-lr; margin-bottom: 15px; color: var(--white); font-size: 11px; text-transform: uppercase; } /* for buy and demo button */ .theme-demos { display: none; width: 100%; height: 100%; min-height: 100%; position: fixed; background-color: var(--white); right: -100%; top: 0; z-index: 1050; -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); } .theme-demos section { height: 100%; min-height: 100%; position: relative; z-index: 11; padding: 0; width: 100%; } .theme-demos .demos-wrapper { height: 100%; overflow-y: hidden; background-color: var(--very-light-gray); width: 100%; } .theme-demos .demos-wrapper .demos-wrapper-inner { padding: 60px 50px; } .theme-demos.active { -webkit-transform: translateX(-100%); transform: translateX(-100%); box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.25); } .theme-demos .grid { padding: 0 20px; display: flex; flex-wrap: wrap; } .theme-demos .demo-button-wrapper { width: auto; white-space: nowrap; position: absolute; right: 100%; display: block; bottom: 250px; cursor: pointer; z-index: 10; -webkit-transform: rotate(-90deg) translateY(-100%); -ms-transform: rotate(-90deg) translateY(-100%); transform: rotate(-90deg) translateY(-100%); -webkit-transform-origin: 100% 0% 0; -ms-transform-origin: 100% 0% 0; transform-origin: 100% 0% 0; margin-right: -1px; display: flex; } .theme-demos .buy-theme a, .theme-demos .all-demo a { color: var(--dark-gray); font-size: 11px; padding: 15px; display: block; text-decoration: none; font-weight: 500; } .theme-demos .buy-theme a > i, .theme-demos .all-demo a > i { position: absolute; left: 0; top: 0; height: 100%; width: 59px; line-height: 55px; text-align: center; opacity: 0; font-size: 24px; transition-delay: 0.3s; } .theme-demos .all-demo { background-color: #1f242e; } .theme-demos .all-demo .theme-wrapper { padding: 0 9px; position: relative; top: 0; opacity: 1; transition-delay: 0.3s; line-height: 0; } .theme-demos .all-demo .theme-wrapper > div { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 15px; color: var(--white); font-size: 14px; text-transform: uppercase; line-height: 21px; } .theme-demos .buy-theme { text-align: center; background-color: #48a133; position: relative; z-index: 1; } .theme-demos .buy-theme .theme-wrapper { padding: 0; position: relative; top: 0; opacity: 1; transition-delay: 0.3s; line-height: 0; } .theme-demos .buy-theme .theme-wrapper span { font-size: 15px; font-weight: 600; margin-right: 0; } .theme-demos .buy-theme .theme-wrapper i { margin-right: 10px; font-size: 21px; } .theme-demos .buy-theme .theme-wrapper > div svg { margin: 0; } .theme-demos .mCustomScrollBox { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .theme-demos .mCustomScrollBox .mCSB_container { width: 100%; -ms-flex-item-align: start; align-self: flex-start; margin: 0; padding-right: 15px !important; } .theme-demos .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y { -ms-flex-item-align: center; align-self: center; } .theme-demos .mCustomScrollBox .mCSB_draggerRail { display: none; } .theme-demos .portfolio-wrapper .grid-item { flex: 0 0 auto; } .theme-demos .close-popup { position: absolute; top: 10px; right: 10px; z-index: 99; cursor: pointer; -webkit-transition: -webkit-transform 0.3s ease; -ms-transition: -ms-transform 0.3s ease; transition: transform 0.3s ease; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .theme-demos .close-popup:hover { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .show-search-popup .theme-demos .theme-demos, .show-search-popup .show-menu .theme-demos { z-index: 1; } /* Move it (define the animation) */ @-moz-keyframes example1 { 0% { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes example1 { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } @keyframes example1 { 0% { -moz-transform: translateX(100%); /* Firefox bug fix */ -webkit-transform: translateX(100%); /* Firefox bug fix */ transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); /* Firefox bug fix */ -webkit-transform: translateX(-100%); /* Firefox bug fix */ transform: translateX(-100%); } } /* =================================== 06. Background and border ====================================== */ /* Background color */ .bg-base-color { background-color: var(--base-color); } .bg-almost-transparent { background-color: #00000036; } .bg-dark-gray, .bg-dark-gray:focus { background-color: var(--dark-gray); } .bg-black { background-color: var(--black); } .bg-very-light-gray { background-color: var(--very-light-gray); } /* Gradient background color */ .bg-gradient-very-light-gray { background-image: linear-gradient( to bottom, #f7f8f9, #f9fafb, #fbfbfc, #fdfdfd, #ffffff ); } /* Transparent background color */ .bg-transparent { background-color: transparent; } /* Background image */ .cover-background { background-repeat: no-repeat !important; background-size: cover; overflow: hidden; position: relative; background-position: center center !important; } /* Background size */ /* Border width */ /* Border style */ /* Border color */ .border-color-dark-gray { border-color: var(--dark-gray) !important; } .border-color-extra-medium-gray { border-color: var(--extra-medium-gray) !important; } .border-color-transparent-dark-very-light { border-color: rgba(35, 35, 35, 0.1) !important; } .border-color-transparent { border-color: transparent !important; } /* Gradient border color */ /* Border radius */ .border-radius-0px { border-radius: 0 !important; } .border-radius-4px { border-radius: 4px !important; } .border-radius-5px { border-radius: 5px !important; } .border-radius-6px { border-radius: 6px !important; } .border-radius-10px { border-radius: 10px !important; } .border-radius-100px { border-radius: 100px !important; } .border-radius-100 { border-radius: 100% !important; } /* Parallax background */ .parallax { position: relative !important; background-size: cover !important; overflow: hidden; background-attachment: fixed !important; transition-timing-function: none; -webkit-transition-timing-function: none; transition-duration: 0s; -webkit-transition-duration: 0s; } /* =================================== 07. Width ====================================== */ .w-40px { width: 40px !important; } .w-140px { width: 140px !important; } .w-150px { width: 150px !important; } .w-160px { width: 160px !important; } .w-180px { width: 180px !important; } .w-190px { width: 190px !important; } .w-250px { width: 250px !important; } .w-10 { width: 10% !important; } .w-15 { width: 15% !important; } .w-25 { width: 25% !important; } .w-30 { width: 30% !important; } .w-40 { width: 40% !important; } .w-50 { width: 50% !important; } .w-60 { width: 60% !important; } .w-70 { width: 70% !important; } .w-80 { width: 80% !important; } .w-85 { width: 85% !important; } .w-90 { width: 90% !important; } .w-95 { width: 95% !important; } .w-100 { width: 100% !important; } /* =================================== 08. Height ====================================== */ .h-40px { height: 40px !important; } .h-160px { height: 160px !important; } .h-300px { height: 300px !important; } .h-450px { height: 450px !important; } .h-500px { height: 500px !important; } .h-700px { height: 700px !important; } /* Screen height */ .one-third-screen { height: 700px !important; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: auto; } } /* =================================== 09. Loop - Padding, margin, position, font weight, min height, opacity and z-index ====================================== */ /* Padding and margin */ .p-10px { padding: 10px !important; } .p-15px { padding: 15px !important; } .p-20px { padding: 20px !important; } .p-30px { padding: 30px !important; } .p-1 { padding: 1% !important; } .p-2 { padding: 2% !important; } .p-3 { padding: 3% !important; } .p-6 { padding: 6% !important; } .p-9 { padding: 9% !important; } .p-10 { padding: 10% !important; } .p-12 { padding: 12% !important; } .p-15 { padding: 15% !important; } .p-20 { padding: 20% !important; } .p-30 { padding: 30% !important; } .pt-5px { padding-top: 5px !important; } .pt-15px { padding-top: 15px !important; } .pt-20px { padding-top: 20px !important; } .pt-25px { padding-top: 25px !important; } .pt-30px { padding-top: 30px !important; } .pt-40px { padding-top: 40px !important; } .pt-50px { padding-top: 50px !important; } .pt-1 { padding-top: 1% !important; } .pt-2 { padding-top: 2% !important; } .pt-3 { padding-top: 3% !important; } .pt-4 { padding-top: 4% !important; } .pt-5 { padding-top: 5% !important; } .pt-7 { padding-top: 7% !important; } .pt-15 { padding-top: 15% !important; } .pt-17 { padding-top: 17% !important; } .pt-20 { padding-top: 20% !important; } .pt-25 { padding-top: 25% !important; } .pt-30 { padding-top: 30% !important; } .pe-25px { padding-right: 25px !important; } .pe-30px { padding-right: 30px !important; } .pe-50px { padding-right: 50px !important; } .pe-55px { padding-right: 55px !important; } .pe-65px { padding-right: 65px !important; } .pe-1 { padding-right: 1% !important; } .pe-2 { padding-right: 2% !important; } .pe-3 { padding-right: 3% !important; } .pe-5 { padding-right: 5% !important; } .pe-6 { padding-right: 6% !important; } .pe-8 { padding-right: 8% !important; } .pe-12 { padding-right: 12% !important; } .pe-15 { padding-right: 15% !important; } .pe-20 { padding-right: 20% !important; } .pe-25 { padding-right: 25% !important; } .pe-30 { padding-right: 30% !important; } .pb-5px { padding-bottom: 5px !important; } .pb-10px { padding-bottom: 10px !important; } .pb-20px { padding-bottom: 20px !important; } .pb-30px { padding-bottom: 30px !important; } .pb-1 { padding-bottom: 1% !important; } .pb-2 { padding-bottom: 2% !important; } .pb-3 { padding-bottom: 3% !important; } .pb-5 { padding-bottom: 5% !important; } .pb-10 { padding-bottom: 10% !important; } .pb-17 { padding-bottom: 17% !important; } .pb-20 { padding-bottom: 20% !important; } .pb-25 { padding-bottom: 25% !important; } .pb-30 { padding-bottom: 30% !important; } .ps-25px { padding-left: 25px !important; } .ps-30px { padding-left: 30px !important; } .ps-50px { padding-left: 50px !important; } .ps-55px { padding-left: 55px !important; } .ps-65px { padding-left: 65px !important; } .ps-1 { padding-left: 1% !important; } .ps-2 { padding-left: 2% !important; } .ps-3 { padding-left: 3% !important; } .ps-5 { padding-left: 5% !important; } .ps-6 { padding-left: 6% !important; } .ps-8 { padding-left: 8% !important; } .ps-12 { padding-left: 12% !important; } .ps-15 { padding-left: 15% !important; } .ps-20 { padding-left: 20% !important; } .ps-25 { padding-left: 25% !important; } .ps-30 { padding-left: 30% !important; } .m-20px { margin: 20px !important; } .m-30px { margin: 30px !important; } .m-1 { margin: 1% !important; } .m-2 { margin: 2% !important; } .m-3 { margin: 3% !important; } .m-4 { margin: 4% !important; } .m-5 { margin: 5% !important; } .m-6 { margin: 6% !important; } .m-12 { margin: 12% !important; } .m-20 { margin: 20% !important; } .m-30 { margin: 30% !important; } .mt-15px { margin-top: 15px !important; } .mt-20px { margin-top: 20px !important; } .mt-25px { margin-top: 25px !important; } .mt-40px { margin-top: 40px !important; } .mt-50px { margin-top: 50px !important; } .mt-1 { margin-top: 1% !important; } .mt-2 { margin-top: 2% !important; } .mt-4 { margin-top: 4% !important; } .mt-5 { margin-top: 5% !important; } .mt-6 { margin-top: 6% !important; } .mt-8 { margin-top: 8% !important; } .mt-15 { margin-top: 15% !important; } .mt-20 { margin-top: 20% !important; } .mt-25 { margin-top: 25% !important; } .me-10px { margin-right: 10px !important; } .me-15px { margin-right: 15px !important; } .me-20px { margin-right: 20px !important; } .me-1 { margin-right: 1% !important; } .me-2 { margin-right: 2% !important; } .me-10 { margin-right: 10% !important; } .me-15 { margin-right: 15% !important; } .me-20 { margin-right: 20% !important; } .mb-5px { margin-bottom: 5px !important; } .mb-10px { margin-bottom: 10px !important; } .mb-15px { margin-bottom: 15px !important; } .mb-20px { margin-bottom: 20px !important; } .mb-25px { margin-bottom: 25px !important; } .mb-30px { margin-bottom: 30px !important; } .mb-35px { margin-bottom: 35px !important; } .mb-50px { margin-bottom: 50px !important; } .mb-1 { margin-bottom: 1% !important; } .mb-2 { margin-bottom: 2% !important; } .mb-3 { margin-bottom: 3% !important; } .mb-4 { margin-bottom: 4% !important; } .mb-5 { margin-bottom: 5% !important; } .mb-6 { margin-bottom: 6% !important; } .mb-7 { margin-bottom: 7% !important; } .mb-8 { margin-bottom: 8% !important; } .mb-9 { margin-bottom: 9% !important; } .mb-10 { margin-bottom: 10% !important; } .mb-15 { margin-bottom: 15% !important; } .mb-20 { margin-bottom: 20% !important; } .mb-25 { margin-bottom: 25% !important; } .mb-30 { margin-bottom: 30% !important; } .ms-1 { margin-left: 1% !important; } /* Position */ .right-0px { right: 0px; } .right-20px { right: 20px; } .right-70px { right: 70px; } .bottom-0px { bottom: 0px; } .bottom-20px { bottom: 20px; } .bottom-30px { bottom: 30px; } .left-0px { left: 0px; } .left-15px { left: 15px; } .left-30px { left: 30px; } .top-minus-20px { top: -20px; } .top-minus-60px { top: -60px; } .top-minus-80px { top: -80px; } .top-minus-100px { top: -100px; } .bottom-minus-40px { bottom: -40px; } /* Font weight */ .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .fw-800 { font-weight: 800 !important; } /* Min height */ /* Opacity */ .opacity-1 { opacity: 0.1; } /* Z-index */ .z-index-0 { z-index: 0; } .z-index-1 { z-index: 1; } /* =================================== 10. Header ====================================== */ header .header-top-bar [class*="col-"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .header-top-bar [class*="col-"].text-end { justify-content: flex-end !important; } header .header-top-bar [class*="col-"] .header-icon { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } header .navbar { position: fixed; top: 0; right: 0; left: 0; z-index: 99; } header .navbar [class*="col-"] { padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } header .navbar [class*="col-"].text-end { justify-content: flex-end !important; } header .navbar [class*="col-"] .navbar-nav { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .navbar [class*="col-"] .navbar-nav .nav-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .navbar [class*="col-"] .navbar-nav .nav-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .container-fluid { padding-left: 45px; padding-right: 45px; } header.sticky .navbar-brand { padding: 20px 0; } header.sticky .navbar { -webkit-transform: translateY(-100%); transform: translateY(-100%); } header.sticky.sticky-active .header-reverse { -webkit-transform: translateY(0); transform: translateY(0); border-color: transparent !important; } header.sticky.sticky-active .header-reverse.glass-effect { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(255, 255, 255, 0.85) !important; } header.sticky.sticky-active .navbar-brand .alt-logo { visibility: visible; opacity: 1; width: auto; } header.sticky.sticky-active .navbar-brand .default-logo { visibility: hidden; opacity: 0; width: 0; } header.sticky.sticky-active [data-header-hover="dark"] { background-color: var(--dark-gray) !important; } header.sticky.sticky-active [data-header-hover="dark"] .navbar-nav .nav-item:hover .nav-link { color: var(--white); opacity: 0.6; } header.sticky.sticky-active [data-header-hover="dark"] .navbar-nav .nav-link { color: var(--white); } header.sticky.sticky-active [data-header-hover="dark"] .icon > a { color: var(--white); } header.sticky.sticky-active [data-header-hover="dark"] .icon > a:hover { color: var(--white); opacity: 0.6; } header.sticky.sticky-active [data-header-hover="dark"] .icon .push-button span { background-color: var(--white); } header.sticky.sticky-active [data-header-hover="dark"] .icon .header-language > a, header.sticky.sticky-active [data-header-hover="dark"] .icon .header-cart > a { color: var(--white); } header.sticky.sticky-active [data-header-hover="dark"] .icon .header-language > a:hover, header.sticky.sticky-active [data-header-hover="dark"] .icon .header-cart > a:hover { color: var(--white); } header.sticky.sticky-active [data-header-hover="light"] { background-color: var(--white) !important; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); } header.sticky.sticky-active [data-header-hover="light"] .navbar-nav .nav-link { color: var(--dark-gray); } header.sticky.sticky-active [data-header-hover="light"] .icon > a { color: var(--dark-gray); } header.sticky.sticky-active [data-header-hover="light"] .icon > a:hover { color: var(--medium-gray); opacity: 1; } header.sticky.sticky-active [data-header-hover="light"] .icon .push-button span { background-color: var(--dark-gray); } header.sticky.sticky-active [data-header-hover="light"] .icon .header-language > a, header.sticky.sticky-active [data-header-hover="light"] .icon .header-cart > a { color: var(--dark-gray); } header.sticky.sticky-active [data-header-hover="light"] .icon .header-language > a:hover, header.sticky.sticky-active [data-header-hover="light"] .icon .header-cart > a:hover { color: var(--medium-gray); opacity: 1; } header.sticky .header-icon .push-button { padding: 0; } header.sticky .fixed-header .navbar-brand, header.sticky .disable-fixed .navbar-brand { padding: 30px 0; } header .navbar { -webkit-transition: 0.3s; transition: 0.3s; } header .navbar-brand { margin-right: 0; vertical-align: middle; padding: 30px 0; display: inline-block; font-size: 0; } header .navbar-brand .default-logo { visibility: visible; opacity: 1; width: auto; } header .navbar-brand .alt-logo, header .navbar-brand .mobile-logo { visibility: hidden; opacity: 0; width: 0; } header .navbar-brand img { max-height: 46px; } header .header-top-bar { position: fixed; top: 0; right: 0; width: 100%; left: 0; z-index: 100; -webkit-transition: 0.3s; transition: 0.3s; } header .header-top-bar + .navbar { -webkit-transition: 0.3s; transition: 0.3s; top: 40px; } header .header-top-bar + .navbar.disable-fixed { top: 0; } header .header-top-bar .widget { display: inline-block; } header .header-top-bar .widget i { padding-right: 5px; } header .disable-fixed { position: absolute; } header.sticky .navbar.disable-fixed { -webkit-transform: translateY(0); transform: translateY(0); box-shadow: none; } /* Navbar */ .navbar { padding: 0; } .navbar .navbar-nav .nav-item > i { display: none; } .navbar .navbar-nav .nav-item:hover .nav-link, .navbar .navbar-nav .nav-item.active .nav-link { opacity: 0.6; } .navbar .navbar-nav .nav-item .nav-link.active { opacity: 0.6; } .navbar .navbar-nav .nav-link { font-size: 16px; line-height: 20px; padding: 10px 20px; position: relative; font-weight: 500; opacity: 1; word-break: normal; -webkit-transition: 0.3s; transition: 0.3s; color: var(--white); } .navbar .navbar-nav .nav-link .label { display: inline-block; padding: 1px 11px; font-size: 12px; margin-left: 8px; margin-top: 0px; vertical-align: middle; } .navbar .navbar-nav .dropdown.submenu { position: inherit; } .navbar .navbar-nav .dropdown .dropdown-menu { margin: 0; padding: 60px 0 65px; border: 0; top: 100%; background-color: var(--white); box-shadow: 0 45px 45px 0 rgba(0, 0, 0, 0.05); -webkit-animation: hide-animation 0.5s; animation: hide-animation 0.5s; -webkit-border-radius: 0; border-radius: 0; } .navbar .navbar-nav .dropdown .dropdown-menu li:last-child > a { padding-bottom: 0; } .navbar .navbar-nav .dropdown .dropdown-menu li.active > a { color: var(--dark-gray); } .navbar .navbar-nav .dropdown .dropdown-menu li a:hover { padding-left: 3px; } .navbar .navbar-nav .dropdown .dropdown-menu a { color: var(--medium-gray); font-size: 15px; line-height: 24px; font-weight: 400; padding-bottom: 10px; display: block; } .navbar .navbar-nav .dropdown .dropdown-menu a:hover { color: var(--dark-gray); } .navbar .navbar-nav .dropdown .dropdown-menu a i { width: 25px; display: inline-block; vertical-align: middle; margin-right: 7px; text-align: center; } .navbar .navbar-nav .dropdown .dropdown-menu a .label { display: inline-block; padding: 5px 10px; font-size: 10px; line-height: initial; margin-left: 8px; margin-top: 0px; vertical-align: middle; font-weight: 700; text-transform: uppercase; white-space: nowrap; } .navbar .navbar-nav .dropdown.open .dropdown-menu { display: block; -webkit-animation: show-animation 0.5s; animation: show-animation 0.5s; } .navbar .navbar-nav .simple-dropdown .dropdown-menu { display: none; width: 245px; padding: 35px 0; -webkit-border-radius: 0; border-radius: 0; box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.1); } .navbar .navbar-nav .simple-dropdown .dropdown-menu li { padding: 0 45px 0 40px; } .navbar .navbar-nav .simple-dropdown .dropdown-menu li a { padding-bottom: 12px; } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown { position: relative; } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown i { position: absolute; right: 35px; top: 6px; width: auto; font-size: 13px; } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open > a { color: var(--dark-gray); } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open > .dropdown-menu { display: block; } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.menu-left .dropdown-menu { left: calc(-100% - 1px); } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown .dropdown-menu { -webkit-animation: none; animation: none; } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu { display: none; position: absolute; left: calc(100% + 1px); top: -35px; } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu { border-radius: 5px; padding: 0; overflow: hidden; width: 260px; } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li { padding: 0; } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a { font-size: 15px; line-height: 26px; border-bottom: 1px solid rgba(23, 23, 23, 0.1); padding: 17px 20px; } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i { font-size: 19px; } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a img { width: 35px; margin-right: 15px; } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a { border-bottom: 0; } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu { box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; width: 310px; padding: 20px 35px; } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li { justify-content: center; display: flex; border-bottom: 0; padding: 0; } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li:first-child a { border-top: 0; } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a { margin: 0; border-top: 1px solid rgba(23, 23, 23, 0.1); padding: 15px 30px 15px 0; font-size: 16px; line-height: 28px; font-weight: 500; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a i { width: 40px; font-size: 36px; margin-right: 15px; color: var(--base-color); flex-shrink: 0; text-align: left; } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span { color: var(--dark-gray); font-weight: 600; } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p { margin: 0; font-size: 13px; color: var(--medium-gray); } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a img { border-radius: 100%; width: 45px; margin-right: 15px; } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before { content: ""; color: var(--black); font-family: bootstrap-icons; font-weight: 400; font-size: 23px; position: absolute; right: 6px; opacity: 0; -webkit-transition: all 300ms cubic-bezier(0.61, 1, 0.88, 1); transition: all 300ms cubic-bezier(0.61, 1, 0.88, 1); } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:hover:before { right: 0px; opacity: 1; } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a.btn { padding: 15px 20px; justify-content: center; margin-top: 10px; line-height: normal; border-top: 0; font-size: 14px; margin-bottom: 5px; } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a.btn:before { display: none; } /* Header hover submenu dark */ [data-header-hover="dark"] .navbar-nav .dropdown .dropdown-menu li.active > a { color: var(--white); } [data-header-hover="dark"] .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } [data-header-hover="dark"] .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } [data-header-hover="dark"] .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span { color: var(--white) !important; } [data-header-hover="dark"] .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before { color: var(--white); } [data-header-hover="dark"] .navbar-nav .simple-dropdown .dropdown-menu, [data-header-hover="dark"] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu, [data-header-hover="dark"] .navbar-nav .dropdown-with-icon .dropdown-menu { background-color: var(--dark-gray); } [data-header-hover="dark"] .navbar-nav .simple-dropdown .dropdown-menu a, [data-header-hover="dark"] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu a, [data-header-hover="dark"] .navbar-nav .dropdown-with-icon .dropdown-menu a { color: var(--light-gray); } [data-header-hover="dark"] .navbar-nav .simple-dropdown .dropdown-menu a:hover, [data-header-hover="dark"] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu a:hover, [data-header-hover="dark"] .navbar-nav .dropdown-with-icon .dropdown-menu a:hover { color: var(--white); } [data-header-hover="dark"] .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover > a, [data-header-hover="dark"] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu .dropdown:hover > a, [data-header-hover="dark"] .navbar-nav .dropdown-with-icon .dropdown-menu .dropdown:hover > a { color: var(--white); } .submenu-dark { background-color: var(--dark-gray) !important; } .submenu-dark .navbar-brand .alt-logo { visibility: visible; opacity: 1; width: auto; } .submenu-dark .navbar-brand .default-logo { visibility: hidden; opacity: 0; width: 0; } .submenu-dark .navbar-nav .dropdown .dropdown-menu { background-color: var(--dark-gray); } .submenu-dark .navbar-nav .dropdown .dropdown-menu a { color: var(--light-gray); } .submenu-dark .navbar-nav .dropdown .dropdown-menu a:hover { color: var(--white); } .submenu-dark .navbar-nav .dropdown .dropdown-menu li.active > a { color: var(--white); } .submenu-dark .navbar-nav .simple-dropdown .dropdown-menu { background-color: var(--dark-gray); } .submenu-dark .navbar-nav .simple-dropdown .dropdown-menu a { color: var(--light-gray); } .submenu-dark .navbar-nav .simple-dropdown .dropdown-menu a:hover { color: var(--white); } .submenu-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover > a { color: var(--white); } /* Header hover submenu light */ .submenu-light { background-color: var(--white) !important; } .submenu-light .navbar-brand .alt-logo { visibility: visible; opacity: 1; width: auto; } .submenu-light .navbar-brand .default-logo { visibility: hidden; opacity: 0; width: 0; } .submenu-light .navbar-nav .nav-link { color: var(--dark-gray); } .submenu-light .header-icon .icon > a { color: var(--dark-gray); } .submenu-light .header-icon .icon > a:hover { color: var(--medium-gray); } .submenu-light .header-icon .icon .push-button span { background-color: var(--dark-gray); } .submenu-light .header-icon .icon .header-language > a, .submenu-light .header-icon .icon .header-cart > a { color: var(--dark-gray); } .submenu-light .header-icon .icon .header-language > a:hover, .submenu-light .header-icon .icon .header-cart > a:hover { color: var(--medium-gray); } .submenu-light .menu-item-list .nav-link { color: var(--dark-gray); } .submenu-light .menu-item-list .nav-link:hover { color: var(--dark-gray); opacity: 0.6; } .submenu-light .menu-item-list .sub-menu a { color: var(--dark-gray); opacity: 0.6; } .submenu-light .menu-item-list .menu-item .toggle { color: var(--dark-gray); } /* Header dark */ /* Header light */ /* Header icon */ .header-icon { display: flex; align-items: center; } .header-icon .icon { position: relative; line-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-icon .icon > a { padding-left: 16px; font-size: 17px; color: var(--white); } .header-icon .icon > a:hover { color: var(--white); opacity: 0.6; } .header-icon .icon:first-child a:first-child { padding-left: 0; } .header-icon .icon .header-language, .header-icon .icon .header-cart { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-icon .icon .header-language > a, .header-icon .icon .header-cart > a { padding-left: 14px; color: var(--white); font-size: 17px; } .header-icon .icon .header-language > a:hover, .header-icon .icon .header-cart > a:hover { color: var(--white); opacity: 0.6; } /* Header cart */ /* Header language */ /* Header widget */ /* Header push button */ .header-push-button { padding-left: 16px; } .header-push-button .push-button { position: relative; display: block; width: 22px; height: 14px; padding: 0; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .header-push-button .push-button span { background: var(--white); height: 2px; width: 22px; content: ""; display: block; border-radius: 0; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s; transition: 0.25s; } .header-push-button .push-button span:nth-child(2) { top: 6px; } .header-push-button .push-button span:nth-child(3) { top: 6px; } .header-push-button .push-button span:nth-child(4) { top: 12px; width: 14px; left: -8px; } .header-push-button .push-button:hover { opacity: 0.6; } .show-menu .header-push-button .push-button span:nth-child(1) { top: 7px; width: 0%; } .show-menu .header-push-button .push-button span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .show-menu .header-push-button .push-button span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .show-menu .header-push-button .push-button span:nth-child(4) { top: 7px; width: 0%; } .navbar-modern-inner { display: none; } .navbar-modern-inner .navbar-toggler { display: none; } /* Header push menu */ .show-menu { overflow: hidden; } .show-menu .push-menu { right: 0; -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.3); box-shadow: 0 0 60px rgba(0, 0, 0, 0.3); } .show-menu .push-menu .close-menu { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); -webkit-transition-delay: 0.5s; transition-delay: 0.5s; visibility: visible; cursor: pointer; } .push-menu { position: fixed; top: 0; right: -100%; width: 400px; height: 100%; z-index: 1031; overflow-y: auto; -webkit-transition: 0.5s; transition: 0.5s; } .push-menu .close-menu { height: 40px; width: 40px; text-align: center; position: absolute; right: 50px; top: 50px; z-index: 9; display: flex; border-radius: 100%; align-items: center; justify-content: center; opacity: 0; visibility: hidden; -webkit-transform: scale(0.8); transform: scale(0.8); } /* Header center logo */ /* Header top logo */ /* Header left menu simple */ .left-sidebar-wrapper { padding-left: 300px; position: relative; min-height: 300px; width: 100%; } .left-sidebar-wrapper .collapse:not(.show) { display: block !important; } header.sticky .left-sidebar-nav .navbar-nav .nav-link { padding: 0; } .left-sidebar-header { position: absolute; left: 0; width: 301px; top: -100%; bottom: 0; z-index: 999; display: block; } .left-sidebar-header .menu-item-list .menu-item .nav-link { font-size: 16px; line-height: 20px; } .left-sidebar-nav { width: 300px; padding: 80px 50px; left: 0; position: fixed; overflow: hidden; display: block; height: inherit; -webkit-transition: 0.3s; transition: 0.3s; } .left-sidebar-nav .navbar-brand { padding: 0 !important; } .left-sidebar-nav .side-menu { margin-top: 10.5rem; margin-bottom: 10.5rem; width: 100%; } .left-sidebar-nav .navbar-toggler { display: none; } /* Menu list */ .menu-item-list { display: block; width: 100%; list-style: none; padding: 0; margin-bottom: 0; } .menu-item-list .menu-item { position: relative; margin: 0; } .menu-item-list .menu-item ul { list-style: none; padding: 0; } .menu-item-list .menu-item .sub-menu .active > a { opacity: 1; } .menu-item-list .active .nav-link { opacity: 0.6; } .menu-item-list .nav-link { padding: 5px 20px 5px 0; font-size: 20px; line-height: 28px; display: inline-block; width: 100%; margin: 9px 0; color: var(--white); -webkit-transition: 0.3s; transition: 0.3s; } .menu-item-list .nav-link:hover { color: var(--white); opacity: 0.6; } .menu-item-list .sub-menu { padding: 0; display: block; height: 0; overflow: hidden; list-style: none; margin: 0; position: relative !important; transform: none !important; background-color: transparent; border: 0; } .menu-item-list .sub-menu li { position: relative; margin: 0; padding: 5px 0; } .menu-item-list .sub-menu li .sub-menu { margin: 0; padding-left: 15px; } .menu-item-list .sub-menu li .sub-menu li { padding: 10px 0 0; } .menu-item-list .sub-menu li .sub-menu li a { padding: 0; } .menu-item-list .sub-menu li .sub-menu li a i { margin-right: 10px; } .menu-item-list .sub-menu li .sub-menu li:first-child { margin-top: 10px; } .menu-item-list .sub-menu li .sub-menu li:last-child { margin-bottom: 10px; } .menu-item-list .sub-menu li:last-child { margin-bottom: 0; } .menu-item-list .sub-menu li:last-child .sub-menu li:last-child { margin-bottom: 0; } .menu-item-list .sub-menu a { font-size: 15px; line-height: 22px; display: block; color: var(--light-gray); margin: 0; padding-right: 20px; } .menu-item-list .sub-menu a:hover { color: var(--white); } .menu-item-list .sub-menu a .label { display: inline-block; padding: 5px 10px; font-size: 10px; line-height: initial; margin-left: 8px; margin-top: 0px; vertical-align: middle; font-weight: 700; text-transform: uppercase; white-space: nowrap; } .menu-item-list .sub-menu.show { height: auto; overflow: visible; } /* Header left menu modern */ .left-modern-menu { padding-left: 75px; } .left-modern-menu .collapse:not(.show) { display: block !important; } .left-modern-menu .left-modern-header .navbar-brand { position: relative; z-index: 9; width: 100%; padding: 0 !important; text-align: center; } .left-modern-menu .left-modern-header .navbar-brand img { max-height: 45px; } .left-modern-menu .left-modern-header .modern-side-menu { padding: 75px 40px; height: 100%; overflow-y: hidden; } .left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox { display: flex; width: 100%; } .left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox .mCSB_container { align-self: flex-start; width: 100%; margin: 0; padding: 0 30px; } .left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox .mCSB_container.mCS_no_scrollbar_y { align-self: center; } .left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(1) { top: 7px; width: 0%; } .left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(4) { top: 7px; width: 0%; } /* Header left menu modern dark */ .left-modern-sidebar { position: fixed; top: 0; left: 0; z-index: 999; height: 100%; width: 75px; padding: 35px 0; } /* Hamburger menu */ .hamburger-menu .header-icon { position: absolute; left: 0; bottom: -50px; } /* Hamburger menu half */ /* Hamburger menu simple */ /* Right push menu */ /* Header search popup */ .show-search-popup { overflow: hidden; } .show-search-popup header .navbar { z-index: 110; } /* Custom hide animation */ @-webkit-keyframes hide-animation { 0% { opacity: 1; } to { opacity: 0; } } /* Custom slide animation */ @-webkit-keyframes show-animation { 0% { opacity: 0; } to { opacity: 1; } } button:focus { outline: none; } /* Header toggle button */ .navbar-toggler { font-size: 24px; width: 22px; height: 14px; display: inline-block; position: relative; padding: 0; margin: 0; border: none; vertical-align: middle; border-radius: 0; -webkit-transition: 0.3s; transition: 0.3s; } .navbar-toggler:focus { box-shadow: none; } .navbar-toggler-line { background: var(--dark-gray); height: 2px; width: 22px; content: ""; display: block; border-radius: 0; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s; transition: 0.25s; } .navbar-toggler-line:nth-child(1) { top: 0px; width: 14px; } .navbar-toggler-line:nth-child(2) { top: 6px; } .navbar-toggler-line:nth-child(3) { top: 6px; } .navbar-toggler-line:nth-child(4) { top: 12px; width: 14px; } .navbar-collapse-show .navbar-toggler-line:nth-child(1) { top: 7px; width: 0%; } .navbar-collapse-show .navbar-toggler-line:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .navbar-collapse-show .navbar-toggler-line:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .navbar-collapse-show .navbar-toggler-line:nth-child(4) { top: 7px; width: 0%; } .navbar-modern-inner { display: none; } .navbar-modern-inner .navbar-toggler { display: none; } .navbar-modern-inner, .navbar-full-screen-menu-inner { display: none; } .top-space-margin { margin-top: 96px; } .top-space-padding { padding-top: 96px; } /* Landing page header */ /* =================================== 11. Page title ====================================== */ /* Breadcrumb */ .breadcrumb { margin: 0; } .breadcrumb ul { margin: 0; padding: 0; } /* Page title style */ .page-title-extra-large h1 { font-size: 3.3rem; line-height: 3.3rem; } .page-title-extra-large h2 { font-size: 18px; line-height: 26px; } /* Down section icon */ /* Down section line */ /* =================================== 12. Layout ====================================== */ /* Sidebar */ /* Grid */ .grid { list-style: none; padding: 0; margin: 0; } /* Grid column and gutter spacing */ .grid li img { width: 100%; } .grid .grid-sizer { padding: 0 !important; margin: 0 !important; } .grid.gutter-extra-large li { padding: 15px; } .grid.grid-4col li { width: 25%; } .grid.grid-3col li { width: 33.33%; } .grid.grid-2col li { width: 50%; } /* =================================== 13. Elements ====================================== */ /* Accordion */ .accordion .accordion-item { color: inherit; border: none; } .accordion .accordion-item .accordion-header { background-color: transparent; border: none; padding: 0; margin-bottom: 0; } .accordion .accordion-item .accordion-header .accordion-title { cursor: pointer; padding-right: 25px; } .accordion .accordion-item .accordion-header .accordion-title i { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .accordion .accordion-item .accordion-collapse { border: 0; } /* Accordion style 01 */ /* Accordion style 02 */ .accordion-style-02 .accordion-item { background-color: transparent; } .accordion-style-02 .accordion-item .accordion-header { margin-bottom: 0; padding: 15px 0; } .accordion-style-02 .accordion-item .accordion-header .accordion-title i { right: 0; } .accordion-style-02 .accordion-item.active-accordion .accordion-header { border-bottom-color: transparent !important; } .accordion-style-02 .accordion-item .accordion-body { padding: 0 25px 30px 0; } /* Accordion style 03 */ /* Accordion style 04 */ /* Accordion style 05 */ /* Accordion style 06 */ /* Alert box */ .alert-success { background-color: #f1fbec; color: #54b783; border-color: #cce8b3; padding: 10px 20px 10px 20px; } .alert { padding: 20px 25px 20px 30px; margin-bottom: 30px; line-height: 22px; position: relative; z-index: 1; -webkit-border-radius: 4px; border-radius: 4px; } .alert.alert-success { background-color: #f1fbec; color: #54b783; border-color: #cce8b3; } .alert.alert-danger { background-color: #fbf1f1; color: #e65656; border-color: #efe1e3; } .alert strong { font-weight: 500; } @keyframes hvr-icon-push { 50% { -webkit-trasfrom: scale(0.5); trasfrom: scale(0.5); } } .alert .close { opacity: 1; font-size: 16px; line-height: 22px; color: rgba(0, 0, 0, 0.34); text-shadow: none; float: right; } .alert .close i { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .alert .close:hover i { -webkit-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .alert .close:not(:disabled), .alert .close:not(.disabled):focus, .alert .close:not(.disabled):hover { opacity: 1; } /* Alert box style 02 */ /* Alert box style 03 */ /* Alert box style 04 */ /* Alert box style 05 */ /* Blockquote */ blockquote footer { padding: 0; } /* Blockquote style 05 */ /* Use for mac desktop pc */ @media only screen and (min-width: 1921px) { } /* Button */ .btn-box-shadow { -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); } .btn-box-shadow:hover { -webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { border-color: initial; color: initial; } .btn { display: inline-block; border: 2px solid transparent; border-radius: 0; text-transform: uppercase; letter-spacing: 0.5px; width: auto; font-family: var(--alt-font); font-weight: 500; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .btn:focus { -webkit-box-shadow: none; box-shadow: none; } .btn:hover { background-color: inherit; } .btn i { position: relative; margin-left: 6px; } .btn.btn-extra-large { font-size: 16px; padding: 24px 46px; } .btn.btn-large { font-size: 14px; padding: 18px 34px; } .btn.btn-medium { font-size: 13px; padding: 16px 30px; } .btn.btn-rounded.btn-extra-large { padding: 18px 46px; } .btn.btn-rounded.btn-large { padding: 14px 36px; } .btn.btn-rounded.btn-medium { padding: 12px 32px; } .btn.btn-rounded.btn-rounded { -webkit-border-radius: 50px; border-radius: 50px; } .btn.btn-round-edge { -webkit-border-radius: 4px; border-radius: 4px; } .btn.btn-link { padding: 0 0 2px; position: relative; text-decoration: none; border: 0; border-bottom: 2px solid; letter-spacing: 0; background-color: transparent; } .btn.btn-link.thin { border-bottom: 1px solid; } .btn.btn-link:hover { opacity: 0.7; } .btn.btn-link:focus-visible { box-shadow: none; } .btn.btn-hover-animation-switch.btn-link { border-bottom: 0; padding-bottom: 0; } .btn.btn-hover-animation-switch.btn-link:hover { opacity: 1; } .btn.btn-hover-animation-switch > span { display: inline-flex; align-items: center; } .btn.btn-hover-animation-switch .btn-text { margin-left: -13px; position: relative; z-index: 3; transition: transform 0.6s 0.125s cubic-bezier(0.1, 0.75, 0.25, 1); } .btn.btn-hover-animation-switch .btn-icon { margin-left: 6px; position: relative; transition: opacity 0.4s 0.25s, transform 0.6s 0.25s; transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1); line-height: 0; z-index: 3; } .btn.btn-hover-animation-switch .btn-icon i { margin: 0; line-height: 0; } .btn.btn-hover-animation-switch .btn-icon + .btn-icon { order: -2; opacity: 0; transition-delay: 0s; margin-left: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px); } .btn.btn-hover-animation-switch:hover .btn-text { transition-delay: 0.1s; transform: translateX(23px); } .btn.btn-hover-animation-switch:hover .btn-icon { transition-delay: 0s; transform: translateX(10px); opacity: 0; } .btn.btn-hover-animation-switch:hover .btn-icon + .btn-icon { opacity: 1; transform: translateX(0); transition-delay: 0.225s; } .btn.btn-hover-animation.btn-link { border-bottom: 0; padding-bottom: 0; } .btn.btn-hover-animation.btn-link:hover { opacity: 1; } .btn.btn-hover-animation > span { display: inline-flex; align-items: center; } .btn.btn-hover-animation .btn-text { margin-left: 0px; position: relative; z-index: 3; transition: transform 0.5s; } .btn.btn-hover-animation .btn-icon { display: inline-flex; align-items: center; margin-left: -24px; } .btn.btn-hover-animation .btn-icon i { display: inline-block; opacity: 0; top: 0; transform: translateX(0.24px); transition: opacity 0.25s, transform 0.5s; } .btn.btn-hover-animation:hover .btn-text { -webkit-transform: translateX(-12px); transform: translateX(-12px); } .btn.btn-hover-animation:hover .btn-icon i { opacity: 1; -webkit-transform: translateX(12px); transform: translateX(12px); } .btn.btn-hover-animation:active { border-color: transparent !important; } .btn.btn-base-color { background-color: var(--base-color); color: var(--white); } .btn.btn-base-color:hover, .btn.btn-base-color:active { background-color: transparent; border-color: var(--base-color); color: var(--base-color); } .btn.btn-dark-gray { background-color: var(--dark-gray); color: var(--white); } .btn.btn-dark-gray:hover, .btn.btn-dark-gray:active { background-color: transparent; border-color: var(--dark-gray); color: var(--dark-gray); } .btn.btn-transparent-black { background-color: transparent; border-color: var(--black); color: var(--black); } .btn.btn-transparent-black:hover, .btn.btn-transparent-black:active { background-color: var(--black); border-color: var(--black); color: var(--white); } .btn.btn-transparent-white { background-color: transparent; border-color: var(--white); color: var(--white); } .btn.btn-transparent-white:hover, .btn.btn-transparent-white:active { background-color: var(--white); border-color: var(--white); color: var(--dark-gray); } .btn.btn-transparent-white-light { background-color: transparent; border-color: rgba(255, 255, 255, 0.3); color: var(--white); } .btn.btn-transparent-white-light:hover, .btn.btn-transparent-white-light:active { background-color: var(--white); border-color: rgba(255, 255, 255, 0.3); color: var(--dark-gray); } .btn.btn-switch-text.btn-extra-large { padding: 0; } .btn.btn-switch-text.btn-extra-large > span { padding: 22px 40px; } .btn.btn-switch-text.btn-large { padding: 0; } .btn.btn-switch-text.btn-large > span { padding: 18px 34px; } .btn.btn-switch-text.btn-medium { padding: 0; } .btn.btn-switch-text.btn-medium > span { padding: 16px 30px; } .btn.btn-switch-text > span { display: inline-flex; align-items: center; position: relative; overflow: hidden; } .btn.btn-switch-text .btn-double-text { transition: opacity 0.65s, transform 0.85s; transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1); } .btn.btn-switch-text .btn-double-text:before { content: attr(data-text); display: inline-block; position: absolute; white-space: nowrap; top: 50%; opacity: 0; left: 50%; transform: translate(-50%, 100%); transition: opacity 0.5s, transform 0.8s; transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1); } .btn.btn-switch-text:hover .btn-double-text, .btn.btn-switch-text:active .btn-double-text { transform: translateY(-200%); } .btn.btn-switch-text:hover .btn-double-text:before, .btn.btn-switch-text:active .btn-double-text:before { transform: translate(-50%, 150%); opacity: 1; } .btn.btn-box-shadow.btn-dark-gray:hover, .btn.btn-box-shadow.btn-dark-gray:active { background: var(--dark-gray); color: var(--white); } .btn.btn-box-shadow.btn-base-color:hover, .btn.btn-box-shadow.btn-base-color:active { background: var(--base-color); color: var(--white); } /* Button icon position */ .left-icon i { margin-right: 6px; margin-left: 0; } [class*="btn-transparent"], [class*=" btn-transparent"] { font-weight: 600; } /* Gradient button */ [class*="btn-gradient-"] { background-color: transparent; border-color: transparent; } [class*="btn-gradient-"]:active { background-color: transparent; border-color: transparent !important; color: var(--white) !important; } [class*="btn-gradient-"]:hover { background-position: right center; color: var(--white); } .btn-base-color { background-color: var(--base-color); background-size: 200% auto; color: var(--white); } /* Blog button */ /* Clients style 01 */ /* Clients style 02 */ /* Clients style 03 */ /* Clients style 04 */ /* Clients style 05 */ /* Clients style 06 */ /* Clients style 07 */ /* Clients style 08 */ /* Columns */ /* Contact form */ /* Contact form style 01 */ /* Contact form style 03 */ .contact-form-style-03 input, .contact-form-style-03 textarea { outline: none; border: none; border-bottom: 1px solid; background: transparent; } .contact-form-style-03 select { outline: none; border: none; border-bottom: 1px solid; } .contact-form-style-03 input:focus, .contact-form-style-03 select:focus, .contact-form-style-03 textarea:focus, .contact-form-style-03 .form-control:focus { border: 0; border-bottom: 1px solid #c2c2c2; } .contact-form-style-03 textarea { resize: none; } .contact-form-style-03 .form-group .form-icon { position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .contact-form-style-03 .form-group.form-textarea .form-icon { top: 10px; -webkit-transform: translateY(0); transform: translateY(0); } .contact-form-style-03 .form-control, .contact-form-style-03 .form-control.is-invalid, .contact-form-style-03 .was-validated .form-control:invalid { background-position: right 35px center !important; } /* Contact form style 06 */ /* Contact form style 07 */ .swiper-button-next, .swiper-button-prev { color: var(--dark-gray); } .swiper-button-next:after, .swiper-button-prev:after { display: none; content: ""; } /* Text slider 02 */ /* Text slider 03 */ /* Text slider 05 */ /* Countdown style 01 */ /* Countdown style 02 */ /* Countdown style 03 */ /* Countdown style 04 */ /* Counter style 03 */ /* Counter style 04 */ /* Counter style 06 */ /* Counter style 07 */ /* Vertical counter */ .vertical-counter-number { overflow: hidden; width: 100%; height: auto; } .vertical-counter-number ul { text-align: center; margin: 0; padding: 0; list-style: none; will-change: transform; -webkit-transform: translateY(0); transform: translateY(0); } /* Divider style 01 */ /* Divider style 02 */ /* Divider style 03 */ .divider-style-03.divider-style-03-01 { border-top: 1px solid; width: 100%; } /* First letter */ /* First letter block */ /* First letter round */ /* First letter big */ /* First letter small */ /* Event style 02 */ /* Event style 03 */ /* Text image mask */ /* Fancy text box style 01 */ /* Google map */ #map { height: 550px; } .arrow_box { width: 22px; height: 22px; border-radius: 100%; -webkit-border-top-left-radius: 100%; -webkit-border-top-right-radius: 100%; -webkit-border-bottom-right-radius: 100%; -webkit-border-bottom-left-radius: 100%; position: relative; opacity: 0.8; cursor: pointer; } .arrow_box span { width: 100%; height: 100%; border: 1px solid; opacity: 0.2; display: inline-block; border-radius: 100%; -webkit-border-top-left-radius: 100%; -webkit-border-top-right-radius: 100%; -webkit-border-bottom-right-radius: 100%; -webkit-border-bottom-left-radius: 100%; position: absolute; top: 0; left: 0; } .arrow_box span:first-child { animation: markerWave 1.5s 0.45s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards; -webkit-animation: markerWave 1.5s 0.45s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards; } .arrow_box span:first-child + span { animation: markerWave 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards; -webkit-animation: markerWave 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards; } .arrow_box span:last-child { opacity: 0.1; } @keyframes markerWave { 0% { transform: scale(1); opacity: 0.8; } 20% { opacity: 0.8; } 100% { transform: scale(5.5); opacity: 0; } } @-webkit-keyframes markerWave { 0% { -webkit-transform: scale(1); opacity: 0.8; } 20% { opacity: 0.8; } 100% { -webkit-transform: scale(5.5); opacity: 0; } } .infowindow { color: var(--dark-gray); font-weight: 400; line-height: 26px; font-size: 15px; letter-spacing: -0.5px; padding: 25px 25px 25px 25px !important; text-align: center; } .infowindow .mb-3 { margin-bottom: 5px !important; font-weight: 600; font-size: 16px; letter-spacing: -0.25px; } .infowindow p { color: var(--medium-gray); font-size: 15px; margin-bottom: 5px; letter-spacing: -0.25px; line-height: 24px; } .infowindow :last-child { margin-bottom: 0; } @media screen { } /* Text highlight */ /* Separator animation */ /* Feature box style */ .feature-box { 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; text-align: center; position: relative; z-index: 1; } .feature-box .feature-box-icon i:not([class*="text-gradient-"]) { display: -webkit-box; display: -ms-flexbox; display: flex; } .feature-box.feature-box-left-icon, .feature-box.feature-box-left-icon-middle { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .feature-box.feature-box-left-icon .feature-box-icon, .feature-box.feature-box-left-icon-middle .feature-box-icon { margin-right: 30px; } .feature-box.feature-box-left-icon .feature-box-content, .feature-box.feature-box-left-icon-middle .feature-box-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .feature-box.feature-box-left-icon-middle { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-align: center; -ms-flex-pack: center; justify-content: flex-start; text-align: left; } .feature-box.text-start { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .feature-box.text-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .feature-box .feature-box-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); } .feature-box:hover .feature-box-overlay { opacity: 1; } .feature-box:hover .dark-hover i, .feature-box:hover .dark-hover span { color: #fff; } .feature-box:hover .dark-hover [class*="text-gradient-"] { color: var(--white); background-image: none; -webkit-background-clip: inherit; -webkit-text-fill-color: var(--white); -webkit-text-fill-color: var(--white); } .feature-box.border-bottom .feature-box-overlay { height: calc(100% + 1px); } .feature-box.border-top .feature-box-overlay { height: calc(100% + 1px); } /* Icon with text style 03 */ /* Icon with text style 05 */ /* Icon with text style 07 */ /* Icon with text style 10 */ /* Icon with text style 11 */ /* Image gallery style 01 */ /* Image gallery style 02 */ /* Image gallery style 03 */ /* Image gallery style 04 */ /* Image gallery style 05 */ /* Image gallery style 06 */ /* Instagram */ /* Interactive banner style 01 */ /* Interactive banner style 02 */ .interactive-banner-style-02.hover-box * { will-change: auto !important; } .interactive-banner-style-02:hover figure img { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Interactive banner style 03 */ /* Interactive banner style 04 */ /* Interactive banner style 05 */ /* Interactive banner style 06 */ /* Interactive banner style 07 */ /* Interactive banner style 08 */ /* Interactive banner style 09 */ /* List style 01 */ /* List style 02 */ /* List style 03 */ /* List style 04 */ /* List style 05 */ /* HTML video */ .html-video { background-color: #000; left: 0%; position: absolute; top: 50%; z-index: -3; object-fit: cover; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* Background video */ /* Modal popup */ .mfp-close, .mfp-close:active { opacity: 1; background-color: transparent; right: 20px; top: 20px; height: 30px; width: 30px; font-size: 13px; line-height: 31px; position: absolute; color: var(--dark-gray); } .show-search-popup > section { filter: grayscale(100%); } .mfp-arrow { opacity: 1; } .mfp-wrap { cursor: url("../images/mfg-close.png"), auto; } .mfp-wrap .mfp-container { cursor: auto; } .show-search-popup .mfp-close, .show-search-popup .mfp-close:active { color: var(--dark-gray); } .show-search-popup .search-form .search-button { color: var(--dark-gray); } .show-search-popup .mfp-container { position: fixed; height: 300px; background-color: var(--white); -webkit-animation-name: "ani-mfp"; animation-name: "ani-mfp"; -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s; -o-animation-duration: 0.2s; animation-duration: 0.2s; } .show-search-popup .mfp-removing .mfp-container { -webkit-animation-name: "ani-mfp-close"; animation-name: "ani-mfp-close"; -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s; -o-animation-duration: 0.2s; animation-duration: 0.2s; } .mfp-bottom-bar { margin-top: -24px; font-size: 12px; } .mfp-close { font-size: 28px; font-family: var(--alt-font); } .mfp-figure { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; -ms-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } /* Zoom animation */ .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* Fade animation */ .my-mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } /* Slide up animation */ .my-mfp-slide-up.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .my-mfp-slide-up.mfp-ready.mfp-bg { opacity: 0.8; } .my-mfp-slide-up.mfp-removing.mfp-bg { opacity: 0; } .mfp-bg { background: var(--dark-gray); opacity: 0.9; } .mfp-bg, .mfp-wrap { z-index: 10007; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.93; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } button.mfp-close, button.mfp-close:active { height: 40px; width: 40px; position: absolute; right: 20px; top: 20px; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 0; } button.mfp-close:before, button.mfp-close:active:before { content: ""; color: var(--black); font-family: "Font Awesome 6 Free"; font-size: 20px; font-weight: 900; } /* Images gallery */ .mfp-gallery button.mfp-close, .mfp-iframe-holder ~ button.mfp-close { right: 40px; top: 40px; background-color: var(--white); } .mfp-gallery button.mfp-close:before, .mfp-iframe-holder ~ button.mfp-close:before { color: var(--dark-gray); } /* Modal popup */ /* Auto newsletter popup */ .subscribe-popup .mfp-close, .subscribe-popup .mfp-close:active { background-color: transparent; font-size: 13px; line-height: 30px; top: 20px; right: 20px; } .subscribe-popup .mfp-close:before { color: var(--dark-gray); } /* Parallax background */ [data-parallax-background-ratio] { position: relative !important; background-size: cover !important; overflow: hidden; background-attachment: fixed !important; transition-duration: 0s; -webkit-transition-duration: 0s; } /* Video icon effect */ @-webkit-keyframes border-transform { 0%, 100% { border-radius: 36% 64% 59% 41%/40% 45% 55% 60%; } 24% { border-radius: 37% 63% 60% 40%/46% 52% 48% 54%; } 32% { border-radius: 40% 60% 54% 46%/52% 56% 44% 48%; } 42% { border-radius: 52% 48% 62% 38%/54% 54% 46% 46%; } 56% { border-radius: 60% 40% 65% 35%/54% 50% 50% 46%; } 70% { border-radius: 44% 56% 43% 57%/42% 50% 50% 58%; } } @keyframes border-transform { 0%, 100% { border-radius: 36% 64% 59% 41%/40% 45% 55% 60%; } 24% { border-radius: 37% 63% 60% 40%/46% 52% 48% 54%; } 32% { border-radius: 40% 60% 54% 46%/52% 56% 44% 48%; } 42% { border-radius: 52% 48% 62% 38%/54% 54% 46% 46%; } 56% { border-radius: 60% 40% 65% 35%/54% 50% 50% 46%; } 70% { border-radius: 44% 56% 43% 57%/42% 50% 50% 58%; } } /* Particles */ canvas { display: block; vertical-align: bottom; } /* Pie chart style 01 */ .pie-chart-style-01 { position: relative; display: inline-block; } .pie-chart-style-01 .percent { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* Pricing table style 01 */ /* Pricing table style 02 */ /* Pricing table style 04 */ /* Pricing table style 07 */ /* Pricing table style 08 */ /* Pricing table style 09 */ /* Pricing table style 10 */ /* Pricing table style 11 */ /* Pricing table style 12 */ /* Pricing table style 13 */ /* Process step style 01 */ /* Process step style 02 */ /* Process step style 03 */ /* Process step style 04 */ /* Process step style 05 */ /* Process step style 07 */ /* Process step style 08 */ /* Process step style 09 */ /* Process step style 10 */ /* Process step style 11 */ /* Progress bar */ .progress { position: relative; overflow: visible; } .progress .progress-bar { width: 0px; position: absolute; top: 0; left: 0; overflow: visible; -webkit-transition: all 1s cubic-bezier(0.5, 1, 0.5, 1); transition: all 1s cubic-bezier(0.5, 1, 0.5, 1); } /* Progress bar style 01 */ /* Progress bar style 02 */ /* Progress bar style 03 */ /* Progress bar style 04 */ /* Review style 03 */ /* Review style 08 */ /* Rotate box */ .to-left { animation: toLeft 0.3s linear forwards; } /* Rotate box style 01 */ /* Rotate box style 02 */ /* Services box style 01 */ /* Services box style 02 */ /* Services box style 05 */ /* Services box style 06 */ /* Services box style 07 */ /* Sliding box zoom effect */ @keyframes scale-effect { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scale-effect { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } to { -webkit-transform: scale(1); transform: scale(1); } } /* Sliding box fade effect */ @keyframes fade { 0% { opacity: 0.2; } to { opacity: 1; } } @-webkit-keyframes fade { 0% { opacity: 0.2; } to { opacity: 1; } } /* Sliding box right effect */ @keyframes slide-right { 0% { -webkit-transform: translateX(-25px); transform: translateX(-25px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slide-right { 0% { -webkit-transform: translateX(-25px); transform: translateX(-25px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } /* Sliding box */ .sliding-box * { will-change: transform; } .sliding-box .sliding-box-item { margin-left: 15px; margin-right: 15px; float: left; overflow: hidden; position: relative; -webkit-transition: width 0.7s; transition: width 0.7s; } .sliding-box .sliding-box-item .sliding-box-content { top: 0; height: 100%; position: absolute; } /* Sliding box style 01 */ /* Sliding box style 02 */ /* Sliding box style 03 */ /* Social media icon */ [class^="social-icon-"] ul, [class*=" social-icon-"] ul { list-style: none; } /* Social icon dark and light */ /* Social icon style 01 */ /* Social icon style 03 */ /* Social icon style 04 */ /* Social icon style 05 */ /* Social icon style 06 */ /* Social icon style 07 */ /* Social icon style 08 */ /* Social icon style 09 */ /* Social icon style 10 */ /* Social text style 01 */ /* Subcribe style 01 */ /* Subcribe style 02 */ /* Subcribe style 03 */ /* Subcribe style 04 */ /* Tab */ /* Tab style 03 */ /* Tab style 02 */ /* Tab style 03 */ /* Tab style 04 */ /* Tab style 05 */ /* Tab style 06 */ /* Tab style 07 */ /* Tab style 08 */ /* Team style 01 */ .team-style-01 figure figcaption { position: absolute; bottom: -1px; } .team-style-01 figure .text-light-opacity:hover { opacity: 1 !important; } /* Team style 02 */ /* Team style 04 */ /* Team style 05 */ /* Team style 08 */ /* Team style 09 */ /* Team style 10 */ /* Testimonial style 01 */ /* Testimonial style 04 */ /* Testimonial style 05 */ /* Testimonial style 12 */ /* Testimonial style 13 */ /* =================================== 14. Blog ====================================== */ /* Blog grid */ /* Blog classic */ /* Blog only text */ /* Blog metro */ /* Blog masonry */ /* Blog simple */ /* Blog date */ /* Blog side image */ /* Blog modern */ /* Blog standard */ /* Blog comment */ /* Pagination style 01 */ /* Blog clean */ /* =================================== 15. Portfolio ====================================== */ /* Portfolio grid */ .grid-item .portfolio-image img { width: 100%; } /* Portfolio filter */ .portfolio-filter li { padding: 0 25px; } .portfolio-filter li:first-child { padding-left: 0; } .portfolio-filter li:last-child { padding-right: 0; } .portfolio-filter li a { color: var(--medium-gray); border-bottom: 2px solid transparent; } .portfolio-filter li:hover a, .portfolio-filter li:focus a, .portfolio-filter li.active a { color: var(--dark-gray); border-color: var(--dark-gray); } /* Portfolio classic */ /* Portfolio boxed */ /* Mousetip */ .mousetip-wrapper .caption { opacity: 0; visibility: hidden; position: absolute; top: 20px; left: 20px; z-index: 9; } .mousetip-wrapper:hover .caption { opacity: 1; visibility: visible; display: block; } /* Portfolio transform */ /* Portfolio creative */ /* Portfolio simple */ /* Portfolio modern */ .portfolio-modern .portfolio-box { position: relative; will-change: transform; } .portfolio-text { transform: translate(20px, -78px); width: calc(100% - 40px); } .portfolio-modern .portfolio-box:hover { opacity: 1; -webkit-filter: blur(0); filter: blur(0); } .portfolio-modern .portfolio-box:hover .portfolio-image img { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Portfolio attractive */ /* Portfolio simple */ /* Portfolio clean */ /* Portfolio clean */ /* Portfolio and gallery translate animation */ .portfolio-box, .gallery-box { overflow: hidden; will-change: transform; } .portfolio-box .portfolio-image, .gallery-box .portfolio-image { position: relative; overflow: hidden; } /* Portfolio pagination */ /* Grid loading */ @keyframes spin { to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .grid-loading { overflow: hidden; position: relative; opacity: 1 !important; transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; z-index: 99; } .grid-loading::after { background: none; content: "" !important; position: absolute; top: 100px !important; left: calc(50% - 25px) !important; width: 50px !important; height: 50px !important; opacity: 1 !important; right: inherit !important; z-index: 9; text-align: center; border: 3px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; } .grid-loading:before { content: ""; position: absolute; right: 2px; top: 1px; width: calc(100% - 4px); height: calc(100% - 2px); border-radius: inherit; z-index: 1; } .grid-loading .grid-item { visibility: hidden; } .grid-loading li .grid-item { overflow: hidden; opacity: 0; } /* Portfolio minimal */ .sticky-image-distortion-wrapper { position: static; display: flex; height: 100%; overflow: hidden; width: 100%; } .sticky-image-distortion-wrapper .svg-wrapper { position: fixed; right: 55px; height: 100%; top: 0; width: 50%; z-index: -1; } .sticky-image-distortion-wrapper .menu { width: 50%; -ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; overflow-x: hidden; padding: 100px 0 100px 100px; } .sticky-image-distortion-wrapper .menu::-webkit-scrollbar { display: none; } .sticky-image-distortion-wrapper .menu .menu__link { display: flex; align-items: center; width: 100%; } .sticky-image-distortion-wrapper .menu .menu__link svg { opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; width: 100%; height: 100%; } .sticky-image-distortion-wrapper .menu .menu__link.active svg { opacity: 1; visibility: visible; } /* Horizontal portfolio */ .threeD-letter-menu { position: relative; min-height: 100vh; } .threeD-letter-menu .menu-item .hover-reveal { position: fixed; z-index: 1; width: 420px; height: 420px; top: 0; left: 0; pointer-events: none; opacity: 0; transform-origin: 100% 0%; will-change: transform, filter; border-radius: 100%; } .threeD-letter-menu .menu-item .hover-reveal .hover-reveal__inner { width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 100%; } .threeD-letter-menu .menu-item .hover-reveal .hover-reveal__img { height: 100%; width: 100%; background-size: cover; background-position: 50% 50%; will-change: transform; border-radius: 100%; } .threeD-letter-menu .menu-item .menu-item-text { position: relative; display: inline-block; } .threeD-letter-menu .menu-item .menu-item-text .word { overflow: hidden; line-height: 120%; } .threeD-letter-menu .menu-item .menu-item-text .words .char { transition: 0.8s cubic-bezier(0.075, 0.82, 0.165, 1); } .threeD-letter-menu .menu-item .menu-item-text .clone { position: absolute; top: 0; left: 0; } .threeD-letter-menu .menu-item .menu-item-text .clone .char { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } .threeD-letter-menu .menu-item .menu-item-text:hover .clone .char { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .threeD-letter-menu .menu-item .menu-item-text:hover .words:not(.clone) .char { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } /* =================================== 16. Shop ====================================== */ /* Categories style 01 */ /* Categories style 02 */ /* Categories style 03 */ /* Shop boxed */ /* Shop modern */ /* Shop sidebar */ /* Toolbar wrapper */ /* Shop lable */ /* Product detail */ /* Single product thumb vertical */ /* Shop color */ /* Shop size */ /* Shop quantity */ .quantity { display: inline-block; position: relative; } .quantity button { border: 0; background-color: transparent; padding: 0; margin: -9px 0 0 0; font-size: 22px; line-height: 18px; position: absolute; left: 15px; top: 50%; color: var(--dark-gray); -webkit-transform: translateY(-3px); transform: translateY(-3px); } .quantity button.qty-plus { right: 15px; left: auto; } .quantity .qty-text { width: 115px; height: 54px; border: 1px solid var(--extra-medium-gray); border-radius: 5px; text-align: center; color: var(--dark-gray); } /* Cart */ /* Checkout */ /* Minicart */ /* Shop category style 02 */ /* =================================== 17. Footer ====================================== */ footer { padding-top: 110px; padding-bottom: 110px; } footer ul { padding: 0; list-style: none; margin: 0; } footer ul li { margin-bottom: 5px; } footer .nav-link { color: var(--medium-gray); padding: 0.5rem 1rem; } /* Footer dark */ /* Footer light */ .footer-light a:hover { color: var(--base-color); } /* Footer navbar */ /* Footer sticky */ /* Landing page footer */ .invert { -webkit-filter: invert(100%); filter: invert(100%); } .whatsapp { position: fixed; width: 60px; height: 60px; bottom: 60px; right: 33px; line-height: 60px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 30px; z-index: 100; } .whatsapp:hover { color: #FFF; } /* ==== css/responsive.css ==== */ /* ------------------------------------------------------- Theme Name: Ocean Safety Theme URL: https://craftohtml.DigitalMind.com/ Description: Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 48+ ready demos. Author: DigitalMind - https://www.DigitalMind.com/ Author ThemeForest URL: https://themeforest.net/user/DigitalMind Copyright(c) 2024 DigitalMind.com Version: 1.0 ------------------------------------------------------- */ /* Bootstrap overwrite css */ @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1220px; } } @media (min-width: 992px) { } @media (max-width: 1600px) { section { padding-top: 90px; padding-bottom: 90px; } } @media (max-width: 991px) { html { font-size: 14px; } section { padding-top: 75px; padding-bottom: 75px; } } @media (max-width: 767px) { html { font-size: 12px; } section { padding-top: 50px; padding-bottom: 50px; } } @media (max-width: 1600px) { /* Font size */ } @media (max-width: 1399px) { /* Font size */ /* Line height */ } @media (max-width: 1199px) { /* Font size */ /* Line height */ } @media (max-width: 991px) { /* Font size */ /* Line height */ } @media (max-width: 767px) { /* Heading */ h1, h2, h3, h4, h5, h6 { margin-bottom: 25px; } /* Font size */ /* Line height */ .sm-lh-20 { line-height: 20px; } } @media (max-width: 575px) { /* Font size */ .xs-fs-18 { font-size: 18px; } .xs-fs-80 { font-size: 5rem; line-height: 5rem; } /* Line height */ .xs-lh-22 { line-height: 22px; } } @media (max-width: 1600px) { /* Width */ /* Outside box right */ } @media (max-width: 1399px) { /* Width */ .xl-w-90 { width: 90% !important; } /* Height */ /* Border none */ /* Letter spacing */ /* Position */ /* Outside box left */ /* Outside box right */ /* for buy and demo button */ .theme-demos .demos-wrapper .demos-wrapper-inner { padding-left: 0; padding-right: 0; } } @media (max-width: 1199px) { /* Screen height */ /* Width */ .lg-w-10 { width: 10% !important; } .lg-w-100 { width: 100% !important; } /* Height */ /* Letter spacing */ /* Boder align */ /* Border none */ /* Border radius */ /* Position */ /* Slider shadow */ /* Background image none */ /* Outside box top */ /* Outside box left */ /* Outside box right */ /* Transform none */ /* Parallax liquid */ /* Swiper number pagination style 02 */ /* Swiper slider navigation */ /* Stack box */ .stack-box { height: auto; } .stack-box .stack-item { height: auto; position: relative; display: block; } /* Slider parallax */ /* for buy and demo button */ .theme-demos { display: none !important; } } @media (max-width: 991px) { /* Screen height */ .one-third-screen { height: 550px !important; } /* Width */ .md-w-10 { width: 10% !important; } .md-w-100 { width: 100% !important; } /* Height */ /* Letter spacing */ /* Border */ /* Border none */ /* Outside box top */ /* Outside box left */ /* Outside box right */ /* Border radius */ /* Background image */ /* Outside box right */ /* Outside box left */ /* Transform none */ /* Position */ /* Slider shadow */ /* Slider navigation */ /* Swiper number pagination style 01 */ /* Swiper slider pagination */ /* Absolute middle center */ /* Swiper navigation style 07 */ /* Swiper number pagination style 02 */ /* Swiper navigation style 07 */ /* Slider parallax */ /* Text white space */ /* Icon size */ /* Text vertical */ /* Swiper slider custom text */ /* Scrolling text */ .looping-wrapper .el { height: 18vh; margin-top: -20vh; } } @media (max-width: 767px) { /* Screen height */ .one-third-screen { height: 450px !important; } /* Width */ .sm-w-180px { width: 180px !important; } .sm-w-10 { width: 10% !important; } .sm-w-95 { width: 95% !important; } .sm-w-100 { width: 100% !important; } /* Height */ .sm-h-300px { height: 300px !important; } .sm-h-500px { height: 500px !important; } .sm-h-700px { height: 700px !important; } /* Boder */ /* Border none */ /* Letter spacing */ /* Border radius */ /* Position */ /* Slider shadow */ /* Swiper slider navigation */ /* Swiper navigation style 05 */ /* Swiper navigation style 06 */ /* Swiper navigation style 07 */ /* Background image */ /* Outside box left */ /* Outside box right */ /* Outside box right */ .sm-outside-box-right-0 { margin-right: 0; } /* Outside box left */ /* Outside box top */ /* Transform none */ /* Video icon */ /* Swiper number pagination style 02 */ /* Slider parallax */ /* Swiper navigation style 07 */ /* Text white space */ /* Icon size */ /* Text vertical */ /* Vertical title center */ /* Father shadow */ /* Scrolling text */ .looping-wrapper .el { height: 145px; margin-top: -145px; } /* Cookie message */ } @media (max-width: 575px) { /* Screen height */ /* Width */ .xs-w-140px { width: 140px !important; } .xs-w-150px { width: 150px !important; } .xs-w-10 { width: 10% !important; } .xs-w-15 { width: 15% !important; } .xs-w-100 { width: 100% !important; } /* Height */ /* Letter spacing */ /* Border align */ /* Border none */ /* Border radius */ /* Position */ /* Background image */ /* Outside box right */ /* Outside box left */ /* Outside box top */ /* Transform none */ /* Slider shadow */ /* Swiper slider custom image pagination */ /* Swiper number pagination style 02 */ /* Text white space */ /* Icon size */ /* Text vertical */ /* Border radius */ /* Vertical title center */ /* Scrolling text */ .looping-wrapper .el { height: 105px; margin-top: -105px; } } /* Padding and margin */ @media (max-width: 1600px) { } @media (max-width: 1399px) { .xl-bottom-0px { bottom: 0px !important; } } @media (max-width: 1199px) { .lg-p-20px { padding: 20px !important; } .lg-p-2 { padding: 2% !important; } .lg-p-20 { padding: 20% !important; } .lg-pe-8 { padding-right: 8% !important; } .lg-ps-8 { padding-left: 8% !important; } .lg-mb-30px { margin-bottom: 30px !important; } .lg-mb-3 { margin-bottom: 3% !important; } .lg-mb-30 { margin-bottom: 30% !important; } .lg-right-20px { right: 20px !important; } } @media (max-width: 991px) { .md-p-6 { padding: 6% !important; } .md-pt-25px { padding-top: 25px !important; } .md-pt-2 { padding-top: 2% !important; } .md-pt-25 { padding-top: 25% !important; } .md-pb-5px { padding-bottom: 5px !important; } .md-pb-5 { padding-bottom: 5% !important; } .md-mb-30px { margin-bottom: 30px !important; } .md-mb-50px { margin-bottom: 50px !important; } .md-mb-1 { margin-bottom: 1% !important; } .md-mb-3 { margin-bottom: 3% !important; } .md-mb-5 { margin-bottom: 5% !important; } .md-mb-15 { margin-bottom: 15% !important; } .md-mb-30 { margin-bottom: 30% !important; } .md-right-0px { right: 0px !important; } .md-left-0px { left: 0px !important; } } @media (max-width: 767px) { .sm-pt-40px { padding-top: 40px !important; } .sm-pt-50px { padding-top: 50px !important; } .sm-pt-4 { padding-top: 4% !important; } .sm-pt-5 { padding-top: 5% !important; } .sm-mt-40px { margin-top: 40px !important; } .sm-mt-4 { margin-top: 4% !important; } .sm-mb-20px { margin-bottom: 20px !important; } .sm-mb-30px { margin-bottom: 30px !important; } .sm-mb-2 { margin-bottom: 2% !important; } .sm-mb-3 { margin-bottom: 3% !important; } .sm-mb-8 { margin-bottom: 8% !important; } .sm-mb-20 { margin-bottom: 20% !important; } .sm-mb-30 { margin-bottom: 30% !important; } .sm-top-minus-80px { top: -80px !important; } } @media (max-width: 575px) { .xs-p-15px { padding: 15px !important; } .xs-p-1 { padding: 1% !important; } .xs-p-9 { padding: 9% !important; } .xs-p-12 { padding: 12% !important; } .xs-p-15 { padding: 15% !important; } .xs-mt-25px { margin-top: 25px !important; } .xs-mt-2 { margin-top: 2% !important; } .xs-mt-25 { margin-top: 25% !important; } .xs-mb-5px { margin-bottom: 5px !important; } .xs-mb-30px { margin-bottom: 30px !important; } .xs-mb-3 { margin-bottom: 3% !important; } .xs-mb-5 { margin-bottom: 5% !important; } .xs-mb-30 { margin-bottom: 30% !important; } .xs-bottom-20px { bottom: 20px !important; } .xs-left-15px { left: 15px !important; } .xs-top-minus-100px { top: -100px !important; } } @media (max-width: 1600px) { /* No margin */ /* No padding */ /* Border none */ } @media (max-width: 1399px) { /* No margin */ /* No padding */ } @media (max-width: 1199px) { /* No margin */ /* No padding */ /* Left right auto */ } @media (max-width: 991px) { /* No margin */ /* No padding */ .md-pt-0 { padding-top: 0 !important; } /* Left right auto */ } @media (max-width: 767px) { /* No margin */ .sm-mb-0 { margin-bottom: 0 !important; } /* No padding */ .sm-pb-0 { padding-bottom: 0 !important; } /* Left right auto */ /* Min height */ } @media (max-width: 575px) { /* No margin */ /* No padding */ /* Left right auto */ } @media (max-width: 1399px) { } @media (max-width: 1199px) { header .container-fluid { padding-left: 35px; padding-right: 35px; } .navbar > .container-fluid { padding-left: 35px; padding-right: 35px; } .navbar .navbar-nav .nav-link { padding: 10px 15px; } .navbar .navbar-nav .dropdown .dropdown-menu { padding: 35px 0 35px; } .navbar .navbar-nav .dropdown .dropdown-menu a { padding-bottom: 8px; } .navbar .navbar-nav .simple-dropdown .dropdown-menu li a { padding-bottom: 10px; } } /* Navigation breakpoint start */ @media (max-width: 991px) { /* Mobile nav style classic */ [data-mobile-nav-style=classic] .navbar-nav { display: block; } /* Mobile nav style full screen */ [data-mobile-nav-style=full-screen-menu] header .navbar-collapse { display: none !important; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner { background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); visibility: hidden; overflow: hidden !important; width: 100vw; height: 100vh !important; position: fixed; top: -100vh; left: 0; z-index: 9999; display: flex !important; transition: all 0.4s ease-out; transition-delay: 0.6s; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse { position: inherit; left: 0; top: 0; width: 100%; height: 100%; padding: 100px 0; max-height: 100%; box-shadow: none; background: 0 0; display: flex !important; justify-content: center !important; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .mCustomScrollBox { height: auto; width: 85%; margin: 0 auto; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .mCustomScrollBox > .mCSB_container { margin-right: 0; padding: 0 20px; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .nav-link { display: inline-block; line-height: 25px; font-size: 17px; font-weight: 500; color: var(--white); padding-left: 0 !important; padding-right: 0 !important; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item.active .nav-link { opacity: 0.6; color: var(--white); } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item.active .dropdown-toggle { color: var(--white); } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item.active:hover .nav-link { color: var(--white); } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item > .dropdown-menu { padding-left: 0 !important; padding-right: 0 !important; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-toggle { color: var(--white); top: 10px; right: 0; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu a { color: var(--white); opacity: 0.6; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu a .label { display: none; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu .dropdown > a { color: var(--white); opacity: 1; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu li.active > a { color: var(--white); opacity: 1; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item:hover .nav-link { color: var(--white); } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown:last-child { margin-bottom: 20px; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 5px 0px; transform: scale(1.15) translateY(-30px); opacity: 0; transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(1) { transition-delay: 0.49s; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(2) { transition-delay: 0.42s; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(3) { transition-delay: 0.35s; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(4) { transition-delay: 0.28s; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(5) { transition-delay: 0.21s; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(6) { transition-delay: 0.14s; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(7) { transition-delay: 0.07s; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(8) { transition-delay: 0s; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(9) { transition-delay: -0.07s; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(10) { transition-delay: -0.14s; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(11) { transition-delay: -0.21s; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(12) { transition-delay: -0.28s; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(13) { transition-delay: -0.35s; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(14) { transition-delay: -0.42s; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(15) { transition-delay: -0.49s; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:last-child { border-bottom: 0; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:first-child .dropdown-menu { background-image: none !important; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown-menu { position: static !important; transform: translate3d(0, 0, 0px) !important; -webkit-transform: translate3d(0, 0, 0px) !important; padding: 0 !important; border-radius: 0 !important; border: 0 !important; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown-menu ul li { display: block; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown-menu ul li a i { width: 25px; display: inline-block; vertical-align: middle; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a { display: block; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { position: absolute; right: 30px; top: 35px; margin: 0; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler .navbar-toggler-line { background-color: var(--white); } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu { padding-top: 5px !important; padding-bottom: 20px !important; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 15px 0; font-size: 15px; line-height: normal; display: block; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li i { margin-right: 10px; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a { border-bottom: 0; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu { padding-top: 10px !important; padding-bottom: 25px !important; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li { justify-content: center; display: flex; border-bottom: 0; padding: 0 15px; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li:last-child a { border-bottom: 0; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a { margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 15px 0; font-size: 16px; line-height: 28px; font-weight: 500; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 1; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a i { width: 35px; font-size: 32px; margin-right: 15px; color: var(--white); flex-shrink: 0; text-align: left; opacity: 0.6; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span { color: var(--white); font-weight: 600; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p { margin: 0; font-size: 13px; color: var(--white); opacity: 0.6; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a img { border-radius: 100%; width: 55px; margin-right: 15px; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a.btn { display: inline-block; border: 0; margin-top: 15px; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before { content: ""; color: var(--white); font-family: bootstrap-icons; font-weight: 400; font-size: 23px; position: absolute; right: 6px; opacity: 0; -webkit-transition: all 300ms cubic-bezier(0.61, 1, 0.88, 1); transition: all 300ms cubic-bezier(0.61, 1, 0.88, 1); } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:hover:before { right: 0px; opacity: 1; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner { top: 0; visibility: visible !important; transition: all 0.2s ease-in; transition-delay: 0.2s; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { transition: all 0.5s ease-in; transition-delay: 0.8s; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item { transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); opacity: 1; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(1) { transition-delay: 0.27s; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(2) { transition-delay: 0.34s; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(3) { transition-delay: 0.41s; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(4) { transition-delay: 0.48s; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(5) { transition-delay: 0.55s; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(6) { transition-delay: 0.62s; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(7) { transition-delay: 0.69s; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(8) { transition-delay: 0.76s; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(9) { transition-delay: 0.83s; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(10) { transition-delay: 0.9s; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(11) { transition-delay: 0.97s; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(12) { transition-delay: 1.04s; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(13) { transition-delay: 1.11s; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(14) { transition-delay: 1.18s; } .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(15) { transition-delay: 1.25s; } /* Mobile nav style modern */ [data-mobile-nav-style=modern] header .navbar-collapse { display: none !important; } [data-mobile-nav-style=modern] .navbar-modern-inner { opacity: 0; visibility: hidden; overflow: visible !important; width: 70vw; height: 100vh !important; position: fixed; top: 0; right: -70vw; z-index: 90; display: flex !important; justify-content: center; transition-duration: 0.75s; transform: translate3d(30vw, 0, 0); -webkit-transform: translate3d(30vw, 0, 0); } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse { position: static; left: 0; top: 0; width: 100%; height: 100%; background: transparent; padding: 100px 50px; box-shadow: none; max-height: 100%; display: flex !important; justify-content: center !important; } [data-mobile-nav-style=modern] .navbar-modern-inner .mCustomScrollBox { height: auto; width: 100%; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .nav-link { display: inline-block; font-size: 17px; line-height: 24px; font-weight: 500; color: var(--white); padding: 10px 0 !important; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item.active .nav-link { opacity: 0.6; color: var(--white); } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item.active .dropdown-toggle { color: var(--white); } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item.active:hover .nav-link { color: var(--white); } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .dropdown-toggle { color: var(--white); top: 10px; right: 0; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .dropdown-menu a { color: var(--white); opacity: 0.6; font-size: 13.5px; display: block; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .dropdown-menu .dropdown > a { color: var(--white); opacity: 1; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .dropdown-menu li.active > a { color: var(--white); opacity: 1; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item:hover .nav-link { color: var(--white); } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav > .nav-item { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 10px 0px; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav > .nav-item:last-child { border-bottom: 0; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav > .nav-item:first-child .dropdown-menu { background-image: none !important; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown:last-child { margin-bottom: 20px; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown-menu { position: static !important; transform: translate3d(0, 0, 0px) !important; -webkit-transform: translate3d(0, 0, 0px) !important; padding: 0 !important; border-radius: 0 !important; border: 0 !important; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown-menu ul li { display: block; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown-menu ul li a i { width: 25px; display: inline-block; vertical-align: middle; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown-menu ul li a .label { display: none; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a { display: block; } [data-mobile-nav-style=modern] .navbar-modern-inner .mCSB_inside > .mCSB_container { margin-right: 0; padding: 0 20px; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu { padding-top: 10px !important; padding-bottom: 15px !important; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 15px 0; font-size: 15px; line-height: normal; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li i { margin-right: 10px; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a { border-bottom: 0; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu { padding-top: 10px !important; padding-bottom: 20px !important; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li { justify-content: center; display: flex; border-bottom: 0; padding: 0 15px; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li:last-child a { border-bottom: 0; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a { margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 15px 0; font-size: 16px; line-height: 28px; font-weight: 500; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 1; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a i { width: 35px; font-size: 32px; margin-right: 15px; color: var(--white); flex-shrink: 0; text-align: left; opacity: 0.6; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span { color: var(--white); font-weight: 600; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p { margin: 0; font-size: 13px; color: var(--white); opacity: 0.6; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a img { border-radius: 100%; width: 55px; margin-right: 15px; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a.btn { display: inline-block; border: 0; margin-top: 15px; } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before { content: ""; color: var(--white); font-family: bootstrap-icons; font-weight: 400; font-size: 23px; position: absolute; right: 6px; opacity: 0; -webkit-transition: all 300ms cubic-bezier(0.61, 1, 0.88, 1); transition: all 300ms cubic-bezier(0.61, 1, 0.88, 1); } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:hover:before { right: 0px; opacity: 1; } [data-mobile-nav-style=modern] .navbar { transition: transform 0.75s; } [data-mobile-nav-style=modern] .page-layout { transition: transform 0.75s; background-color: var(--white); } [data-mobile-nav-style=modern] .navbar-show-modern-bg { display: inline-block; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: -1; opacity: 0; background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); transform: scale(1.75); -webkit-transform: scale(1.75); transition: opacity 0.3s, transform 0.3s; -webkit-transition: opacity 0.3s, transform 0.3s; transition-delay: 0.75s; -webkit-transition-delay: 0.75s; } [data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner { transform: translate3d(-30vw, 0, 0); -webkit-transform: translate3d(-30vw, 0, 0); left: -70vw; right: auto; } [data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler { display: block; position: absolute; right: 30px; top: 35px; margin: 0; } [data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler .navbar-toggler-line { background-color: var(--white); } .navbar-collapse-show[data-mobile-nav-style=modern] { overflow: hidden; } .navbar-collapse-show[data-mobile-nav-style=modern] .navbar, .navbar-collapse-show[data-mobile-nav-style=modern] .page-layout { transform: translate3d(-70vw, 0, 0) !important; -webkit-transform: translate3d(-70vw, 0, 0) !important; } .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-modern-inner { right: 0; opacity: 1; visibility: visible !important; transition-delay: 0.1s; transform: translate3d(0, 0, 0); } .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-modern-inner .collapse { overflow-y: auto !important; -webkit-overflow-scrolling: touch; height: 100%; } .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-show-modern-bg { transform: scale(1); opacity: 1; transition-delay: 0s; } .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); left: 0; right: auto; } .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar { transform: translate3d(70vw, 0, 0) !important; -webkit-transform: translate3d(70vw, 0, 0) !important; } .navbar-expand-lg .navbar-toggler { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .navbar-expand-lg .navbar-toggler:focus { box-shadow: none; } .navbar-expand-lg .navbar-collapse { display: block !important; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: static; } .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } .collapse:not(.show) { display: none !important; } header .navbar [class*=col-] .navbar-nav .nav-item { display: block; } header .navbar [class*=col-] .navbar-nav .nav-item a { display: block; } header .container-fluid { padding-left: 15px; padding-right: 15px; } header .navbar-expand-lg { padding-left: 15px; padding-right: 15px; } header .navbar-brand { padding: 22px 0; } header .navbar-brand .default-logo, header .navbar-brand .alt-logo { visibility: hidden !important; opacity: 0 !important; width: 0 !important; } header .navbar-brand .mobile-logo { visibility: visible !important; opacity: 1 !important; width: auto !important; } header .navbar-brand .mobile-logo:focus { outline: none; } header .navbar-brand:focus { outline: none; } header.sticky .navbar-brand { padding: 22px 0; } header.sticky .navbar-nav .nav-link { color: var(--dark-gray); } header.sticky .fixed-header .navbar-brand, header.sticky .disable-fixed .navbar-brand { padding: 22px 0; } header.sticky.sticky-active .navbar-brand .default-logo, header.sticky.sticky-active .navbar-brand .alt-logo { visibility: hidden; opacity: 0; width: 0; } header.sticky .header-icon .header-language a { padding-top: 0; padding-bottom: 0; } header .header-top-bar .row { margin: 0; } header .header-push-button.icon { display: none; } header .push-menu { display: none; } .navbar.bg-transparent, .navbar-modern-inner.bg-transparent, .navbar-full-screen-menu-inner.bg-transparent { background-color: var(--white) !important; } .navbar .navbar-collapse.show, .navbar-modern-inner .navbar-collapse.show, .navbar-full-screen-menu-inner .navbar-collapse.show { overflow-y: auto !important; -webkit-overflow-scrolling: touch; } .navbar .navbar-nav, .navbar-modern-inner .navbar-nav, .navbar-full-screen-menu-inner .navbar-nav { padding: 15px 15px 28px; } .navbar .navbar-nav .nav-link, .navbar-modern-inner .navbar-nav .nav-link, .navbar-full-screen-menu-inner .navbar-nav .nav-link { padding: 10px 15px !important; color: var(--dark-gray); } .navbar .navbar-nav .nav-link .label, .navbar-modern-inner .navbar-nav .nav-link .label, .navbar-full-screen-menu-inner .navbar-nav .nav-link .label { margin-top: -3px; display: inline-block; padding: 1px 11px; font-size: 12px; margin-left: 8px; vertical-align: middle; line-height: 21px; } .navbar .navbar-nav .nav-item.active .nav-link, .navbar-modern-inner .navbar-nav .nav-item.active .nav-link, .navbar-full-screen-menu-inner .navbar-nav .nav-item.active .nav-link { color: var(--dark-gray); opacity: 0.6; } .navbar .navbar-nav .nav-item.active .dropdown-toggle, .navbar-modern-inner .navbar-nav .nav-item.active .dropdown-toggle, .navbar-full-screen-menu-inner .navbar-nav .nav-item.active .dropdown-toggle { color: var(--dark-gray); } .navbar .navbar-nav .nav-item.active:hover .nav-link, .navbar-modern-inner .navbar-nav .nav-item.active:hover .nav-link, .navbar-full-screen-menu-inner .navbar-nav .nav-item.active:hover .nav-link { color: var(--dark-gray); opacity: 0.6; } .navbar .navbar-nav .nav-item .dropdown-toggle, .navbar-modern-inner .navbar-nav .nav-item .dropdown-toggle, .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-toggle { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; right: 0px; position: absolute; top: 0; text-align: center; color: var(--dark-gray); } .navbar .navbar-nav .nav-item .dropdown-toggle:after, .navbar-modern-inner .navbar-nav .nav-item .dropdown-toggle:after, .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-toggle:after { display: none; } .navbar .navbar-nav .nav-item:hover .nav-link, .navbar-modern-inner .navbar-nav .nav-item:hover .nav-link, .navbar-full-screen-menu-inner .navbar-nav .nav-item:hover .nav-link { color: var(--dark-gray); opacity: 1; } .navbar .navbar-nav .dropdown.submenu, .navbar-modern-inner .navbar-nav .dropdown.submenu, .navbar-full-screen-menu-inner .navbar-nav .dropdown.submenu { position: relative; } .navbar .navbar-nav .dropdown.open .dropdown-menu, .navbar-modern-inner .navbar-nav .dropdown.open .dropdown-menu, .navbar-full-screen-menu-inner .navbar-nav .dropdown.open .dropdown-menu { display: none; } .navbar .navbar-nav .dropdown .dropdown-menu.show, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu.show, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu.show { display: block; } .navbar .navbar-nav .dropdown .dropdown-toggle.show, .navbar-modern-inner .navbar-nav .dropdown .dropdown-toggle.show, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-toggle.show { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .navbar .navbar-nav .dropdown .dropdown-menu, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu { top: 0; animation: none !important; background-color: transparent; box-shadow: none; border-top: 0 !important; padding: 0 15px 15px; width: 100%; display: none; border-radius: 0 !important; } .navbar .navbar-nav .dropdown .dropdown-menu li, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu li, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu li { padding: 0 15px 0; } .navbar .navbar-nav .dropdown .dropdown-menu li:last-child a, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu li:last-child a, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu li:last-child a { padding-bottom: 5px; } .navbar .navbar-nav .dropdown .dropdown-menu li.active > a, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu li.active > a, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu li.active > a { color: var(--dark-gray); } .navbar .navbar-nav .dropdown .dropdown-menu a, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu a, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu a { color: var(--medium-gray); padding: 6px 0; line-height: 16px; } .navbar .navbar-nav .simple-dropdown .dropdown-menu li, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu li, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu li { padding: 0 15px; } .navbar .navbar-nav .simple-dropdown .dropdown-menu li a, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu li a, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu li a { color: var(--medium-gray); padding: 6px 0; margin-bottom: 0; } .navbar .navbar-nav .simple-dropdown .dropdown-menu > .dropdown, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu > .dropdown, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu > .dropdown { margin-bottom: 25px; } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown:last-child, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown:last-child, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown:last-child { margin-bottom: 0; } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown i, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown i, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown i { display: none; } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a { color: var(--dark-gray); padding: 0 !important; margin-top: 15px; font-weight: 500; margin-bottom: 6px; } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu { display: block; position: relative; left: 0 !important; padding: 0; top: 0 !important; } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu li, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu li, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu li { padding: 0; } .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu > .dropdown > a, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu > .dropdown > a, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu > .dropdown > a { margin-top: 25px; } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu, .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu, .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu { border-radius: 0; padding: 0 30px; width: 100% !important; margin-bottom: 15px; } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a, .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a, .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a { padding-left: 0; padding-right: 0; } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu, .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu, .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu { box-shadow: none; border-radius: 0 !important; width: 100% !important; padding: 0 15px 15px; } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li, .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li, .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li { padding: 0 15px; } .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span, .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span, .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span { color: var(--dark-gray); } .menu-order { order: 5; } .navbar-collapse { position: absolute; top: 100%; left: 0; width: 100%; background: var(--white); overflow: hidden; box-shadow: 0 20px 15px 0 rgba(23, 23, 23, 0.05); max-height: calc(100vh - 72px); } .header-icon .icon > a { color: var(--dark-gray); padding-left: 12px; } .header-icon .icon > a:hover { color: var(--dark-gray); opacity: 1; } .header-icon .icon .header-cart > a, .header-icon .icon .header-language > a { color: var(--dark-gray); padding-left: 12px; } .header-icon .icon .header-cart > a:hover, .header-icon .icon .header-language > a:hover { color: var(--dark-gray); opacity: 1; } .header-transparent[data-header-hover=dark] { background-color: var(--dark-gray) !important; } .header-transparent[data-header-hover=dark] .navbar-toggler-line { background-color: var(--white); } .header-transparent[data-header-hover=dark] .header-icon .icon > a { color: var(--white); } .header-transparent[data-header-hover=dark] .header-icon .icon .header-cart > a, .header-transparent[data-header-hover=dark] .header-icon .icon .header-language > a { color: var(--white); } .header-transparent[data-header-hover=dark] .navbar-collapse { background-color: var(--dark-gray); } .header-transparent[data-header-hover=dark] .navbar-nav .nav-link { color: var(--white); } .header-transparent[data-header-hover=dark] .navbar-nav .nav-item .dropdown-toggle { color: var(--white); } .header-transparent[data-header-hover=dark] .navbar-nav .nav-item.active .nav-link { color: var(--medium-gray); } .header-transparent[data-header-hover=dark] .navbar-nav .nav-item.active .dropdown-toggle { color: var(--medium-gray); } .header-transparent[data-header-hover=dark] .navbar-nav .nav-item.active:hover .nav-link { color: var(--medium-gray); } .header-transparent[data-header-hover=dark] .navbar-nav .nav-item:hover .nav-link { opacity: 1; color: var(--white); } .header-transparent[data-header-hover=dark] .navbar-nav .dropdown .dropdown-menu li.active > a { color: var(--white); } .header-transparent[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a { color: var(--white); } /* Header left menu simple */ .left-sidebar-wrapper { padding-left: 0; } .left-sidebar-wrapper .left-sidebar-header.collapsing { overflow: visible !important; } .left-sidebar-wrapper .left-sidebar-nav .navbar-brand { padding: 22px 0 !important; } .left-sidebar-header { left: -300px; transition-duration: 0.3s; height: 100% !important; } .left-sidebar-header.show { left: 0; transition-duration: 0.3s; } .left-sidebar-header.show .left-sidebar-nav { left: 0; } .left-sidebar-header .left-sidebar-nav { left: -300px; transition-duration: 0.3s; overflow: visible; height: 100%; top: 0 !important; position: fixed !important; padding: 72px 15px; } .left-sidebar-header .left-sidebar-nav .navbar-toggler { display: inline-block; position: absolute; top: 50%; right: 30px; margin: 0; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); } .left-sidebar-header .left-sidebar-nav .side-menu { margin-top: 0; margin-bottom: 0; } .left-sidebar-header.show .navbar-toggler-line:nth-child(1) { top: 7px; width: 0%; } .left-sidebar-header.show .navbar-toggler-line:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .left-sidebar-header.show .navbar-toggler-line:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .left-sidebar-header.show .navbar-toggler-line:nth-child(4) { top: 7px; width: 0%; } /* Header left menu modern */ .left-modern-menu { padding-left: 0; } .left-modern-sidebar { height: auto; width: 100%; padding: 0 30px; display: flex; flex-flow: row; align-items: center; justify-content: space-between; } .left-modern-menu .left-modern-header .navbar-brand { width: auto; padding: 22px 0 !important; } .left-modern-menu .left-modern-header .modern-side-menu { padding: 50px 20px; } /* Header hamburger menu */ header .push-menu .close-menu { top: 30px; right: 30px; } /* Header modern inner */ .navbar-modern-inner .navbar-nav { padding: 15px 15px 15px; } .top-space-margin { margin-top: 76px; } .ipad-top-space-margin { margin-top: 76px; } .full-screen.top-space-margin { height: calc(100vh - 76px); } .full-screen.ipad-top-space-margin { height: calc(100vh - 76px); } } @media (max-width: 767px) { header .navbar-expand-lg { padding-left: 0; padding-right: 0; } header .header-top-bar { display: none; height: 0; } header .header-top-bar + .navbar { top: 0; } header .push-menu .close-menu { top: 15px; right: 15px; } .navbar .navbar-nav { padding: 15px 0; } [data-mobile-nav-style=modern] .navbar-modern-inner { width: 85vw; right: -80vw; transform: translate3d(15vw, 0, 0); -webkit-transform: translate3d(15vw, 0, 0); } [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse { padding: 70px 0; } .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-modern-inner { width: 85vw; right: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .navbar-collapse-show[data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-style=modern] .navbar { transform: translate3d(-85vw, 0, 0) !important; -webkit-transform: translate3d(-85vw, 0, 0) !important; } .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar { transform: translate3d(85vw, 0, 0) !important; -webkit-transform: translate3d(85vw, 0, 0) !important; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse { padding: 60px 0; } [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .mCustomScrollBox { width: 100%; } .left-sidebar-header .left-sidebar-nav .navbar-toggler { right: 15px; } .left-modern-sidebar { padding: 0 15px; } .left-modern-menu .left-modern-header .modern-side-menu { padding: 50px 0; } .left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox .mCSB_container { padding: 0 20px 0 20px; } } @media (max-width: 575px) { [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav > .nav-item { padding: 7px 0px; } } @media (max-height: 380px) { } @media (max-width: 991px) { } @media (max-width: 767px) { .page-title-extra-large h1 { font-size: 36px; line-height: 44px; } } @media (max-width: 575px) { .breadcrumb ul li:after { padding: 0 6px 0 8px; } } @media (max-width: 1600px) { .grid.xxl-grid-4col li { width: 25%; } .grid.xxl-grid-3col li { width: 33.33%; } } @media (max-width: 1399px) { .grid.xl-grid-4col li { width: 25%; } .grid.xl-grid-3col li { width: 33.33%; } } @media (max-width: 1199px) { .grid.lg-grid-3col li { width: 33.33%; } .grid.lg-grid-2col li { width: 50%; } } @media (max-width: 991px) { .grid.md-grid-2col li { width: 50%; } } @media (max-width: 767px) { .grid.sm-grid-2col li { width: 50%; } .grid.sm-grid-1col li { width: 100%; } .grid.gutter-extra-large li { padding: 15px; } .grid.gutter-extra-large { margin: 0 -15px; } } @media (max-width: 575px) { .grid.xs-grid-1col li { width: 100%; } } @media (max-width: 767px) { .accordion-style-02 .accordion-item .accordion-body { padding-bottom: 25px; } } @media (max-width: 575px) { } @media (max-width: 1399px) { } @media (max-width: 1199px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 767px) { .btn.btn-extra-large { font-size: 15px; padding: 20px 40px; } .btn.btn-large { font-size: 13px; padding: 16px 36px; } .btn.btn-rounded.btn-extra-large { padding: 16px 36px; } .btn.btn-rounded.btn-large { padding: 12px 30px; } .btn.btn-link { padding: 0 0 2px; } .btn.btn-switch-text.btn-extra-large { padding: 0; } .btn.btn-switch-text.btn-large { padding: 0; } .btn.btn-switch-text.btn-medium { padding: 0; } } @media (max-width: 1199px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 991px) { } @media (max-width: 575px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 575px) { } @media (max-width: 991px) { #map { height: 450px; } } @media (max-width: 575px) { #map { height: 420px; } .infowindow { padding: 20px 20px 20px 20px !important; } } @media (max-width: 1199px) { } @media (max-width: 767px) { } @media (max-width: 1199px) { } @media (max-width: 767px) { .feature-box.feature-box-left-icon .feature-box-icon, .feature-box.feature-box-left-icon-middle .feature-box-icon { margin-right: 20px; } } @media (max-width: 1199px) { } @media (max-width: 991px) { .html-video { height: 100%; } } @media (max-width: 1199px) { button.mfp-close, .mfp-image-holder button.mfp-close, .mfp-iframe-holder button.mfp-close, .subscribe-popup .mfp-close, .subscribe-popup .mfp-close:active, .mfp-gallery button.mfp-close, .mfp-iframe-holder ~ button.mfp-close, button.mfp-close:active { right: 10px; top: 10px; } } @media (max-width: 991px) { .mfp-container { padding-left: 25px; padding-right: 25px; } } @media (max-width: 767px) { .mfp-container { padding-left: 15px; padding-right: 15px; } } @media (max-width: 1199px) { [data-parallax-background-ratio], .fix-background { background-attachment: inherit !important; background-position: center !important; } } .is-touchable [data-parallax-background-ratio] { background-attachment: inherit !important; background-position: center !important; background-repeat: no-repeat !important; } @media (max-width: 991px) { } @media (max-width: 575px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 1199px) { .sliding-box .sliding-box-item { width: 33.33% !important; margin-left: 0; margin-right: 0; padding: 0 15px; box-shadow: none; } .sliding-box .sliding-box-item .sliding-box-content { width: 100% !important; left: 0 !important; position: relative; height: auto; } .sliding-box .sliding-box-item.active .sliding-box-content { border-radius: 0; } .sliding-box .sliding-box-item.active .sliding-box-img { border-radius: 0; } .sliding-box .sliding-box-img { width: 100% !important; border-radius: 0 !important; } } @media (max-width: 991px) { .sliding-box { justify-content: center; } .sliding-box .sliding-box-item { width: 50% !important; } } @media (max-width: 767px) { .sliding-box .sliding-box-item { width: 100% !important; padding: 0; } } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 575px) { } @media (max-width: 767px) { } @media (max-width: 1399px) { } @media (max-width: 1199px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 575px) { } @media (max-width: 1600px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 575px) { } @media (max-width: 1600px) { .sticky-image-distortion-wrapper .menu { padding-left: 30px; } } @media (max-width: 1399px) { .threeD-letter-menu .menu-item .hover-reveal { width: 320px; height: 320px; } } @media (max-width: 1199px) { .threeD-letter-menu .menu-item .hover-reveal { width: 320px; height: 320px; } .sticky-image-distortion-wrapper .menu { padding-top: 160px; } } @media (max-width: 991px) { .mousetip-wrapper .caption { display: none !important; } .sticky-image-distortion-wrapper .menu .menu__link.active .svg-wrapper { margin-top: 50px; } } @media (max-width: 767px) { .sticky-image-distortion-wrapper .menu { padding: 130px 30px 30px 30px; width: 100%; } .sticky-image-distortion-wrapper .menu .menu__link { flex-direction: column; } .sticky-image-distortion-wrapper .menu .menu__link.active .svg-wrapper { height: auto; margin-top: 0; } .sticky-image-distortion-wrapper .menu .svg-wrapper { position: relative; right: 22px; width: 100%; height: 0; } } @media (max-width: 575px) { .sticky-image-distortion-wrapper .menu { padding: 130px 0 0 0; } .sticky-image-distortion-wrapper .menu .svg-wrapper { right: 20px; } } @media (max-width: 1199px) { } @media (max-width: 991px) { } @media (max-width: 767px) { } @media (max-width: 575px) { } @media (max-width: 1600px) { footer { padding-top: 90px; padding-bottom: 90px; } } @media (max-width: 991px) { footer { padding-top: 75px; padding-bottom: 75px; } } @media (max-width: 767px) { footer { padding-top: 50px; padding-bottom: 50px; } } /* ==== demos/it-business/it-business.css ==== */ /* =================================== Crafto - It business ====================================== */ /* variable */ @font-face { font-family: "Gotham-Light"; src: url("../fonts/Gotham-Light.woff2") format("woff2"), url("../fonts/Gotham-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } :root { --base-color: #0606bb; --blue: #0606bb; --dark-gray: #252840; --black: #05060a; --medium-gray: #7d8087; --very-light-gray: #f0f2f8; --primary-font: "Gotham-Light"; } /* reset */ body { line-height: 29px; } /* header */ header .navbar-brand img { max-height: 32px; } .navbar .navbar-nav .nav-link { font-size: 17px; } header .btn.btn-rounded.btn-large { padding: 10px 26px; font-size: 13px; font-weight: 500; } .sticky .header-transparent .header-button .btn { color: var(--dark-gray); border-color: var(--extra-medium-gray); } .sticky .header-transparent .header-button .btn:hover { border-color: var(--dark-gray); color: var(--white); background: var(--dark-gray); } /* accordion style 02 */ .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu { background-color: var(--dark-gray); } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: var(--white); } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:hover a, .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li.active a { opacity: 0.5; } /* btn */ [class*="btn-transparent"], [class*=" btn-transparent"] { font-weight: 500; } .btn { text-transform: none; font-family: var(--primary-font); } .btn.btn-switch-text.btn-extra-large > span { padding: 19px 40px; } /* bg gradient color */ .bg-gradient-dark-gray-transparent { background: -webkit-linear-gradient( right, rgba(24, 25, 28, 0.5), rgba(255, 255, 255, 0) ); background: linear-gradient( to right, rgba(24, 25, 28, 0.5), rgba(255, 255, 255, 0) ); } .bg-gradient-very-light-gray-transparent { background: -webkit-linear-gradient( right, rgba(240, 244, 253, 1), rgba(255, 255, 255, 0) ); background: linear-gradient( to right, rgba(240, 244, 253, 1), rgba(255, 255, 255, 0) ); } .bg-gradient-light-gray-transparent { background: -webkit-linear-gradient( right, rgba(222, 230, 244, 1), rgba(255, 255, 255, 0) ); background: linear-gradient( to right, rgba(222, 230, 244, 1), rgba(255, 255, 255, 0) ); } /* text */ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 25px; } /* portfolio filter */ .portfolio-filter li { padding: 0 18px; line-height: 24px; } /* blog */ /* page title */ .page-title-extra-large h1 { font-size: 3rem; line-height: 4rem; } .page-title-extra-large h2 { font-size: 17px; line-height: 28px; margin: 0 auto; } /* height */ #map { height: 650px; border-radius: 6px 0 0 6px; } /* margin top */ /* line-height */ /* bottom */ /* footer */ footer ul li { margin-bottom: 0; } .footer-light a:hover, .footer-navbar li a:hover { color: var(--dark-gray); } @media (max-width: 1299px) { .navbar .navbar-nav .nav-link { font-size: 16px; } header .btn.btn-rounded.btn-large { padding: 10px 15px; font-size: 12px; } } @media (max-width: 1199px) { .navbar .navbar-nav .nav-link { font-size: 15px; } header .btn.btn-rounded.btn-large { padding: 10px 10px; font-size: 11px; } } @media (max-width: 991px) { .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu { width: calc(100% + 30px) !important; margin-left: -15px; padding: 10px 45px; margin-bottom: 0; margin-right: -15px; } .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a { padding-bottom: 17px; } [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i { font-size: 19px; } header .btn.btn-rounded.btn-large { color: var(--dark-gray); border-color: var(--extra-medium-gray); padding: 10px 15px; font-size: 13px; } } @media (max-width: 767px) { .portfolio-filter li { padding: 0; } }