body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0px; top: -9999px; visibility: hidden; position: absolute !important; } .fancybox-container { backface-visibility: hidden; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; height: 100%; left: 0px; position: fixed; -webkit-tap-highlight-color: transparent; top: 0px; transform: translateZ(0px); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { inset: 0px; position: absolute; } .fancybox-outer { overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity 0.25s, visibility linear 0.25s; visibility: hidden; z-index: 99997; } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity 0.25s, visibility; visibility: visible; } .fancybox-infobar { color: rgb(204, 204, 204); font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0px; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0px 10px; pointer-events: none; text-align: center; top: 0px; user-select: none; } .fancybox-toolbar { right: 0px; top: 0px; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0px); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { backface-visibility: hidden; display: none; height: 100%; left: 0px; outline: none; overflow: auto; padding: 44px; position: absolute; text-align: center; top: 0px; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ""; display: inline-block; height: 100%; margin-right: -0.25em; vertical-align: middle; width: 0px; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide--image { overflow: visible; padding: 44px 0px; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px 6px 0px; } .fancybox-slide--iframe { padding: 44px 44px 0px; } .fancybox-content { background: rgb(255, 255, 255); display: inline-block; margin: 0px 0px 6px; max-width: 100%; overflow: auto; padding: 24px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); backface-visibility: hidden; background: 0% 0% / 100% 100% no-repeat transparent; left: 0px; margin: 0px; max-width: none; overflow: visible; padding: 0px; position: absolute; top: 0px; transform-origin: left top; transition-property: transform, opacity, -webkit-transform; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-drag .fancybox-content { cursor: grab; } .fancybox-is-dragging .fancybox-content { cursor: grabbing; } .fancybox-container [data-selectable="true"] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0px; height: 100%; left: 0px; margin: 0px; max-height: none; max-width: none; padding: 0px; position: absolute; top: 0px; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--html .fancybox-content { margin-bottom: 6px; } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; margin: 0px; overflow: visible; padding: 0px; width: 100%; } .fancybox-slide--video .fancybox-content { background: rgb(0, 0, 0); } .fancybox-slide--map .fancybox-content { background: rgb(229, 227, 223); } .fancybox-slide--iframe .fancybox-content { background: rgb(255, 255, 255); height: calc(100% - 44px); margin-bottom: 44px; } .fancybox-iframe, .fancybox-video { background: transparent; border: 0px; height: 100%; margin: 0px; overflow: hidden; padding: 0px; width: 100%; } .fancybox-iframe { vertical-align: top; } .fancybox-error { background: rgb(255, 255, 255); cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: rgb(68, 68, 68); font-size: 16px; line-height: 20px; margin: 0px; padding: 0px; } .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0px; border-radius: 0px; cursor: pointer; display: inline-block; height: 44px; margin: 0px; outline: none; padding: 10px; transition: color 0.2s; vertical-align: top; width: 44px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: rgb(204, 204, 204); } .fancybox-button:focus, .fancybox-button:hover { color: rgb(255, 255, 255); } .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: rgb(136, 136, 136); cursor: default; } .fancybox-button svg { display: block; overflow: visible; position: relative; shape-rendering: geometricprecision; } .fancybox-button svg path { fill: transparent; stroke: currentcolor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path { fill: currentcolor; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-navigation .fancybox-button { height: 38px; opacity: 0; padding: 6px; position: absolute; top: 50%; width: 38px; } .fancybox-show-nav .fancybox-navigation .fancybox-button { transition: opacity 0.25s, visibility, color 0.25s; } .fancybox-navigation .fancybox-button::after { content: ""; left: -25px; padding: 50px; position: absolute; top: -25px; } .fancybox-navigation .fancybox-button--arrow_left { left: 6px; } .fancybox-navigation .fancybox-button--arrow_right { right: 6px; } .fancybox-close-small { background: transparent; border: 0px; border-radius: 0px; color: rgb(85, 85, 85); cursor: pointer; height: 44px; margin: 0px; padding: 6px; position: absolute; right: 0px; top: 0px; width: 44px; z-index: 10; } .fancybox-close-small svg { fill: transparent; opacity: 0.8; stroke: currentcolor; stroke-width: 1.5; transition: stroke 0.1s; } .fancybox-close-small:focus { outline: none; } .fancybox-close-small:hover svg { opacity: 1; } .fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small { color: rgb(204, 204, 204); padding: 5px; right: -12px; top: -44px; } .fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg { background: transparent; color: rgb(255, 255, 255); } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } .fancybox-caption { bottom: 0px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; left: 0px; line-height: 1.5; padding: 25px 44px; right: 0px; } .fancybox-caption::before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC"); background-repeat: repeat-x; background-size: contain; inset: -25px 0px 0px; content: ""; display: block; pointer-events: none; position: absolute; z-index: -1; } .fancybox-caption::after { border-bottom: 1px solid rgba(255, 255, 255, 0.3); content: ""; display: block; left: 44px; position: absolute; right: 44px; top: 0px; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: rgb(204, 204, 204); text-decoration: none; } .fancybox-caption a:hover { color: rgb(255, 255, 255); text-decoration: underline; } .fancybox-loading { animation: 0.8s linear 0s infinite normal none running a; background: transparent; border-width: 6px; border-style: solid; border-color: rgb(255, 255, 255) rgba(99, 99, 99, 0.5) rgba(99, 99, 99, 0.5); border-image: initial; border-radius: 100%; height: 60px; left: 50%; margin: -30px 0px 0px -30px; opacity: 0.6; padding: 0px; position: absolute; top: 50%; width: 60px; z-index: 99999; } @-webkit-keyframes a { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes a { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0px, 0px); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0px, 0px); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0px); } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0px, 0px); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0px, 0px); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0px); } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0px, 0px) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0px, 0px) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0px) scale(1); } .fancybox-share { background: rgb(244, 244, 244); border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: rgb(34, 34, 34); font-size: 35px; font-weight: 700; margin: 0px 0px 20px; } .fancybox-share p { margin: 0px; padding: 0px; } .fancybox-share__button { border: 0px; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0px 5px 10px; min-width: 130px; padding: 0px 15px; text-decoration: none; transition: 0.2s; user-select: none; white-space: nowrap; } .fancybox-share__button:link, .fancybox-share__button:visited { color: rgb(255, 255, 255); } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: rgb(59, 89, 152); } .fancybox-share__button--fb:hover { background: rgb(52, 78, 134); } .fancybox-share__button--pt { background: rgb(189, 8, 29); } .fancybox-share__button--pt:hover { background: rgb(170, 7, 25); } .fancybox-share__button--tw { background: rgb(29, 161, 242); } .fancybox-share__button--tw:hover { background: rgb(13, 149, 232); } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: rgb(255, 255, 255); } .fancybox-share__input { background: transparent; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(215, 215, 215); border-image: initial; border-radius: 0px; color: rgb(93, 91, 91); font-size: 14px; margin: 10px 0px 0px; outline: none; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: rgb(255, 255, 255); bottom: 0px; display: none; margin: 0px; padding: 2px 2px 4px; position: absolute; right: 0px; -webkit-tap-highlight-color: transparent; top: 0px; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow: auto hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs > ul { font-size: 0px; height: 100%; list-style: none; margin: 0px; overflow: hidden auto; padding: 0px; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: rgb(42, 42, 42); border-radius: 10px; } .fancybox-thumbs > ul > li { backface-visibility: hidden; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0px; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li { background-position: 50% center; background-repeat: no-repeat; background-size: cover; } .fancybox-thumbs > ul > li::before { border: 4px solid rgb(78, 167, 249); inset: 0px; content: ""; opacity: 0; position: absolute; transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs .fancybox-thumbs-active::before { opacity: 1; } @media (max-width: 800px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs > ul > li { max-width: calc(100% - 10px); } } @font-face { font-display: swap; font-family: SuisseIntl; font-style: normal; font-weight: 400; src: url('../fonts/f104ff00094.woff2') format("woff2"), url('../fonts/f8fd1792d63.woff') format("woff"), url('../fonts/ff689785676.ttf') format("truetype"); } @font-face { font-display: swap; font-family: SuisseIntl; font-style: normal; font-weight: 500; src: url('../fonts/fa5199a9195.woff2') format("woff2"), url('../fonts/f63e7bfed72.woff') format("woff"), url('../fonts/f4caf1b24fa.ttf') format("truetype"); } @font-face { font-display: swap; font-family: SuisseIntl; font-style: normal; font-weight: 600; src: url('../fonts/fdfe113fb56.woff2') format("woff2"), url('../fonts/f262df8ca07.woff') format("woff"), url('../fonts/f88bbcee5da.ttf') format("truetype"); } @font-face { font-display: swap; font-family: BeaufortforLOL; font-style: normal; font-weight: 700; src: url('../fonts/f153798fa80.woff2') format("woff2"), url('../fonts/fc974179e9a.woff') format("woff"), url('../fonts/fef73b6e9ad.ttf') format("truetype"); } *, ::after, ::before { box-sizing: border-box; } body { background-color: var(--tt-body-bg); color: var(--tt-body-color); font-family: var(--tt-body-font-family); font-size: var(--tt-body-font-size); font-weight: var(--tt-body-font-weight); line-height: var(--tt-body-line-height); margin: 0px; text-align: var(--tt-body-text-align); text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow-x: hidden; } hr { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-top: var(--tt-border-width) solid; color: inherit; margin: 1rem 0px; opacity: 0.25; } h1, h2, h3, h4, h5, h6 { color: var(--tt-heading-color); font-weight: 500; line-height: 1.2; margin-bottom: 0.5rem; margin-top: 0px; } h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.75rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } p { margin-bottom: 1rem; margin-top: 0px; } abbr[title] { cursor: help; text-decoration: underline dotted; text-decoration-skip-ink: none; } address { font-style: normal; line-height: inherit; margin-bottom: 1rem; } ol, ul { padding-left: 2rem; } dl, ol, ul { margin-bottom: 1rem; margin-top: 0px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0px; } blockquote { margin: 0px 0px 1rem; } b, strong { font-weight: bolder; } small { font-size: 0.875em; } mark { background-color: var(--tt-highlight-bg); color: var(--tt-highlight-color); padding: 0.1875em; } sub, sup { font-size: 0.75em; line-height: 0; position: relative; vertical-align: initial; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgba(var(--tt-link-color-rgb), var(--tt-link-opacity, 1)); text-decoration: underline; } a:hover { --tt-link-color-rgb: var(--tt-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(--tt-font-monospace); font-size: 1em; } pre { display: block; font-size: 0.875em; margin-bottom: 1rem; margin-top: 0px; overflow: auto; } pre code { color: inherit; font-size: inherit; word-break: normal; } code { color: var(--tt-code-color); font-size: 0.875em; overflow-wrap: break-word; } a > code { color: inherit; } kbd { background-color: var(--tt-body-color); border-radius: 0.25rem; color: var(--tt-body-bg); font-size: 0.875em; padding: 0.1875rem 0.375rem; } kbd kbd { font-size: 1em; padding: 0px; } figure { margin: 0px 0px 1rem; } img, svg { vertical-align: middle; } table { border-collapse: collapse; caption-side: bottom; } caption { color: var(--tt-secondary-color); padding-bottom: 0.5rem; padding-top: 0.5rem; text-align: left; } th { text-align: -webkit-match-parent; } tbody, td, tfoot, th, thead, tr { border-width: 0px; border-style: solid; border-image: initial; border-color: inherit; } label { display: inline-block; } button { border-radius: 0px; } button:focus:not(:focus-visible) { outline: 0px; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0px; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { overflow-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { display: none !important; } [type="button"], [type="reset"], [type="submit"], button { appearance: button; } [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; } textarea { resize: vertical; } fieldset { border: 0px; margin: 0px; min-width: 0px; padding: 0px; } legend { float: left; font-size: 1.5rem; line-height: inherit; margin-bottom: 0.5rem; padding: 0px; width: 100%; } 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: 0px; } ::-webkit-inner-spin-button { height: auto; } [type="search"] { appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0px; } ::file-selector-button { appearance: button; font: inherit; } output { display: inline-block; } iframe { border: 0px; } summary { cursor: pointer; display: list-item; } progress { vertical-align: initial; } :root { --tt-breakpoint-xs: 0; --tt-breakpoint-sm: 576px; --tt-breakpoint-md: 768px; --tt-breakpoint-lg: 992px; --tt-breakpoint-xl: 1200px; --tt-breakpoint-xxl: 1500px; } .row { --tt-gutter-x: 30px; --tt-gutter-y: 0; display: flex; flex-wrap: wrap; margin-left: calc(var(--tt-gutter-x) * -0.5); margin-right: calc(var(--tt-gutter-x) * -0.5); margin-top: calc(var(--tt-gutter-y) * -1); } .row > * { flex-shrink: 0; margin-top: var(--tt-gutter-y); max-width: 100%; padding-left: calc(var(--tt-gutter-x) * 0.5); padding-right: calc(var(--tt-gutter-x) * 0.5); width: 100%; } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333%; } .col-2 { flex: 0 0 auto; width: 16.6667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.3333%; } .col-5 { flex: 0 0 auto; width: 41.6667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.3333%; } .col-8 { flex: 0 0 auto; width: 66.6667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.3333%; } .col-11 { flex: 0 0 auto; width: 91.6667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.6667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333%; } .offset-5 { margin-left: 41.6667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333%; } .offset-8 { margin-left: 66.6667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333%; } .offset-11 { margin-left: 91.6667%; } .g-0, .gx-0 { --tt-gutter-x: 0; } .g-0, .gy-0 { --tt-gutter-y: 0; } .g-1, .gx-1 { --tt-gutter-x: 0.25rem; } .g-1, .gy-1 { --tt-gutter-y: 0.25rem; } .g-2, .gx-2 { --tt-gutter-x: 0.5rem; } .g-2, .gy-2 { --tt-gutter-y: 0.5rem; } .g-3, .gx-3 { --tt-gutter-x: 1rem; } .g-3, .gy-3 { --tt-gutter-y: 1rem; } .g-4, .gx-4 { --tt-gutter-x: 1.5rem; } .g-4, .gy-4 { --tt-gutter-y: 1.5rem; } .g-5, .gx-5 { --tt-gutter-x: 3rem; } .g-5, .gy-5 { --tt-gutter-y: 3rem; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --tt-gutter-x: 30px; --tt-gutter-y: 0; margin-left: auto; margin-right: auto; padding-left: calc(var(--tt-gutter-x) * 0.5); padding-right: calc(var(--tt-gutter-x) * 0.5); width: 100%; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .fade { transition: opacity 0.15s linear; } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0px; overflow: hidden; transition: height 0.35s; } .collapsing.collapse-horizontal { height: auto; transition: width 0.35s; width: 0px; } .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl { --tt-offcanvas-zindex: 1045; --tt-offcanvas-width: 400px; --tt-offcanvas-height: 30vh; --tt-offcanvas-padding-x: 1rem; --tt-offcanvas-padding-y: 1rem; --tt-offcanvas-color: var(--tt-body-color); --tt-offcanvas-bg: var(--tt-body-bg); --tt-offcanvas-border-width: var(--tt-border-width); --tt-offcanvas-border-color: var(--tt-border-color-translucent); --tt-offcanvas-box-shadow: var(--tt-box-shadow-sm); --tt-offcanvas-transition: transform 0.3s ease-in-out; --tt-offcanvas-title-line-height: 1.5; } .offcanvas { background-clip: padding-box; background-color: var(--tt-offcanvas-bg); bottom: 0px; color: var(--tt-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0px; position: fixed; transition: var(--tt-offcanvas-transition); visibility: hidden; z-index: var(--tt-offcanvas-zindex); } .offcanvas.offcanvas-start { border-right: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); left: 0px; top: 0px; transform: translateX(-100%); width: var(--tt-offcanvas-width); } .offcanvas.offcanvas-end { border-left: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); right: 0px; top: 0px; transform: translateX(100%); width: var(--tt-offcanvas-width); } .offcanvas.offcanvas-top { border-bottom: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); top: 0px; transform: translateY(-100%); } .offcanvas.offcanvas-bottom, .offcanvas.offcanvas-top { height: var(--tt-offcanvas-height); left: 0px; max-height: 100%; right: 0px; } .offcanvas.offcanvas-bottom { border-top: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); transform: translateY(100%); } .offcanvas.show:not(.hiding), .offcanvas.showing { transform: none; } .offcanvas.hiding, .offcanvas.show, .offcanvas.showing { visibility: visible; } .offcanvas-backdrop { background-color: rgb(0, 0, 0); height: 100vh; left: 0px; position: fixed; top: 0px; width: 100vw; z-index: 1040; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { align-items: center; display: flex; padding: var(--tt-offcanvas-padding-y) var(--tt-offcanvas-padding-x); } .offcanvas-header .btn-close { margin: calc(var(--tt-offcanvas-padding-y) * -0.5) calc(var(--tt-offcanvas-padding-x) * -0.5) calc(var(--tt-offcanvas-padding-y) * -0.5) auto; padding: calc(var(--tt-offcanvas-padding-y) * 0.5) calc(var(--tt-offcanvas-padding-x) * 0.5); } .offcanvas-title { line-height: var(--tt-offcanvas-title-line-height); margin-bottom: 0px; } .offcanvas-body { flex-grow: 1; overflow-y: auto; padding: var(--tt-offcanvas-padding-y) var(--tt-offcanvas-padding-x); } .nav { --tt-nav-link-padding-x: 1rem; --tt-nav-link-padding-y: 0.5rem; --tt-nav-link-font-weight: ; --tt-nav-link-color: var(--tt-link-color); --tt-nav-link-hover-color: var(--tt-link-hover-color); --tt-nav-link-disabled-color: var(--tt-secondary-color); display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 0px; padding-left: 0px; } .nav-link { background: none; border: 0px; color: var(--tt-nav-link-color); display: block; font-size: var(--tt-nav-link-font-size); font-weight: var(--tt-nav-link-font-weight); padding: var(--tt-nav-link-padding-y) var(--tt-nav-link-padding-x); text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } .nav-link:focus, .nav-link:hover { color: var(--tt-nav-link-hover-color); } .nav-link:focus-visible { box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; outline: 0px; } .nav-link.disabled, .nav-link:disabled { color: var(--tt-nav-link-disabled-color); cursor: default; pointer-events: none; } .nav-tabs { --tt-nav-tabs-border-width: var(--tt-border-width); --tt-nav-tabs-border-color: var(--tt-border-color); --tt-nav-tabs-border-radius: var(--tt-border-radius); --tt-nav-tabs-link-hover-border-color: var(--tt-secondary-bg) var(--tt-secondary-bg) var(--tt-border-color); --tt-nav-tabs-link-active-color: var(--tt-emphasis-color); --tt-nav-tabs-link-active-bg: var(--tt-body-bg); --tt-nav-tabs-link-active-border-color: var(--tt-border-color) var(--tt-border-color) var(--tt-body-bg); border-bottom: var(--tt-nav-tabs-border-width) solid var(--tt-nav-tabs-border-color); } .nav-tabs .nav-link { border: var(--tt-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--tt-nav-tabs-border-radius); border-top-right-radius: var(--tt-nav-tabs-border-radius); margin-bottom: calc(var(--tt-nav-tabs-border-width) * -1); } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: var(--tt-nav-tabs-link-hover-border-color); isolation: isolate; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: var(--tt-nav-tabs-link-active-bg); border-color: var(--tt-nav-tabs-link-active-border-color); color: var(--tt-nav-tabs-link-active-color); } .nav-tabs .dropdown-menu { border-top-left-radius: 0px; border-top-right-radius: 0px; margin-top: calc(var(--tt-nav-tabs-border-width) * -1); } .nav-pills { --tt-nav-pills-border-radius: var(--tt-border-radius); --tt-nav-pills-link-active-color: #fff; --tt-nav-pills-link-active-bg: #0d6efd; } .nav-pills .nav-link { border-radius: var(--tt-nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--tt-nav-pills-link-active-bg); color: var(--tt-nav-pills-link-active-color); } .nav-underline { --tt-nav-underline-gap: 1rem; --tt-nav-underline-border-width: 0.125rem; --tt-nav-underline-link-active-color: var(--tt-emphasis-color); gap: var(--tt-nav-underline-gap); } .nav-underline .nav-link { border-bottom: var(--tt-nav-underline-border-width) solid transparent; padding-left: 0px; padding-right: 0px; } .nav-underline .nav-link:focus, .nav-underline .nav-link:hover { border-bottom-color: initial; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { border-bottom-color: initial; color: var(--tt-nav-underline-link-active-color); font-weight: 700; } .nav-fill .nav-item, .nav-fill > .nav-link { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item, .nav-justified > .nav-link { flex-basis: 0px; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .accordion { --tt-accordion-color: var(--tt-body-color); --tt-accordion-bg: var(--tt-body-bg); --tt-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; --tt-accordion-border-color: var(--tt-border-color); --tt-accordion-border-width: var(--tt-border-width); --tt-accordion-border-radius: var(--tt-border-radius); --tt-accordion-inner-border-radius: calc( var(--tt-border-radius) - var(--tt-border-width) ); --tt-accordion-btn-padding-x: 1.25rem; --tt-accordion-btn-padding-y: 1rem; --tt-accordion-btn-color: var(--tt-body-color); --tt-accordion-btn-bg: var(--tt-accordion-bg); --tt-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); --tt-accordion-btn-icon-width: 1.25rem; --tt-accordion-btn-icon-transform: rotate(-180deg); --tt-accordion-btn-icon-transition: transform 0.2s ease-in-out; --tt-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); --tt-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --tt-accordion-body-padding-x: 1.25rem; --tt-accordion-body-padding-y: 1rem; --tt-accordion-active-color: var(--tt-primary-text-emphasis); --tt-accordion-active-bg: var(--tt-primary-bg-subtle); } .accordion-button { align-items: center; background-color: var(--tt-accordion-btn-bg); border: 0px; border-radius: 0px; color: var(--tt-accordion-btn-color); display: flex; font-size: 1rem; overflow-anchor: none; padding: var(--tt-accordion-btn-padding-y) var(--tt-accordion-btn-padding-x); position: relative; text-align: left; transition: var(--tt-accordion-transition); width: 100%; } .accordion-button:not(.collapsed) { background-color: var(--tt-accordion-active-bg); box-shadow: inset 0 calc(var(--tt-accordion-border-width) * -1) 0 var(--tt-accordion-border-color); color: var(--tt-accordion-active-color); } .accordion-button:not(.collapsed)::after { background-image: var(--tt-accordion-btn-active-icon); transform: var(--tt-accordion-btn-icon-transform); } .accordion-button::after { background-image: var(--tt-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--tt-accordion-btn-icon-width); content: ""; flex-shrink: 0; height: var(--tt-accordion-btn-icon-width); margin-left: auto; transition: var(--tt-accordion-btn-icon-transition); width: var(--tt-accordion-btn-icon-width); } .accordion-button:hover { z-index: 2; } .accordion-button:focus { box-shadow: var(--tt-accordion-btn-focus-box-shadow); outline: 0px; z-index: 3; } .accordion-header { margin-bottom: 0px; } .accordion-item { background-color: var(--tt-accordion-bg); border: var(--tt-accordion-border-width) solid var(--tt-accordion-border-color); color: var(--tt-accordion-color); } .accordion-item:first-of-type { border-top-left-radius: var(--tt-accordion-border-radius); border-top-right-radius: var(--tt-accordion-border-radius); } .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--tt-accordion-inner-border-radius); border-top-right-radius: var(--tt-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0px; } .accordion-item:last-of-type { border-bottom-left-radius: var(--tt-accordion-border-radius); border-bottom-right-radius: var(--tt-accordion-border-radius); } .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-left-radius: var(--tt-accordion-inner-border-radius); border-bottom-right-radius: var(--tt-accordion-inner-border-radius); } .accordion-item:last-of-type > .accordion-collapse { border-bottom-left-radius: var(--tt-accordion-border-radius); border-bottom-right-radius: var(--tt-accordion-border-radius); } .accordion-body { padding: var(--tt-accordion-body-padding-y) var(--tt-accordion-body-padding-x); } .accordion-flush > .accordion-item { border-left: 0px; border-radius: 0px; border-right: 0px; } .accordion-flush > .accordion-item:first-child { border-top: 0px; } .accordion-flush > .accordion-item:last-child { border-bottom: 0px; } .accordion-flush > .accordion-item > .accordion-collapse, .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0px; } .spinner-border, .spinner-grow { animation: var(--tt-spinner-animation-speed) linear infinite var(--tt-spinner-animation-name); border-radius: 50%; display: inline-block; height: var(--tt-spinner-height); vertical-align: var(--tt-spinner-vertical-align); width: var(--tt-spinner-width); } @keyframes spinner-border { 100% { transform: rotate(1turn); } } .spinner-border { --tt-spinner-width: 2rem; --tt-spinner-height: 2rem; --tt-spinner-vertical-align: -0.125em; --tt-spinner-border-width: 0.25em; --tt-spinner-animation-speed: 0.75s; --tt-spinner-animation-name: spinner-border; border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right: var(--tt-spinner-border-width) solid transparent; } .spinner-border-sm { --tt-spinner-width: 1rem; --tt-spinner-height: 1rem; --tt-spinner-border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { --tt-spinner-width: 2rem; --tt-spinner-height: 2rem; --tt-spinner-vertical-align: -0.125em; --tt-spinner-animation-speed: 0.75s; --tt-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --tt-spinner-width: 1rem; --tt-spinner-height: 1rem; } .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-menu { --tt-dropdown-zindex: 1000; --tt-dropdown-min-width: 10rem; --tt-dropdown-padding-x: 0; --tt-dropdown-padding-y: 0.5rem; --tt-dropdown-spacer: 0.125rem; --tt-dropdown-font-size: 1rem; --tt-dropdown-color: var(--tt-body-color); --tt-dropdown-bg: var(--tt-body-bg); --tt-dropdown-border-color: var(--tt-border-color-translucent); --tt-dropdown-border-radius: var(--tt-border-radius); --tt-dropdown-border-width: var(--tt-border-width); --tt-dropdown-inner-border-radius: calc( var(--tt-border-radius) - var(--tt-border-width) ); --tt-dropdown-divider-bg: var(--tt-border-color-translucent); --tt-dropdown-divider-margin-y: 0.5rem; --tt-dropdown-box-shadow: var(--tt-box-shadow); --tt-dropdown-link-color: var(--tt-body-color); --tt-dropdown-link-hover-color: var(--tt-body-color); --tt-dropdown-link-hover-bg: var(--tt-tertiary-bg); --tt-dropdown-link-active-color: #fff; --tt-dropdown-link-active-bg: #0d6efd; --tt-dropdown-link-disabled-color: var(--tt-tertiary-color); --tt-dropdown-item-padding-x: 1rem; --tt-dropdown-item-padding-y: 0.25rem; --tt-dropdown-header-color: #6c757d; --tt-dropdown-header-padding-x: 1rem; --tt-dropdown-header-padding-y: 0.5rem; background-clip: padding-box; background-color: var(--tt-dropdown-bg); border: var(--tt-dropdown-border-width) solid var(--tt-dropdown-border-color); border-radius: var(--tt-dropdown-border-radius); color: var(--tt-dropdown-color); display: none; font-size: var(--tt-dropdown-font-size); list-style: none; margin: 0px; min-width: var(--tt-dropdown-min-width); padding: var(--tt-dropdown-padding-y) var(--tt-dropdown-padding-x); position: absolute; text-align: left; z-index: var(--tt-dropdown-zindex); } .dropdown-menu[data-bs-popper] { left: 0px; margin-top: var(--tt-dropdown-spacer); top: 100%; } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { left: 0px; right: auto; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { left: auto; right: 0px; } .dropup .dropdown-menu[data-bs-popper] { bottom: 100%; margin-bottom: var(--tt-dropdown-spacer); margin-top: 0px; top: auto; } .dropend .dropdown-menu[data-bs-popper] { left: 100%; margin-left: var(--tt-dropdown-spacer); margin-top: 0px; right: auto; top: 0px; } .dropend .dropdown-toggle::after { vertical-align: 0px; } .dropstart .dropdown-menu[data-bs-popper] { left: auto; margin-right: var(--tt-dropdown-spacer); margin-top: 0px; right: 100%; top: 0px; } .dropstart .dropdown-toggle::before { vertical-align: 0px; } .dropdown-divider { border-top: 1px solid var(--tt-dropdown-divider-bg); height: 0px; margin: var(--tt-dropdown-divider-margin-y) 0; opacity: 1; overflow: hidden; } .dropdown-item { background-color: initial; border: 0px; border-radius: var(--tt-dropdown-item-border-radius, 0); clear: both; color: var(--tt-dropdown-link-color); display: block; font-weight: 400; padding: var(--tt-dropdown-item-padding-y) var(--tt-dropdown-item-padding-x); text-align: inherit; text-decoration: none; white-space: nowrap; width: 100%; } .dropdown-item:focus, .dropdown-item:hover { background-color: var(--tt-dropdown-link-hover-bg); color: var(--tt-dropdown-link-hover-color); } .dropdown-item.active, .dropdown-item:active { background-color: var(--tt-dropdown-link-active-bg); color: var(--tt-dropdown-link-active-color); text-decoration: none; } .dropdown-item.disabled, .dropdown-item:disabled { background-color: initial; color: var(--tt-dropdown-link-disabled-color); pointer-events: none; } .dropdown-menu.show { display: block; } .dropdown-header { color: var(--tt-dropdown-header-color); display: block; font-size: 0.875rem; margin-bottom: 0px; padding: var(--tt-dropdown-header-padding-y) var(--tt-dropdown-header-padding-x); white-space: nowrap; } .dropdown-item-text { color: var(--tt-dropdown-link-color); display: block; padding: var(--tt-dropdown-item-padding-y) var(--tt-dropdown-item-padding-x); } .dropdown-menu-dark { --tt-dropdown-color: #dee2e6; --tt-dropdown-bg: #343a40; --tt-dropdown-border-color: var(--tt-border-color-translucent); --tt-dropdown-box-shadow: ; --tt-dropdown-link-color: #dee2e6; --tt-dropdown-link-hover-color: #fff; --tt-dropdown-divider-bg: var(--tt-border-color-translucent); --tt-dropdown-link-hover-bg: hsla(0, 0%, 100%, 0.15); --tt-dropdown-link-active-color: #fff; --tt-dropdown-link-active-bg: #0d6efd; --tt-dropdown-link-disabled-color: #adb5bd; --tt-dropdown-header-color: #adb5bd; } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: 0.1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: 0.15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: 0.2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: 0.25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: 0.3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: 0.35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: 0.45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: 0.5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: 0.55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: 0.6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: 0.65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: 0.7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: 0.75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: 0.8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: 0.85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: 0.9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: 0.95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: 0.95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s; } [data-aos][data-aos][data-aos-easing="linear"], body[data-aos-easing="linear"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing="ease-in"], body[data-aos-easing="ease-in"] [data-aos] { transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing="ease-out"], body[data-aos-easing="ease-out"] [data-aos] { transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing="ease-in-out"], body[data-aos-easing="ease-in-out"] [data-aos] { transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing="ease-in-back"], body[data-aos-easing="ease-in-back"] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing="ease-out-back"], body[data-aos-easing="ease-out-back"] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing="ease-in-out-back"], body[data-aos-easing="ease-in-out-back"] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing="ease-in-sine"], body[data-aos-easing="ease-in-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing="ease-out-sine"], body[data-aos-easing="ease-out-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing="ease-in-quad"], body[data-aos-easing="ease-in-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quad"], body[data-aos-easing="ease-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quad"], body[data-aos-easing="ease-in-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-cubic"], body[data-aos-easing="ease-in-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-cubic"], body[data-aos-easing="ease-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"], body[data-aos-easing="ease-in-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-quart"], body[data-aos-easing="ease-in-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quart"], body[data-aos-easing="ease-out-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quart"], body[data-aos-easing="ease-in-out-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos^="fade"][data-aos^="fade"] { opacity: 0; transition-property: opacity, transform; } [data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; transform: translateZ(0px); } [data-aos="fade-up"] { transform: translate3d(0px, 35px, 0px); } [data-aos="fade-down"] { transform: translate3d(0px, -35px, 0px); } [data-aos="fade-right"] { transform: translate3d(-35px, 0px, 0px); } [data-aos="fade-left"] { transform: translate3d(35px, 0px, 0px); } [data-aos="fade-up-right"] { transform: translate3d(-35px, 35px, 0px); } [data-aos="fade-up-left"] { transform: translate3d(35px, 35px, 0px); } [data-aos="fade-down-right"] { transform: translate3d(-35px, -35px, 0px); } [data-aos="fade-down-left"] { transform: translate3d(35px, -35px, 0px); } [data-aos^="zoom"][data-aos^="zoom"] { opacity: 0; transition-property: opacity, transform; } [data-aos^="zoom"][data-aos^="zoom"].aos-animate { opacity: 1; transform: translateZ(0px) scale(1); } [data-aos="zoom-in"] { transform: scale(0.6); } [data-aos="zoom-in-up"] { transform: translate3d(0px, 35px, 0px) scale(0.6); } [data-aos="zoom-in-down"] { transform: translate3d(0px, -35px, 0px) scale(0.6); } [data-aos="zoom-in-right"] { transform: translate3d(-35px, 0px, 0px) scale(0.6); } [data-aos="zoom-in-left"] { transform: translate3d(35px, 0px, 0px) scale(0.6); } [data-aos="zoom-out"] { transform: scale(1.2); } [data-aos="zoom-out-up"] { transform: translate3d(0px, 35px, 0px) scale(1.2); } [data-aos="zoom-out-down"] { transform: translate3d(0px, -35px, 0px) scale(1.2); } [data-aos="zoom-out-right"] { transform: translate3d(-35px, 0px, 0px) scale(1.2); } [data-aos="zoom-out-left"] { transform: translate3d(35px, 0px, 0px) scale(1.2); } [data-aos^="slide"][data-aos^="slide"] { transition-property: transform; } [data-aos^="slide"][data-aos^="slide"].aos-animate { transform: translateZ(0px); } [data-aos="slide-up"] { transform: translate3d(0px, 100%, 0px); } [data-aos="slide-down"] { transform: translate3d(0px, -100%, 0px); } [data-aos="slide-right"] { transform: translate3d(-100%, 0px, 0px); } [data-aos="slide-left"] { transform: translate3d(100%, 0px, 0px); } [data-aos^="flip"][data-aos^="flip"] { backface-visibility: hidden; transition-property: transform; } [data-aos="flip-left"] { transform: perspective(2500px) rotateY(-100deg); } [data-aos="flip-left"].aos-animate { transform: perspective(2500px) rotateY(0deg); } [data-aos="flip-right"] { transform: perspective(2500px) rotateY(100deg); } [data-aos="flip-right"].aos-animate { transform: perspective(2500px) rotateY(0deg); } [data-aos="flip-up"] { transform: perspective(2500px) rotateX(-100deg); } [data-aos="flip-up"].aos-animate { transform: perspective(2500px) rotateX(0deg); } [data-aos="flip-down"] { transform: perspective(2500px) rotateX(100deg); } [data-aos="flip-down"].aos-animate { transform: perspective(2500px) rotateX(0deg); } @font-face { font-family: swiper-icons; font-style: normal; font-weight: 400; 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") format("woff"); } :root { --swiper-theme-color: #007aff; } :host { display: block; margin-left: auto; margin-right: auto; position: relative; z-index: 1; } .swiper { display: block; list-style: none; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0px; position: relative; z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { box-sizing: initial; display: flex; height: 100%; position: relative; transition-property: transform; transition-timing-function: var( --swiper-wrapper-transition-timing-function, initial ); width: 100%; z-index: 1; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0px); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { display: block; flex-shrink: 0; height: 100%; position: relative; transition-property: transform; width: 100%; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { height: var(--swiper-centered-offset-after); min-width: 1px; width: 100%; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent); } .swiper-lazy-preloader { border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 50%; border-top: 4px solid transparent; box-sizing: border-box; height: 42px; left: 50%; margin-left: -21px; margin-top: -21px; position: absolute; top: 50%; transform-origin: 50% center; width: 42px; z-index: 10; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .swiper-pagination { position: absolute; text-align: center; transform: translateZ(0px); transition: opacity 0.3s; z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); left: 0px; top: var(--swiper-pagination-top, auto); width: 100%; } .swiper-pagination-bullets-dynamic { font-size: 0px; overflow: hidden; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color, #000); border-radius: var(--swiper-pagination-bullet-border-radius, 50%); display: inline-block; height: var( --swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px) ); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); width: var( --swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px) ); } button.swiper-pagination-bullet { appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; margin: 0px; padding: 0px; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { background: var(--swiper-pagination-color, var(--swiper-theme-color)); opacity: var(--swiper-pagination-bullet-opacity, 1); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { left: var(--swiper-pagination-left, auto); right: var(--swiper-pagination-right, 8px); top: 50%; transform: translate3d(0px, -50%, 0px); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var( --swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25) ); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); height: 100%; left: 0px; position: absolute; top: 0px; transform: scale(0); transform-origin: left top; width: 100%; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { height: var(--swiper-pagination-progressbar-size, 4px); left: 0px; top: 0px; width: 100%; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { height: 100%; left: 0px; top: 0px; width: var(--swiper-pagination-progressbar-size, 4px); } .swiper-pagination-lock { display: none; } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { align-items: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); cursor: pointer; display: flex; height: var(--swiper-navigation-size); justify-content: center; margin-top: calc(0px - var(--swiper-navigation-size) / 2); position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); z-index: 10; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { cursor: auto; opacity: 0.35; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { cursor: auto; opacity: 0; 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 { height: 100%; object-fit: contain; transform-origin: center center; width: 100%; } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); } .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); font-variant: normal; letter-spacing: 0px; line-height: 1; text-transform: none !important; } .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { left: auto; right: var(--swiper-navigation-sides-offset, 10px); } .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content: "next"; } .swiper-free-mode > .swiper-wrapper { margin: 0px auto; transition-timing-function: ease-out; } .swiper-scrollbar { background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { bottom: var(--swiper-scrollbar-bottom, 4px); height: var(--swiper-scrollbar-size, 4px); left: var(--swiper-scrollbar-sides-offset, 1%); position: absolute; top: var(--swiper-scrollbar-top, auto); width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2); z-index: 50; } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2); left: var(--swiper-scrollbar-left, auto); position: absolute; right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); width: var(--swiper-scrollbar-size, 4px); z-index: 50; } .swiper-scrollbar-drag { background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); height: 100%; left: 0px; position: relative; top: 0px; width: 100%; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .glightbox-container { height: 100%; left: 0px; overflow: hidden; position: fixed; top: 0px; touch-action: none; width: 100%; text-size-adjust: 100%; backface-visibility: hidden; outline: 0px; z-index: 999999 !important; } .glightbox-container.inactive { display: none; } .glightbox-container .gcontainer { height: 100%; overflow: hidden; position: relative; width: 100%; z-index: 9999; } .glightbox-container .gslider { align-items: center; height: 100%; justify-content: center; left: 0px; overflow: hidden; position: relative; top: 0px; transform: translateZ(0px); transition: transform 0.4s; width: 100%; display: flex !important; } .glightbox-container .gslide { align-items: center; display: flex; justify-content: center; opacity: 0; position: absolute; user-select: none; width: 100%; } .glightbox-container .gslide.current { opacity: 1; position: relative; z-index: 99999; } .glightbox-container .gslide.prev { opacity: 1; z-index: 9999; } .glightbox-container .gslide-inner-content { width: 100%; } .glightbox-container .ginner-container { display: flex; flex-direction: column; height: 100vh; justify-content: center; margin: auto; max-width: 100%; position: relative; width: 100%; } .glightbox-container .ginner-container.gvideo-container { width: 100%; } .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top { flex-direction: column; } .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right { max-width: 100% !important; } .gslide iframe, .gslide video { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; min-height: 165px; touch-action: auto; outline: 0px !important; } .gslide:not(.current) { pointer-events: none; } .gslide-image { align-items: center; } .gslide-image img { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; display: block; float: none; height: auto; margin: auto; max-height: 100vh; max-width: 100vw; min-width: 200px; object-fit: cover; outline: 0px; padding: 0px; touch-action: none; user-select: none; width: auto; } .desc-bottom .gslide-image img, .desc-top .gslide-image img { width: auto; } .desc-left .gslide-image img, .desc-right .gslide-image img { max-width: 100%; width: auto; } .gslide-image img.zoomable { position: relative; } .gslide-image img.dragging { transition: none; cursor: grabbing !important; } .gslide-video { max-width: 100vh; position: relative; width: 100% !important; } .gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster { display: none; } .gslide-video .gvideo-wrapper { margin: auto; width: 100%; } .gslide-video::before { background: rgba(255, 0, 0, 0.34); content: ""; display: none; height: 100%; position: absolute; width: 100%; } .gslide-video.playing::before { display: none; } .gslide-video.fullscreen { height: 75vh; min-width: 100%; max-width: 100% !important; } .gslide-video.fullscreen video { max-width: 100% !important; width: 100% !important; } .gslide-inline { background: rgb(255, 255, 255); margin: auto; max-height: calc(-40px + 100vh); max-width: 100%; overflow: auto; text-align: left; } .gslide-inline .ginlined-content { padding: 20px; width: 100%; } .gslide-inline .dragging { transition: none; cursor: grabbing !important; } .ginlined-content { opacity: 1; overflow: auto; display: block !important; } .gslide-external { background: rgb(255, 255, 255); display: flex; height: 100%; max-height: 75vh; min-width: 100%; overflow: auto; padding: 0px; width: 100%; } .gslide-media { display: flex; width: auto; } .zoomed .gslide-media { box-shadow: none !important; } .desc-bottom .gslide-media, .desc-top .gslide-media { flex-direction: column; margin: 0px auto; } .gslide-description { flex: 1 0 100%; position: relative; } .gslide-description.description-left, .gslide-description.description-right { max-width: 100%; } .gslide-description.description-bottom, .gslide-description.description-top { margin: 0px auto; width: 100%; } .gslide-description p { margin-bottom: 12px; } .gslide-description p:last-child { margin-bottom: 0px; } .glightbox-button-hidden, .zoomed .gslide-description { display: none; } .glightbox-mobile .glightbox-container .gslide-description { background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.75)); bottom: 0px; max-height: 78vh; padding: 19px 11px 50px; position: absolute; transition: opacity 0.3s linear; width: 100%; height: auto !important; max-width: 100vw !important; order: 2 !important; overflow: auto !important; } .glightbox-mobile .glightbox-container .gslide-title { color: rgb(255, 255, 255); font-size: 1em; } .glightbox-mobile .glightbox-container .gslide-desc { color: rgb(161, 161, 161); } .glightbox-mobile .glightbox-container .gslide-desc a { color: rgb(255, 255, 255); font-weight: 700; } .glightbox-mobile .glightbox-container .gslide-desc * { color: inherit; } .glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: rgb(255, 255, 255); opacity: 0.4; } .gdesc-open .gslide-media { opacity: 0.4; transition: opacity 0.5s; } .gdesc-open .gdesc-inner { padding-bottom: 30px; } .gdesc-closed .gslide-media { opacity: 1; transition: opacity 0.5s; } .greset { transition: 0.3s; } .gabsolute { position: absolute; } .grelative { position: relative; } .glightbox-desc { display: none !important; } .glightbox-open { overflow: hidden; } .gloader { animation: 0.8s linear 0s infinite normal none running lightboxLoader; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255) transparent rgb(255, 255, 255) rgb(255, 255, 255); border-image: initial; border-radius: 50%; display: block; height: 25px; left: 0px; margin: 0px auto; position: absolute; right: 0px; top: 47%; width: 25px; z-index: 9999; } .goverlay { height: calc(1px + 100vh); left: 0px; position: fixed; top: -1px; width: 100%; will-change: opacity; } .glightbox-mobile .goverlay, .goverlay { background: rgb(0, 0, 0); } .gclose, .gnext, .gprev { align-items: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: flex; flex-direction: column; height: 44px; justify-content: center; width: 26px; z-index: 99999; } .gclose svg, .gnext svg, .gprev svg { display: block; height: auto; margin: 0px; padding: 0px; width: 25px; } .gclose.disabled, .gnext.disabled, .gprev.disabled { opacity: 0.1; } .gclose .garrow, .gnext .garrow, .gprev .garrow { stroke: rgb(255, 255, 255); } .gbtn.focused { outline: rgb(15, 61, 129) solid 2px; } iframe.wait-autoplay { opacity: 0; } .glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev { opacity: 0 !important; } .glightbox-clean .gslide-description { background: rgb(255, 255, 255); } .glightbox-clean .gdesc-inner { padding: 22px 20px; } .glightbox-clean .gslide-title { color: rgb(0, 0, 0); font-family: arial; font-size: 1em; font-weight: 400; line-height: 1.4em; margin-bottom: 19px; } .glightbox-clean .gslide-desc { font-family: arial; font-size: 0.86em; line-height: 1.4em; margin-bottom: 0px; } .glightbox-clean .gslide-video { background: rgb(0, 0, 0); } .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev { background-color: rgba(0, 0, 0, 0.75); border-radius: 4px; } .glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path { fill: rgb(255, 255, 255); } .glightbox-clean .gprev { left: 30px; } .glightbox-clean .gnext, .glightbox-clean .gprev { height: 50px; position: absolute; top: -100%; width: 40px; } .glightbox-clean .gnext { right: 30px; } .glightbox-clean .gclose { height: 35px; position: absolute; right: 10px; top: 15px; width: 35px; } .glightbox-clean .gclose svg { height: auto; width: 18px; } .glightbox-clean .gclose:hover { opacity: 1; } .gfadeIn { animation: 0.5s ease 0s 1 normal none running gfadeIn; } .gfadeOut { animation: 0.5s ease 0s 1 normal none running gfadeOut; } .gslideOutLeft { animation: 0.3s ease 0s 1 normal none running gslideOutLeft; } .gslideInLeft { animation: 0.3s ease 0s 1 normal none running gslideInLeft; } .gslideOutRight { animation: 0.3s ease 0s 1 normal none running gslideOutRight; } .gslideInRight { animation: 0.3s ease 0s 1 normal none running gslideInRight; } .gzoomIn { animation: 0.5s ease 0s 1 normal none running gzoomIn; } .gzoomOut { animation: 0.5s ease 0s 1 normal none running gzoomOut; } @keyframes lightboxLoader { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes gfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes gfadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes gslideInLeft { 0% { opacity: 0; transform: translate3d(-60%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); visibility: visible; } } @keyframes gslideOutLeft { 0% { opacity: 1; transform: translateZ(0px); visibility: visible; } 100% { opacity: 0; transform: translate3d(-60%, 0px, 0px); visibility: hidden; } } @keyframes gslideInRight { 0% { opacity: 0; transform: translate3d(60%, 0px, 0px); visibility: visible; } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes gslideOutRight { 0% { opacity: 1; transform: translateZ(0px); visibility: visible; } 100% { opacity: 0; transform: translate3d(60%, 0px, 0px); } } @keyframes gzoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 1; } } @keyframes gzoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } :root { --bg-primary-color: #1d123d; --bg-primary-color-rgb: 29, 18, 61; --bg-secondary-color: #fff; --invert-color: #fff; --accent-color: #ffe190; --success-color: #3bff0d; --warning-color: #ffe190; --danger-color: #ed2b2b; --online-color: var(--success-color); --offline-color: var(--warning-color); --accordion-bg: #2a2d34; --body-min-width: 360px; --body-max-width: 2560px; --body-color: var(--bg-primary-color); --font-primary-color: #fff; --font-primary: "SuisseIntl", sans-serif; --font-secondary: "BeaufortforLOL", sans-serif; --fw: 500; --fz: 14px; --lh: 1.71; --trans-duration: 0.25s; --trans-function: ease; --trans: var(--trans-duration) var(--trans-function); --trans-long-duration: 0.4s; --trans-long: var(--trans-long-duration) var(--trans-function); --scale-koeff: 1.025; --grid-gutter-column: 30px; --grid-gutter-row: 30px; --swiper-theme-color: var(--accent-color); --border-radius: 8px; font-size: 16px; } html { scroll-padding-top: 50px; } body, html { min-height: 100%; } body { background-color: var(--body-color); color: var(--font-primary-color); font-family: var(--font-primary); font-feature-settings: "lnum"; font-size: var(--fz); font-variant-numeric: lining-nums; font-weight: var(--fw); line-height: var(--lh); position: relative; -webkit-font-smoothing: subpixel-antialiased; } [hidden] { display: none !important; } ::selection { background-color: var(--bg-primary-color); color: var(--font-primary-color); } .visually-hidden { height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; width: 1px !important; clip: rect(0px, 0px, 0px, 0px) !important; border: 0px !important; clip-path: inset(100%) !important; white-space: nowrap !important; } .visually-hidden:not(caption) { position: absolute !important; } .wrapper { margin-inline: auto; max-width: var(--body-max-width); min-width: var(--body-min-width); position: relative; } .blur-up { filter: blur(5px); transition: filter var(--trans); } .blur-up.lazyloaded { filter: blur(0px); } [data-aos="zoom-in"]:not(.aos-animate) { transform: scale(0.95); } .dynamic-load-backdrop { background-color: rgb(0, 0, 0); height: 100vh; left: 0px; position: fixed; top: 0px; width: 100vw; z-index: 1040; } .dynamic-load-backdrop.fade { opacity: 0; } .dynamic-load-backdrop.show { opacity: 0.92; } .dynamic-load-spinner { color: var(--invert-color); inset: 0px; margin: auto; position: fixed; z-index: 1041; } .page { display: flex; flex-direction: column; position: relative; } .page__main { flex: 1 1 0%; } .page__image { margin-bottom: 45px; max-width: 100%; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: var(--accent-color); font-weight: 600; } .content mark { background-color: initial; display: inline-block; position: relative; vertical-align: middle; } .content h1 { font-size: 21px; letter-spacing: 0.2px; margin-bottom: 37px; } .content h2 { font-size: 19px; letter-spacing: 0.25px; margin-bottom: 32px; } .content h3 { font-size: 16px; letter-spacing: 0.32px; margin-bottom: 27px; } .content h4 { font-size: 15px; letter-spacing: 0.2px; margin-bottom: 20px; } .content h5 { font-size: 14px; letter-spacing: 0.15px; margin-bottom: 17px; } .content h6 { font-size: 12px; letter-spacing: 0.1px; margin-bottom: 10px; } .content ul { list-style: none; margin: 0px 0px 43px; padding: 0px; } .content ul li { padding-left: 23px; position: relative; } .content ul li:not(:last-child) { margin-bottom: 24px; } .content ul li::before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAAD1BMVEX/4ZBHcEz/4ZD/4ZD/4ZBH8XleAAAABHRSTlNzADM0H8b4bQAAADVJREFUCNdjEBQUEhQUYBAUZGEEUQIuDiCKxcWFUYBBwMXFxUGAwQRIuSjAeFA5mEqoPrApADS8CAH9QpysAAAAAElFTkSuQmCC"); background-position: 50% center; background-repeat: no-repeat; background-size: 100% 100%; content: ""; height: 9px; left: 0px; position: absolute; top: 7px; width: 9px; } .content p, .content ul li { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 400; letter-spacing: 0.34px; line-height: 1.41; } .content p { margin-bottom: 25px; } .content .accordion-body, .content p, .content ul li { color: var(--font-primary-color); font-size: 17px; hyphens: auto; letter-spacing: 0.32px; line-height: 1.4; } .content img { max-width: 100%; } .content a { color: var(--accent-color); } .content a:visited { color: var(--font-primary-color); } .content .table { margin-bottom: 30px; overflow: auto; padding-block: 20px; } .content table { background-color: rgb(54, 56, 62); border-collapse: initial; border-radius: 2px; margin-bottom: 0px; width: 100%; } .content table td, .content table th { padding: 9px 16px; } .content table th { background-color: rgb(27, 34, 46); border-radius: 2px; color: var(--accent-color); font-size: 12px; font-weight: 700; text-transform: uppercase; } .content table tbody tr:nth-child(2n) td { background-color: rgb(37, 42, 51); border-radius: 2px; } .content table td { color: rgb(153, 153, 146); font-size: 14px; letter-spacing: 0.28px; line-height: 1.85; padding-block: 5px; } .content .accordion { margin-bottom: 35px; } .preload { align-items: center; background-color: rgb(29, 26, 25); box-sizing: border-box; display: flex; inset: 0px; justify-content: center; opacity: 1; padding: 0px 10px; position: fixed; transition: 1s cubic-bezier(0.64, 0.14, 0.34, 1.32); visibility: visible; z-index: 500; } .preload__logo { display: block; height: auto; max-width: 100%; width: 380px; } .preload__fade { opacity: 0; transform: scale(1.3); visibility: hidden; } .btn { backface-visibility: hidden; background-position: 50% center; background-repeat: no-repeat; background-size: 100% 100%; max-width: 100%; object-fit: cover; overflow: hidden; transform: perspective(1px) translateZ(0px) scale(1); transform-origin: center center; transition: all var(--trans-long); -webkit-font-smoothing: subpixel-antialiased; align-items: center; background-color: initial; background-image: url('../img/a32b14148b3.png'); border: 0px; border-radius: 3px; color: var(--font-secondary-color); cursor: pointer; display: inline-flex; font-family: var(--font-secondary); font-size: 16px; font-weight: 700; justify-content: center; line-height: 1; padding: 16px 40px; text-decoration: none; text-shadow: rgba(0, 4, 17, 0.13) 0px 4px 4px; text-transform: uppercase; vertical-align: middle; width: 243px; will-change: transform; word-break: break-word; } .btn--full-width { padding-inline: 0px; width: 100%; } .btn--lg { font-size: clamp(1.25rem, 1.66667vw, 1.5rem); padding: 25px 50px; width: 365px; } .btn--sm { color: rgb(255, 233, 195); font-size: 13px; font-weight: 700; padding: 9px 25px 10px; text-shadow: rgba(37, 40, 46, 0.44) 0px 0px 22px, rgba(255, 255, 255, 0.13) 0px -1px 0px; width: 163px; } .btn--outlined { background-image: url('../img/aa2defb633c.png'); box-shadow: rgba(0, 4, 17, 0.11) 0px 8px 35px 5px; } .hamburger { align-items: center; aspect-ratio: 1 / 1; background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; display: flex; flex-direction: column; justify-content: center; padding: 10px; position: relative; right: -10px; row-gap: 5px; text-decoration: none; width: 50px; } .hamburger, .hamburger a { opacity: 1; transition: all var(--trans); } .hamburger.active .top-bun { margin-top: 10px; transform: rotate(-45deg); } .hamburger.active .bottom-bun { opacity: 0; transform: rotate(45deg); } .hamburger.active .meat { margin-top: -7px; transform: rotate(45deg); } .hamburger span { background-color: var(--font-primary-color); border-radius: 3px; display: block; height: 3px; position: relative; transition: all var(--trans); width: 100%; } .cross-btn { aspect-ratio: 1 / 1; background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-sizing: initial; cursor: pointer; opacity: 1; padding: 10px; position: relative; text-decoration: none; transition: opacity var(--trans); width: 32px; } .cross-btn, .cross-btn a { opacity: 1; transition: all var(--trans); } .cross-btn::after, .cross-btn::before { background-color: var(--font-primary-color); border-radius: 3px; content: " "; height: 60%; left: 24px; position: absolute; top: 12px; width: 3px; } .cross-btn::before { transform: rotate(45deg); } .cross-btn::after { transform: rotate(-45deg); } .animated-link { position: relative; } .animated-link::after { background-color: rgba(0, 0, 0, 0.3); content: ""; inset: 0px; margin: auto; position: absolute; z-index: -1; border-radius: 10px; opacity: 0; transition: 0.2s; transform: scaleY(0.5); } .animated-link:hover::after { opacity: 1; transform: scaleY(1); } .language-selector__btn { align-items: center; background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--font-color); cursor: pointer; display: flex; gap: 11px; padding: 0px; position: relative; } .language-selector__btn, .language-selector__btn a { opacity: 1; transition: all var(--trans); } .language-selector__btn--arrow { padding-right: 22px; position: relative; } .language-selector__btn--arrow::after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgb(209, 209, 209); content: ""; height: 0px; margin-top: -4px; position: absolute; right: 0px; top: 50%; width: 0px; z-index: 2; } .language-selector__btn.show::after { transform: perspective(1px) rotate(-180deg) translateZ(0px); } .language-selector__flag { align-items: center; aspect-ratio: 1 / 1; background-position: 50% center; background-repeat: no-repeat; background-size: 100% 100%; border: 4px solid rgb(229, 242, 248); border-radius: 50%; display: flex; justify-content: center; overflow: hidden; width: 34px; } .language-selector__flag img { display: block; height: 100%; object-fit: cover; width: 100%; } .language-selector__dropdown { background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; display: none; min-width: auto; padding: 0.625rem 0px; width: auto; } .language-selector__dropdown .language-selector__btn { color: var(--font-color); display: flex; margin-bottom: 0.625rem; text-decoration: none; } .language-selector__dropdown .language-selector__btn, .language-selector__dropdown .language-selector__btn a { opacity: 1; transition: all var(--trans); } .language-selector__dropdown .language-selector__btn:last-child { margin-bottom: 0px; } .slider { --swiper-scrollbar-size: 6px; --swiper-scrollbar-bg-color: #30324b; --swiper-scrollbar-drag-bg-color: #fff; --swiper-scrollbar-border-radius: 3px; --swiper-pagination-bottom: auto; --swiper-pagination-top: 55px; --swiper-pagination-bullet-width: 14px; --swiper-pagination-bullet-height: 14px; --swiper-pagination-bullet-horizontal-gap: 8px; --swiper-pagination-bullet-inactive-opacity: 1; --swiper-pagination-color: #845229; --swiper-pagination-bullet-inactive-color: #845229; position: relative; } .slider__controls { list-style: none; margin: 0px; padding: 0px; } .slider__control { background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; text-decoration: none; } .slider__arrow { height: auto; margin: 0px; transform: translateY(-50%); width: auto; z-index: 5; } .slider__arrow, .slider__arrow a { opacity: 1; transition: all var(--trans); } .slider__arrow--left { left: 0px; } .slider__arrow--right { right: 0px; } .slider__arrow::after { display: none; } .slider__arrow img { max-width: 100%; } .slider .swiper-pagination-bullet.swiper-pagination-bullet-active::after { opacity: 1; } .slider .swiper-pagination-bullet { border: 2px solid rgb(226, 164, 118); position: relative; } .slider .swiper-pagination-bullet::after { aspect-ratio: 1 / 1; background-color: rgb(226, 164, 118); border-radius: 50%; content: ""; left: 50%; margin: -3px 0px 0px -3px; opacity: 0; position: absolute; top: 50%; transition: opacity var(--trans); width: 6px; } .slider .swiper-button-lock, .slider .swiper-pagination-lock { pointer-events: none; visibility: hidden; } .slider .swiper-scrollbar { cursor: grab; } .slider .swiper-scrollbar-drag { box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 6px 2px inset; } .slider img { height: 100%; object-fit: cover; width: 100%; } .tabs-same-height .tab-content { display: flex; overflow: hidden; } .tabs-same-height .tab-content > .tab-pane { display: block; margin-right: -100%; visibility: hidden; width: 100%; } .tabs-same-height .tab-content > .active { visibility: visible; } .group-blocks { --block-group-gap: 15px; align-items: start; column-gap: var(--block-group-gap); display: grid; grid-auto-rows: min-content; grid-template-columns: 410px 1fr; } .block { background-color: rgba(22, 23, 41, 0.8); border-radius: var(--border-radius); } .block:not(:last-child) { margin-bottom: 30px; } .block--sm-gutters .block__inner { padding: 20px 0px; } .block__inner { padding: 40px; } .accordion-item { background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin-bottom: 18px; } .accordion-body { margin-bottom: 0px; } .accordion-button { border-radius: 2px; font-size: 14px; font-weight: 500; line-height: 1.2; padding: 9px 14px 8px; text-transform: uppercase; outline: none !important; } .accordion-button, .accordion-button:not(.collapsed) { background-color: var(--accordion-bg); color: var(--accent-color); } .accordion-button:not(.collapsed) { box-shadow: none; } .accordion-button::after, .accordion-button:not(.collapsed)::after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAAAsTAAALEwEAmpwYAAABlUlEQVQ4jaWUP0vDQBiHH61ClzpIA1K6FCRWB4dGqKgITlIotoKTi0NmQT+Cg6PoBzCzg0JtEQUHFSmFDKGTNHbQodQM1S5CVx28KyY2sdUfhPvD3XO/997cO7S6k8VPpmEti64q2rpoa2lda/XaM9QLKEAqkPQ9DUq9wKHJebU7MA1LaVadTWARiAbAAKaAaLPqNOKpWEdODnsW5X5x5VUSyJmGpfwAijAHgbmgLqA4Ye0PsC5UJlA6nP4HTEo1DUuRQDVwaX9KAoTeHt4VMXBl9eokm03NRseu7xov/cwLtaXDH8nYP7Iq+UxCO9hbmJNz5Yv1jUhkNFy4fH7yszkiWtsLLZtOe2v75tQ4XMkDzKjjEwBL2cKZHwxg2O8JSai+e3uezyS0SGQ0/AvMBmrSYd3r0Ou0bDrtIGcAaV1ryTusBS3sBwYUQfyHIuxSH5v8ZMur6z69tK7d83UPA8OkOxdQQI8ZzKkNFL8n1q8eKgRXHhuoi6hcctVDqXgq1mlWnQbQBh6BD+BVfBWgnNa1non8BKEki31+oqjlAAAAAElFTkSuQmCC"); background-position: 50% center; background-repeat: no-repeat; background-size: 100% 100%; content: ""; display: inline-block; font-size: 0px; height: 19px; width: 20px; } .back { background-image: url('../img/a5efee17b4a.jpg'); inset: 0px; margin-inline: auto; max-width: 2560px; pointer-events: none; position: absolute; user-select: none; z-index: -1; } .back::after, .back::before { content: ""; left: 0px; max-height: 100%; position: absolute; right: 0px; z-index: -1; } .back::before { background-image: image-set(url('../img/a41403cb170.webp') 1x type("image/webp"), url('../img/aac2372332b.webp') 1x type("image/jpeg")); background-position: center top; height: 2097px; mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0) 25%); top: 0px; } .back::after { background-position: center bottom; bottom: 0px; height: 100px; mask-image: linear-gradient(transparent, rgb(0, 0, 0) 25%); } .back-image { position: relative; z-index: 1; } .back-image::after { background-position: 50% center; background-repeat: no-repeat; background-size: cover; content: ""; inset: 0px; pointer-events: none; position: absolute; user-select: none; z-index: -1; } .top-sections { position: relative; z-index: 1; } .top-sections__back { aspect-ratio: 2560 / 1233; bottom: auto; mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0) 40%); position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: -1; width: 100%; min-width: 1600px; } .top-sections__back::after { background-image: url('../img/ab2b44714b6.webp'); background-position: center top; background-size: 100%; } .section--separator { position: relative; } .section--separator::before { background-image: url('../img/a86533d67c4.png'); background-position: 50% center; background-repeat: no-repeat; background-size: cover; content: ""; height: 39px; left: 0px; margin-top: -18px; position: absolute; right: 0px; top: 0px; } .section__header { margin-bottom: 50px; } .section__title { color: var(--font-primary-color); font-size: clamp(2rem, 4.16667vw, 3.75rem); line-height: 1.2; } .section__subtitle, .section__title { display: block; font-weight: 600; margin: 0px; text-align: center; text-transform: uppercase; } .section__subtitle { color: var(--accent-color); font-size: clamp(1.25rem, 1.66667vw, 1.5rem); } .section__inner { padding-block: 60px; } .header { backdrop-filter: blur(0px); background-color: initial; box-shadow: transparent 0px 0px 20px; color: var(--invert-color); left: 0px; position: fixed; right: 0px; top: 0px; transition-duration: var(--trans-duration); transition-property: background-color, box-shadow, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: var(--trans-function); z-index: 99; } .header__inner { justify-content: space-between; } .header__inner, .header__right { align-items: center; display: flex; } .header__right { gap: 35px; } .header__nav { transition: all var(--trans); } .header.sticky { backdrop-filter: blur(8px); background-color: rgba(var(--bg-primary-color-rgb), 0.75); box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 20px; } .header.sticky .header__logo { max-width: 76px; } .develop { align-items: center; background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--font-primary-color); display: inline-flex; font-size: 13px; letter-spacing: 0.3px; line-height: 1.5; padding: 0px; text-align: left; text-decoration: none; } .develop, .develop a { opacity: 1; transition: all var(--trans); } .develop:not(:hover) { opacity: 0.5 !important; } .develop__name { display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.32px; line-height: 1.5; text-transform: uppercase; } .develop img { height: auto; margin-right: 0.75rem; } .socials { display: flex; gap: 36px; list-style: none; margin: 0px; padding: 0px; } .socials--fixed { flex-direction: column; left: 3vw; position: fixed; top: 50%; transform: translateY(-50%); z-index: 99; } .socials a { align-items: center; aspect-ratio: 1 / 1; background-color: rgb(63, 81, 115); border: 3px solid rgb(227, 218, 154); border-radius: 50%; display: inline-flex; justify-content: center; padding: 10px; text-decoration: none; width: 50px; } .socials a, .socials a a { opacity: 1; transition: all var(--trans); } .socials a:hover { background-color: rgb(227, 218, 154); } .socials a img { filter: invert(0) drop-shadow(rgba(0, 0, 0, 0.6) 0px 0px 9px); max-height: 100%; max-width: 100%; transition: all var(--trans); } .socials a:hover img { filter: invert(0.7) drop-shadow(rgba(0, 0, 0, 0.6) 0px 0px 0px); } .offcanvas { --tt-offcanvas-bg: var(--bg-primary-color); --tt-offcanvas-color: var(--invert-color); } .offcanvas__close { position: absolute; right: 20px; top: 20px; } .offcanvas__close::after, .offcanvas__close::before { background-color: var(--invert-color); } .offcanvas__body { flex: 1 1 0%; padding-bottom: 40px; } .offcanvas__inner { display: flex; flex-direction: column; height: 100%; overflow: auto; padding: 100px var(--grid-gutter-column) var(--grid-gutter-row); } .nav--invert.nav a { color: var(--invert-color); } .nav--vertical.nav { justify-content: center; width: 100%; } .nav--vertical.nav ul { flex-direction: column; row-gap: 5px; text-align: center; } .nav--vertical.nav a { font-size: 20px; } .nav ul { display: flex; flex-wrap: wrap; gap: 15px 20px; list-style: none; margin: 0px; padding: 0px; } .nav a { background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--font-primary-color); display: inline-flex; font-size: 17px; padding: 10px 20px; text-decoration: none; text-transform: uppercase; } .nav a, .nav a a { opacity: 1; transition: all var(--trans); } .section-nav { --section-nav-point-size: 23px; --section-nav-gap: 34px; --section-nav-line-width: 3px; --section-nav-line-outer-offset: 90px; display: flex; flex-direction: column; list-style: none; margin: 0px; padding: 0px; position: fixed; right: 3vw; top: 50%; transform: translateY(-50%); z-index: 99; } .section-nav__item { padding-bottom: var(--section-nav-gap); position: relative; z-index: 1; } .section-nav__item:first-child { padding-top: var(--section-nav-line-outer-offset); } .section-nav__item:first-child::before { background-image: linear-gradient(transparent, rgb(63, 81, 115) 40%, rgb(63, 81, 115)); } .section-nav__item:first-child::after { top: var(--section-nav-line-outer-offset); } .section-nav__item:last-child { padding-bottom: var(--section-nav-line-outer-offset); } .section-nav__item:last-child::before { background-image: linear-gradient(0deg, transparent, rgb(63, 81, 115) 40%, rgb(63, 81, 115)); } .section-nav__item:last-child::after { bottom: var(--section-nav-line-outer-offset); } .section-nav__item::after, .section-nav__item::before { bottom: 0px; content: ""; margin-left: -1.5px; position: absolute; right: 10px; top: 0px; width: var(--section-nav-line-width); z-index: -1; } .section-nav__item::after { background-color: rgb(63, 81, 115); } .section-nav__link { background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; display: block; height: var(--section-nav-point-size); padding: 0px 0px 0px 26px; position: relative; text-decoration: none; } .section-nav__link.active .section-nav__point::after, .section-nav__link.active .section-nav__point::before { opacity: 1; } .section-nav__link.active .section-nav__text { opacity: 1; visibility: visible; } .section-nav__text { background-color: rgb(63, 81, 115); border: 2px solid rgb(227, 218, 154); border-radius: 4px; color: var(--font-primary-color); display: block; font-family: var(--font-secondary); font-size: 18px; font-weight: 700; line-height: 1; opacity: 0; padding: 12px 26px; position: absolute; right: 100%; text-transform: uppercase; top: 50%; transform: translateY(-50%); transition: opacity var(--trans); visibility: hidden; white-space: nowrap; } .section-nav__point { background-color: rgb(63, 81, 115); border: 3px solid rgb(227, 218, 154); border-radius: 50%; display: inline-block; height: var(--section-nav-point-size); position: relative; width: var(--section-nav-point-size); } .section-nav__point::before { aspect-ratio: 1 / 1; background-color: rgb(227, 218, 154); border-radius: 50%; left: 50%; margin: -4.5px 0px 0px -4.5px; width: 9px; } .section-nav__point::after, .section-nav__point::before { content: ""; opacity: 0; position: absolute; top: 50%; transition: opacity var(--trans); } .section-nav__point::after { background-image: url('../img/a882af908b5.png'); background-position: 50% center; background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; height: 19px; margin-top: -9.5px; right: 100%; width: 18px; } .promo__inner { align-items: center; display: flex; flex-direction: column; padding-block: 200px 80px; } .promo__logo.logo { backface-visibility: hidden; max-width: 100%; object-fit: cover; transform: perspective(1px) translateZ(0px) scale(1); transform-origin: center center; transition: transform var(--trans-long); -webkit-font-smoothing: subpixel-antialiased; aspect-ratio: 780 / 520; position: relative; width: 560px; will-change: transform; z-index: 1; } .promo__logo.logo img { left: 0px; width: 100%; position: absolute; top: -30px; z-index: -1; pointer-events: none; } .promo__logo.logo img.logo-img-hover { opacity: 0; transform: scale(1.13); transition: 0.3s; } .promo__logo.logo:hover img.logo-img-hover { opacity: 1; transform: scale(1); } .promo__content { align-items: center; display: flex; flex-direction: column; position: relative; z-index: 2; } .promo__title { color: var(--accent-color); font-size: clamp(2.25rem, 3.47222vw, 2.75rem); font-weight: 600; line-height: 1.3; margin-bottom: 0px; text-align: center; text-transform: uppercase; font-family: var(--font-secondary); text-shadow: rgba(0, 0, 0, 0.43) 0px 2px 4px; } .promo__btns { margin-top: 30px; } .server-card { overflow: hidden; position: relative; width: 100%; z-index: 1; } .server-card img { backface-visibility: hidden; max-width: 100%; object-fit: cover; transform: perspective(1px) translateZ(0px) scale(1); transform-origin: center center; transition: all var(--trans-long); -webkit-font-smoothing: subpixel-antialiased; will-change: transform; } .server-card--online .server-card__status::before { background-color: rgb(12, 164, 0); border: 2px solid rgba(134, 255, 81, 0.8); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 4px 1.2px inset, rgb(59, 255, 13) 0px 0px 10px 3px; } .server-card--online .server-card__status span { color: var(--online-color); } .server-card--offline .server-card__status::before { background-color: rgb(164, 143, 0); border: 2px solid rgba(255, 224, 81, 0.8); border-radius: 50%; box-shadow: inset 0 20px 4px 1.2px rgba(0, 0, 0, 0.25), 0 0 10px 3px var(--offline-color); } .server-card--offline .server-card__status span { color: var(--offline-color); } .server-card__overlay { background-image: linear-gradient(rgb(30, 31, 44), rgb(30, 31, 44)); border-radius: var(--border-radius); inset: 0px; overflow: hidden; position: absolute; z-index: -1; } .server-card__overlay img { height: 100%; width: 100%; } .server-card__inner { padding: 35px 42px 32px; } .server-card__header { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; } .server-card__title { font-size: 22px; text-transform: uppercase; } .server-card__multiple { background-image: linear-gradient(0deg, rgb(84, 122, 171), rgb(67, 90, 138)); border-radius: 12px; display: inline-block; font-size: 17px; letter-spacing: 0.65px; line-height: 1; padding: 8px 11px; text-transform: uppercase; } .server-card__status { font-size: 17px; font-weight: 600; margin-top: 9px; } .server-card__status::before { background-color: rgb(12, 164, 0); border: 2px solid rgba(134, 255, 81, 0.8); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 4px 1.2px inset, rgb(59, 255, 13) 0px 0px 10px 3px; content: ""; display: inline-block; height: 16px; margin-right: 9px; width: 16px; } .server-card__status span { margin-left: 5px; } .server-card__link { background-color: initial; border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor; border-image: initial; color: var(--accent-color); display: inline-block; line-height: 1.2; margin-top: 18px; padding: 0px; text-decoration: none; } .server-card__link, .server-card__link a { opacity: 1; transition: all var(--trans); } .servers__inner { padding-block: 55px; } .servers__content { display: grid; gap: 44px; grid-template-columns: repeat(auto-fit, minmax(600px, 1fr)); max-width: 100%; } .servers__content--narrow { grid-template-columns: 344px calc(100% - 388px); } .servers__content--narrow .servers__items { display: flex; flex-direction: column; width: 344px; } .servers__items { align-items: flex-start; display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); max-width: 100%; } .servers__news { height: 100%; max-width: 100%; min-height: 384px; } .servers__news .swiper { border-radius: var(--border-radius); } .servers__news .news-card, .servers__news .swiper { height: 100%; } .news-card { overflow: hidden; position: relative; z-index: 1; } .news-card img { backface-visibility: hidden; max-width: 100%; object-fit: cover; transform: perspective(1px) translateZ(0px) scale(1); transform-origin: center center; transition: all var(--trans-long); -webkit-font-smoothing: subpixel-antialiased; will-change: transform; } .news-card__inner { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 80px 40px 40px; text-align: center; } .news-card__overlay { background-image: linear-gradient(rgb(30, 31, 44), rgb(30, 31, 44)); border-radius: var(--border-radius); inset: 0px; overflow: hidden; position: absolute; z-index: -1; } .news-card__overlay img { height: 100%; width: 100%; } .news-card__title { display: block; font-size: clamp(1.625rem, 2.22222vw, 2rem); font-weight: 600; line-height: 1.4; margin-bottom: 14px; text-transform: uppercase; } .news-card__description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--accent-color); font-size: 18px; line-height: 1.4; max-width: 500px; overflow: hidden; opacity: 0.85; } .news-card__btn { margin-top: 35px; } .feature-card { box-shadow: rgba(0, 4, 17, 0.35) 0px 0px 29px 1px; overflow: hidden; position: relative; text-align: center; z-index: 1; } .feature-card .feature-card__overlay img { backface-visibility: hidden; max-width: 100%; object-fit: cover; transform: perspective(1px) translateZ(0px) scale(1); transform-origin: center center; transition: all var(--trans-long); -webkit-font-smoothing: subpixel-antialiased; will-change: transform; } .feature-card__inner { display: flex; flex-direction: column; height: 100%; padding: 43px 15px; } .feature-card__body { flex: 1 1 0%; } .feature-card__overlay { background-color: rgb(31, 31, 52); border-radius: var(--border-radius); inset: 0px; overflow: hidden; position: absolute; z-index: -1; } .feature-card__overlay img { height: 100%; width: 100%; } .feature-card__icon { background-color: rgb(47, 47, 47); border: 3px solid rgb(207, 141, 88); border-radius: 50%; height: 134px; margin: 0px auto 20px; padding: 5px; width: 134px; } .feature-card__icon img { border: 2px solid rgb(196, 187, 121); border-radius: inherit; box-shadow: rgba(45, 29, 11, 0.35) 0px 10px 56px 14px, rgba(33, 33, 33, 0.85) 0px 0px 20px 3.5px inset; height: 100%; object-fit: cover; width: 100%; } .feature-card__title { display: block; font-size: 24px; font-weight: 600; line-height: 1.5; margin-bottom: 10px; text-transform: uppercase; } .feature-card__description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: var(--accent-color); line-height: 2; margin-inline: auto; max-width: 340px; overflow: hidden; } .feature-card__btn { margin-top: 25px; } .features__inner { padding-block: 60px 140px; } .features__items { position: relative; } .features__items .swiper { border-radius: var(--border-radius); } .features__items .swiper-slide { height: auto; } .features__items .feature-card { height: 100%; } .event-card { border-radius: var(--border-radius); box-shadow: rgba(0, 4, 17, 0.35) 0px 0px 30px 1px; overflow: hidden; position: relative; text-align: center; z-index: 1; } .event-card img { backface-visibility: hidden; max-width: 100%; object-fit: cover; transform: perspective(1px) translateZ(0px) scale(1); transform-origin: center center; transition: all var(--trans-long); -webkit-font-smoothing: subpixel-antialiased; will-change: transform; } .event-card__inner { display: flex; flex-direction: column; height: 100%; padding: 45px 20px 55px; } .event-card__overlay { background-image: linear-gradient(rgb(30, 31, 44), rgb(30, 31, 44)); border-radius: var(--border-radius); inset: 0px; overflow: hidden; position: absolute; z-index: -1; } .event-card__overlay::after { background-image: radial-gradient(circle at 0px 0px, rgb(24, 25, 48), transparent), linear-gradient(rgb(31, 31, 52), rgb(31, 31, 52)); content: ""; inset: 0px; position: absolute; z-index: -1; } .event-card__overlay img { height: 100%; width: 100%; } .event-card__title { color: var(--accent-color); display: block; font-size: 24px; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; } .event-card__description { -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: rgb(237, 237, 237); display: block; margin-inline: auto; max-width: 215px; overflow: hidden; } .event-card__footer { align-items: center; display: flex; flex: 1 1 0%; flex-direction: column; justify-content: space-between; } .event-card__footer::before { background-image: url('../img/a70c9cf8f4a.png'); background-position: 50% center; background-repeat: no-repeat; background-size: 100% 100%; content: ""; display: block; height: 13px; margin: 18px auto; width: 132px; } .event-card__btn { margin-top: 10px; } .events::after { background-image: image-set(url('../img/abae67db0a6.webp') 1x type("image/webp"), url('../img/aeb97d64442.webp') 1x type("image/jpeg")); background-position: 50% center; background-repeat: no-repeat; background-size: cover; } .events__inner { padding-block: 135px; } .events__items { display: grid; gap: 30px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } .media { --media-list-width: 330px; --media-gallery-height: 581px; } .media::after { background-image: image-set(url('../img/ac596a954c5.webp') 1x type("image/webp"), url('../img/a99e72851df.webp') 1x type("image/jpeg")); background-position: 50% center; background-repeat: no-repeat; background-size: cover; } .media__inner { padding-block: 125px 135px; } .media__items { display: flex; gap: 20px 31px; } .media__items .swiper { height: var(--media-gallery-height); } .media__items .swiper-slide { height: auto; } .media__single { overflow: hidden; width: calc(100% - var(--media-list-width)); } .media__single img { backface-visibility: hidden; max-width: 100%; object-fit: cover; transform: perspective(1px) translateZ(0px) scale(1); transform-origin: center center; transition: all var(--trans-long); -webkit-font-smoothing: subpixel-antialiased; will-change: transform; } .media__single .media-link { display: block; height: 100%; } .media__list { width: var(--media-list-width); } .media__list .swiper-wrapper { width: auto; } .media__list .swiper-slide:not(:last-child) { margin-bottom: 24px; } .media__list img { height: 100%; object-fit: cover; width: 100%; } .media__preview { aspect-ratio: 282 / 159; border-radius: var(--border-radius-md); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 16px 4px inset; overflow: hidden; position: relative; width: 282px; z-index: 1; } .media__preview img { backface-visibility: hidden; max-width: 100%; object-fit: cover; transform: perspective(1px) translateZ(0px) scale(1); transform-origin: center center; transition: all var(--trans-long); -webkit-font-smoothing: subpixel-antialiased; will-change: transform; } .media__preview::before { background-color: rgba(55, 98, 134, 0.2); content: ""; inset: 0px; position: absolute; z-index: 1; } .media__btns { align-items: center; column-gap: 30px; display: flex; justify-content: center; } .screen::after { background-image: image-set(url('../img/a060cc77e24.webp') 1x type("image/webp"), url('../img/a7599a5990e.webp') 1x type("image/jpeg")); background-position: 50% center; background-repeat: no-repeat; background-size: cover; } .screen__inner { padding-block: 135px 130px; } .screen__main-image { background-color: initial; border: 4px solid rgb(39, 41, 54); border-radius: var(--border-radius); box-shadow: rgba(13, 19, 22, 0.25) 0px 0px 24px 8px; display: block; overflow: hidden; } .screen__main-image::after { content: ""; inset: 0px; position: absolute; } .screen__main { overflow: hidden; } .screen__main .swiper-slide { max-width: 1027px; } .screen__main .swiper-slide-active { overflow: hidden; } .screen__main .swiper-slide-active img { backface-visibility: hidden; max-width: 100%; object-fit: cover; transform: perspective(1px) translateZ(0px) scale(1); transform-origin: center center; transition: all var(--trans-long); -webkit-font-smoothing: subpixel-antialiased; will-change: transform; } .screen__main .swiper-slide .media-link { opacity: 1; transition: 0.3s; } .screen__main .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-active):not(.swiper-slide-next) .media-link { opacity: 0; } .screen__thumbs { margin: 50px auto 0px; max-width: 840px; padding-inline: 93px; position: relative; } .screen__thumbs .slider__arrow { max-width: 69px; } .screen__thumbs .swiper-slide-thumb-active .screen__thumb { opacity: 1; } .screen__thumbs .swiper-slide-thumb-active .screen__thumb img { background-color: rgb(45, 45, 45); border-color: rgba(226, 183, 161, 0.8); } .screen__thumb { background-image: url('../img/aafe4f74450.png'); background-position: 50% center; background-repeat: no-repeat; background-size: 100% 100%; height: 108px; margin: auto; opacity: 0.7; padding: 20px; transition: opacity var(--trans); width: 108px; } .screen__thumb img { background-color: rgb(46, 37, 31); border: 2px solid rgb(46, 37, 31); border-radius: 50%; height: 100%; overflow: hidden; width: 100%; } .download-section__inner { padding-block: 0px 165px; } .steps { --steps-gap: 26px; --steps-count-size: 120px; background-color: rgba(29, 30, 43, 0.8); border-radius: var(--border-radius); margin-inline: auto; max-width: 1090px; text-align: center; } .steps__inner { display: flex; flex-direction: column; padding: 100px 90px 100px 138px; row-gap: var(--steps-gap); } .steps__item { background-color: rgba(24, 25, 37, 0.8); border-radius: 4px; padding: 58px 40px 55px; position: relative; } .steps__part:not(:last-child) { margin-bottom: 45px; } .steps__title { display: block; font-size: clamp(1.375rem, 2.22222vw, 2rem); font-weight: 600; margin-bottom: 25px; text-transform: uppercase; } .steps__title::after { background-image: url('../img/a70c9cf8f4a.png'); background-position: 50% center; background-repeat: no-repeat; background-size: 100% 100%; content: ""; display: block; height: 9px; margin: 27px auto 0px; width: 132px; } .steps__subtitle { color: var(--accent-color); display: block; font-size: clamp(1.125rem, 1.66667vw, 1.5rem); font-weight: 600; margin-bottom: 15px; text-transform: uppercase; } .steps__description { color: rgb(163, 160, 141); font-size: clamp(0.875rem, 1.18056vw, 1.0625rem); font-weight: 500; line-height: 1.65; margin-inline: auto; } .steps__btns { flex-wrap: wrap; gap: 24px; margin-top: 25px; } .steps__btns, .steps__count { align-items: center; display: flex; justify-content: center; } .steps__count { aspect-ratio: 1 / 1; background-color: rgba(24, 25, 37, 0.8); border-radius: 50%; flex-direction: column; font-size: clamp(1.5rem, 2.36111vw, 2.125rem); font-weight: 600; left: 0px; line-height: 1; margin: calc(var(--steps-count-size) / 2 * -1) 0 0 calc(var(--steps-count-size) / 2 * -1); position: absolute; top: 50%; width: var(--steps-count-size); z-index: 1; } .steps__count::before { border-radius: 50%; box-shadow: rgba(60, 65, 71, 0.4) 0px 0px 0px 3px inset; content: ""; inset: calc(var(--steps-count-size) * 0.1); position: absolute; z-index: -1; } .steps__count::after { background-color: rgb(32, 44, 69); border: 3px solid rgba(133, 129, 122, 0.33); border-radius: 50%; content: ""; inset: calc(var(--steps-count-size) * 0.2); position: absolute; z-index: -1; } .steps__count span { color: rgb(255, 213, 133); display: block; font-size: clamp(0.75rem, 1.11111vw, 1rem); font-weight: 600; text-transform: uppercase; } .simple-category { background-color: initial; border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(40, 54, 69); border-image: initial; color: var(--bg-primary-color); display: block; padding: 0px; position: relative; text-align: left; text-decoration: none; width: 100%; z-index: 1; } .simple-category.active::after { opacity: 1; } .simple-category.active .simple-category__title { color: var(--accent-color); } .simple-category.active .simple-category__description { color: rgb(255, 255, 255); } .simple-category:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .simple-category__inner { align-items: center; display: flex; gap: 28px; padding: 20px 31px; } .simple-category__title { color: rgb(223, 230, 237); font-weight: 600; line-height: 1.37; text-transform: uppercase; } .simple-category__description, .simple-category__title { display: block; font-size: 17px; margin: 0px; transition: color var(--trans); } .simple-category__description { color: rgb(99, 103, 110); line-height: 1.49; } .simple-category__img { align-items: center; aspect-ratio: 1 / 1; background-image: url('../img/a24f1867c7f.png'); background-position: 50% center; background-repeat: no-repeat; background-size: cover; display: flex; flex: 0 0 50px; justify-content: center; padding: 10px; width: 50px; } .simple-category__img img { max-height: 30px; max-width: 30px; } .simple-category::after { background: linear-gradient(90deg, rgb(32, 33, 55), transparent); content: ""; inset: 0px; opacity: 0; pointer-events: none; position: absolute; transition: opacity var(--trans); user-select: none; z-index: -1; } .section-content__inner { padding-block: 45px; } .footer { border-top: 1px solid rgb(146, 133, 152); text-align: center; } .footer::after { background-image: image-set(url('../img/a32061e5d81.jpg') 1x type("image/webp"), url('../img/a93def4b4fe.jpg') 1x type("image/jpeg")); background-position: 50% center; background-repeat: no-repeat; background-size: cover; } .footer__inner { padding-block: 80px; } .footer__links { display: flex; flex-wrap: wrap; gap: 15px 50px; justify-content: center; list-style: none; margin: 45px 0px 0px; padding: 0px; } .footer__links a { background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgba(255, 255, 255, 0.4); font-size: 16px; font-weight: 400; letter-spacing: 0.6px; padding: 0px; text-decoration: none; } .footer__links a, .footer__links a a { opacity: 1; transition: all var(--trans); } .footer__payments.payments { margin-block: 40px; } .footer__tiles { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; list-style: none; margin: 0px; margin-block: 40px 60px; padding: 0px; } .footer__tiles a, .footer__tiles a a { opacity: 1; transition: all var(--trans); } .logo { max-width: 114px; position: relative; z-index: 0; } .logo, .logo img { display: inline-block; transition: all var(--trans); } .logo img { filter: brightness(1) contrast(1); height: auto; max-width: 100%; } .logo-img-hover { position: absolute; left: 0px; top: 0px; opacity: 0; transition: 0.3s; transform: scale(1.2); pointer-events: none; } .logo:hover .logo-img-hover { opacity: 1; transform: scale(1); } .copy { font-size: 20px; font-weight: 600; letter-spacing: 0.2px; line-height: 1.6; text-transform: uppercase; } .payments { align-items: center; display: flex; flex-wrap: wrap; gap: 25px 100px; justify-content: center; list-style: none; margin: 0px; padding: 0px; } .payments a { display: inline-block; vertical-align: bottom; } .payments a, .payments a a { opacity: 1; transition: all var(--trans); } .payments img { filter: grayscale(1); } .play { --play-icon-size: 128px; inset: 0px; position: absolute; } .play::after { aspect-ratio: 1 / 1; background-image: url('../img/a965b2e232e.png'); background-position: 50% center; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 50%; content: ""; left: 50%; margin-left: calc(var(--play-icon-size) * -0.5); margin-top: calc(var(--play-icon-size) * -0.5); position: absolute; top: 50%; width: var(--play-icon-size); z-index: 1; } @media (max-width: 1499.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none; } } @media (max-width: 1499.98px) { .offcanvas-xxl { background-clip: padding-box; background-color: var(--tt-offcanvas-bg); bottom: 0px; color: var(--tt-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0px; position: fixed; transition: var(--tt-offcanvas-transition); visibility: hidden; z-index: var(--tt-offcanvas-zindex); } .offcanvas-xxl.offcanvas-start { border-right: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); left: 0px; top: 0px; transform: translateX(-100%); width: var(--tt-offcanvas-width); } .offcanvas-xxl.offcanvas-end { border-left: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); right: 0px; top: 0px; transform: translateX(100%); width: var(--tt-offcanvas-width); } .offcanvas-xxl.offcanvas-top { border-bottom: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); top: 0px; transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom, .offcanvas-xxl.offcanvas-top { height: var(--tt-offcanvas-height); left: 0px; max-height: 100%; right: 0px; } .offcanvas-xxl.offcanvas-bottom { border-top: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing { transform: none; } .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing { visibility: visible; } .slider__arrow { max-width: 46px; } .header__right { gap: 20px; } .header__nav { display: none; } .screen__thumbs { padding-inline: 50px; } .screen__thumbs .slider__arrow { max-width: 46px; } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl { background-clip: padding-box; background-color: var(--tt-offcanvas-bg); bottom: 0px; color: var(--tt-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0px; position: fixed; transition: var(--tt-offcanvas-transition); visibility: hidden; z-index: var(--tt-offcanvas-zindex); } .offcanvas-xl.offcanvas-start { border-right: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); left: 0px; top: 0px; transform: translateX(-100%); width: var(--tt-offcanvas-width); } .offcanvas-xl.offcanvas-end { border-left: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); right: 0px; top: 0px; transform: translateX(100%); width: var(--tt-offcanvas-width); } .offcanvas-xl.offcanvas-top { border-bottom: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); top: 0px; transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom, .offcanvas-xl.offcanvas-top { height: var(--tt-offcanvas-height); left: 0px; max-height: 100%; right: 0px; } .offcanvas-xl.offcanvas-bottom { border-top: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing { transform: none; } .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing { visibility: visible; } html { scroll-padding-top: 30px; } .btn--lg { padding-block: 24px; width: 320px; } .account-btn { align-items: center; aspect-ratio: 1 / 1; background-color: rgb(229, 242, 248); background-image: none; border-radius: 50%; display: flex; padding: 0px; width: 34px; } .account-btn__text { display: none; } .slider { --swiper-pagination-top: 35px; } .group-blocks { display: block; } .top-sections__back { display: none; } .header__right { gap: 10px; } .header__logo { max-width: 90px; } .header.sticky .header__logo { max-width: 60px; } .socials--fixed { bottom: 20px; flex-direction: row; gap: 10px; left: 50%; top: auto; transform: translateX(-50%); } .socials a { padding: 7px; width: 40px; } .section-nav { display: none; } .promo__inner { padding-block: 130px 60px; } .promo__btns { margin-top: 30px; } .servers__inner { padding-block: 30px; } .features__inner { padding-block: 30px 60px; } .event-card__inner { padding: 30px; } .events__inner { padding-block: 60px; } .media { --media-list-width: 308px; --media-gallery-height: 435px; } .media__inner { padding-block: 60px; } .media__list .swiper-slide:not(:last-child) { margin-bottom: 23px; } .media__preview { width: 240px; } .screen__inner { padding-block: 60px; } .screen__main .swiper-slide { max-width: 480px; } .footer__inner { padding-block: 50px 80px; } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg { background-clip: padding-box; background-color: var(--tt-offcanvas-bg); bottom: 0px; color: var(--tt-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0px; position: fixed; transition: var(--tt-offcanvas-transition); visibility: hidden; z-index: var(--tt-offcanvas-zindex); } .offcanvas-lg.offcanvas-start { border-right: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); left: 0px; top: 0px; transform: translateX(-100%); width: var(--tt-offcanvas-width); } .offcanvas-lg.offcanvas-end { border-left: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); right: 0px; top: 0px; transform: translateX(100%); width: var(--tt-offcanvas-width); } .offcanvas-lg.offcanvas-top { border-bottom: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); top: 0px; transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom, .offcanvas-lg.offcanvas-top { height: var(--tt-offcanvas-height); left: 0px; max-height: 100%; right: 0px; } .offcanvas-lg.offcanvas-bottom { border-top: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); transform: translateY(100%); } .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing { transform: none; } .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing { visibility: visible; } :root { border-radius: 4px; } .btn--full-width { padding-inline: 20px; } .block__inner { padding-inline: 15px; } .accordion-button { font-size: 12px; } .section__header { margin-bottom: 40px; } .servers__content { display: block; } .servers__content--narrow .servers__items { width: 100%; } .servers__news { margin-top: 30px; } .media { --media-list-width: 100%; --media-gallery-height: auto; } .media__items { flex-direction: column; } .media__single { width: 100%; } .media__list .swiper-wrapper { padding-bottom: 20px; } .media__list .swiper-slide:not(:last-child) { margin-bottom: 0px; margin-right: 15px; } .media__list .swiper-slide { width: auto; } .screen__thumbs { margin-top: 20px; } .screen__thumb { height: 80px; padding: 15px; width: 80px; } .steps__inner { padding: 80px 60px; row-gap: calc((var(--steps-count-size) + var(--steps-gap)) / 2); } .steps__item { padding-top: 80px; } .steps__description br { display: none; } .steps__count { left: 50%; margin: 0 0 0 calc(var(--steps-count-size) / 2 * -1); top: calc(var(--steps-count-size) / 2 * -1); } .simple-category__inner { padding: 20px; } .play { --play-icon-size: 80px; } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none; } } @media (max-width: 767.98px) { .offcanvas-md { background-clip: padding-box; background-color: var(--tt-offcanvas-bg); bottom: 0px; color: var(--tt-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0px; position: fixed; transition: var(--tt-offcanvas-transition); visibility: hidden; z-index: var(--tt-offcanvas-zindex); } .offcanvas-md.offcanvas-start { border-right: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); left: 0px; top: 0px; transform: translateX(-100%); width: var(--tt-offcanvas-width); } .offcanvas-md.offcanvas-end { border-left: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); right: 0px; top: 0px; transform: translateX(100%); width: var(--tt-offcanvas-width); } .offcanvas-md.offcanvas-top { border-bottom: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); top: 0px; transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom, .offcanvas-md.offcanvas-top { height: var(--tt-offcanvas-height); left: 0px; max-height: 100%; right: 0px; } .offcanvas-md.offcanvas-bottom { border-top: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); transform: translateY(100%); } .offcanvas-md.show:not(.hiding), .offcanvas-md.showing { transform: none; } .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing { visibility: visible; } .preload__logo { width: 260px; } .media__preview { width: 140px; } .download-section__inner { padding-block: 60px; } .steps { --steps-count-size: 90px; background-color: initial; } .steps__inner { padding: 0px; } .steps__item { padding: 60px 20px 30px; } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm { background-clip: padding-box; background-color: var(--tt-offcanvas-bg); bottom: 0px; color: var(--tt-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0px; position: fixed; transition: var(--tt-offcanvas-transition); visibility: hidden; z-index: var(--tt-offcanvas-zindex); } .offcanvas-sm.offcanvas-start { border-right: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); left: 0px; top: 0px; transform: translateX(-100%); width: var(--tt-offcanvas-width); } .offcanvas-sm.offcanvas-end { border-left: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); right: 0px; top: 0px; transform: translateX(100%); width: var(--tt-offcanvas-width); } .offcanvas-sm.offcanvas-top { border-bottom: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); top: 0px; transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom, .offcanvas-sm.offcanvas-top { height: var(--tt-offcanvas-height); left: 0px; max-height: 100%; right: 0px; } .offcanvas-sm.offcanvas-bottom { border-top: var(--tt-offcanvas-border-width) solid var(--tt-offcanvas-border-color); transform: translateY(100%); } .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing { transform: none; } .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing { visibility: visible; } } @media screen and (max-height: 420px) { .goverlay { background: rgb(0, 0, 0); } } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333%; } .col-sm-2 { flex: 0 0 auto; width: 16.6667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.3333%; } .col-sm-5 { flex: 0 0 auto; width: 41.6667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.3333%; } .col-sm-8 { flex: 0 0 auto; width: 66.6667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.3333%; } .col-sm-11 { flex: 0 0 auto; width: 91.6667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0px; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.6667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333%; } .offset-sm-5 { margin-left: 41.6667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333%; } .offset-sm-8 { margin-left: 66.6667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333%; } .offset-sm-11 { margin-left: 91.6667%; } .g-sm-0, .gx-sm-0 { --tt-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --tt-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --tt-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --tt-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --tt-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --tt-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --tt-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --tt-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --tt-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --tt-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --tt-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --tt-gutter-y: 3rem; } .container, .container-sm { max-width: 540px; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .offcanvas-sm { --tt-offcanvas-height: auto; --tt-offcanvas-border-width: 0; background-color: initial !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0px; background-color: initial !important; } .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { left: 0px; right: auto; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { left: auto; right: 0px; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333%; } .col-md-2 { flex: 0 0 auto; width: 16.6667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.3333%; } .col-md-5 { flex: 0 0 auto; width: 41.6667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.3333%; } .col-md-8 { flex: 0 0 auto; width: 66.6667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.3333%; } .col-md-11 { flex: 0 0 auto; width: 91.6667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0px; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.6667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333%; } .offset-md-5 { margin-left: 41.6667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333%; } .offset-md-8 { margin-left: 66.6667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333%; } .offset-md-11 { margin-left: 91.6667%; } .g-md-0, .gx-md-0 { --tt-gutter-x: 0; } .g-md-0, .gy-md-0 { --tt-gutter-y: 0; } .g-md-1, .gx-md-1 { --tt-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --tt-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --tt-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --tt-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --tt-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --tt-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --tt-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --tt-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --tt-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --tt-gutter-y: 3rem; } .container, .container-md, .container-sm { max-width: 720px; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .offcanvas-md { --tt-offcanvas-height: auto; --tt-offcanvas-border-width: 0; background-color: initial !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0px; background-color: initial !important; } .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { left: 0px; right: auto; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { left: auto; right: 0px; } } @media (min-width: 769px) { .glightbox-container .ginner-container { flex-direction: row; height: auto; width: auto; } .glightbox-container .ginner-container.desc-top .gslide-description { order: 0; } .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img { order: 1; } .glightbox-container .ginner-container.desc-left .gslide-description { order: 0; } .glightbox-container .ginner-container.desc-left .gslide-image { order: 1; } .gslide-image img { max-height: 97vh; max-width: 100%; } .gslide-image img.zoomable { cursor: zoom-in; } .zoomed .gslide-image img.zoomable { cursor: grab; } .gslide-inline { max-height: 95vh; } .gslide-external { max-height: 100vh; } .gslide-description.description-left, .gslide-description.description-right { max-width: 275px; } .glightbox-open { height: auto; } .goverlay { background: rgba(0, 0, 0, 0.92); } .glightbox-clean .gslide-media { box-shadow: rgba(0, 0, 0, 0.65) 1px 2px 9px 0px; } .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner { height: 100%; overflow-y: auto; position: absolute; } .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev { background-color: rgba(0, 0, 0, 0.32); } .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover { background-color: rgba(0, 0, 0, 0.7); } .glightbox-clean .gnext, .glightbox-clean .gprev { top: 45%; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333%; } .col-lg-2 { flex: 0 0 auto; width: 16.6667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.3333%; } .col-lg-5 { flex: 0 0 auto; width: 41.6667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.3333%; } .col-lg-8 { flex: 0 0 auto; width: 66.6667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.3333%; } .col-lg-11 { flex: 0 0 auto; width: 91.6667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0px; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.6667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333%; } .offset-lg-5 { margin-left: 41.6667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333%; } .offset-lg-8 { margin-left: 66.6667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333%; } .offset-lg-11 { margin-left: 91.6667%; } .g-lg-0, .gx-lg-0 { --tt-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --tt-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --tt-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --tt-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --tt-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --tt-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --tt-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --tt-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --tt-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --tt-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --tt-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --tt-gutter-y: 3rem; } .container, .container-lg, .container-md, .container-sm { max-width: 960px; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .offcanvas-lg { --tt-offcanvas-height: auto; --tt-offcanvas-border-width: 0; background-color: initial !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0px; background-color: initial !important; } .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { left: 0px; right: auto; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { left: auto; right: 0px; } .glightbox-clean .gclose { opacity: 0.7; right: 20px; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333%; } .col-xl-2 { flex: 0 0 auto; width: 16.6667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.3333%; } .col-xl-5 { flex: 0 0 auto; width: 41.6667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.3333%; } .col-xl-8 { flex: 0 0 auto; width: 66.6667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.3333%; } .col-xl-11 { flex: 0 0 auto; width: 91.6667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0px; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.6667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333%; } .offset-xl-5 { margin-left: 41.6667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333%; } .offset-xl-8 { margin-left: 66.6667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333%; } .offset-xl-11 { margin-left: 91.6667%; } .g-xl-0, .gx-xl-0 { --tt-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --tt-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --tt-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --tt-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --tt-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --tt-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --tt-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --tt-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --tt-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --tt-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --tt-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --tt-gutter-y: 3rem; } .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .offcanvas-xl { --tt-offcanvas-height: auto; --tt-offcanvas-border-width: 0; background-color: initial !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0px; background-color: initial !important; } .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { left: 0px; right: auto; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { left: auto; right: 0px; } .account-btn__icon { display: none; } } @media (min-width: 1500px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.6667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.3333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.6667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.3333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.6667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.3333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.6667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0px; } .offset-xxl-1 { margin-left: 8.33333%; } .offset-xxl-2 { margin-left: 16.6667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.3333%; } .offset-xxl-5 { margin-left: 41.6667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.3333%; } .offset-xxl-8 { margin-left: 66.6667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.3333%; } .offset-xxl-11 { margin-left: 91.6667%; } .g-xxl-0, .gx-xxl-0 { --tt-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --tt-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --tt-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --tt-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --tt-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --tt-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --tt-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --tt-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --tt-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --tt-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --tt-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --tt-gutter-y: 3rem; } .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1410px; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .offcanvas-xxl { --tt-offcanvas-height: auto; --tt-offcanvas-border-width: 0; background-color: initial !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0px; background-color: initial !important; } .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { left: 0px; right: auto; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { left: auto; right: 0px; } .hamburger { display: none; } .features__inner { max-width: 1710px; } } @media (min-width: 1700px) { .section-content__inner.container { max-width: 1420px; } } @media (min-width: 2560px) { .back, .image-gradient::after { mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, transparent); } } @media (hover: hover) and (pointer: fine) { .btn:hover { transform: perspective(1px) translateZ(0) scale(var(--scale-koeff)); filter: brightness(130%); } .cross-btn a:hover, .cross-btn:hover, .hamburger a:hover, .hamburger:hover { opacity: 0.7; text-decoration: none; } .language-selector__btn a:hover, .language-selector__btn:hover, .language-selector__dropdown .language-selector__btn a:hover, .language-selector__dropdown .language-selector__btn:hover, .slider__arrow a:hover, .slider__arrow:hover { opacity: 0.7; text-decoration: none; } .slider .swiper-pagination-bullet:hover::after { opacity: 1; } .develop a:hover, .develop:hover { opacity: 0.7; text-decoration: none; } .section-nav__link:hover .section-nav__point::after, .section-nav__link:hover .section-nav__point::before { opacity: 1; } .section-nav__link:hover .section-nav__text { opacity: 1; visibility: visible; } .server-card:hover img { transform: perspective(1px) translateZ(0) scale(var(--scale-koeff)); } .server-card__link a:hover, .server-card__link:hover { opacity: 0.7; text-decoration: none; } .server-card__link:hover { border-bottom-color: transparent; } .event-card:hover img, .feature-card:hover .feature-card__overlay img, .media__preview:hover img, .media__single:hover img, .news-card:hover img, .screen__main .swiper-slide-active:hover img { transform: perspective(1px) translateZ(0) scale(var(--scale-koeff)); } .screen__thumb:hover, .simple-category:hover::after { opacity: 1; } .simple-category:hover .simple-category__title { color: var(--accent-color); } .simple-category:hover .simple-category__description { color: rgb(255, 255, 255); } .footer__links a a:hover, .footer__links a:hover, .footer__tiles a a:hover, .footer__tiles a:hover { opacity: 0.7; text-decoration: none; } .logo:hover img { filter: brightness(1.075) contrast(1.075); } .payments a a:hover, .payments a:hover { opacity: 0.7; text-decoration: none; } } @media (hover: none) and (pointer: coarse) { .btn:active { transform: perspective(1px) translateZ(0) scale(var(--scale-koeff)); filter: brightness(130%); } .cross-btn a:active, .cross-btn:active, .hamburger a:active, .hamburger:active { opacity: 0.7; text-decoration: none; } .language-selector__btn a:active, .language-selector__btn:active, .language-selector__dropdown .language-selector__btn a:active, .language-selector__dropdown .language-selector__btn:active, .slider__arrow a:active, .slider__arrow:active { opacity: 0.7; text-decoration: none; } .slider .swiper-pagination-bullet:active::after { opacity: 1; } .develop a:active, .develop:active, .nav a a:active, .nav a:active { opacity: 0.7; text-decoration: none; } .section-nav__link:active .section-nav__point::after, .section-nav__link:active .section-nav__point::before { opacity: 1; } .section-nav__link:active .section-nav__text { opacity: 1; visibility: visible; } .server-card:active img { transform: perspective(1px) translateZ(0) scale(var(--scale-koeff)); } .server-card__link a:active, .server-card__link:active { opacity: 0.7; text-decoration: none; } .server-card__link:active { border-bottom-color: transparent; } .event-card:active img, .feature-card:active .feature-card__overlay img, .media__preview:active img, .media__single:active img, .news-card:active img, .screen__main .swiper-slide-active:active img { transform: perspective(1px) translateZ(0) scale(var(--scale-koeff)); } .screen__thumb:active, .simple-category:active::after { opacity: 1; } .simple-category:active .simple-category__title { color: var(--accent-color); } .simple-category:active .simple-category__description { color: rgb(255, 255, 255); } .footer__links a a:active, .footer__links a:active, .footer__tiles a a:active, .footer__tiles a:active { opacity: 0.7; text-decoration: none; } .logo:active img { filter: brightness(1.075) contrast(1.075); } .payments a a:active, .payments a:active { opacity: 0.7; text-decoration: none; } } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } @media (prefers-reduced-motion: reduce) { .accordion-button, .accordion-button::after, .collapsing, .collapsing.collapse-horizontal, .fade, .nav-link, .offcanvas { transition: none; } .spinner-border, .spinner-grow { --tt-spinner-animation-speed: 1.5s; } } .about-feature-list { margin: 18px 0px 22px !important; padding-left: 22px !important; } .about-feature-list li { margin-bottom: 6px !important; line-height: 1.4 !important; } ::-webkit-scrollbar { width: max(0.375rem, 0.375rem); height: max(0.125rem, 0.125rem); background-color: rgba(0, 0, 0, 0.4); } ::-webkit-scrollbar-thumb { background-color: rgb(37, 62, 107); } ::-webkit-scrollbar-thumb:hover { background-color: rgb(53, 94, 155); } .prld { background-color: rgb(23, 23, 23); min-width: 20rem; position: fixed; z-index: 500; inset: 0px; opacity: 1; visibility: visible; transition: 0.5s cubic-bezier(0.64, 0.14, 0.34, 1.32); display: flex; justify-content: center; align-items: center; flex-direction: column; box-sizing: border-box; padding: 0px 0.625rem; } .prld__logo { max-width: 100%; width: auto; height: auto; display: block; } .prld_fade { opacity: 0; visibility: hidden; transform: scale(1.4); } @-webkit-keyframes preanimateout { 0% { transform: translate(-50%, -50%) scale(1); } 100% { transform: translate(-50%, -50%) scale(0); } } @keyframes preanimateout { 0% { transform: translate(-50%, -50%) scale(1); } 100% { transform: translate(-50%, -50%) scale(0); } } .prld__progress { position: absolute; z-index: 20; top: 0px; left: 0px; width: 0px; height: 0.3125rem; background: rgb(200, 129, 107); } .prld__items { display: flex; justify-content: center; align-items: center; gap: 0.9375rem; margin-top: 0.9375rem; } .prld__item { width: 0.5rem; height: 0.5rem; background: rgb(208, 228, 255); border-radius: 50%; } .ww { max-width: 42.5rem; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px; box-shadow: rgba(255, 0, 0, 0.1) 0px 0.9375rem 1.875rem; } .ww__inner { background: transparent; border: 0px; width: 100%; box-shadow: none; padding: 0px; box-sizing: border-box; } .ww__body { background-color: rgb(26, 31, 45); background-size: auto; background-position: center center; background-repeat: repeat; box-sizing: border-box; padding: 1.375rem 0.625rem; position: relative; z-index: 0; overflow: hidden; border: 2px solid rgb(227, 218, 154); border-radius: 5px; } .ww__close { width: 1.25rem; height: 1.25rem; display: block; cursor: pointer; transition: 0.3s; background-size: contain; border-radius: 50%; z-index: 20; position: absolute; top: 0.625rem; right: 0.625rem; } .ww__close::before, .ww__close::after { display: block; content: ""; background: rgb(227, 218, 154); position: absolute; top: calc(50% - 0.0625rem); left: 0px; right: 0px; height: 0.125rem; border-radius: 0.125rem; transition: 0.3s; } .ww__close::before { transform: rotate(-45deg); } .ww__close::after { transform: rotate(45deg); } .ww__close:hover::before, .ww__close:hover::after { filter: brightness(120%); transform: rotate(0deg); } .ww__head { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 0.875rem; text-align: center; color: var(--accent-color); font-weight: 700; margin: -1.375rem auto 0px; padding: 1.375rem 0px; position: relative; z-index: 0; text-transform: uppercase; font-family: var(--font-secondary); } .ww__title { font-size: 1.125rem; } .ww__content { text-wrap: pretty; } @media (min-width: 460px) { .ww__body { padding: 1.375rem 1.5rem; } } @media (min-width: 1200px) { .ww__title { font-size: 1.5rem; } } .fancybox-container { z-index: 666 !important; } .fancybox-content { padding: 0px; background: transparent; } .fancybox-bg { background: rgb(0, 0, 0); } .fancybox-is-open .fancybox-bg { opacity: 0.5; } .gw-modal-close { display: none; } .fancybox-is-open .ww_animated { animation: 0.5s ease 0s 1 normal none running modalIn; } .fancybox-is-closing .ww_animated { animation: 0.5s ease 0s 1 normal none running modalout; } @-webkit-keyframes modalIn { 0% { opacity: 0; transform: translateY(-10vh); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes modalIn { 0% { opacity: 0; transform: translateY(-10vh); } 100% { opacity: 1; transform: translateY(0px); } } @-webkit-keyframes modalout { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(10vh); } } @keyframes modalout { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(10vh); } } .ttl { color: var(--accent-color); font-size: clamp(2.25rem, 3.47222vw, 3.125rem); font-weight: 600; line-height: 1.3; text-align: center; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.43) 0px 2px 4px; margin: 0px; background-color: rgba(0, 0, 0, 0.3); border-radius: 15px; padding: 0px 20px; } .ttl_mb { margin-bottom: 40px; } .heading { display: flex; justify-content: center; align-items: center; text-align: center; } .heading_mb { margin-bottom: 40px; } section#download.download-section { container: dlx-download / inline-size; } .dlx-download-card { background: linear-gradient(rgb(42, 45, 58) 0%, rgb(35, 38, 51) 100%); border: 1px solid rgba(117, 146, 196, 0.28); border-radius: 10px; padding: 16px 26px 22px; box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; color: rgb(219, 229, 255); max-width: 980px; margin: 0px auto; } .dlx-header { text-align: center; margin-bottom: 12px; } .dlx-title { margin: 0px; color: rgb(243, 246, 255); font-size: 32px; line-height: 1; text-transform: uppercase; font-weight: 900; letter-spacing: 0.02em; } .dlx-subtitle { margin: 4px 0px 0px; color: rgb(184, 196, 226); font-size: 18px; font-weight: 600; } .dlx-primary-wrap { margin: 16px 0px 12px; display: flex; justify-content: center; } .steps__btns.dlx-primary-wrap .dlx-btn-primary { min-width: 0px; min-height: 0px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; border-radius: 8px; color: rgb(17, 19, 25); font-size: 24px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 24px 30px; background: linear-gradient(rgb(255, 224, 138) 0%, rgb(255, 201, 74) 50%, rgb(224, 165, 47) 100%); border: 1px solid rgb(217, 161, 28); box-shadow: rgba(255, 200, 80, 0.4) 0px 0px 25px, rgba(255, 200, 80, 0.2) 0px 0px 60px, rgba(255, 255, 255, 0.4) 0px 2px 4px inset; width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; } .dlx-features { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; margin: 20px 0px; color: rgb(255, 233, 215); font-size: 15px; font-weight: 700; } .dlx-feature { display: flex; align-items: center; gap: 8px; justify-content: center; white-space: nowrap; letter-spacing: 0.01em; } .dlx-feature .dlx-icon { color: rgb(244, 202, 99); } .dlx-step1-line { display: block; } .dlx-step1-line + .dlx-step1-line { margin-top: 6px; } .dlx-cards { display: grid; grid-template-columns: 1fr 54px 1fr 54px 1fr; border: 1px solid rgba(117, 146, 196, 0.24); border-radius: 9px; overflow: hidden; margin-bottom: 16px; background: rgba(24, 28, 42, 0.9); align-items: stretch; } .dlx-step { padding: 18px 16px; min-height: 136px; background: rgba(28, 32, 46, 0.94); text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; } .dlx-step-icon-main { margin: 0px; color: rgb(195, 206, 230); display: inline-flex; align-items: center; justify-content: center; min-height: 0px; line-height: 1; } .dlx-step-title { margin: 0px; font-size: 18px; line-height: 1.08; color: rgb(236, 242, 255); font-weight: 800; min-height: 0px; display: block; text-align: center; } .dlx-arrow { display: flex; align-items: center; justify-content: center; background: rgba(28, 32, 46, 0.94); } .dlx-alt-title { margin: 2px 0px 12px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 14px; align-items: center; color: rgb(214, 221, 241); font-size: 17px; font-weight: 800; text-transform: uppercase; } .dlx-alt-title::before, .dlx-alt-title::after { content: ""; height: 1px; background: rgba(124, 149, 195, 0.35); } .dlx-alt-links { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; margin-bottom: 8px; max-width: 760px; margin-left: auto; margin-right: auto; } .dlx-alt-btn, .dlx-launcher-btn { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 6px; border: 1px solid rgb(111, 82, 26); color: rgb(159, 129, 56); font-weight: 800; font-size: 14px; text-transform: uppercase; background: linear-gradient(rgba(48, 51, 67, 0.95) 0%, rgba(39, 42, 56, 0.95) 100%); } .dlx-launcher-btn { width: auto; min-width: 350px; padding: 0px 24px; white-space: nowrap; min-height: 48px; font-size: 18px; color: rgb(17, 19, 25); border: 1px solid rgb(217, 161, 28); background: linear-gradient(rgb(255, 228, 104) 0%, rgb(240, 181, 46) 100%); box-shadow: rgba(255, 255, 255, 0.4) 0px 2px 0px inset, rgba(0, 0, 0, 0.3) 0px 6px 14px; } .dlx-help { margin: 15px 0px -10px; display: flex; align-items: center; justify-content: center; gap: 8px; color: rgb(151, 169, 204); font-size: 13px; } .dlx-launcher-box { margin-top: 8px; border: 1px solid rgba(117, 146, 196, 0.26); border-radius: 9px; padding: 16px 18px; background: linear-gradient(rgba(45, 48, 63, 0.92) 0%, rgba(36, 39, 53, 0.92) 100%); } .dlx-launcher-head { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0px; margin-bottom: 16px; } .dlx-launcher-title { margin: 0px; color: rgb(240, 244, 255); text-transform: uppercase; font-size: 22px; font-weight: 900; line-height: 1.06; } .dlx-launcher-desc { margin: 6px 0px 4px; color: rgb(169, 184, 215); font-size: 14px; line-height: 1.16; font-weight: 600; } .dlx-launcher-desc b { color: rgb(242, 200, 95); font-weight: 800; } .dlx-launcher-note { margin: 8px 0px 0px; color: rgb(127, 147, 186); font-size: 13px; display: flex; align-items: center; justify-content: center; gap: 8px; } .dlx-launcher-note .dlx-icon { font-size: 20px; } .dlx-launcher-after-btn { margin: 12px 0px 0px; text-align: center; color: rgb(163, 160, 141); font-size: 15px; font-weight: 700; } .dlx-launcher-actions { display: flex; justify-content: center; align-items: center; max-width: 880px; margin: 0px auto; } .dlx-zip { margin-top: 14px; border: 1px solid rgba(117, 146, 196, 0.3); border-radius: 9px; padding: 12px 16px; display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: center; background: linear-gradient(rgba(47, 50, 66, 0.9) 0%, rgba(37, 40, 54, 0.9) 100%); } .dlx-zip-title { margin: 0px; color: rgb(219, 231, 255); font-size: 16px; font-weight: 700; line-height: 1.1; } .dlx-zip-desc { margin: 2px 0px 0px; color: rgb(156, 173, 207); font-size: 13px; } .dlx-zip-link { color: rgb(199, 172, 114); font-weight: 800; text-decoration: underline; } .dlx-icon { display: inline-flex; width: 1em; height: 1em; flex: 0 0 auto; color: currentcolor; } .dlx-icon svg { width: 100%; height: 100%; stroke: currentcolor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .dlx-btn-primary .dlx-icon { font-size: 38px; opacity: 0.9; } .dlx-feature .dlx-icon, .dlx-alt-btn .dlx-icon { font-size: 24px; } .dlx-step-icon-main .dlx-icon { font-size: 40px; } .dlx-arrow .dlx-icon { font-size: 25px; color: rgb(159, 177, 212); } .dlx-help .dlx-icon, .dlx-launcher-head .dlx-icon, .dlx-zip .dlx-icon { font-size: 20px; color: rgb(142, 160, 198); } .download-section .steps__inner > .steps__item:nth-child(1), .download-section .steps__inner > .steps__item:nth-child(2) { position: relative; } .download-section .steps__inner > .steps__item:nth-child(1) .steps__count, .download-section .steps__inner > .steps__item:nth-child(2) .steps__count { position: absolute !important; top: 80px !important; } @media (max-width: 1280px) { .dlx-title { font-size: 30px; } .dlx-subtitle { font-size: 17px; } .steps__btns.dlx-primary-wrap .dlx-btn-primary { font-size: 22px; padding: 20px 24px; width: 100% !important; max-width: 100% !important; } .dlx-features { font-size: 16px; } .dlx-step-title { font-size: 18px; } .dlx-alt-title { font-size: 20px; } .dlx-alt-btn, .dlx-launcher-btn { font-size: 16px; min-height: 44px; } .dlx-launcher-btn { min-width: 320px; } .dlx-help { font-size: 16px; } .dlx-launcher-title { font-size: 26px; } .dlx-launcher-desc { font-size: 16px; } .dlx-launcher-note { font-size: 14px; } .dlx-zip-title { font-size: 18px; } .dlx-zip-desc { font-size: 14px; } .download-section .steps__inner > .steps__item:nth-child(1), .download-section .steps__inner > .steps__item:nth-child(2) { position: relative; } .download-section .steps__inner > .steps__item:nth-child(1) .steps__count, .download-section .steps__inner > .steps__item:nth-child(2) .steps__count { position: absolute !important; left: 50% !important; margin: 0 0 0 calc(var(--_steps-count-size, 108px) / 2 * -1) !important; top: calc(var(--_steps-count-size, 108px) / 2 * -1) !important; } } @media (max-width: 1100px) { .dlx-features { grid-template-columns: 1fr; gap: 8px; margin: 14px 0px 16px; } .dlx-feature { white-space: normal; text-align: center; justify-content: center; } .dlx-feature .dlx-icon { font-size: 20px; } #download .dlx-download-card .dlx-cards { display: none !important; } .dlx-alt-links { grid-template-columns: 1fr; gap: 10px; justify-items: center; } .dlx-alt-btn { white-space: nowrap; word-break: normal; overflow-wrap: normal; width: min(100%, 420px); } } @media (max-width: 900px) { .dlx-features, .dlx-alt-links { grid-template-columns: 1fr; } #download .dlx-download-card .dlx-cards { display: none !important; } .dlx-arrow { min-height: 50px; } .dlx-download-card { padding: 18px 14px; } .dlx-title { font-size: 26px; } .dlx-subtitle { font-size: 15px; } .steps__btns.dlx-primary-wrap .dlx-btn-primary { font-size: 16px; padding: 14px 12px; gap: 10px; letter-spacing: 0.2px; white-space: nowrap; width: 100% !important; max-width: 100% !important; } .dlx-btn-primary .dlx-icon { font-size: 28px; } .dlx-launcher-btn { min-width: 0px; width: 100%; max-width: 360px; } .download-section .steps__inner > .steps__item:nth-child(1) .steps__count, .download-section .steps__inner > .steps__item:nth-child(2) .steps__count { position: absolute !important; left: 50% !important; margin: 0 0 0 calc(var(--_steps-count-size, 108px) / 2 * -1) !important; top: calc(var(--_steps-count-size, 84px) / 2 * -1) !important; } .dlx-help { flex-wrap: wrap; text-align: center; padding: 0px 10px; margin: 12px 0px 0px; gap: 6px; line-height: 1.35; } .dlx-help .dlx-zip-link { white-space: nowrap; } .dlx-alt-links { justify-items: center; } .dlx-alt-btn { width: min(100%, 420px); } } @container dlx-download (max-width: 1100px) { #download .dlx-download-card .dlx-cards { display: none !important; } } .hero__subtitle { color: rgba(255, 255, 255, 0.85); opacity: 1; letter-spacing: 1.75px; font-size: 17px; margin-top: 14px; font-weight: 400; text-transform: uppercase; text-shadow: none; } .hero__subtitle .dot { opacity: 0.3; } .prld { background-color: rgb(21, 24, 29); min-width: 320px; position: fixed; z-index: 500; inset: 0px; display: flex; justify-content: center; align-items: center; flex-direction: column; box-sizing: border-box; } .tippy-box[data-animation="fade"][data-state="hidden"] { opacity: 0; } [data-tippy-root] { max-width: calc(-10px + 100vw); } .tippy-box { position: relative; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); border-radius: 4px; font-size: 14px; line-height: 1.4; outline: 0px; transition-property: transform, visibility, opacity; } .tippy-box[data-placement^="top"] > .tippy-arrow { bottom: 0px; } .tippy-box[data-placement^="top"] > .tippy-arrow::before { bottom: -7px; left: 0px; border-width: 8px 8px 0px; border-top-color: initial; transform-origin: center top; } .tippy-box[data-placement^="bottom"] > .tippy-arrow { top: 0px; } .tippy-box[data-placement^="bottom"] > .tippy-arrow::before { top: -7px; left: 0px; border-width: 0px 8px 8px; border-bottom-color: initial; transform-origin: center bottom; } .tippy-box[data-placement^="left"] > .tippy-arrow { right: 0px; } .tippy-box[data-placement^="left"] > .tippy-arrow::before { border-width: 8px 0px 8px 8px; border-left-color: initial; right: -7px; transform-origin: left center; } .tippy-box[data-placement^="right"] > .tippy-arrow { left: 0px; } .tippy-box[data-placement^="right"] > .tippy-arrow::before { left: -7px; border-width: 8px 8px 8px 0px; border-right-color: initial; transform-origin: right center; } .tippy-box[data-inertia][data-state="visible"] { transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); } .tippy-arrow { width: 16px; height: 16px; color: rgb(51, 51, 51); } .tippy-arrow::before { content: ""; position: absolute; border-color: transparent; border-style: solid; } .tippy-content { position: relative; padding: 5px 9px; z-index: 1; } [data-theme="def"] { background-color: rgb(255, 255, 255); box-shadow: none; border-radius: 3px; border: 0px; font-size: 13px; line-height: 1.3; color: rgb(51, 51, 51); padding: 20px 25px; pointer-events: all; min-width: 200px; filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 10px 20px); } [data-theme="def"] .tippy-content { padding: 0px; } [data-theme="def"] .tippy-arrow { color: rgb(255, 255, 255); } [data-theme="def"].tippy-box[data-placement^="bottom"] > .tippy-arrow::before { top: -10px; border-width: 0px 10px 10px; } [data-theme="def"].tippy-box[data-placement^="top"] > .tippy-arrow::before { bottom: -10px; border-width: 10px 10px 0px; } .tip-content { display: none; } *, ::before, ::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0px; font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(87, 87, 87); text-align: left; background-color: rgb(240, 242, 245); } [tabindex="-1"]:focus { outline: 0px !important; } hr { box-sizing: content-box; height: 0px; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 20px; } p { margin-top: 0px; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline dotted; cursor: help; border-bottom: 0px; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0px; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0px; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0px; } blockquote { margin: 0px 0px 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgb(63, 156, 232); text-decoration: none; background-color: transparent; } a:hover { color: rgb(21, 104, 172); text-decoration: none; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0px; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0px; margin-bottom: 1rem; overflow: auto; } figure { margin: 0px 0px 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 10px; padding-bottom: 10px; color: rgb(108, 117, 125); text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 5px; } button { border-radius: 0px; } button:focus { outline: -webkit-focus-ring-color auto 5px; } input, button, select, optgroup, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { overflow-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0px; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; } legend { display: block; width: 100%; max-width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; appearance: none; } [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { font: inherit; appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 20px; font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 600; line-height: 1.2; color: rgb(23, 23, 23); } h1, .h1 { font-size: 2.57143rem; } h2, .h2 { font-size: 2.14286rem; } h3, .h3 { font-size: 1.85714rem; } h4, .h4 { font-size: 1.57143rem; } h5, .h5 { font-size: 1.28571rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.5rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(228, 231, 237) currentcolor currentcolor; border-image: initial; } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: rgb(252, 248, 227); } .list-unstyled { padding-left: 0px; list-style: none; } .list-inline { padding-left: 0px; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: rgb(108, 117, 125); } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: rgb(240, 242, 245); border: 1px solid rgb(222, 226, 230); border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: rgb(108, 117, 125); } code { font-size: 87.5%; color: rgb(232, 62, 140); word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-radius: 0.2rem; } kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: rgb(33, 37, 41); } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0px; margin-left: 0px; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0px; padding-left: 0px; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.6667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333%; } .offset-5 { margin-left: 41.6667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333%; } .offset-8 { margin-left: 66.6667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333%; } .offset-11 { margin-left: 91.6667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0px; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.6667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333%; } .offset-sm-5 { margin-left: 41.6667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333%; } .offset-sm-8 { margin-left: 66.6667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333%; } .offset-sm-11 { margin-left: 91.6667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0px; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.6667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333%; } .offset-md-5 { margin-left: 41.6667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333%; } .offset-md-8 { margin-left: 66.6667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333%; } .offset-md-11 { margin-left: 91.6667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-lg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-lg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0px; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.6667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333%; } .offset-lg-5 { margin-left: 41.6667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333%; } .offset-lg-8 { margin-left: 66.6667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333%; } .offset-lg-11 { margin-left: 91.6667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-xl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-xl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-xl-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0px; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.6667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333%; } .offset-xl-5 { margin-left: 41.6667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333%; } .offset-xl-8 { margin-left: 66.6667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333%; } .offset-xl-11 { margin-left: 91.6667%; } } .table { width: 100%; margin-bottom: 1rem; color: rgb(87, 87, 87); } .table th, .table td { padding: 10px; vertical-align: top; border-top: 1px solid rgb(228, 231, 237); } .table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(228, 231, 237); } .table tbody + tbody { border-top: 2px solid rgb(228, 231, 237); } .table-sm th, .table-sm td { padding: 5px; } .table-bordered { border: 1px solid rgb(228, 231, 237); } .table-bordered th, .table-bordered td { border: 1px solid rgb(228, 231, 237); } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0px; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, 0.02); } .table-hover tbody tr:hover { color: rgb(87, 87, 87); background-color: rgba(0, 0, 0, 0.04); } .table-primary, .table-primary > th, .table-primary > td { background-color: rgb(201, 227, 249); } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: rgb(155, 204, 243); } .table-hover .table-primary:hover { background-color: rgb(178, 215, 246); } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(178, 215, 246); } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: rgb(214, 216, 219); } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: rgb(179, 183, 187); } .table-hover .table-secondary:hover { background-color: rgb(200, 203, 207); } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: rgb(200, 203, 207); } .table-success, .table-success > th, .table-success > td { background-color: rgb(227, 241, 212); } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: rgb(204, 228, 175); } .table-hover .table-success:hover { background-color: rgb(214, 235, 193); } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: rgb(214, 235, 193); } .table-info, .table-info > th, .table-info > td { background-color: rgb(194, 239, 245); } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: rgb(142, 225, 236); } .table-hover .table-info:hover { background-color: rgb(172, 233, 241); } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: rgb(172, 233, 241); } .table-warning, .table-warning > th, .table-warning > td { background-color: rgb(255, 240, 195); } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: rgb(255, 227, 143); } .table-hover .table-warning:hover { background-color: rgb(255, 234, 170); } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: rgb(255, 234, 170); } .table-danger, .table-danger > th, .table-danger > td { background-color: rgb(251, 207, 206); } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: rgb(247, 166, 164); } .table-hover .table-danger:hover { background-color: rgb(249, 184, 182); } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: rgb(249, 184, 182); } .table-light, .table-light > th, .table-light > td { background-color: rgb(253, 253, 254); } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: rgb(251, 252, 252); } .table-hover .table-light:hover { background-color: rgb(236, 236, 246); } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: rgb(236, 236, 246); } .table-dark, .table-dark > th, .table-dark > td { background-color: rgb(198, 200, 202); } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: rgb(149, 153, 156); } .table-hover .table-dark:hover { background-color: rgb(185, 187, 190); } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: rgb(185, 187, 190); } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.04); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.04); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.04); } .table .thead-dark th { color: rgb(228, 231, 237); background-color: rgb(52, 58, 64); border-color: rgb(63, 71, 78); } .table .thead-light th { color: rgb(87, 87, 87); background-color: rgb(228, 231, 237); border-color: rgb(228, 231, 237); } .table-dark { color: rgb(228, 231, 237); background-color: rgb(52, 58, 64); } .table-dark th, .table-dark td, .table-dark thead th { border-color: rgb(63, 71, 78); } .table-dark.table-bordered { border: 0px; } .table-dark.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, 0.1); } .table-dark.table-hover tbody tr:hover { color: rgb(228, 231, 237); background-color: rgba(0, 0, 0, 0.18); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; } .table-responsive-sm > .table-bordered { border: 0px; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; } .table-responsive-md > .table-bordered { border: 0px; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; } .table-responsive-lg > .table-bordered { border: 0px; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; } .table-responsive-xl > .table-bordered { border: 0px; } } .table-responsive { display: block; width: 100%; overflow-x: auto; } .table-responsive > .table-bordered { border: 0px; } .form-control { display: block; width: 100%; height: calc(1.42857em + 2px + 0.857143rem); padding: 0.428571rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.42857; color: rgb(87, 87, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(212, 218, 227); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control:focus { color: rgb(87, 87, 87); background-color: rgb(255, 255, 255); border-color: rgb(151, 165, 186); outline: 0px; box-shadow: none; } .form-control::placeholder { color: rgb(108, 117, 125); opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: rgb(233, 236, 239); opacity: 1; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(1px + 0.428571rem); padding-bottom: calc(1px + 0.428571rem); margin-bottom: 0px; font-size: inherit; line-height: 1.42857; } .col-form-label-lg { padding-top: calc(1px + 0.642857rem); padding-bottom: calc(1px + 0.642857rem); font-size: 1.14286rem; line-height: 1.25; } .col-form-label-sm { padding-top: calc(1px + 0.357143rem); padding-bottom: calc(1px + 0.357143rem); font-size: 1rem; line-height: 1.14286; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.428571rem; padding-bottom: 0.428571rem; margin-bottom: 0px; line-height: 1.42857; color: rgb(87, 87, 87); background-color: transparent; border-style: solid; border-color: transparent; border-image: initial; border-width: 1px 0px; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0px; padding-left: 0px; } .form-control-sm { height: calc(1.14286em + 2px + 0.714286rem); padding: 0.357143rem 0.6429rem; font-size: 1rem; line-height: 1.14286; border-radius: 0.2rem; } .form-control-lg { height: calc(1.25em + 2px + 1.28571rem); padding: 0.642857rem 1.286rem; font-size: 1.14286rem; line-height: 1.25; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 16px; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: rgb(108, 117, 125); } .form-check-label { margin-bottom: 0px; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0px; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0px; margin-right: 0.3125rem; margin-left: 0px; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(156, 204, 101); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 4px 10px; margin-top: 0.1rem; font-size: 0.928571rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(156, 204, 101, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid { border-color: rgb(156, 204, 101); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: rgb(156, 204, 101); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: rgb(156, 204, 101); } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: rgb(156, 204, 101); } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: rgb(218, 236, 197); } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: rgb(181, 217, 139); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: rgb(156, 204, 101); } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: rgb(156, 204, 101); } .is-valid .form-control { border-color: rgb(156, 204, 101); } .is-valid .form-check-input ~ .form-check-label { color: rgb(156, 204, 101); } .is-valid .custom-control-input ~ .custom-control-label { color: rgb(156, 204, 101); } .is-valid .custom-control-input ~ .custom-control-label::before { background-color: rgba(156, 204, 101, 0.25); } .is-valid .valid-feedback, .is-valid .valid-tooltip { display: block; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(239, 83, 80); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 4px 10px; margin-top: 0.1rem; font-size: 0.928571rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(239, 83, 80, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: rgb(239, 83, 80); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: rgb(239, 83, 80); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: rgb(239, 83, 80); } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: rgb(239, 83, 80); } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: rgb(250, 198, 197); } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: rgb(243, 129, 127); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: rgb(239, 83, 80); } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: rgb(239, 83, 80); } .is-invalid .form-control { border-color: rgb(239, 83, 80); } .is-invalid .form-check-input ~ .form-check-label { color: rgb(239, 83, 80); } .is-invalid .custom-control-input ~ .custom-control-label { color: rgb(239, 83, 80); } .is-invalid .custom-control-input ~ .custom-control-label::before { background-color: rgba(239, 83, 80, 0.25); } .is-invalid .invalid-feedback, .is-invalid .invalid-tooltip { display: block; } .form-inline { display: flex; flex-flow: wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0px; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: wrap; align-items: center; margin-bottom: 0px; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0px; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0px; margin-right: 0.25rem; margin-left: 0px; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0px; } } .btn { display: inline-block; font-weight: 600; color: rgb(87, 87, 87); text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.571429rem 1rem; font-size: 1rem; line-height: 16px; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: rgb(87, 87, 87); text-decoration: none; } .btn:focus, .btn.focus { outline: 0px; box-shadow: none; } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: rgb(255, 255, 255); background-color: rgb(63, 156, 232); border-color: rgb(25, 126, 209); } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus { color: rgb(255, 255, 255); background-color: rgb(25, 126, 209); border-color: rgb(20, 99, 163); } .btn-primary.disabled, .btn-primary:disabled { background-color: rgb(63, 156, 232); border-color: rgb(25, 126, 209); } .btn-primary:not([disabled]):not(.disabled):active { background-color: rgb(63, 156, 232); border-color: rgb(25, 126, 209); } .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle { background-color: rgb(25, 126, 209); background-image: none; border-color: rgb(20, 99, 163); } .btn-primary.btn-noborder { border-color: rgb(63, 156, 232); } .btn-primary.btn-noborder:hover, .btn-primary.btn-noborder:focus, .btn-primary.btn-noborder.focus { border-color: rgb(25, 126, 209); } .btn-primary.btn-noborder.disabled, .btn-primary.btn-noborder:disabled, .btn-primary.btn-noborder:not([disabled]):not(.disabled):active, .btn-primary.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(63, 156, 232); } .show > .btn-primary.btn-noborder.dropdown-toggle { border-color: rgb(25, 126, 209); } .btn-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(80, 86, 92); } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus { color: rgb(255, 255, 255); background-color: rgb(80, 86, 92); border-color: rgb(56, 61, 65); } .btn-secondary.disabled, .btn-secondary:disabled { background-color: rgb(108, 117, 125); border-color: rgb(80, 86, 92); } .btn-secondary:not([disabled]):not(.disabled):active { background-color: rgb(108, 117, 125); border-color: rgb(80, 86, 92); } .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { background-color: rgb(80, 86, 92); background-image: none; border-color: rgb(56, 61, 65); } .btn-secondary.btn-noborder { border-color: rgb(108, 117, 125); } .btn-secondary.btn-noborder:hover, .btn-secondary.btn-noborder:focus, .btn-secondary.btn-noborder.focus { border-color: rgb(80, 86, 92); } .btn-secondary.btn-noborder.disabled, .btn-secondary.btn-noborder:disabled, .btn-secondary.btn-noborder:not([disabled]):not(.disabled):active, .btn-secondary.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(108, 117, 125); } .show > .btn-secondary.btn-noborder.dropdown-toggle { border-color: rgb(80, 86, 92); } .btn-success { color: rgb(255, 255, 255); background-color: rgb(156, 204, 101); border-color: rgb(126, 183, 61); } .btn-success:hover, .btn-success:focus, .btn-success.focus { color: rgb(255, 255, 255); background-color: rgb(126, 183, 61); border-color: rgb(100, 145, 48); } .btn-success.disabled, .btn-success:disabled { background-color: rgb(156, 204, 101); border-color: rgb(126, 183, 61); } .btn-success:not([disabled]):not(.disabled):active { background-color: rgb(156, 204, 101); border-color: rgb(126, 183, 61); } .btn-success:not([disabled]):not(.disabled).active, .show > .btn-success.dropdown-toggle { background-color: rgb(126, 183, 61); background-image: none; border-color: rgb(100, 145, 48); } .btn-success.btn-noborder { border-color: rgb(156, 204, 101); } .btn-success.btn-noborder:hover, .btn-success.btn-noborder:focus, .btn-success.btn-noborder.focus { border-color: rgb(126, 183, 61); } .btn-success.btn-noborder.disabled, .btn-success.btn-noborder:disabled, .btn-success.btn-noborder:not([disabled]):not(.disabled):active, .btn-success.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(156, 204, 101); } .show > .btn-success.btn-noborder.dropdown-toggle { border-color: rgb(126, 183, 61); } .btn-info { color: rgb(255, 255, 255); background-color: rgb(38, 198, 218); border-color: rgb(28, 151, 166); } .btn-info:hover, .btn-info:focus, .btn-info.focus { color: rgb(255, 255, 255); background-color: rgb(28, 151, 166); border-color: rgb(21, 112, 123); } .btn-info.disabled, .btn-info:disabled { background-color: rgb(38, 198, 218); border-color: rgb(28, 151, 166); } .btn-info:not([disabled]):not(.disabled):active { background-color: rgb(38, 198, 218); border-color: rgb(28, 151, 166); } .btn-info:not([disabled]):not(.disabled).active, .show > .btn-info.dropdown-toggle { background-color: rgb(28, 151, 166); background-image: none; border-color: rgb(21, 112, 123); } .btn-info.btn-noborder { border-color: rgb(38, 198, 218); } .btn-info.btn-noborder:hover, .btn-info.btn-noborder:focus, .btn-info.btn-noborder.focus { border-color: rgb(28, 151, 166); } .btn-info.btn-noborder.disabled, .btn-info.btn-noborder:disabled, .btn-info.btn-noborder:not([disabled]):not(.disabled):active, .btn-info.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(38, 198, 218); } .show > .btn-info.btn-noborder.dropdown-toggle { border-color: rgb(28, 151, 166); } .btn-warning { color: rgb(255, 255, 255); background-color: rgb(255, 202, 40); border-color: rgb(234, 176, 0); } .btn-warning:hover, .btn-warning:focus, .btn-warning.focus { color: rgb(255, 255, 255); background-color: rgb(234, 176, 0); border-color: rgb(183, 138, 0); } .btn-warning.disabled, .btn-warning:disabled { background-color: rgb(255, 202, 40); border-color: rgb(234, 176, 0); } .btn-warning:not([disabled]):not(.disabled):active { background-color: rgb(255, 202, 40); border-color: rgb(234, 176, 0); } .btn-warning:not([disabled]):not(.disabled).active, .show > .btn-warning.dropdown-toggle { background-color: rgb(234, 176, 0); background-image: none; border-color: rgb(183, 138, 0); } .btn-warning.btn-noborder { border-color: rgb(255, 202, 40); } .btn-warning.btn-noborder:hover, .btn-warning.btn-noborder:focus, .btn-warning.btn-noborder.focus { border-color: rgb(234, 176, 0); } .btn-warning.btn-noborder.disabled, .btn-warning.btn-noborder:disabled, .btn-warning.btn-noborder:not([disabled]):not(.disabled):active, .btn-warning.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(255, 202, 40); } .show > .btn-warning.btn-noborder.dropdown-toggle { border-color: rgb(234, 176, 0); } .btn-danger { color: rgb(255, 255, 255); background-color: rgb(239, 83, 80); border-color: rgb(234, 28, 24); } .btn-danger:hover, .btn-danger:focus, .btn-danger.focus { color: rgb(255, 255, 255); background-color: rgb(234, 28, 24); border-color: rgb(189, 21, 17); } .btn-danger.disabled, .btn-danger:disabled { background-color: rgb(239, 83, 80); border-color: rgb(234, 28, 24); } .btn-danger:not([disabled]):not(.disabled):active { background-color: rgb(239, 83, 80); border-color: rgb(234, 28, 24); } .btn-danger:not([disabled]):not(.disabled).active, .show > .btn-danger.dropdown-toggle { background-color: rgb(234, 28, 24); background-image: none; border-color: rgb(189, 21, 17); } .btn-danger.btn-noborder { border-color: rgb(239, 83, 80); } .btn-danger.btn-noborder:hover, .btn-danger.btn-noborder:focus, .btn-danger.btn-noborder.focus { border-color: rgb(234, 28, 24); } .btn-danger.btn-noborder.disabled, .btn-danger.btn-noborder:disabled, .btn-danger.btn-noborder:not([disabled]):not(.disabled):active, .btn-danger.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(239, 83, 80); } .show > .btn-danger.btn-noborder.dropdown-toggle { border-color: rgb(234, 28, 24); } .btn-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(212, 218, 225); } .btn-light:hover, .btn-light:focus, .btn-light.focus { color: rgb(33, 37, 41); background-color: rgb(212, 218, 225); border-color: rgb(183, 193, 203); } .btn-light.disabled, .btn-light:disabled { background-color: rgb(248, 249, 250); border-color: rgb(212, 218, 225); } .btn-light:not([disabled]):not(.disabled):active { background-color: rgb(248, 249, 250); border-color: rgb(212, 218, 225); } .btn-light:not([disabled]):not(.disabled).active, .show > .btn-light.dropdown-toggle { background-color: rgb(212, 218, 225); background-image: none; border-color: rgb(183, 193, 203); } .btn-light.btn-noborder { border-color: rgb(248, 249, 250); } .btn-light.btn-noborder:hover, .btn-light.btn-noborder:focus, .btn-light.btn-noborder.focus { border-color: rgb(212, 218, 225); } .btn-light.btn-noborder.disabled, .btn-light.btn-noborder:disabled, .btn-light.btn-noborder:not([disabled]):not(.disabled):active, .btn-light.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(248, 249, 250); } .show > .btn-light.btn-noborder.dropdown-toggle { border-color: rgb(212, 218, 225); } .btn-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(25, 27, 30); } .btn-dark:hover, .btn-dark:focus, .btn-dark.focus { color: rgb(255, 255, 255); background-color: rgb(25, 27, 30); border-color: rgb(2, 2, 2); } .btn-dark.disabled, .btn-dark:disabled { background-color: rgb(52, 58, 64); border-color: rgb(25, 27, 30); } .btn-dark:not([disabled]):not(.disabled):active { background-color: rgb(52, 58, 64); border-color: rgb(25, 27, 30); } .btn-dark:not([disabled]):not(.disabled).active, .show > .btn-dark.dropdown-toggle { background-color: rgb(25, 27, 30); background-image: none; border-color: rgb(2, 2, 2); } .btn-dark.btn-noborder { border-color: rgb(52, 58, 64); } .btn-dark.btn-noborder:hover, .btn-dark.btn-noborder:focus, .btn-dark.btn-noborder.focus { border-color: rgb(25, 27, 30); } .btn-dark.btn-noborder.disabled, .btn-dark.btn-noborder:disabled, .btn-dark.btn-noborder:not([disabled]):not(.disabled):active, .btn-dark.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(52, 58, 64); } .show > .btn-dark.btn-noborder.dropdown-toggle { border-color: rgb(25, 27, 30); } .btn-outline-primary { color: rgb(63, 156, 232); background-color: transparent; background-image: none; border-color: rgb(63, 156, 232); } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus { color: rgb(255, 255, 255); background-color: rgb(63, 156, 232); border-color: rgb(63, 156, 232); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: rgb(63, 156, 232); background-color: transparent; } .btn-outline-primary:not([disabled]):not(.disabled):active { color: rgb(63, 156, 232); background-color: transparent; border-color: rgb(63, 156, 232); } .btn-outline-primary:not([disabled]):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(63, 156, 232); border-color: rgb(63, 156, 232); } .btn-outline-primary.btn-noborder { border-color: transparent; } .btn-outline-primary.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-primary.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-outline-secondary { color: rgb(108, 117, 125); background-color: transparent; background-image: none; border-color: rgb(108, 117, 125); } .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: rgb(108, 117, 125); background-color: transparent; } .btn-outline-secondary:not([disabled]):not(.disabled):active { color: rgb(108, 117, 125); background-color: transparent; border-color: rgb(108, 117, 125); } .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-outline-secondary.btn-noborder { border-color: transparent; } .btn-outline-secondary.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-secondary.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-outline-success { color: rgb(156, 204, 101); background-color: transparent; background-image: none; border-color: rgb(156, 204, 101); } .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success.focus { color: rgb(255, 255, 255); background-color: rgb(156, 204, 101); border-color: rgb(156, 204, 101); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: rgb(156, 204, 101); background-color: transparent; } .btn-outline-success:not([disabled]):not(.disabled):active { color: rgb(156, 204, 101); background-color: transparent; border-color: rgb(156, 204, 101); } .btn-outline-success:not([disabled]):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(156, 204, 101); border-color: rgb(156, 204, 101); } .btn-outline-success.btn-noborder { border-color: transparent; } .btn-outline-success.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-success.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-outline-info { color: rgb(38, 198, 218); background-color: transparent; background-image: none; border-color: rgb(38, 198, 218); } .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info.focus { color: rgb(255, 255, 255); background-color: rgb(38, 198, 218); border-color: rgb(38, 198, 218); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: rgb(38, 198, 218); background-color: transparent; } .btn-outline-info:not([disabled]):not(.disabled):active { color: rgb(38, 198, 218); background-color: transparent; border-color: rgb(38, 198, 218); } .btn-outline-info:not([disabled]):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(38, 198, 218); border-color: rgb(38, 198, 218); } .btn-outline-info.btn-noborder { border-color: transparent; } .btn-outline-info.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-info.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-outline-warning { color: rgb(255, 202, 40); background-color: transparent; background-image: none; border-color: rgb(255, 202, 40); } .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning.focus { color: rgb(255, 255, 255); background-color: rgb(255, 202, 40); border-color: rgb(255, 202, 40); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: rgb(255, 202, 40); background-color: transparent; } .btn-outline-warning:not([disabled]):not(.disabled):active { color: rgb(255, 202, 40); background-color: transparent; border-color: rgb(255, 202, 40); } .btn-outline-warning:not([disabled]):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(255, 202, 40); border-color: rgb(255, 202, 40); } .btn-outline-warning.btn-noborder { border-color: transparent; } .btn-outline-warning.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-warning.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-outline-danger { color: rgb(239, 83, 80); background-color: transparent; background-image: none; border-color: rgb(239, 83, 80); } .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger.focus { color: rgb(255, 255, 255); background-color: rgb(239, 83, 80); border-color: rgb(239, 83, 80); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: rgb(239, 83, 80); background-color: transparent; } .btn-outline-danger:not([disabled]):not(.disabled):active { color: rgb(239, 83, 80); background-color: transparent; border-color: rgb(239, 83, 80); } .btn-outline-danger:not([disabled]):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(239, 83, 80); border-color: rgb(239, 83, 80); } .btn-outline-danger.btn-noborder { border-color: transparent; } .btn-outline-danger.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-danger.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-outline-light { color: rgb(248, 249, 250); background-color: transparent; background-image: none; border-color: rgb(248, 249, 250); } .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light.focus { color: rgb(255, 255, 255); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: rgb(248, 249, 250); background-color: transparent; } .btn-outline-light:not([disabled]):not(.disabled):active { color: rgb(248, 249, 250); background-color: transparent; border-color: rgb(248, 249, 250); } .btn-outline-light:not([disabled]):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-outline-light.btn-noborder { border-color: transparent; } .btn-outline-light.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-light.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-outline-dark { color: rgb(52, 58, 64); background-color: transparent; background-image: none; border-color: rgb(52, 58, 64); } .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark.focus { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: rgb(52, 58, 64); background-color: transparent; } .btn-outline-dark:not([disabled]):not(.disabled):active { color: rgb(52, 58, 64); background-color: transparent; border-color: rgb(52, 58, 64); } .btn-outline-dark:not([disabled]):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-outline-dark.btn-noborder { border-color: transparent; } .btn-outline-dark.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-dark.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-link { font-weight: 400; color: rgb(63, 156, 232); text-decoration: none; } .btn-link:hover { color: rgb(21, 104, 172); text-decoration: none; } .btn-link:focus, .btn-link.focus { text-decoration: none; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: rgb(108, 117, 125); pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.642857rem 1.28571rem; font-size: 1.28571rem; line-height: 20px; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.357143rem 0.642857rem; font-size: 0.9286rem; line-height: 16px; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .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 { position: relative; height: 0px; overflow: hidden; transition: height 0.35s; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.2125em; vertical-align: 0.2125em; content: ""; border-width: 0.25em 0.25em 0px; border-style: solid solid none; border-color: currentcolor transparent; } .dropdown-toggle:empty::after { margin-left: 0px; } .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 8px 0px; margin: 0.125rem 0px 0px; font-size: 1rem; color: rgb(87, 87, 87); text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(228, 231, 237); border-radius: 2px; } .dropdown-menu-left { right: auto; left: 0px; } .dropdown-menu-right { right: 0px; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0px; } .dropdown-menu-sm-right { right: 0px; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0px; } .dropdown-menu-md-right { right: 0px; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0px; } .dropdown-menu-lg-right { right: 0px; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0px; } .dropdown-menu-xl-right { right: 0px; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.2125em; vertical-align: 0.2125em; content: ""; border-width: 0px 0.25em 0.25em; border-style: none solid solid; border-color: currentcolor transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0px; } .dropright .dropdown-menu { top: 0px; right: auto; left: 100%; margin-top: 0px; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.2125em; vertical-align: 0.2125em; content: ""; border-width: 0.25em 0px 0.25em 0.25em; border-style: solid none solid solid; border-color: transparent currentcolor; } .dropright .dropdown-toggle:empty::after { margin-left: 0px; } .dropright .dropdown-toggle::after { vertical-align: 0px; } .dropleft .dropdown-menu { top: 0px; right: 100%; left: auto; margin-top: 0px; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.2125em; vertical-align: 0.2125em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.2125em; vertical-align: 0.2125em; content: ""; border-top: 0.25em solid transparent; border-right: 0.25em solid; border-bottom: 0.25em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0px; } .dropleft .dropdown-toggle::before { vertical-align: 0px; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0px; margin: 0.5rem 0px; overflow: hidden; border-top: 1px solid rgb(228, 231, 237); } .dropdown-item { display: block; width: 100%; padding: 5px 10px; clear: both; font-weight: 400; color: rgb(87, 87, 87); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0px; } .dropdown-item:hover, .dropdown-item:focus { color: rgb(22, 24, 27); text-decoration: none; background-color: rgb(240, 242, 245); } .dropdown-item.active, .dropdown-item:active { color: rgb(87, 87, 87); text-decoration: none; background-color: rgb(228, 231, 237); } .dropdown-item.disabled, .dropdown-item:disabled { color: rgb(108, 117, 125); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 8px 10px; margin-bottom: 0px; font-size: 0.928571rem; color: rgb(23, 23, 23); white-space: nowrap; } .dropdown-item-text { display: block; padding: 5px 10px; color: rgb(87, 87, 87); } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0px; } .dropleft .dropdown-toggle-split::before { margin-right: 0px; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.482143rem; padding-left: 0.482143rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.964286rem; padding-left: 0.964286rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0px; border-top-right-radius: 0px; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0px; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0px; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.428571rem 1rem; margin-bottom: 0px; font-size: 1rem; font-weight: 400; line-height: 1.42857; color: rgb(87, 87, 87); text-align: center; white-space: nowrap; background-color: rgb(246, 247, 249); border: 1px solid rgb(212, 218, 227); border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0px; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.25em + 2px + 1.28571rem); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.642857rem 1.286rem; font-size: 1.14286rem; line-height: 1.25; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.14286em + 2px + 0.714286rem); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.357143rem 0.6429rem; font-size: 1rem; line-height: 1.14286; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 2rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.643rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: rgb(255, 255, 255); border-color: rgb(63, 156, 232); background-color: rgb(63, 156, 232); } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: rgb(240, 242, 245) 0px 0px 0px 1px, rgb(63, 156, 232) 0px 0px 0px 3px; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(151, 165, 186); } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(222, 238, 251); border-color: rgb(222, 238, 251); } .custom-control-input:disabled ~ .custom-control-label { color: rgb(108, 117, 125); } .custom-control-input:disabled ~ .custom-control-label::before { background-color: rgb(233, 236, 239); } .custom-control-label { position: relative; margin-bottom: 0px; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.1785rem; left: -1.643rem; display: block; width: 1.143rem; height: 1.143rem; pointer-events: none; content: ""; background-color: rgb(255, 255, 255); border: 1px solid rgb(173, 181, 189); } .custom-control-label::after { position: absolute; top: 0.1785rem; left: -1.643rem; display: block; width: 1.143rem; height: 1.143rem; content: ""; background: 50% center / 50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: rgb(63, 156, 232); background-color: rgb(63, 156, 232); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(63, 156, 232, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(63, 156, 232, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(63, 156, 232, 0.5); } .custom-switch { padding-left: 2.50025rem; } .custom-switch .custom-control-label::before { left: -2.50025rem; width: 2.00025rem; pointer-events: all; border-radius: 0.5715rem; } .custom-switch .custom-control-label::after { top: calc(2px + 0.1785rem); left: calc(2px - 2.50025rem); width: calc(-4px + 1.143rem); height: calc(-4px + 1.143rem); background-color: rgb(173, 181, 189); border-radius: 0.5715rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: rgb(255, 255, 255); transform: translateX(0.85725rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(63, 156, 232, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.42857em + 2px + 0.857143rem); padding: 0.428571rem 2rem 0.428571rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.42857; color: rgb(87, 87, 87); vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 1rem center / 8px 10px no-repeat rgb(255, 255, 255); border: 1px solid rgb(212, 218, 227); border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: rgb(177, 215, 246); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 2px inset, rgba(177, 215, 246, 0.5) 0px 0px 5px; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 1rem; background-image: none; } .custom-select:disabled { color: rgb(108, 117, 125); background-color: rgb(233, 236, 239); } .custom-select-sm { height: calc(1.14286em + 2px + 0.714286rem); padding-top: 0.357143rem; padding-bottom: 0.357143rem; padding-left: 0.6429rem; font-size: 1rem; } .custom-select-lg { height: calc(1.25em + 2px + 1.28571rem); padding-top: 0.642857rem; padding-bottom: 0.642857rem; padding-left: 1.286rem; font-size: 1.14286rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.42857em + 2px + 0.857143rem); margin-bottom: 0px; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.42857em + 2px + 0.857143rem); margin: 0px; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: rgb(151, 165, 186); box-shadow: none; } .custom-file-input:disabled ~ .custom-file-label { background-color: rgb(233, 236, 239); } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0px; right: 0px; left: 0px; z-index: 1; height: calc(1.42857em + 2px + 0.857143rem); padding: 0.428571rem 1rem; font-weight: 400; line-height: 1.42857; color: rgb(87, 87, 87); background-color: rgb(255, 255, 255); border: 1px solid rgb(212, 218, 227); border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 3; display: block; height: calc(1.42857em + 0.857143rem); padding: 0.428571rem 1rem; line-height: 1.42857; color: rgb(87, 87, 87); content: "Browse"; background-color: rgb(246, 247, 249); border-left: inherit; border-radius: 0px 0.25rem 0.25rem 0px; } .custom-range { width: 100%; height: calc(1.4rem); padding: 0px; background-color: transparent; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: rgb(63, 156, 232); border: 0px; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: rgb(222, 238, 251); } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: rgb(222, 226, 230); border-color: transparent; border-radius: 1rem; } @media (prefers-reduced-motion: reduce) { } @media (prefers-reduced-motion: reduce) { } .custom-range:disabled::-webkit-slider-thumb { background-color: rgb(173, 181, 189); } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: rgb(108, 117, 125); pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid rgb(228, 231, 237); } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: rgb(228, 231, 237); } .nav-tabs .nav-link.disabled { color: rgb(108, 117, 125); background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: rgb(87, 87, 87); background-color: rgb(255, 255, 255); border-color: rgb(228, 231, 237); } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: rgb(255, 255, 255); background-color: rgb(63, 156, 232); } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0px; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 9px 14px; margin-bottom: 1rem; list-style: none; background-color: rgb(240, 242, 245); border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: rgb(108, 117, 125); content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: rgb(23, 23, 23); } .pagination { display: flex; padding-left: 0px; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.571429rem 0.714286rem; margin-left: -1px; line-height: 1.2; color: rgb(23, 23, 23); background-color: rgb(240, 242, 245); border: 1px solid rgb(240, 242, 245); } .page-link:hover { z-index: 2; color: rgb(23, 23, 23); text-decoration: none; background-color: rgb(197, 205, 216); border-color: rgb(197, 205, 216); } .page-link:focus { z-index: 2; outline: 0px; box-shadow: none; } .page-item:first-child .page-link { margin-left: 0px; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: rgb(255, 255, 255); background-color: rgb(63, 156, 232); border-color: rgb(63, 156, 232); } .page-item.disabled .page-link { color: rgb(108, 117, 125); pointer-events: none; cursor: auto; background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .pagination-lg .page-link { padding: 0.642857rem 1.42857rem; font-size: 1.28571rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.357143rem 0.5rem; font-size: 0.928571rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 3px 5px; font-size: 85%; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: rgb(255, 255, 255); background-color: rgb(63, 156, 232); } a.badge-primary:hover, a.badge-primary:focus { color: rgb(255, 255, 255); background-color: rgb(26, 132, 218); } a.badge-primary:focus, a.badge-primary.focus { outline: 0px; box-shadow: rgba(63, 156, 232, 0.5) 0px 0px 0px 0.2rem; } .badge-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); } a.badge-secondary:hover, a.badge-secondary:focus { color: rgb(255, 255, 255); background-color: rgb(84, 91, 98); } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0px; box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; } .badge-success { color: rgb(255, 255, 255); background-color: rgb(156, 204, 101); } a.badge-success:hover, a.badge-success:focus { color: rgb(255, 255, 255); background-color: rgb(131, 191, 63); } a.badge-success:focus, a.badge-success.focus { outline: 0px; box-shadow: rgba(156, 204, 101, 0.5) 0px 0px 0px 0.2rem; } .badge-info { color: rgb(255, 255, 255); background-color: rgb(38, 198, 218); } a.badge-info:hover, a.badge-info:focus { color: rgb(255, 255, 255); background-color: rgb(30, 159, 175); } a.badge-info:focus, a.badge-info.focus { outline: 0px; box-shadow: rgba(38, 198, 218, 0.5) 0px 0px 0px 0.2rem; } .badge-warning { color: rgb(255, 255, 255); background-color: rgb(255, 202, 40); } a.badge-warning:hover, a.badge-warning:focus { color: rgb(255, 255, 255); background-color: rgb(244, 184, 0); } a.badge-warning:focus, a.badge-warning.focus { outline: 0px; box-shadow: rgba(255, 202, 40, 0.5) 0px 0px 0px 0.2rem; } .badge-danger { color: rgb(255, 255, 255); background-color: rgb(239, 83, 80); } a.badge-danger:hover, a.badge-danger:focus { color: rgb(255, 255, 255); background-color: rgb(235, 37, 33); } a.badge-danger:focus, a.badge-danger.focus { outline: 0px; box-shadow: rgba(239, 83, 80, 0.5) 0px 0px 0px 0.2rem; } .badge-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); } a.badge-light:hover, a.badge-light:focus { color: rgb(33, 37, 41); background-color: rgb(218, 224, 229); } a.badge-light:focus, a.badge-light.focus { outline: 0px; box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; } .badge-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); } a.badge-dark:hover, a.badge-dark:focus { color: rgb(255, 255, 255); background-color: rgb(29, 33, 36); } a.badge-dark:focus, a.badge-dark.focus { outline: 0px; box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 24px; border: 0px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 600; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0px; right: 0px; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: rgb(33, 81, 121); background-color: rgb(217, 235, 250); border-color: rgb(201, 227, 249); } .alert-primary hr { border-top-color: rgb(178, 215, 246); } .alert-primary .alert-link { color: rgb(22, 54, 81); } .alert-secondary { color: rgb(56, 61, 65); background-color: rgb(226, 227, 229); border-color: rgb(214, 216, 219); } .alert-secondary hr { border-top-color: rgb(200, 203, 207); } .alert-secondary .alert-link { color: rgb(32, 35, 38); } .alert-success { color: rgb(81, 106, 53); background-color: rgb(235, 245, 224); border-color: rgb(227, 241, 212); } .alert-success hr { border-top-color: rgb(214, 235, 193); } .alert-success .alert-link { color: rgb(55, 72, 36); } .alert-info { color: rgb(20, 103, 113); background-color: rgb(212, 244, 248); border-color: rgb(194, 239, 245); } .alert-info hr { border-top-color: rgb(172, 233, 241); } .alert-info .alert-link { color: rgb(12, 64, 70); } .alert-warning { color: rgb(133, 105, 21); background-color: rgb(255, 244, 212); border-color: rgb(255, 240, 195); } .alert-warning hr { border-top-color: rgb(255, 234, 170); } .alert-warning .alert-link { color: rgb(89, 70, 14); } .alert-danger { color: rgb(124, 43, 42); background-color: rgb(252, 221, 220); border-color: rgb(251, 207, 206); } .alert-danger hr { border-top-color: rgb(249, 184, 182); } .alert-danger .alert-link { color: rgb(86, 30, 29); } .alert-light { color: rgb(129, 129, 130); background-color: rgb(254, 254, 254); border-color: rgb(253, 253, 254); } .alert-light hr { border-top-color: rgb(236, 236, 246); } .alert-light .alert-link { color: rgb(104, 104, 104); } .alert-dark { color: rgb(27, 30, 33); background-color: rgb(214, 216, 217); border-color: rgb(198, 200, 202); } .alert-dark hr { border-top-color: rgb(185, 187, 190); } .alert-dark .alert-link { color: rgb(4, 5, 5); } @keyframes progress-bar-stripes { 0% { background-position: 20px 0px; } 100% { background-position: 0px 0px; } } .progress { display: flex; height: 20px; overflow: hidden; font-size: 1rem; background-color: rgb(233, 236, 239); border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; background-color: rgb(63, 156, 232); transition: width 0.6s; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 20px 20px; } .progress-bar-animated { animation: 1s linear 0s infinite normal none running progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: auto ease 0s 1 normal none running none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1 1 0%; } .list-group { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; } .list-group-item-action { width: 100%; color: rgb(87, 87, 87); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: rgb(87, 87, 87); text-decoration: none; background-color: rgb(246, 247, 249); } .list-group-item-action:active { color: rgb(87, 87, 87); background-color: rgb(228, 231, 237); } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: rgb(255, 255, 255); border: 1px solid rgb(228, 231, 237); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled { color: rgb(108, 117, 125); pointer-events: none; background-color: rgb(255, 255, 255); } .list-group-item.active { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(63, 156, 232); border-color: rgb(63, 156, 232); } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0px; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal .list-group-item:last-child { margin-right: 0px; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0px; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0px; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0px; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0px; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0px; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0px; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0px; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0px; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0px; } } .list-group-flush .list-group-item { border-right: 0px; border-left: 0px; border-radius: 0px; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0px; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0px; border-bottom: 0px; } .list-group-item-primary { color: rgb(33, 81, 121); background-color: rgb(201, 227, 249); } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: rgb(33, 81, 121); background-color: rgb(178, 215, 246); } .list-group-item-primary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(33, 81, 121); border-color: rgb(33, 81, 121); } .list-group-item-secondary { color: rgb(56, 61, 65); background-color: rgb(214, 216, 219); } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: rgb(56, 61, 65); background-color: rgb(200, 203, 207); } .list-group-item-secondary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(56, 61, 65); border-color: rgb(56, 61, 65); } .list-group-item-success { color: rgb(81, 106, 53); background-color: rgb(227, 241, 212); } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: rgb(81, 106, 53); background-color: rgb(214, 235, 193); } .list-group-item-success.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(81, 106, 53); border-color: rgb(81, 106, 53); } .list-group-item-info { color: rgb(20, 103, 113); background-color: rgb(194, 239, 245); } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: rgb(20, 103, 113); background-color: rgb(172, 233, 241); } .list-group-item-info.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(20, 103, 113); border-color: rgb(20, 103, 113); } .list-group-item-warning { color: rgb(133, 105, 21); background-color: rgb(255, 240, 195); } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: rgb(133, 105, 21); background-color: rgb(255, 234, 170); } .list-group-item-warning.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(133, 105, 21); border-color: rgb(133, 105, 21); } .list-group-item-danger { color: rgb(124, 43, 42); background-color: rgb(251, 207, 206); } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: rgb(124, 43, 42); background-color: rgb(249, 184, 182); } .list-group-item-danger.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(124, 43, 42); border-color: rgb(124, 43, 42); } .list-group-item-light { color: rgb(129, 129, 130); background-color: rgb(253, 253, 254); } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: rgb(129, 129, 130); background-color: rgb(236, 236, 246); } .list-group-item-light.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(129, 129, 130); border-color: rgb(129, 129, 130); } .list-group-item-dark { color: rgb(27, 30, 33); background-color: rgb(198, 200, 202); } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: rgb(27, 30, 33); background-color: rgb(185, 187, 190); } .list-group-item-dark.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(27, 30, 33); border-color: rgb(27, 30, 33); } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.5; } .close:hover { color: rgb(0, 0, 0); text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0px; background-color: transparent; border: 0px; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25rem 0.75rem; backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: rgb(108, 117, 125); background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow: hidden auto; } .modal { position: fixed; top: 0px; left: 0px; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0px; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(-1rem + 100vh); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(-1rem + 100vh); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 0px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0px; } .modal-backdrop { position: fixed; top: 0px; left: 0px; z-index: 1040; width: 100vw; height: 100vh; background-color: rgb(0, 0, 0); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 24px; border-bottom: 0px solid rgb(228, 231, 237); border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 24px; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0px; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 20px; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 20px; border-top: 0px solid rgb(228, 231, 237); border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .modal-footer > :not(:first-child) { margin-left: 0.25rem; } .modal-footer > :not(:last-child) { margin-right: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(-3.5rem + 100vh); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(-3.5rem + 100vh); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0px; font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.928571rem; overflow-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0px; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0px; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0px; border-width: 0.4rem 0.4rem 0px; border-top-color: rgb(52, 58, 64); } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0px 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0px; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0px; border-width: 0.4rem 0.4rem 0.4rem 0px; border-right-color: rgb(52, 58, 64); } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0px; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0px; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0px; border-width: 0px 0.4rem 0.4rem; border-bottom-color: rgb(52, 58, 64); } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0px 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0px; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0px; border-width: 0.4rem 0px 0.4rem 0.4rem; border-left-color: rgb(52, 58, 64); } .tooltip-inner { max-width: 200px; padding: 4px 10px; color: rgb(255, 255, 255); text-align: center; background-color: rgb(52, 58, 64); border-radius: 0.25rem; } .popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: block; max-width: 276px; font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.928571rem; overflow-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(228, 231, 237); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0px 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc(-1px - 0.5rem); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0px; border-width: 0.5rem 0.5rem 0px; border-top-color: rgb(228, 231, 237); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0px; border-top-color: rgb(255, 255, 255); } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc(-1px - 0.5rem); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0px; border-width: 0.5rem 0.5rem 0.5rem 0px; border-right-color: rgb(228, 231, 237); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0px; border-right-color: rgb(255, 255, 255); } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc(-1px - 0.5rem); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0px; border-width: 0px 0.5rem 0.5rem; border-bottom-color: rgb(228, 231, 237); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0px 0.5rem 0.5rem; border-bottom-color: rgb(255, 255, 255); } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0px; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid rgb(255, 255, 255); } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc(-1px - 0.5rem); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0px; border-width: 0.5rem 0px 0.5rem 0.5rem; border-left-color: rgb(228, 231, 237); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0px 0.5rem 0.5rem; border-left-color: rgb(255, 255, 255); } .popover-header { padding: 12px 10px; margin-bottom: 0px; font-size: 1rem; color: rgb(23, 23, 23); background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(242, 242, 242); border-top-left-radius: calc(-1px + 0.3rem); border-top-right-radius: calc(-1px + 0.3rem); } .popover-header:empty { display: none; } .popover-body { padding: 10px; color: rgb(87, 87, 87); } @keyframes spinner-border { 100% { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border-width: 0.25em; border-style: solid; border-color: currentcolor transparent currentcolor currentcolor; border-image: initial; border-radius: 50%; animation: 0.75s linear 0s infinite normal none running spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentcolor; border-radius: 50%; opacity: 0; animation: 0.75s linear 0s infinite normal none running spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: rgb(63, 156, 232) !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: rgb(26, 132, 218) !important; } .bg-secondary { background-color: rgb(108, 117, 125) !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: rgb(84, 91, 98) !important; } .bg-success { background-color: rgb(156, 204, 101) !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: rgb(131, 191, 63) !important; } .bg-info { background-color: rgb(38, 198, 218) !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: rgb(30, 159, 175) !important; } .bg-warning { background-color: rgb(255, 202, 40) !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: rgb(244, 184, 0) !important; } .bg-danger { background-color: rgb(239, 83, 80) !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: rgb(235, 37, 33) !important; } .bg-light { background-color: rgb(248, 249, 250) !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: rgb(218, 224, 229) !important; } .bg-dark { background-color: rgb(52, 58, 64) !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: rgb(29, 33, 36) !important; } .bg-white { background-color: rgb(255, 255, 255) !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid rgb(222, 226, 230) !important; } .border-top { border-top: 1px solid rgb(222, 226, 230) !important; } .border-right { border-right: 1px solid rgb(222, 226, 230) !important; } .border-bottom { border-bottom: 1px solid rgb(222, 226, 230) !important; } .border-left { border-left: 1px solid rgb(222, 226, 230) !important; } .border-0 { border: 0px !important; } .border-top-0 { border-top: 0px !important; } .border-right-0 { border-right: 0px !important; } .border-bottom-0 { border-bottom: 0px !important; } .border-left-0 { border-left: 0px !important; } .border-primary { border-color: rgb(63, 156, 232) !important; } .border-secondary { border-color: rgb(108, 117, 125) !important; } .border-success { border-color: rgb(156, 204, 101) !important; } .border-info { border-color: rgb(38, 198, 218) !important; } .border-warning { border-color: rgb(255, 202, 40) !important; } .border-danger { border-color: rgb(239, 83, 80) !important; } .border-light { border-color: rgb(248, 249, 250) !important; } .border-dark { border-color: rgb(52, 58, 64) !important; } .border-white { border-color: rgb(255, 255, 255) !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0px !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0px; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0px; } .embed-responsive-21by9::before { padding-top: 42.8571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; } .fixed-bottom { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0px; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important; } .shadow { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important; } .shadow-lg { box-shadow: rgba(0, 0, 0, 0.176) 0px 1rem 3rem !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; inset: 0px; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0px !important; } .mt-0, .my-0 { margin-top: 0px !important; } .mr-0, .mx-0 { margin-right: 0px !important; } .mb-0, .my-0 { margin-bottom: 0px !important; } .ml-0, .mx-0 { margin-left: 0px !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0px !important; } .pt-0, .py-0 { padding-top: 0px !important; } .pr-0, .px-0 { padding-right: 0px !important; } .pb-0, .py-0 { padding-bottom: 0px !important; } .pl-0, .px-0 { padding-left: 0px !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0px !important; } .mt-sm-0, .my-sm-0 { margin-top: 0px !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0px !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0px !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0px !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0px !important; } .pt-sm-0, .py-sm-0 { padding-top: 0px !important; } .pr-sm-0, .px-sm-0 { padding-right: 0px !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0px !important; } .pl-sm-0, .px-sm-0 { padding-left: 0px !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0px !important; } .mt-md-0, .my-md-0 { margin-top: 0px !important; } .mr-md-0, .mx-md-0 { margin-right: 0px !important; } .mb-md-0, .my-md-0 { margin-bottom: 0px !important; } .ml-md-0, .mx-md-0 { margin-left: 0px !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0px !important; } .pt-md-0, .py-md-0 { padding-top: 0px !important; } .pr-md-0, .px-md-0 { padding-right: 0px !important; } .pb-md-0, .py-md-0 { padding-bottom: 0px !important; } .pl-md-0, .px-md-0 { padding-left: 0px !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0px !important; } .mt-lg-0, .my-lg-0 { margin-top: 0px !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0px !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0px !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0px !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0px !important; } .pt-lg-0, .py-lg-0 { padding-top: 0px !important; } .pr-lg-0, .px-lg-0 { padding-right: 0px !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0px !important; } .pl-lg-0, .px-lg-0 { padding-left: 0px !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0px !important; } .mt-xl-0, .my-xl-0 { margin-top: 0px !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0px !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0px !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0px !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0px !important; } .pt-xl-0, .py-xl-0 { padding-top: 0px !important; } .pr-xl-0, .px-xl-0 { padding-right: 0px !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0px !important; } .pl-xl-0, .px-xl-0 { padding-left: 0px !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: rgb(255, 255, 255) !important; } .text-primary { color: rgb(63, 156, 232) !important; } a.text-primary.link-effect::before { background-color: rgb(63, 156, 232); } a.text-primary:hover, a.text-primary:focus { color: rgb(21, 104, 172) !important; } .text-secondary { color: rgb(108, 117, 125) !important; } a.text-secondary.link-effect::before { background-color: rgb(108, 117, 125); } a.text-secondary:hover, a.text-secondary:focus { color: rgb(61, 66, 70) !important; } .text-success { color: rgb(156, 204, 101) !important; } a.text-success.link-effect::before { background-color: rgb(156, 204, 101); } a.text-success:hover, a.text-success:focus { color: rgb(105, 152, 51) !important; } .text-info { color: rgb(38, 198, 218) !important; } a.text-info.link-effect::before { background-color: rgb(38, 198, 218); } a.text-info:hover, a.text-info:focus { color: rgb(22, 119, 132) !important; } .text-warning { color: rgb(255, 202, 40) !important; } a.text-warning.link-effect::before { background-color: rgb(255, 202, 40); } a.text-warning:hover, a.text-warning:focus { color: rgb(193, 145, 0) !important; } .text-danger { color: rgb(239, 83, 80) !important; } a.text-danger.link-effect::before { background-color: rgb(239, 83, 80); } a.text-danger:hover, a.text-danger:focus { color: rgb(199, 22, 18) !important; } .text-light { color: rgb(248, 249, 250) !important; } a.text-light.link-effect::before { background-color: rgb(248, 249, 250); } a.text-light:hover, a.text-light:focus { color: rgb(189, 198, 208) !important; } .text-dark { color: rgb(52, 58, 64) !important; } a.text-dark.link-effect::before { background-color: rgb(52, 58, 64); } a.text-dark:hover, a.text-dark:focus { color: rgb(6, 7, 8) !important; } .text-body { color: rgb(87, 87, 87) !important; } .text-muted { color: rgb(108, 117, 125) !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0px / 0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, ::before, ::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid rgb(173, 181, 189); break-inside: avoid; } thead { display: table-header-group; } tr, img { break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid rgb(0, 0, 0); } .table { border-collapse: collapse !important; } .table td, .table th { background-color: rgb(255, 255, 255) !important; } .table-bordered th, .table-bordered td { border: 1px solid rgb(222, 226, 230) !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: rgb(228, 231, 237); } .table .thead-dark th { color: inherit; border-color: rgb(228, 231, 237); } } html, body { font-size: 14px; } html.no-focus :focus { outline: none !important; } strong { font-weight: 600; } a { transition: color 0.12s ease-out; } @media (min-width: 576px) { a.link-effect { position: relative; } a.link-effect::before { position: absolute; bottom: -5px; left: 0px; width: 100%; height: 2px; content: ""; background-color: rgb(63, 156, 232); visibility: hidden; transform: translateY(6px); transform-origin: 50% 50%; opacity: 0; transition: transform 0.12s ease-out, opacity 0.12s ease-out; } } a:hover.link-effect::before { visibility: visible; transform: translateY(0px); opacity: 1; } p { line-height: 1.6; margin-bottom: 24px; } .nice-copy p, p.nice-copy { line-height: 1.8; font-size: 1.14286rem; } .nice-copy-story p, p.nice-copy-story { line-height: 1.8; font-size: 1.28571rem; color: rgb(98, 98, 98); } .nice-copy-story h2, .nice-copy-story h3, .nice-copy-story h4 { margin-top: 50px; } .font-size-h1 { font-size: 2.57143rem; } .font-size-h2 { font-size: 2.14286rem; } .font-size-h3 { font-size: 1.85714rem; } .font-size-h4 { font-size: 1.57143rem; } .font-size-h5 { font-size: 1.28571rem; } .font-size-h6 { font-size: 1rem; } @media (max-width: 767.98px) { .display-1 { font-size: 3.429rem; } .display-2 { font-size: 3.143rem; } .display-3 { font-size: 2.857rem; } .display-4 { font-size: 2.57143rem; } h1, .h1, .font-size-h1 { font-size: 2.14286rem; } h2, .h2, .font-size-h2 { font-size: 1.85714rem; } h3, .h3, .font-size-h3 { font-size: 1.57143rem; } h4, .h4, .font-size-h4 { font-size: 1.28571rem; } h5, .h5, .font-size-h5, h6, .h6, .font-size-h6 { font-size: 1rem; } } .content-heading { margin-bottom: 20px; padding-top: 30px; padding-bottom: 8px; font-size: 1.42857rem; font-weight: 400; line-height: 28px; border-bottom: 1px solid rgb(228, 231, 237); } .content-heading small { margin-top: 5px; font-size: 16px; font-weight: 400; color: rgb(108, 117, 125); } @media (min-width: 768px) { .content-heading { margin-bottom: 25px; padding-top: 40px; } .content-heading small { margin-top: 0px; } } .content-heading .dropdown { line-height: 1.5; } small, .small { font-weight: inherit; color: rgb(100, 100, 100); } .row.gutters-tiny { margin-right: -3px; margin-left: -3px; } .row.gutters-tiny > .col, .row.gutters-tiny > [class*="col-"] { padding-left: 3px; padding-right: 3px; } .row.gutters-tiny .push, .row.gutters-tiny .block { margin-bottom: 6px; } .row.row-deck > div { display: flex; align-items: stretch; } .row.row-deck > div > .block { min-width: 100%; } .table thead th { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; font-weight: 600; text-transform: uppercase; } .table-vcenter th, .table-vcenter td { vertical-align: middle; } .table-responsive > .table.table-bordered thead th, [class*="table-responsive-"] > .table.table-bordered thead th { border-top: 1px solid rgb(228, 231, 237); } .table-active, .table-active > th, .table-active > td { background-color: rgb(240, 242, 245); } .table-hover .table-active:hover { background-color: rgb(225, 229, 235); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgb(225, 229, 235); } .table-primary, .table-primary > th, .table-primary > td { background-color: rgb(200, 226, 248); } .table-hover .table-primary:hover { background-color: rgb(177, 215, 246); } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(177, 215, 246); } .table-success, .table-success > th, .table-success > td { background-color: rgb(235, 245, 223); } .table-hover .table-success:hover { background-color: rgb(223, 239, 204); } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: rgb(223, 239, 204); } .table-info, .table-info > th, .table-info > td { background-color: rgb(227, 244, 252); } .table-hover .table-info:hover { background-color: rgb(204, 235, 250); } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: rgb(204, 235, 250); } .table-warning, .table-warning > th, .table-warning > td { background-color: rgb(252, 247, 230); } .table-hover .table-warning:hover { background-color: rgb(249, 240, 207); } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: rgb(249, 240, 207); } .table-danger, .table-danger > th, .table-danger > td { background-color: rgb(250, 233, 232); } .table-hover .table-danger:hover { background-color: rgb(245, 213, 211); } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: rgb(245, 213, 211); } .js-table-checkable tbody tr, .js-table-sections-header > tr { cursor: pointer; } .js-table-sections-header > tr > td:first-child > i { transition: transform 0.2s ease-in-out; } .js-table-sections-header + tbody { display: none; } .js-table-sections-header.show > tr > td:first-child > i { transform: rotate(90deg); } .js-table-sections-header.show + tbody { display: table-row-group; } label { font-weight: 600; } .invalid-feedback { font-size: 0.928571rem; } .btn { font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 600; } .btn.btn-square { border-radius: 0px !important; } .btn.btn-rounded { border-radius: 50px !important; } .btn .si { position: relative; top: 1px; } .btn.btn-hero { padding: 14px 38px; font-size: 1rem; line-height: 16px; border-radius: 3px; height: auto; } .btn.btn-hero.btn-sm, .btn-group-sm > .btn.btn-hero { padding: 11px 34px; font-size: 1rem; line-height: 16px; border-radius: 3px; } .btn.btn-hero.btn-lg, .btn-group-lg > .btn.btn-hero { padding: 15px 42px; font-size: 1.14286rem; line-height: 20px; border-radius: 3px; } .btn.btn-circle { padding: 9px 0px; font-size: 1rem; line-height: 1; min-width: 34px; height: 34px; text-align: center; border-radius: 50% !important; } .btn.btn-circle.btn-sm, .btn-group-sm > .btn.btn-circle { padding: 6px 0px; font-size: 1rem; line-height: 1; border-radius: inherit; min-width: 28px; height: 28px; } .btn.btn-circle.btn-lg, .btn-group-lg > .btn.btn-circle { padding: 12px 0px; font-size: 1rem; line-height: 1; border-radius: inherit; min-width: 40px; height: 40px; } .btn.btn-circle > .si { top: 0px; } .btn-secondary { color: rgb(33, 37, 41); background-color: rgb(240, 242, 245); border-color: rgb(203, 210, 221); } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus { color: rgb(33, 37, 41); background-color: rgb(203, 210, 221); border-color: rgb(173, 184, 200); } .btn-secondary.disabled, .btn-secondary:disabled { background-color: rgb(240, 242, 245); border-color: rgb(203, 210, 221); } .btn-secondary:not([disabled]):not(.disabled):active { background-color: rgb(240, 242, 245); border-color: rgb(203, 210, 221); } .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { background-color: rgb(203, 210, 221); background-image: none; border-color: rgb(173, 184, 200); } .btn-secondary.btn-noborder { border-color: rgb(240, 242, 245); } .btn-secondary.btn-noborder:hover, .btn-secondary.btn-noborder:focus, .btn-secondary.btn-noborder.focus { border-color: rgb(203, 210, 221); } .btn-secondary.btn-noborder.disabled, .btn-secondary.btn-noborder:disabled, .btn-secondary.btn-noborder:not([disabled]):not(.disabled):active, .btn-secondary.btn-noborder:not([disabled]):not(.disabled).active { border-color: rgb(240, 242, 245); } .show > .btn-secondary.btn-noborder.dropdown-toggle { border-color: rgb(203, 210, 221); } .btn-outline-secondary { color: rgb(105, 125, 155); background-color: transparent; background-image: none; border-color: rgb(105, 125, 155); } .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus { color: rgb(255, 255, 255); background-color: rgb(105, 125, 155); border-color: rgb(105, 125, 155); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: rgb(105, 125, 155); background-color: transparent; } .btn-outline-secondary:not([disabled]):not(.disabled):active { color: rgb(105, 125, 155); background-color: transparent; border-color: rgb(105, 125, 155); } .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(105, 125, 155); border-color: rgb(105, 125, 155); } .btn-outline-secondary.btn-noborder { border-color: transparent; } .btn-outline-secondary.btn-noborder:not([disabled]):not(.disabled):active, .btn-outline-secondary.btn-noborder:not([disabled]):not(.disabled).active { border-color: transparent; } .btn-alt-primary { color: rgb(18, 90, 150); background-color: rgb(200, 226, 248); border-color: rgb(200, 226, 248); } .btn-alt-primary:hover, .btn-alt-primary:focus, .btn-alt-primary.focus { color: rgb(18, 90, 150); background-color: rgb(154, 203, 243); border-color: rgb(154, 203, 243); box-shadow: none; } .btn-alt-primary.disabled, .btn-alt-primary:disabled { background-color: rgb(200, 226, 248); border-color: rgb(200, 226, 248); } .btn-alt-primary:not([disabled]):not(.disabled):active { color: rgb(18, 90, 150); background-color: rgb(200, 226, 248); border-color: rgb(200, 226, 248); } .btn-alt-primary:not([disabled]):not(.disabled).active, .show > .btn-alt-primary.dropdown-toggle { color: rgb(18, 90, 150); background-color: rgb(154, 203, 243); border-color: rgb(154, 203, 243); } .btn-alt-secondary { color: rgb(23, 23, 23); background-color: rgb(228, 231, 237); border-color: rgb(228, 231, 237); } .btn-alt-secondary:hover, .btn-alt-secondary:focus, .btn-alt-secondary.focus { color: rgb(23, 23, 23); background-color: rgb(197, 205, 216); border-color: rgb(197, 205, 216); box-shadow: none; } .btn-alt-secondary.disabled, .btn-alt-secondary:disabled { background-color: rgb(228, 231, 237); border-color: rgb(228, 231, 237); } .btn-alt-secondary:not([disabled]):not(.disabled):active { color: rgb(23, 23, 23); background-color: rgb(228, 231, 237); border-color: rgb(228, 231, 237); } .btn-alt-secondary:not([disabled]):not(.disabled).active, .show > .btn-alt-secondary.dropdown-toggle { color: rgb(23, 23, 23); background-color: rgb(197, 205, 216); border-color: rgb(197, 205, 216); } .btn-alt-success { color: rgb(92, 133, 44); background-color: rgb(235, 245, 223); border-color: rgb(235, 245, 223); } .btn-alt-success:hover, .btn-alt-success:focus, .btn-alt-success.focus { color: rgb(92, 133, 44); background-color: rgb(211, 233, 184); border-color: rgb(211, 233, 184); box-shadow: none; } .btn-alt-success.disabled, .btn-alt-success:disabled { background-color: rgb(235, 245, 223); border-color: rgb(235, 245, 223); } .btn-alt-success:not([disabled]):not(.disabled):active { color: rgb(92, 133, 44); background-color: rgb(235, 245, 223); border-color: rgb(235, 245, 223); } .btn-alt-success:not([disabled]):not(.disabled).active, .show > .btn-alt-success.dropdown-toggle { color: rgb(92, 133, 44); background-color: rgb(211, 233, 184); border-color: rgb(211, 233, 184); } .btn-alt-info { color: rgb(19, 100, 110); background-color: rgb(227, 244, 252); border-color: rgb(227, 244, 252); } .btn-alt-info:hover, .btn-alt-info:focus, .btn-alt-info.focus { color: rgb(19, 100, 110); background-color: rgb(181, 226, 247); border-color: rgb(181, 226, 247); box-shadow: none; } .btn-alt-info.disabled, .btn-alt-info:disabled { background-color: rgb(227, 244, 252); border-color: rgb(227, 244, 252); } .btn-alt-info:not([disabled]):not(.disabled):active { color: rgb(19, 100, 110); background-color: rgb(227, 244, 252); border-color: rgb(227, 244, 252); } .btn-alt-info:not([disabled]):not(.disabled).active, .show > .btn-alt-info.dropdown-toggle { color: rgb(19, 100, 110); background-color: rgb(181, 226, 247); border-color: rgb(181, 226, 247); } .btn-alt-warning { color: rgb(168, 126, 0); background-color: rgb(252, 247, 230); border-color: rgb(252, 247, 230); } .btn-alt-warning:hover, .btn-alt-warning:focus, .btn-alt-warning.focus { color: rgb(168, 126, 0); background-color: rgb(247, 232, 184); border-color: rgb(247, 232, 184); box-shadow: none; } .btn-alt-warning.disabled, .btn-alt-warning:disabled { background-color: rgb(252, 247, 230); border-color: rgb(252, 247, 230); } .btn-alt-warning:not([disabled]):not(.disabled):active { color: rgb(168, 126, 0); background-color: rgb(252, 247, 230); border-color: rgb(252, 247, 230); } .btn-alt-warning:not([disabled]):not(.disabled).active, .show > .btn-alt-warning.dropdown-toggle { color: rgb(168, 126, 0); background-color: rgb(247, 232, 184); border-color: rgb(247, 232, 184); } .btn-alt-danger { color: rgb(175, 19, 16); background-color: rgb(250, 233, 232); border-color: rgb(250, 233, 232); } .btn-alt-danger:hover, .btn-alt-danger:focus, .btn-alt-danger.focus { color: rgb(175, 19, 16); background-color: rgb(241, 193, 190); border-color: rgb(241, 193, 190); box-shadow: none; } .btn-alt-danger.disabled, .btn-alt-danger:disabled { background-color: rgb(250, 233, 232); border-color: rgb(250, 233, 232); } .btn-alt-danger:not([disabled]):not(.disabled):active { color: rgb(175, 19, 16); background-color: rgb(250, 233, 232); border-color: rgb(250, 233, 232); } .btn-alt-danger:not([disabled]):not(.disabled).active, .show > .btn-alt-danger.dropdown-toggle { color: rgb(175, 19, 16); background-color: rgb(241, 193, 190); border-color: rgb(241, 193, 190); } .btn-dual-secondary { color: rgb(31, 31, 31); background-color: transparent; border-color: transparent; } .btn-dual-secondary:hover, .btn-dual-secondary:focus, .btn-dual-secondary.focus { color: rgb(31, 31, 31); background-color: rgb(209, 215, 225); border-color: rgb(209, 215, 225); box-shadow: none; } .btn-dual-secondary.disabled, .btn-dual-secondary:disabled { background-color: transparent; border-color: transparent; } .btn-dual-secondary:not([disabled]):not(.disabled):active { color: rgb(31, 31, 31); background-color: transparent; border-color: transparent; } .btn-dual-secondary:not([disabled]):not(.disabled).active, .show > .btn-dual-secondary.dropdown-toggle { color: rgb(31, 31, 31); background-color: rgb(209, 215, 225); border-color: rgb(209, 215, 225); } .page-header-inverse #page-header .btn-dual-secondary, .sidebar-inverse #sidebar .btn-dual-secondary { color: rgb(255, 255, 255); background-color: transparent; border-color: transparent; } .page-header-inverse #page-header .btn-dual-secondary:hover, .page-header-inverse #page-header .btn-dual-secondary:focus, .page-header-inverse #page-header .btn-dual-secondary.focus, .sidebar-inverse #sidebar .btn-dual-secondary:hover, .sidebar-inverse #sidebar .btn-dual-secondary:focus, .sidebar-inverse #sidebar .btn-dual-secondary.focus { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-color: rgb(33, 37, 41); box-shadow: none; } .page-header-inverse #page-header .btn-dual-secondary.disabled, .page-header-inverse #page-header .btn-dual-secondary:disabled, .sidebar-inverse #sidebar .btn-dual-secondary.disabled, .sidebar-inverse #sidebar .btn-dual-secondary:disabled { background-color: transparent; border-color: transparent; } .page-header-inverse #page-header .btn-dual-secondary:not([disabled]):not(.disabled):active, .sidebar-inverse #sidebar .btn-dual-secondary:not([disabled]):not(.disabled):active { color: rgb(255, 255, 255); background-color: transparent; border-color: transparent; } .page-header-inverse #page-header .btn-dual-secondary:not([disabled]):not(.disabled).active, .show > .page-header-inverse #page-header .btn-dual-secondary.dropdown-toggle, .sidebar-inverse #sidebar .btn-dual-secondary:not([disabled]):not(.disabled).active, .show > .sidebar-inverse #sidebar .btn-dual-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-color: rgb(33, 37, 41); } .fade { transition: opacity 0.15s ease-out; } .fade.fade-up { transition: opacity 0.15s ease-out, transform 0.3s ease-out; transform: translateY(100px); } .fade.fade-up.show { transform: translateY(0px); } .fade.fade-right { transition: opacity 0.15s ease-out, transform 0.3s ease-out; transform: translateX(-100px); } .fade.fade-right.show { transform: translateX(0px); } .fade.fade-left { transition: opacity 0.15s ease-out, transform 0.3s ease-out; transform: translateX(100px); } .fade.fade-left.show { transform: translateX(0px); } .dropdown-menu { padding-right: 8px; padding-left: 8px; } .dropdown-item { margin-bottom: 5px; border-radius: 4px; } .dropdown-header { margin-bottom: 5px; text-transform: uppercase; } .custom-control-label::before, .custom-control-label::after { top: 3px; } .css-control { position: relative; display: inline-block; padding: 6px 0px; margin: 0px; font-weight: 400; font-size: 1rem; cursor: pointer; } .css-control-input { position: absolute; z-index: -1; opacity: 0; } .css-control-input:focus ~ .css-control-indicator { box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px; } .css-control-input ~ .css-control-indicator { position: relative; display: inline-block; margin-top: -3px; margin-right: 3px; vertical-align: middle; } .css-control-input ~ .css-control-indicator::after { position: absolute; content: ""; } .css-control.css-control-sm { padding: 3px 0px 4px; font-size: 1rem; } .css-control.css-control-lg { padding: 7px 0px; font-size: 1.14286rem; } .css-control.disabled { opacity: 0.5; cursor: not-allowed; } .css-control + .css-control { margin-left: 10px; } .css-radio .css-control-input ~ .css-control-indicator { width: 20px; height: 20px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 50%; } .css-radio .css-control-input ~ .css-control-indicator::after { inset: 2px; background-color: rgb(255, 255, 255); border-radius: 50%; opacity: 0; transition: opacity 0.15s ease-out; } .css-radio .css-control-input:checked ~ .css-control-indicator::after { opacity: 1; } .css-radio:hover .css-control-input ~ .css-control-indicator { border-color: rgb(228, 231, 237); } .css-radio.css-control-sm .css-control-input ~ .css-control-indicator { width: 16px; height: 16px; } .css-radio.css-control-lg .css-control-input ~ .css-control-indicator { width: 26px; height: 26px; } .css-radio.css-control-primary .css-control-input:checked ~ .css-control-indicator::after { background-color: rgb(63, 156, 232); } .css-radio.css-control-secondary .css-control-input:checked ~ .css-control-indicator::after { background-color: rgb(108, 117, 125); } .css-radio.css-control-info .css-control-input:checked ~ .css-control-indicator::after { background-color: rgb(38, 198, 218); } .css-radio.css-control-success .css-control-input:checked ~ .css-control-indicator::after { background-color: rgb(156, 204, 101); } .css-radio.css-control-warning .css-control-input:checked ~ .css-control-indicator::after { background-color: rgb(255, 202, 40); } .css-radio.css-control-danger .css-control-input:checked ~ .css-control-indicator::after { background-color: rgb(239, 83, 80); } .css-checkbox .css-control-input ~ .css-control-indicator { width: 20px; height: 20px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); transition: background-color 0.15s; } .css-checkbox .css-control-input ~ .css-control-indicator::after { inset: 0px; font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; font-weight: 900; font-size: 10px; color: rgb(255, 255, 255); line-height: 18px; content: ""; text-align: center; } .css-checkbox:hover .css-control-input ~ .css-control-indicator { border-color: rgb(228, 231, 237); } .css-checkbox.css-control-sm .css-control-input ~ .css-control-indicator { width: 16px; height: 16px; } .css-checkbox.css-control-sm .css-control-input ~ .css-control-indicator::after { font-size: 8px; line-height: 15px; } .css-checkbox.css-control-lg { padding: 6px 0px 7px; } .css-checkbox.css-control-lg .css-control-input ~ .css-control-indicator { width: 28px; height: 28px; } .css-checkbox.css-control-lg .css-control-input ~ .css-control-indicator::after { font-size: 14px; line-height: 26px; } .css-checkbox.css-checkbox-rounded .css-control-input ~ .css-control-indicator { border-radius: 2px; } .css-checkbox.css-control-primary .css-control-input:checked ~ .css-control-indicator { background-color: rgb(63, 156, 232); border-color: rgb(23, 118, 195); } .css-checkbox.css-control-secondary .css-control-input:checked ~ .css-control-indicator { background-color: rgb(108, 117, 125); border-color: rgb(73, 79, 84); } .css-checkbox.css-control-info .css-control-input:checked ~ .css-control-indicator { background-color: rgb(38, 198, 218); border-color: rgb(26, 139, 153); } .css-checkbox.css-control-success .css-control-input:checked ~ .css-control-indicator { background-color: rgb(156, 204, 101); border-color: rgb(118, 172, 57); } .css-checkbox.css-control-warning .css-control-input:checked ~ .css-control-indicator { background-color: rgb(255, 202, 40); border-color: rgb(219, 165, 0); } .css-checkbox.css-control-danger .css-control-input:checked ~ .css-control-indicator { background-color: rgb(239, 83, 80); border-color: rgb(222, 24, 20); } .css-switch { padding: 3px 0px; } .css-switch .css-control-input ~ .css-control-indicator { width: 51px; height: 30px; background-color: rgb(238, 238, 238); border-radius: 30px; transition: background-color 0.3s; } .css-switch .css-control-input ~ .css-control-indicator::after { top: 2px; bottom: 2px; left: 2px; width: 26px; background-color: rgb(255, 255, 255); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.1) 1px 0px 3px; transition: transform 0.15s ease-out; } .css-switch .css-control-input:checked ~ .css-control-indicator { background-color: rgb(221, 221, 221); } .css-switch .css-control-input:checked ~ .css-control-indicator::after { box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 3px; transform: translateX(20px); } .css-switch.css-control-sm { padding: 3px 0px; } .css-switch.css-control-sm .css-control-input ~ .css-control-indicator { width: 36px; height: 20px; } .css-switch.css-control-sm .css-control-input ~ .css-control-indicator::after { width: 16px; } .css-switch.css-control-sm .css-control-input:checked ~ .css-control-indicator::after { transform: translateX(15px); } .css-switch.css-control-lg { padding: 4px 0px; } .css-switch.css-control-lg .css-control-input ~ .css-control-indicator { width: 65px; height: 34px; } .css-switch.css-control-lg .css-control-input ~ .css-control-indicator::after { width: 30px; } .css-switch.css-control-lg .css-control-input:checked ~ .css-control-indicator::after { transform: translateX(30px); } .css-switch.css-switch-square .css-control-input ~ .css-control-indicator, .css-switch.css-switch-square .css-control-input ~ .css-control-indicator::after { border-radius: 0px; } .css-switch.css-control-primary .css-control-input:checked ~ .css-control-indicator { background-color: rgb(63, 156, 232); } .css-switch.css-control-secondary .css-control-input:checked ~ .css-control-indicator { background-color: rgb(108, 117, 125); } .css-switch.css-control-info .css-control-input:checked ~ .css-control-indicator { background-color: rgb(38, 198, 218); } .css-switch.css-control-success .css-control-input:checked ~ .css-control-indicator { background-color: rgb(156, 204, 101); } .css-switch.css-control-warning .css-control-input:checked ~ .css-control-indicator { background-color: rgb(255, 202, 40); } .css-switch.css-control-danger .css-control-input:checked ~ .css-control-indicator { background-color: rgb(239, 83, 80); } .nav-link { color: rgb(87, 87, 87); font-weight: 600; } .nav-link:hover, .nav-link:focus { color: rgb(63, 156, 232); } .nav-tabs-block { background-color: rgb(246, 247, 249); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .nav-tabs-block .nav-item { margin-bottom: 0px; } .nav-tabs-block .nav-link { padding-top: 12px; padding-bottom: 12px; border-color: transparent; border-radius: 0px; } .nav-tabs-block .nav-link:hover, .nav-tabs-block .nav-link:focus { color: rgb(63, 156, 232); background-color: transparent; border-color: transparent; } .nav-tabs-block .nav-link.active, .nav-tabs-block .nav-item.show .nav-link { color: rgb(87, 87, 87); background-color: rgb(255, 255, 255); border-color: transparent; } .nav-tabs-alt { background-color: transparent; border-bottom-color: rgb(228, 231, 237); } .nav-tabs-alt .nav-item { margin-bottom: -3px; } .nav-tabs-alt .nav-link { padding-top: 12px; padding-bottom: 12px; background-color: transparent; border-color: transparent; } .nav-tabs-alt .nav-link:hover, .nav-tabs-alt .nav-link:focus { color: rgb(63, 156, 232); background-color: transparent; border-color: transparent; box-shadow: rgb(63, 156, 232) 0px -2px inset; } .nav-tabs-alt .nav-link.active, .nav-tabs-alt .nav-item.show .nav-link { background-color: transparent; border-color: transparent; box-shadow: rgb(63, 156, 232) 0px -2px inset; } .nav-users { margin: 0px; padding: 0px; list-style: none; } .nav-users > li:last-child > a { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .nav-users a { position: relative; padding: 12px 8px 8px 71px; display: block; min-height: 62px; font-weight: 600; border-bottom: 1px solid rgb(240, 242, 245); } .nav-users a > img { position: absolute; left: 12px; top: 10px; width: 42px; height: 42px; border-radius: 50%; } .nav-users a > i { position: absolute; left: 40px; top: 40px; display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; background-color: rgb(255, 255, 255); border-radius: 50%; } .nav-users a:hover { background-color: rgb(246, 247, 249); } .breadcrumb-item + .breadcrumb-item::before { font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; font-weight: 900; content: ""; } .page-link { font-weight: 600; } .page-link:focus { color: rgb(23, 23, 23); background-color: rgb(228, 231, 237); border-color: rgb(228, 231, 237); } .pagination-sm .page-link { font-size: 1rem; line-height: 16px; } .pagination-lg .page-link { font-size: 1.14286rem; line-height: 20px; } .badge-secondary { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.33); } a.badge-secondary:hover, a.badge-secondary:focus { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.33); } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 0.2rem; } .modal-content { border-radius: 0px; } .modal-header { padding-top: 16px; padding-bottom: 16px; } .modal-footer { padding-top: 10px; padding-bottom: 10px; border-top-width: 1px; } .modal-backdrop { background-color: rgb(7, 35, 58); } .modal-dialog.modal-dialog-top { margin-top: 0px !important; } .modal.fade .modal-dialog { transition-duration: 0.35s; } .modal.fade .modal-dialog.modal-dialog-popin { transform: scale(1.2, 1.2); } .modal.fade .modal-dialog.modal-dialog-popout { transform: scale(0.8, 0.8); } .modal.fade .modal-dialog.modal-dialog-slideup { transform: translate(0px, 25%); } .modal.fade .modal-dialog.modal-dialog-slideright { transform: translate(-25%, 0px); } .modal.fade .modal-dialog.modal-dialog-slideleft { transform: translate(25%, 0px); } .modal.fade .modal-dialog.modal-dialog-fromright { transform: translateX(25%) rotate(15deg) scale(0.8); } .modal.fade .modal-dialog.modal-dialog-fromleft { transform: translateX(-25%) rotate(-15deg) scale(0.8); } .modal.show .modal-dialog.modal-dialog-popin, .modal.show .modal-dialog.modal-dialog-popout { transform: scale(1, 1); } .modal.show .modal-dialog.modal-dialog-slideup, .modal.show .modal-dialog.modal-dialog-slideright, .modal.show .modal-dialog.modal-dialog-slideleft { transform: translate(0px, 0px); } .modal.show .modal-dialog.modal-dialog-fromright, .modal.show .modal-dialog.modal-dialog-fromleft { transform: translateX(0px) rotate(0deg) scale(1); } .popover-header { padding-bottom: 1px; font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } #page-container { margin: 0px auto; width: 100%; min-width: 320px; } #page-overlay { position: fixed; inset: 0px; content: ""; background: linear-gradient(to right, rgba(7, 35, 58, 0), rgba(7, 35, 58, 0.6)); z-index: 1033; opacity: 0; transition: opacity 0.26s cubic-bezier(0.47, 0, 0.745, 0.715), transform 0.26s cubic-bezier(0.47, 0, 0.745, 0.715); transform: translateX(100%); } .sidebar-r #page-overlay { background: linear-gradient(to right, rgba(7, 35, 58, 0.6), rgba(7, 35, 58, 0)); transform: translateX(-100%); } @media (min-width: 992px) { .side-overlay-o.enable-page-overlay #page-overlay { transform: translateX(0px); opacity: 1; } } #main-container, #page-footer { overflow-x: hidden; } .content { margin: 0px auto; padding: 12px 12px 1px; width: 100%; overflow-x: visible; } .content .pull-t { margin-top: -12px; } .content .pull-b { margin-bottom: -1px; } .content .pull-t-b { margin-top: -12px; margin-bottom: -1px; } .content .pull-r-l { margin-right: -12px; margin-left: -12px; } .content .pull-all { margin: -12px -12px -1px; } .content.content-full { padding-bottom: 12px; } .content.content-full .pull-b, .content.content-full .pull-t-b, .content.content-full .pull-all { margin-bottom: -12px; } .content p, .content .push, .content .block, .content .items-push > div { margin-bottom: 12px; } .content .items-push-2x > div { margin-bottom: 24px; } .content .items-push-3x > div { margin-bottom: 36px; } @media (min-width: 768px) { .content { margin: 0px auto; padding: 24px 24px 1px; width: 100%; overflow-x: visible; } .content .pull-t { margin-top: -24px; } .content .pull-b { margin-bottom: -1px; } .content .pull-t-b { margin-top: -24px; margin-bottom: -1px; } .content .pull-r-l { margin-right: -24px; margin-left: -24px; } .content .pull-all { margin: -24px -24px -1px; } .content.content-full { padding-bottom: 24px; } .content.content-full .pull-b, .content.content-full .pull-t-b, .content.content-full .pull-all { margin-bottom: -24px; } .content p, .content .push, .content .block, .content .items-push > div { margin-bottom: 24px; } .content .items-push-2x > div { margin-bottom: 48px; } .content .items-push-3x > div { margin-bottom: 72px; } } @media (min-width: 1200px) { .content.content-narrow { max-width: 92%; } } .content.content-boxed { max-width: 1200px; } .content-side { margin: 0px auto; padding: 18px 18px 1px; width: 100%; overflow-x: hidden; } .content-side .pull-t { margin-top: -18px; } .content-side .pull-b { margin-bottom: -1px; } .content-side .pull-t-b { margin-top: -18px; margin-bottom: -1px; } .content-side .pull-r-l { margin-right: -18px; margin-left: -18px; } .content-side .pull-all { margin: -18px -18px -1px; } .content-side.content-side-full { padding-bottom: 18px; } .content-side.content-side-full .pull-b, .content-side.content-side-full .pull-t-b, .content-side.content-side-full .pull-all { margin-bottom: -18px; } .content-side p, .content-side .push, .content-side .block, .content-side .items-push > div { margin-bottom: 18px; } .content-side .items-push-2x > div { margin-bottom: 36px; } .content-side .items-push-3x > div { margin-bottom: 54px; } .content-side-user { height: 136px; background-color: rgb(246, 247, 249); overflow: hidden; } .content.content-top { padding-top: 60px; } @media (min-width: 992px) { .content.content-top { padding-top: 72px; } } .section-top { padding-top: 48px; } #page-header { position: relative; margin: 0px auto; width: 100%; background-color: rgb(255, 255, 255); } .overlay-header { position: absolute; inset: 0px; background-color: rgb(255, 255, 255); opacity: 0; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; transform: translateY(-100%); will-change: opacity, transform; } .overlay-header.show { opacity: 1; transform: translateY(0px); } .content-header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 0px auto; padding: 7px 18px; height: 48px; } .content-header.content-header-fullrow { flex-direction: column; align-items: stretch; } .content-header-section { flex: 0 0 auto; } .content-header-section.content-header-section-wrap { flex: 1 1 auto; } .content-header-item { display: inline-block; height: 34px; line-height: 34px; vertical-align: middle; } .content-header-item-align { vertical-align: middle; } .content-header-logo { height: 34px; } #page-header > .content-header { padding-left: 12px; padding-right: 12px; } @media (min-width: 768px) { #page-header > .content-header { padding-left: 24px; padding-right: 24px; } } .sidebar-mini-visible, .sidebar-mini-visible-b { display: none; } .sidebar-mini-show { opacity: 0; } .sidebar-mini-show, .sidebar-mini-hide { transition: opacity 0.26s cubic-bezier(0.47, 0, 0.745, 0.715); } .sidebar-mini-show.sidebar-mini-notrans, .sidebar-mini-hide.sidebar-mini-notrans { transition: none; } #sidebar { position: fixed; top: 0px; bottom: 0px; left: 0px; z-index: 1032; width: 100%; background-color: rgb(255, 255, 255); overflow-y: auto; transform: translateX(-100%) translateY(0px) translateZ(0px); will-change: transform; } .side-trans-enabled #sidebar { transition: transform 0.26s cubic-bezier(0.47, 0, 0.745, 0.715); } .sidebar-r #sidebar { right: 0px; left: auto; transform: translateX(100%) translateY(0px) translateZ(0px); } @media (max-width: 991.98px) { .sidebar-o-xs #sidebar { transform: translateX(0px) translateY(0px) translateZ(0px); } } @media (min-width: 992px) { #sidebar { width: 230px; } .sidebar-o #sidebar { transform: translateX(0px) translateY(0px) translateZ(0px); } .sidebar-o.sidebar-mini #sidebar { overflow-x: hidden; transform: translateX(-176px) translateY(0px) translateZ(0px); transition: transform 0.26s cubic-bezier(0.47, 0, 0.745, 0.715); } .sidebar-r.sidebar-o.sidebar-mini #sidebar { transform: translateX(176px) translateY(0px) translateZ(0px); } .sidebar-o.sidebar-mini #sidebar .sidebar-content { width: 230px; transform: translateX(176px) translateY(0px) translateZ(0px); transition: transform 0.26s cubic-bezier(0.47, 0, 0.745, 0.715); will-change: transform; } .sidebar-o.sidebar-mini #sidebar:hover, .sidebar-o.sidebar-mini #sidebar:hover .sidebar-content, .sidebar-r.sidebar-o.sidebar-mini #sidebar .sidebar-content { transform: translateX(0px) translateY(0px) translateZ(0px); } .sidebar-o.sidebar-mini #sidebar .sidebar-mini-hide { opacity: 0; } .sidebar-o.sidebar-mini #sidebar .sidebar-mini-show { opacity: 1; } .sidebar-o.sidebar-mini #sidebar .sidebar-mini-hidden, .sidebar-o.sidebar-mini #sidebar .sidebar-mini-hidden-b { display: none; } .sidebar-o.sidebar-mini #sidebar .sidebar-mini-visible { display: inline-block; } .sidebar-o.sidebar-mini #sidebar .sidebar-mini-visible-b { display: block; } .sidebar-o.sidebar-mini #sidebar .nav-main > li.open > ul { display: none; } .sidebar-o.sidebar-mini #sidebar:hover .sidebar-mini-hide { opacity: 1; } .sidebar-o.sidebar-mini #sidebar:hover .sidebar-mini-show { opacity: 0; } .sidebar-o.sidebar-mini #sidebar:hover .sidebar-mini-hidden { display: inline-block; } .sidebar-o.sidebar-mini #sidebar:hover .sidebar-mini-hidden-b { display: block; } .sidebar-o.sidebar-mini #sidebar:hover .sidebar-mini-visible, .sidebar-o.sidebar-mini #sidebar:hover .sidebar-mini-visible-b { display: none; opacity: 0; } .sidebar-o.sidebar-mini #sidebar:hover .nav-main > li.open > ul { display: block; } } #side-overlay { position: fixed; top: 0px; right: 0px; bottom: 0px; z-index: 1034; width: 100%; background-color: rgb(255, 255, 255); overflow-y: auto; transform: translateX(100%) translateY(0px) translateZ(0px); will-change: transform; } .side-trans-enabled #side-overlay { transition: transform 0.26s cubic-bezier(0.47, 0, 0.745, 0.715); } .sidebar-r #side-overlay { right: auto; left: 0px; transform: translateX(-100%) translateY(0px) translateZ(0px); } .side-overlay-o #side-overlay { transform: translateX(0px) translateY(0px) translateZ(0px); } @media (min-width: 992px) { #side-overlay { width: 320px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 25px; transform: translateX(110%) translateY(0px) translateZ(0px); } .sidebar-r #side-overlay { transform: translateX(-110%) translateY(0px) translateZ(0px); } .side-overlay-hover #side-overlay { transform: translateX(302px) translateY(0px) translateZ(0px); } .sidebar-r.side-overlay-hover #side-overlay { transform: translateX(-302px) translateY(0px) translateZ(0px); } .side-overlay-hover #side-overlay:hover, .side-overlay-o #side-overlay, .side-overlay-o.side-overlay-hover #side-overlay { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px; transform: translateX(0px) translateY(0px) translateZ(0px); } } @media (min-width: 1200px) { #page-container.main-content-narrow > #page-header .content-header, #page-container.main-content-narrow > #page-header .content, #page-container.main-content-narrow > #main-container .content, #page-container.main-content-narrow > #page-footer .content { max-width: 92%; } } #page-container.main-content-boxed > #page-header .content-header, #page-container.main-content-boxed > #page-header .content, #page-container.main-content-boxed > #main-container .content, #page-container.main-content-boxed > #page-footer .content { max-width: 1200px; } @media (min-width: 992px) { #page-container.page-header-modern #page-header { background-color: rgb(240, 242, 245); box-shadow: none !important; } #page-container.page-header-modern #page-header > .content-header { padding-top: 12px; padding-bottom: 2px; } } #page-container.page-header-inverse #page-header { color: rgb(203, 210, 221); background-color: rgb(52, 58, 64); } #page-container.page-header-glass #page-header { position: absolute; background-color: transparent; } #page-container.page-header-glass.page-header-fixed #page-header { transition: background-color 0.2s linear; will-change: background-color; box-shadow: none; } #page-container.page-header-glass.page-header-fixed.page-header-scroll #page-header { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.02) 0px 5px 10px; } #page-container.page-header-glass.page-header-fixed.page-header-scroll.page-header-inverse #page-header { background-color: rgb(52, 58, 64); box-shadow: none; } #page-container.page-header-glass #main-container, #page-container.page-header-glass.page-header-fixed #main-container { padding-top: 0px; } #page-container.page-header-fixed #page-header { position: fixed; box-shadow: rgba(0, 0, 0, 0.02) 0px 5px 10px; } #page-container.page-header-fixed #page-header > .content-header { padding-top: 7px; padding-bottom: 7px; } #page-container.page-header-fixed.page-header-inverse #page-header { box-shadow: none; } #page-container.page-header-fixed #main-container { padding-top: 48px; } #page-container.page-header-fixed #page-header, #page-container.page-header-glass #page-header { top: 0px; right: 0px; left: 0px; z-index: 1030; min-width: 320px; max-width: 100%; width: auto; } @media (min-width: 992px) { #page-container.page-header-fixed.sidebar-o #page-header, #page-container.page-header-glass.sidebar-o #page-header { left: 230px; } #page-container.page-header-fixed.sidebar-r.sidebar-o #page-header, #page-container.page-header-glass.sidebar-r.sidebar-o #page-header { right: 230px; left: 0px; } #page-container.page-header-fixed.sidebar-o.sidebar-mini #page-header, #page-container.page-header-glass.sidebar-o.sidebar-mini #page-header { left: 54px; } #page-container.page-header-fixed.sidebar-r.sidebar-o.sidebar-mini #page-header, #page-container.page-header-glass.sidebar-r.sidebar-o.sidebar-mini #page-header { right: 54px; left: 0px; } } @media (min-width: 992px) { #page-container.page-header-modern #sidebar { box-shadow: rgb(228, 231, 237) 5px 0px 10px; } #page-container.page-header-modern.sidebar-r #sidebar { box-shadow: rgb(228, 231, 237) -5px 0px 10px; } } #page-container.sidebar-inverse #sidebar { color: rgb(228, 231, 237); background-color: rgb(52, 58, 64); box-shadow: none; } #page-container.sidebar-inverse #sidebar .content-side-user { background-color: rgb(45, 50, 56); } @media (min-width: 992px) { #page-container.sidebar-o { padding-left: 230px; } #page-container.sidebar-r.sidebar-o { padding-right: 230px; padding-left: 0px; } #page-container.sidebar-o.sidebar-mini { padding-left: 54px; } #page-container.sidebar-r.sidebar-o.sidebar-mini { padding-right: 54px; padding-left: 0px; } #page-container.side-scroll #sidebar, #page-container.side-scroll #side-overlay { overflow-y: hidden; } } .hero { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 100vh; min-height: 500px; } .hero.hero-sm { min-height: 300px; } .hero.hero-lg { min-height: 800px; } .hero-inner { flex: 0 0 auto; width: 100%; } .hero-static { min-height: 100vh; } .hero-promo { position: relative; overflow: hidden; } .hero-promo::before { position: absolute; right: -500px; bottom: -500px; left: 0px; height: 640px; content: ""; background: rgba(255, 255, 255, 0.2); transform: skewY(-20deg); z-index: 0; } .hero-bubbles { position: relative; overflow: hidden; } .hero-bubbles .hero-bubble { position: absolute; display: inline-block; border-radius: 100%; opacity: 0.2; z-index: 0; } .hero-bubbles .hero-bubble:nth-child(2n+1) { animation: 15s ease-in 0s infinite normal none running hero-bubble; } .hero-bubbles .hero-bubble:nth-child(2n) { animation: 15s ease-in 0s infinite reverse none running hero-bubble; } @keyframes hero-bubble { 0% { transform: scale(1); } 33% { transform: scale(1.5) translateY(1rem); } 50% { opacity: 0.5; } 66% { transform: scale(0.5) translateY(0px); } 100% { transform: scale(1); opacity: 0.2; } } .block { margin-bottom: 24px; background-color: rgb(255, 255, 255); box-shadow: rgb(228, 231, 237) 0px 1px 1px; } .block .block, .content-side .block { box-shadow: none; } .block-header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 14px 20px; transition: opacity 0.2s ease-out; } .block-header.block-header-rtl { flex-direction: row-reverse; } .block-header.block-header-rtl .block-title { text-align: right; } .block-header.block-header-rtl .block-options { padding-right: 10px; padding-left: 0px; } .block-header-default { background-color: rgb(246, 247, 249); } .block-title { flex: 1 1 auto; min-height: 28px; margin: 0px; font-size: 1.14286rem; font-weight: 400; line-height: 28px; } .block-title small { font-size: 1rem; font-weight: 400; line-height: 22px; color: rgb(100, 100, 100); } .block-content { transition: opacity 0.2s ease-out; margin: 0px auto; padding: 20px 20px 1px; width: 100%; overflow-x: visible; } .block-content .pull-t { margin-top: -20px; } .block-content .pull-b { margin-bottom: -1px; } .block-content .pull-t-b { margin-top: -20px; margin-bottom: -1px; } .block-content .pull-r-l { margin-right: -20px; margin-left: -20px; } .block-content .pull-all { margin: -20px -20px -1px; } .block-content.block-content-full { padding-bottom: 20px; } .block-content.block-content-full .pull-b, .block-content.block-content-full .pull-t-b, .block-content.block-content-full .pull-all { margin-bottom: -20px; } .block-content p, .block-content .push, .block-content .block, .block-content .items-push > div { margin-bottom: 20px; } .block-content .items-push-2x > div { margin-bottom: 40px; } .block-content .items-push-3x > div { margin-bottom: 60px; } .block-content.block-content-sm { padding-top: 10px; } .block-content.block-content-sm .pull-t, .block-content.block-content-sm .pull-t-b, .block-content.block-content-sm .pull-all { margin-top: -10px; } .block-content.block-content-sm.block-content-full { padding-bottom: 10px; } .block-content.block-content-sm.block-content-full .pull-b, .block-content.block-content-sm.block-content-full .pull-t-b, .block-content.block-content-sm.block-content-full .pull-all { margin-bottom: -10px; } .block-table { display: table; border-collapse: collapse; width: 100%; } .block-table .block-row { display: table-row; } .block-table .block-cell { display: table-cell; padding: 20px; vertical-align: middle; } .block.block-bordered { border: 1px solid rgb(228, 231, 237); box-shadow: none; } .block.block-rounded { border-radius: 4px; } .block.block-rounded > .block-header { border-top-left-radius: 3px; border-top-right-radius: 3px; } .block.block-rounded > .block-header:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .block.block-rounded > .block-content:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .block.block-rounded > .block-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .block.block-themed > .block-header { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; color: rgb(255, 255, 255); background-color: rgb(63, 156, 232); } .block.block-themed > .block-header > .block-title { color: rgba(255, 255, 255, 0.9); } .block.block-themed > .block-header > .block-title small { color: rgba(255, 255, 255, 0.7); } .block.block-transparent { background-color: transparent; box-shadow: none; } .block.block-shadow { box-shadow: rgba(33, 37, 41, 0.05) 0px 15px 30px; } .block.block-mode-hidden.block-bordered > .block-header { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .block.block-mode-hidden > .block-content { display: none; } .block.block-mode-loading { position: relative; overflow: hidden; } .block.block-mode-loading > .block-header, .block.block-mode-loading > .block-content, .block.block-mode-loading > .nav-tabs { opacity: 0.05; } .block.block-mode-loading::before { position: absolute; inset: 0px; display: block; z-index: 1; content: " "; } .block.block-mode-loading::after { position: absolute; top: 50%; left: 50%; margin: -25px 0px 0px -25px; width: 50px; height: 50px; line-height: 50px; color: rgb(52, 58, 64); font-family: Simple-Line-Icons; font-size: 18px; text-align: center; z-index: 2; content: ""; animation: 1.75s linear 0s infinite normal none running fa-spin; border-radius: 25px; box-shadow: rgba(52, 58, 64, 0.05) 0px 0px 15px 15px; } .block.block-mode-loading.block-mode-hidden::after { margin: -15px 0px 0px -15px; width: 30px; height: 30px; line-height: 30px; box-shadow: rgba(52, 58, 64, 0.05) 0px 0px 8px 8px; } .block.block-mode-loading.block-mode-loading-inverse::after { background-color: rgb(52, 58, 64); color: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 15px 15px; } .block.block-mode-loading.block-mode-loading-location::after { content: ""; } .block.block-mode-loading.block-mode-loading-energy::after { content: ""; } .block.block-mode-loading.block-mode-loading-refresh::after { font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; font-weight: 900; content: ""; } .block.block-mode-loading.block-mode-loading-sun::after { font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; content: ""; } .block.block-mode-loading.block-mode-loading-repeat::after { font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; font-weight: 900; content: ""; } .block.block-mode-fullscreen { position: fixed; inset: 0px; z-index: 1035; margin-bottom: 0px; overflow-y: auto; backface-visibility: hidden; } .block.block-mode-fullscreen.block-bordered { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; } .block.block-mode-fullscreen.block-rounded { border-radius: 0px; } .block.block-mode-fullscreen.block-transparent { background-color: rgb(255, 255, 255); } .block.block-mode-pinned { position: fixed; right: 10px; bottom: 0px; width: 100%; max-width: 300px; z-index: 1031; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 30px; margin-bottom: 0px !important; } .block.block-mode-pinned > .block-content { max-height: 250px; overflow-y: auto; } a.block { display: block; color: rgb(87, 87, 87); font-weight: normal; transition: 0.12s ease-out; } a.block:hover { color: rgb(87, 87, 87); opacity: 0.65; } a.block:active { opacity: 1; } a.block.block-link-rotate:hover { transform: rotate(1deg); opacity: 1; } a.block.block-link-rotate:active { transform: rotate(0deg); } a.block.block-link-pop:hover { box-shadow: rgb(216, 221, 229) 0px 2px 30px; transform: translateY(-3px); opacity: 1; } a.block.block-link-pop:active { box-shadow: rgb(237, 239, 243) 0px 2px 10px; transform: translateY(0px); } a.block.block-link-shadow:hover { box-shadow: rgb(216, 221, 229) 0px 0px 36px; opacity: 1; } a.block.block-link-shadow:active { box-shadow: rgb(228, 231, 237) 0px 0px 10px; } .block.block-fx-rotate { transform: rotate(1deg); opacity: 1; } .block.block-fx-pop { box-shadow: rgb(216, 221, 229) 0px 2px 30px; transform: translateY(-3px); opacity: 1; } .block.block-fx-shadow { box-shadow: rgb(216, 221, 229) 0px 0px 36px; opacity: 1; } .block-options { flex: 0 0 auto; padding-left: 10px; min-height: 28px; } .block-options .block-options-item { padding: 6px 5px; line-height: 1.2; } .block.block-themed > .block-header .block-options .block-options-item { color: rgb(255, 255, 255); } .block-options .block-options-item, .block-options .dropdown, .block-options .dropup, .block-options .dropright, .block-options .dropleft { display: inline-block; } .block-sticky-options { position: relative; } .block-sticky-options .block-options { position: absolute; top: 14px; right: 20px; } .block-sticky-options .block-options.block-options-left { right: auto; left: 20px; padding-right: 10px; padding-left: 0px; } .btn-block-option { display: inline-block; padding: 6px 5px; line-height: 1.2; color: rgb(108, 117, 125); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; } .btn-block-option .si { position: relative; top: 1px; } .btn-block-option:hover { text-decoration: none; color: rgb(52, 58, 64); } a.btn-block-option:focus, .active > a.btn-block-option, .show > button.btn-block-option { text-decoration: none; color: rgb(52, 58, 64); } .btn-block-option:active { color: rgb(108, 117, 125); } a.btn-block-option:focus, .active > a.btn-block-option, .show > button.btn-block-option { text-decoration: none; color: rgb(52, 58, 64); } .block.block-themed > .block-header > .block-options .btn-block-option, .block.block-themed > .block-content > .block-options .btn-block-option { color: rgb(255, 255, 255); opacity: 0.7; } .block.block-themed > .block-header > .block-options .btn-block-option:hover, .block.block-themed > .block-content > .block-options .btn-block-option:hover { color: rgb(255, 255, 255); opacity: 1; } .block.block-themed > .block-header > .block-options .btn-block-option:active, .block.block-themed > .block-content > .block-options .btn-block-option:active { color: rgb(255, 255, 255); opacity: 0.6; } .block.block-themed > .block-header > .block-options a.btn-block-option:focus, .block.block-themed > .block-header > .block-options .active > a.btn-block-option, .block.block-themed > .block-header > .block-options .show > button.btn-block-option, .block.block-themed > .block-content > .block-options a.btn-block-option:focus, .block.block-themed > .block-content > .block-options .active > a.btn-block-option, .block.block-themed > .block-content > .block-options .show > button.btn-block-option { color: rgb(255, 255, 255); opacity: 1; } #page-loader { position: fixed; inset: 0px; background-color: rgb(63, 156, 232); z-index: 999998; transition: transform 0.35s ease-out; transform: translateY(-100%); will-change: transform; } #page-loader.show { transform: translateY(0px); } #page-loader::after, #page-loader::before { position: absolute; top: 50%; left: 50%; display: block; border-radius: 100%; content: ""; z-index: 999999; } #page-loader::after { margin-top: -100px; margin-left: -100px; width: 200px; height: 200px; background-color: rgba(255, 255, 255, 0.5); border: 3px solid rgba(255, 255, 255, 0.75); animation: 1.5s ease-out 0s infinite normal none running page-loader-inner; } #page-loader::before { margin-top: -30px; margin-left: -30px; width: 60px; height: 60px; background-color: white; animation: 1.5s ease-in 0s infinite normal none running page-loader-outer; } @keyframes page-loader-inner { 0%, 40% { transform: scale(0); } 100% { transform: scale(1); opacity: 0; } } @keyframes page-loader-outer { 0% { transform: scale(1); } 40%, 100% { transform: scale(0); opacity: 0; } } .nav-main { margin: 0px -18px; padding: 0px; list-style: none; } .nav-main .nav-main-heading { padding: 30px 18px 6px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; opacity: 0.55; } .nav-main a { position: relative; display: block; padding: 9px 18px 9px 40px; font-weight: 600; color: rgba(87, 87, 87, 0.9); } .sidebar-inverse #sidebar .nav-main a { color: rgba(228, 231, 237, 0.75); } .nav-main a > i { position: absolute; top: 49%; right: auto; left: 18px; transform: translateX(0px) translateY(-50%); font-size: 14px; color: rgba(52, 58, 64, 0.75); } .sidebar-inverse #sidebar .nav-main a > i { color: rgb(228, 231, 237); } .nav-main a:hover, .nav-main a:focus, .nav-main a.active { color: rgb(0, 0, 0); } .sidebar-inverse #sidebar .nav-main a:hover, .sidebar-inverse #sidebar .nav-main a:focus, .sidebar-inverse #sidebar .nav-main a.active { color: rgb(255, 255, 255); } .nav-main a:hover > i, .nav-main a:focus > i, .nav-main a.active > i { color: rgb(63, 156, 232); } .sidebar-inverse #sidebar .nav-main a:hover > i, .sidebar-inverse #sidebar .nav-main a:focus > i, .sidebar-inverse #sidebar .nav-main a.active > i { color: rgb(63, 156, 232); } .nav-main a.nav-submenu { padding-right: 35px; } .nav-main a.nav-submenu::before, .nav-main a.nav-submenu::after { position: absolute; top: 50%; right: 15px; margin-top: -11px; width: 20px; height: 20px; display: block; line-height: 20px; text-align: center; font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; font-size: 14px; transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .nav-main a.nav-submenu::before { content: ""; opacity: 0.4; } .nav-main a.nav-submenu::after { content: ""; opacity: 0; transform: rotate(90deg); } .nav-main ul { margin: 0px; padding: 0px 0px 0px 40px; height: 0px; list-style: none; overflow: hidden; } .nav-main ul > li { opacity: 0; transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(-15px); } .nav-main ul .nav-main-heading { padding-left: 0px; padding-right: 0px; } .nav-main ul a { padding: 7px 8px 7px 0px; font-size: 13px; color: rgba(87, 87, 87, 0.6); } .nav-main ul a:hover, .nav-main ul a:focus { background-color: transparent; } .nav-main ul a > i { margin-right: 10px; } .nav-main ul ul { padding-left: 12px; } .nav-main li.open > a.nav-submenu { color: rgb(0, 0, 0); } .sidebar-inverse #sidebar .nav-main li.open > a.nav-submenu { color: rgb(255, 255, 255); } .nav-main li.open > a.nav-submenu > i { color: rgb(63, 156, 232); } .sidebar-inverse #sidebar .nav-main li.open > a.nav-submenu > i { color: rgb(63, 156, 232); } .nav-main li.open > a.nav-submenu::before { opacity: 0; transform: rotate(-90deg); } .nav-main li.open > a.nav-submenu::after { opacity: 0.4; transform: rotate(0deg); } .nav-main li.open > ul { height: auto; padding-top: 5px; padding-bottom: 5px; background-color: rgb(246, 247, 249); } .sidebar-inverse #sidebar .nav-main li.open > ul { background-color: rgb(45, 50, 56); } .nav-main li.open > ul > li { opacity: 1; transform: translateX(0px); } .nav-main-header { display: none; } @media (min-width: 992px) { .nav-main-header { margin: 0px -3px; padding: 0px; display: inline-block; list-style: none; vertical-align: middle; } .nav-main-header li { position: relative; display: inline-block; margin: 0px 3px; } .nav-main-header a { position: relative; display: inline-block; padding: 9px 14px; font-weight: 600; line-height: 16px; border-radius: 3px; } .nav-main-header a > i { margin-right: 8px; } .nav-main-header a > i.si { position: relative; top: 1px; } .nav-main-header a.nav-submenu { padding-right: 28px; } .nav-main-header a.nav-submenu::before { position: absolute; top: 50%; right: 6px; margin-top: -10px; width: 20px; height: 20px; display: block; text-align: center; line-height: 20px; font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; } .nav-main-header a.nav-submenu::before { content: ""; opacity: 0.5; } .nav-main-header ul { position: absolute; top: 100%; left: 0px; margin: 0px; padding: 15px 0px; display: none; z-index: 1032; } .nav-main-header ul li { display: block; margin: 0px; } .nav-main-header ul a { display: block; border-radius: 0px; min-width: 160px; } .nav-main-header ul a.nav-submenu::before { content: ""; } .nav-main-header ul ul { top: -15px; left: 100%; } .nav-main-header li:hover > a.nav-submenu { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .nav-main-header li:hover > ul { display: block; } .nav-main-header > li:last-child ul { right: 0px; left: auto; } .nav-main-header > li:last-child ul a.nav-submenu::before { content: ""; } .nav-main-header > li:last-child ul ul { right: 100%; left: auto; } .nav-main-header a { color: rgb(113, 113, 113); } .nav-main-header ul a { color: rgb(143, 143, 143); } .nav-main-header a:hover, .nav-main-header a:focus, .nav-main-header a.active, .nav-main-header li.open > a.nav-submenu, .nav-main-header li:hover > a.nav-submenu { color: rgb(0, 0, 0); background-color: rgb(228, 231, 237); } .nav-main-header ul, .nav-main-header > li:hover > a.nav-submenu { background-color: rgb(228, 231, 237); } .page-header-inverse #page-header .nav-main-header a, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header a { color: rgb(200, 208, 218); } .page-header-inverse #page-header .nav-main-header ul a, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header ul a { color: rgb(173, 184, 200); } .page-header-inverse #page-header .nav-main-header a:hover, .page-header-inverse #page-header .nav-main-header a:focus, .page-header-inverse #page-header .nav-main-header a.active, .page-header-inverse #page-header .nav-main-header li.open > a.nav-submenu, .page-header-inverse #page-header .nav-main-header li:hover > a.nav-submenu, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header a:hover, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header a:focus, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header a.active, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header li.open > a.nav-submenu, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header li:hover > a.nav-submenu { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.25); } .page-header-inverse #page-header .nav-main-header ul, .page-header-inverse #page-header .nav-main-header > li:hover > a.nav-submenu, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header ul, .page-header-inverse.page-header-glass.page-header-scroll #page-header .nav-main-header > li:hover > a.nav-submenu { background-color: rgb(52, 58, 64); } .page-header-inverse.page-header-glass #page-header .nav-main-header ul, .page-header-inverse.page-header-glass #page-header .nav-main-header > li:hover > a.nav-submenu { background-color: rgb(41, 45, 50); } .nav-main-header .nav-main-heading { display: none; } .nav-main-header.nav-main-header-no-icons a > i { display: none; } } .form-material { position: relative; padding-top: 26px; } .form-material > label { position: absolute; top: 6px; left: 0px; margin-bottom: 0px; } .form-material.floating > label { font-size: 1.14286rem; font-weight: 400; cursor: text; z-index: 2; transition: 0.2s ease-out; transform: translateY(25px); } .form-material.form-material-sm.floating > label { font-size: 1rem; transform: translateY(22px); } .form-material.form-material-lg.floating > label { font-size: 1.28571rem; transform: translateY(27px); } .form-material > label, .form-material > .form-control:focus + label, .form-material.floating.open > label { font-size: 1rem; font-weight: 600; cursor: default; transform: translateY(0px); } .form-material.floating > .form-control:-webkit-autofill + label { font-size: 1rem; font-weight: 600; cursor: default; transform: translateY(0px); } .form-material.floating > .form-control[disabled] + label, .form-material.floating > .form-control[readonly] + label, fieldset[disabled] .form-material.floating > label { cursor: not-allowed; } .form-material > .form-control { padding-left: 0px; padding-right: 0px; border-color: transparent; border-radius: 0px; background-color: transparent; box-shadow: rgb(212, 218, 227) 0px 1px 0px; transition: box-shadow 0.3s ease-out; } .form-material > .form-control ~ .input-group-append { box-shadow: rgb(212, 218, 227) 0px 1px 0px; transition: box-shadow 0.3s ease-out; } .form-material > .form-control:focus { background-color: transparent; border-color: transparent; box-shadow: rgb(151, 165, 186) 0px 2px 0px; } .form-material > .form-control:focus + label { color: rgb(87, 87, 87); } .form-material > .form-control:focus ~ .input-group-append { box-shadow: rgb(151, 165, 186) 0px 2px 0px; } .form-material > select.form-control { border-radius: 1px; } .form-material .form-control[disabled], .form-material .form-control[readonly], .form-material fieldset[disabled] .form-control { background-color: rgb(255, 255, 255); border-bottom: 1px dashed rgb(204, 204, 204); box-shadow: none; } .form-material.input-group .input-group-text { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background-color: transparent; } .form-material.form-material-primary > .form-control:focus { box-shadow: rgb(63, 156, 232) 0px 2px; } .form-material.form-material-primary > .form-control:focus + label { color: rgb(63, 156, 232); } .form-material.form-material-primary > .form-control:focus ~ .input-group-append { color: rgb(63, 156, 232); box-shadow: rgb(63, 156, 232) 0px 2px; } .form-material.form-material-success > .form-control:focus { box-shadow: rgb(156, 204, 101) 0px 2px; } .form-material.form-material-success > .form-control:focus + label { color: rgb(156, 204, 101); } .form-material.form-material-success > .form-control:focus ~ .input-group-append { color: rgb(156, 204, 101); box-shadow: rgb(156, 204, 101) 0px 2px; } .form-material.form-material-info > .form-control:focus { box-shadow: rgb(38, 198, 218) 0px 2px; } .form-material.form-material-info > .form-control:focus + label { color: rgb(38, 198, 218); } .form-material.form-material-info > .form-control:focus ~ .input-group-append { color: rgb(38, 198, 218); box-shadow: rgb(38, 198, 218) 0px 2px; } .form-material.form-material-warning > .form-control:focus { box-shadow: rgb(255, 202, 40) 0px 2px; } .form-material.form-material-warning > .form-control:focus + label { color: rgb(255, 202, 40); } .form-material.form-material-warning > .form-control:focus ~ .input-group-append { color: rgb(255, 202, 40); box-shadow: rgb(255, 202, 40) 0px 2px; } .form-material.form-material-danger > .form-control:focus { box-shadow: rgb(239, 83, 80) 0px 2px; } .form-material.form-material-danger > .form-control:focus + label { color: rgb(239, 83, 80); } .form-material.form-material-danger > .form-control:focus ~ .input-group-append { color: rgb(239, 83, 80); box-shadow: rgb(239, 83, 80) 0px 2px; } .is-valid .form-material > .form-control { box-shadow: rgb(156, 204, 101) 0px 1px 0px; } .is-valid .form-material > .form-control ~ .input-group-append { color: rgb(156, 204, 101); box-shadow: rgb(156, 204, 101) 0px 1px 0px; } .is-valid .form-material > .form-control:focus { box-shadow: rgb(156, 204, 101) 0px 2px; } .is-valid .form-material > .form-control:focus + label { color: rgb(156, 204, 101); } .is-valid .form-material > .form-control:focus ~ .input-group-append { color: rgb(156, 204, 101); box-shadow: rgb(156, 204, 101) 0px 2px; } .is-valid .form-material ~ .invalid-feedback, .is-valid .form-material ~ .invalid-tooltip { display: block; } .is-valid .form-material label { color: rgb(156, 204, 101); } .is-invalid .form-material > .form-control { box-shadow: rgb(239, 83, 80) 0px 1px 0px; } .is-invalid .form-material > .form-control ~ .input-group-append { color: rgb(239, 83, 80); box-shadow: rgb(239, 83, 80) 0px 1px 0px; } .is-invalid .form-material > .form-control:focus { box-shadow: rgb(239, 83, 80) 0px 2px; } .is-invalid .form-material > .form-control:focus + label { color: rgb(239, 83, 80); } .is-invalid .form-material > .form-control:focus ~ .input-group-append { color: rgb(239, 83, 80); box-shadow: rgb(239, 83, 80) 0px 2px; } .is-invalid .form-material ~ .invalid-feedback, .is-invalid .form-material ~ .invalid-tooltip { display: block; } .is-invalid .form-material label { color: rgb(239, 83, 80); } .img-avatar { width: 64px; height: 64px; border-radius: 50%; display: inline-block !important; } .img-avatar.img-avatar16 { width: 16px; height: 16px; } .img-avatar.img-avatar20 { width: 20px; height: 20px; } .img-avatar.img-avatar32 { width: 32px; height: 32px; } .img-avatar.img-avatar48 { width: 48px; height: 48px; } .img-avatar.img-avatar96 { width: 96px; height: 96px; } .img-avatar.img-avatar128 { width: 128px; height: 128px; } .img-avatar-thumb { margin: 5px; box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 0px 5px; } .img-avatar.img-avatar-rounded { border-radius: 3px; } .img-avatar.img-avatar-square { border-radius: 0px; } .img-thumb { padding: 6px; background-color: rgb(255, 255, 255); border-radius: 3px; } .img-link { display: inline-block; transition: transform 0.25s ease-out, opacity 0.25s ease-out; } .img-link:hover { transform: scale(1.04); opacity: 0.75; } .img-link:active { transform: scale(1); opacity: 1; } .img-link.img-link-simple:hover { transform: scale(1); } .img-link-zoom-in { cursor: zoom-in; } .img-fluid.img-fluid-100, .img-fluid-100 .img-fluid { width: 100%; } .list { margin: 0px; padding: 0px; list-style: none; } .list > li { position: relative; } .list.list-simple > li, .list-li-push > li { margin-bottom: 20px; } .list.list-simple-mini > li, .list-li-push-sm > li { margin-bottom: 10px; } .list-timeline { position: relative; padding-top: 20px; } .list-timeline > li { margin-bottom: 10px; } .list-timeline .list-timeline-time { margin: 0px; padding: 10px 20px; min-height: 50px; text-align: right; color: rgb(153, 153, 153); line-height: 30px; font-style: italic; background-color: rgb(246, 247, 249); border-radius: 2px; } .list-timeline .list-timeline-icon { position: absolute; top: 8px; left: 10px; width: 34px; height: 34px; line-height: 34px; color: rgb(255, 255, 255); text-align: center; border-radius: 10px; } .list-timeline .list-timeline-content { padding: 10px 10px 1px; } .list-timeline .list-timeline-content > p:first-child { margin-bottom: 0px; } @media (min-width: 768px) { .list-timeline-modern::before { position: absolute; top: 0px; left: 119px; bottom: 0px; display: block; width: 6px; content: ""; background-color: rgb(246, 247, 249); z-index: 1; } .list-timeline-modern > li { min-height: 40px; z-index: 2; } .list-timeline-modern > li:last-child { margin-bottom: 0px; } .list-timeline-modern .list-timeline-time { position: absolute; top: 0px; left: 0px; margin: 0px; padding-right: 0px; padding-left: 0px; width: 90px; font-size: 0.928571rem; line-height: normal; background-color: transparent; } .list-timeline-modern .list-timeline-icon { top: 3px; left: 105px; z-index: 2 !important; } .list-timeline-modern .list-timeline-content { padding-left: 155px; } } .list-activity > li { margin-bottom: 10px; padding-bottom: 7px; padding-left: 35px; border-bottom: 1px solid rgb(240, 242, 245); } .list-activity > li > i:first-child { position: absolute; left: 0px; top: 0px; display: inline-block; width: 20px; height: 20px; line-height: 20px; font-size: 14px; text-align: center; } .list-activity > li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .list-events > li { margin-bottom: 7px; padding: 10px 30px 10px 7px; font-size: 0.928571rem; font-weight: 600; background-color: rgb(227, 244, 252); border-left: 3px dotted rgba(0, 0, 0, 0.1); transition: transform 0.25s ease-out; } .list-events > li::before { position: absolute; top: 50%; left: auto; transform: translateX(0px) translateY(-50%); right: 10px; display: inline-block; font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; color: rgba(0, 0, 0, 0.3); content: ""; } .list-events > li:hover { cursor: move; border-left-color: rgba(0, 0, 0, 0.3); transform: translateX(-5px); } .item { display: block; width: 60px; height: 60px; text-align: center; font-size: 28px; font-weight: 300; line-height: 60px; } a.item:hover, a.item:focus { opacity: 0.6; } .item.item-circle { border-radius: 50%; } .item.item-rounded { border-radius: 3px; } .item.item-rounded-big { border-radius: 24px; } .item.item-rounded-big.item-2x { border-radius: 35px; } .item.item-rounded-big.item-3x { border-radius: 50px; } .item.item-2x { width: 100px; height: 100px; line-height: 100px; } .item.item-3x { width: 150px; height: 150px; line-height: 150px; } .ribbon { position: relative; min-height: 52px; } .ribbon-box { position: absolute; top: 10px; right: 0px; padding: 0px 12px; height: 32px; line-height: 32px; color: rgb(255, 255, 255); font-weight: 600; z-index: 2; } .ribbon-box::before { position: absolute; display: block; width: 0px; height: 0px; content: ""; } .ribbon-bookmark .ribbon-box { padding-left: 10px; } .ribbon-bookmark .ribbon-box::before { top: 0px; right: 100%; height: 32px; border-width: 16px 0px 16px 8px; border-style: solid; border-color: currentcolor; border-image: initial; } .ribbon-modern .ribbon-box { top: 10px; right: -8px; padding-left: 12px; padding-right: 12px; border-radius: 16px; } .ribbon-modern .ribbon-box::before { display: none; } .ribbon-left .ribbon-box { right: auto; left: 0px; } .ribbon-left.ribbon-bookmark .ribbon-box { padding-left: 12px; padding-right: 10px; } .ribbon-left.ribbon-bookmark .ribbon-box::before { right: auto; left: 100%; border-left-width: 0px; border-right-width: 8px; } .ribbon-left.ribbon-modern .ribbon-box { left: -8px; } .ribbon-bottom .ribbon-box { top: auto; bottom: 10px; } .ribbon-primary .ribbon-box { background-color: rgb(63, 156, 232); } .ribbon-primary.ribbon-bookmark .ribbon-box::before { border-color: rgb(63, 156, 232) rgb(63, 156, 232) rgb(63, 156, 232) transparent; } .ribbon-primary.ribbon-bookmark.ribbon-left .ribbon-box::before { border-color: rgb(63, 156, 232) transparent rgb(63, 156, 232) rgb(63, 156, 232); } .ribbon-primary.ribbon-modern .ribbon-box::before { border-color: rgb(63, 156, 232) rgb(63, 156, 232) transparent transparent; } .ribbon-primary.ribbon-modern.ribbon-bottom .ribbon-box::before { border-color: transparent rgb(63, 156, 232) rgb(63, 156, 232) transparent; } .ribbon-primary.ribbon-modern.ribbon-left .ribbon-box::before { border-color: rgb(63, 156, 232) transparent transparent rgb(63, 156, 232); } .ribbon-primary.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box::before { border-color: transparent transparent rgb(63, 156, 232) rgb(63, 156, 232); } .ribbon-success .ribbon-box { background-color: rgb(156, 204, 101); } .ribbon-success.ribbon-bookmark .ribbon-box::before { border-color: rgb(156, 204, 101) rgb(156, 204, 101) rgb(156, 204, 101) transparent; } .ribbon-success.ribbon-bookmark.ribbon-left .ribbon-box::before { border-color: rgb(156, 204, 101) transparent rgb(156, 204, 101) rgb(156, 204, 101); } .ribbon-success.ribbon-modern .ribbon-box::before { border-color: rgb(156, 204, 101) rgb(156, 204, 101) transparent transparent; } .ribbon-success.ribbon-modern.ribbon-bottom .ribbon-box::before { border-color: transparent rgb(156, 204, 101) rgb(156, 204, 101) transparent; } .ribbon-success.ribbon-modern.ribbon-left .ribbon-box::before { border-color: rgb(156, 204, 101) transparent transparent rgb(156, 204, 101); } .ribbon-success.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box::before { border-color: transparent transparent rgb(156, 204, 101) rgb(156, 204, 101); } .ribbon-info .ribbon-box { background-color: rgb(38, 198, 218); } .ribbon-info.ribbon-bookmark .ribbon-box::before { border-color: rgb(38, 198, 218) rgb(38, 198, 218) rgb(38, 198, 218) transparent; } .ribbon-info.ribbon-bookmark.ribbon-left .ribbon-box::before { border-color: rgb(38, 198, 218) transparent rgb(38, 198, 218) rgb(38, 198, 218); } .ribbon-info.ribbon-modern .ribbon-box::before { border-color: rgb(38, 198, 218) rgb(38, 198, 218) transparent transparent; } .ribbon-info.ribbon-modern.ribbon-bottom .ribbon-box::before { border-color: transparent rgb(38, 198, 218) rgb(38, 198, 218) transparent; } .ribbon-info.ribbon-modern.ribbon-left .ribbon-box::before { border-color: rgb(38, 198, 218) transparent transparent rgb(38, 198, 218); } .ribbon-info.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box::before { border-color: transparent transparent rgb(38, 198, 218) rgb(38, 198, 218); } .ribbon-warning .ribbon-box { background-color: rgb(255, 202, 40); } .ribbon-warning.ribbon-bookmark .ribbon-box::before { border-color: rgb(255, 202, 40) rgb(255, 202, 40) rgb(255, 202, 40) transparent; } .ribbon-warning.ribbon-bookmark.ribbon-left .ribbon-box::before { border-color: rgb(255, 202, 40) transparent rgb(255, 202, 40) rgb(255, 202, 40); } .ribbon-warning.ribbon-modern .ribbon-box::before { border-color: rgb(255, 202, 40) rgb(255, 202, 40) transparent transparent; } .ribbon-warning.ribbon-modern.ribbon-bottom .ribbon-box::before { border-color: transparent rgb(255, 202, 40) rgb(255, 202, 40) transparent; } .ribbon-warning.ribbon-modern.ribbon-left .ribbon-box::before { border-color: rgb(255, 202, 40) transparent transparent rgb(255, 202, 40); } .ribbon-warning.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box::before { border-color: transparent transparent rgb(255, 202, 40) rgb(255, 202, 40); } .ribbon-danger .ribbon-box { background-color: rgb(239, 83, 80); } .ribbon-danger.ribbon-bookmark .ribbon-box::before { border-color: rgb(239, 83, 80) rgb(239, 83, 80) rgb(239, 83, 80) transparent; } .ribbon-danger.ribbon-bookmark.ribbon-left .ribbon-box::before { border-color: rgb(239, 83, 80) transparent rgb(239, 83, 80) rgb(239, 83, 80); } .ribbon-danger.ribbon-modern .ribbon-box::before { border-color: rgb(239, 83, 80) rgb(239, 83, 80) transparent transparent; } .ribbon-danger.ribbon-modern.ribbon-bottom .ribbon-box::before { border-color: transparent rgb(239, 83, 80) rgb(239, 83, 80) transparent; } .ribbon-danger.ribbon-modern.ribbon-left .ribbon-box::before { border-color: rgb(239, 83, 80) transparent transparent rgb(239, 83, 80); } .ribbon-danger.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box::before { border-color: transparent transparent rgb(239, 83, 80) rgb(239, 83, 80); } .ribbon-crystal .ribbon-box { background-color: rgba(255, 255, 255, 0.35); } .ribbon-crystal.ribbon-bookmark .ribbon-box::before { border-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.35) transparent; } .ribbon-crystal.ribbon-bookmark.ribbon-left .ribbon-box::before { border-color: rgba(255, 255, 255, 0.35) transparent rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.35); } .options-container { position: relative; overflow: hidden; z-index: 1; display: block; } .options-container .options-item { transition: transform 0.35s ease-out; will-change: transform; } .options-container .options-overlay { position: absolute; inset: -2px; z-index: 2; content: ""; opacity: 0; visibility: hidden; transition: 0.3s ease-in; will-change: opacity, transform; } .options-container .options-overlay-content { position: absolute; top: 50%; transform: translateX(0px) translateY(-50%); right: 0px; left: 0px; text-align: center; } .options-container:hover .options-overlay { opacity: 1; visibility: visible; } @media (max-width: 767.98px) { .options-container .options-overlay { display: none; } .options-container:hover .options-overlay { display: block; } } .fx-item-zoom-in:hover .options-item { transform: scale(1.2, 1.2); } .fx-item-rotate-r:hover .options-item { transform: scale(1.4) rotate(8deg); } .fx-item-rotate-l:hover .options-item { transform: scale(1.4) rotate(-8deg); } .fx-overlay-slide-top .options-overlay { transform: translateY(100%); } .fx-overlay-slide-top:hover .options-overlay { transform: translateY(0px); } .fx-overlay-slide-right .options-overlay { transform: translateX(-100%); } .fx-overlay-slide-right:hover .options-overlay { transform: translateX(0px); } .fx-overlay-slide-down .options-overlay { transform: translateY(-100%); } .fx-overlay-slide-down:hover .options-overlay { transform: translateY(0px); } .fx-overlay-slide-left .options-overlay { transform: translateX(100%); } .fx-overlay-slide-left:hover .options-overlay { transform: translateX(0px); } .fx-overlay-zoom-in .options-overlay { transform: scale(0, 0); } .fx-overlay-zoom-in:hover .options-overlay { transform: scale(1, 1); } .fx-overlay-zoom-out .options-overlay { transform: scale(2, 2); } .fx-overlay-zoom-out:hover .options-overlay { transform: scale(1, 1); } .scrumboard { display: flex; align-items: flex-start; flex-wrap: nowrap; overflow-x: auto; opacity: 0; padding: 12px 12px 1px; } @media (min-width: 768px) { .scrumboard { padding: 24px 24px 1px; } } .scrumboard .scrumboard-col { flex: 0 0 auto; width: 320px; margin-right: 12px; } @media (min-width: 768px) { .scrumboard .scrumboard-col { margin-right: 24px; } } .scrumboard .scrumboard-item { position: relative; min-height: 42px; padding: 10px 87px 10px 10px; margin-bottom: 15px; font-weight: 600; color: rgb(168, 126, 0); background-color: rgb(252, 247, 230); border-bottom: 1px solid rgba(168, 126, 0, 0.1); box-shadow: rgba(168, 126, 0, 0.05) 0px 5px 8px; } .scrumboard .scrumboard-item-options { position: absolute; top: 7px; right: 7px; } .scrumboard .scrumboard-item-handler { cursor: move; } .scrumboard .scrumboard-item-placeholder { min-height: 42px; border: 1px dashed rgb(255, 202, 40); } @media print { #page-container, #main-container { padding: 0px !important; } #page-header, #page-footer, #page-loader, #sidebar, #side-overlay, .block-options { display: none !important; } } .bg-primary-op { background-color: rgba(63, 156, 232, 0.75) !important; } a.bg-primary-op:hover, a.bg-primary-op:focus, button.bg-primary-op:hover, button.bg-primary-op:focus { background-color: rgba(26, 132, 218, 0.75) !important; } .bg-primary-dark { background-color: rgb(52, 58, 64) !important; } a.bg-primary-dark:hover, a.bg-primary-dark:focus, button.bg-primary-dark:hover, button.bg-primary-dark:focus { background-color: rgb(29, 33, 36) !important; } .bg-primary-dark-op { background-color: rgba(52, 58, 64, 0.8) !important; } a.bg-primary-dark-op:hover, a.bg-primary-dark-op:focus, button.bg-primary-dark-op:hover, button.bg-primary-dark-op:focus { background-color: rgba(29, 33, 36, 0.8) !important; } .bg-primary-darker { background-color: rgb(33, 37, 41) !important; } a.bg-primary-darker:hover, a.bg-primary-darker:focus, button.bg-primary-darker:hover, button.bg-primary-darker:focus { background-color: rgb(10, 12, 13) !important; } .bg-primary-light { background-color: rgb(131, 191, 240) !important; } a.bg-primary-light:hover, a.bg-primary-light:focus, button.bg-primary-light:hover, button.bg-primary-light:focus { background-color: rgb(86, 168, 235) !important; } .bg-primary-lighter { background-color: rgb(200, 226, 248) !important; } a.bg-primary-lighter:hover, a.bg-primary-lighter:focus, button.bg-primary-lighter:hover, button.bg-primary-lighter:focus { background-color: rgb(154, 203, 243) !important; } .bg-body { background-color: rgb(240, 242, 245) !important; } a.bg-body:hover, a.bg-body:focus, button.bg-body:hover, button.bg-body:focus { background-color: rgb(209, 215, 225) !important; } .bg-body-light { background-color: rgb(246, 247, 249) !important; } a.bg-body-light:hover, a.bg-body-light:focus, button.bg-body-light:hover, button.bg-body-light:focus { background-color: rgb(216, 221, 229) !important; } .bg-body-dark { background-color: rgb(228, 231, 237) !important; } a.bg-body-dark:hover, a.bg-body-dark:focus, button.bg-body-dark:hover, button.bg-body-dark:focus { background-color: rgb(197, 205, 216) !important; } .bg-muted { background-color: rgb(108, 117, 125) !important; } a.bg-muted:hover, a.bg-muted:focus, button.bg-muted:hover, button.bg-muted:focus { background-color: rgb(84, 91, 98) !important; } .bg-success-light { background-color: rgb(235, 245, 223) !important; } a.bg-success-light:hover, a.bg-success-light:focus, button.bg-success-light:hover, button.bg-success-light:focus { background-color: rgb(211, 233, 184) !important; } .bg-warning-light { background-color: rgb(252, 247, 230) !important; } a.bg-warning-light:hover, a.bg-warning-light:focus, button.bg-warning-light:hover, button.bg-warning-light:focus { background-color: rgb(247, 232, 184) !important; } .bg-info-light { background-color: rgb(227, 244, 252) !important; } a.bg-info-light:hover, a.bg-info-light:focus, button.bg-info-light:hover, button.bg-info-light:focus { background-color: rgb(181, 226, 247) !important; } .bg-danger-light { background-color: rgb(250, 233, 232) !important; } a.bg-danger-light:hover, a.bg-danger-light:focus, button.bg-danger-light:hover, button.bg-danger-light:focus { background-color: rgb(241, 193, 190) !important; } .bg-white { background-color: rgb(255, 255, 255) !important; } a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus { background-color: rgb(230, 230, 230) !important; } .bg-black { background-color: rgb(0, 0, 0) !important; } a.bg-black:hover, a.bg-black:focus, button.bg-black:hover, button.bg-black:focus { background-color: black !important; } .bg-gray { background-color: rgb(206, 212, 218) !important; } a.bg-gray:hover, a.bg-gray:focus, button.bg-gray:hover, button.bg-gray:focus { background-color: rgb(177, 187, 196) !important; } .bg-gray-dark { background-color: rgb(108, 117, 125) !important; } a.bg-gray-dark:hover, a.bg-gray-dark:focus, button.bg-gray-dark:hover, button.bg-gray-dark:focus { background-color: rgb(84, 91, 98) !important; } .bg-gray-darker { background-color: rgb(52, 58, 64) !important; } a.bg-gray-darker:hover, a.bg-gray-darker:focus, button.bg-gray-darker:hover, button.bg-gray-darker:focus { background-color: rgb(29, 33, 36) !important; } .bg-gray-light { background-color: rgb(233, 236, 239) !important; } a.bg-gray-light:hover, a.bg-gray-light:focus, button.bg-gray-light:hover, button.bg-gray-light:focus { background-color: rgb(203, 211, 218) !important; } .bg-gray-lighter { background-color: rgb(248, 249, 250) !important; } a.bg-gray-lighter:hover, a.bg-gray-lighter:focus, button.bg-gray-lighter:hover, button.bg-gray-lighter:focus { background-color: rgb(218, 224, 229) !important; } .bg-gd-primary { background: linear-gradient(135deg, rgb(23, 118, 195) 0%, rgb(86, 168, 235) 100%) !important; } .bg-gd-dusk { background: linear-gradient(135deg, rgb(210, 98, 227) 0%, rgb(63, 156, 232) 100%) !important; } .bg-gd-cherry { background: linear-gradient(135deg, rgb(234, 97, 83) 0%, rgb(214, 44, 26) 100%) !important; } .bg-gd-aqua { background: linear-gradient(135deg, rgb(47, 172, 178) 0%, rgb(112, 178, 156) 100%) !important; } .bg-gd-emerald { background: linear-gradient(135deg, rgb(110, 171, 77) 0%, rgb(47, 172, 178) 100%) !important; } .bg-gd-sea { background: linear-gradient(135deg, rgb(31, 140, 228) 0%, rgb(38, 198, 218) 100%) !important; } .bg-gd-leaf { background: linear-gradient(135deg, rgb(255, 202, 40) 0%, rgb(156, 204, 101) 100%) !important; } .bg-gd-lake { background: linear-gradient(135deg, rgb(38, 198, 218) 0%, rgb(156, 204, 101) 100%) !important; } .bg-gd-sun { background: linear-gradient(135deg, rgb(239, 83, 80) 0%, rgb(255, 202, 40) 100%) !important; } .bg-gd-light { background: linear-gradient(0deg, rgb(246, 247, 249) 0%, rgb(255, 255, 255) 100%) !important; } .bg-black-op { background-color: rgba(0, 0, 0, 0.5) !important; } .bg-black-op-5 { background-color: rgba(0, 0, 0, 0.05) !important; } .bg-black-op-10 { background-color: rgba(0, 0, 0, 0.1) !important; } .bg-black-op-25 { background-color: rgba(0, 0, 0, 0.25) !important; } .bg-black-op-75 { background-color: rgba(0, 0, 0, 0.75) !important; } .bg-black-op-90 { background-color: rgba(0, 0, 0, 0.9) !important; } .bg-black-op-95 { background-color: rgba(0, 0, 0, 0.95) !important; } .bg-white-op { background-color: rgba(255, 255, 255, 0.5) !important; } .bg-white-op-5 { background-color: rgba(255, 255, 255, 0.05) !important; } .bg-white-op-10 { background-color: rgba(255, 255, 255, 0.1) !important; } .bg-white-op-25 { background-color: rgba(255, 255, 255, 0.25) !important; } .bg-white-op-75 { background-color: rgba(255, 255, 255, 0.75) !important; } .bg-white-op-90 { background-color: rgba(255, 255, 255, 0.9) !important; } .bg-white-op-95 { background-color: rgba(255, 255, 255, 0.95) !important; } .bg-image { background-color: rgb(248, 249, 250); background-position: 0% 50%; background-size: cover; } .bg-image-top { background-position-y: 0%; } .bg-image-bottom { background-position-y: 100%; } @media (min-width: 1200px) { .bg-image-fixed { background-attachment: fixed; } } .bg-pattern { background-repeat: repeat; } .bg-video { width: 100%; transform: translateZ(0px); } .border { border: 1px solid rgb(228, 231, 237) !important; } .border-t { border-top: 1px solid rgb(228, 231, 237) !important; } .border-r { border-right: 1px solid rgb(228, 231, 237) !important; } .border-b { border-bottom: 1px solid rgb(228, 231, 237) !important; } .border-l { border-left: 1px solid rgb(228, 231, 237) !important; } .border-light { border: 1px solid rgb(246, 247, 249) !important; } .border-light-t { border-top: 1px solid rgb(246, 247, 249) !important; } .border-light-r { border-right: 1px solid rgb(246, 247, 249) !important; } .border-light-b { border-bottom: 1px solid rgb(246, 247, 249) !important; } .border-light-l { border-left: 1px solid rgb(246, 247, 249) !important; } .border-white-op { border: 1px solid rgba(255, 255, 255, 0.1) !important; } .border-white-op-t { border-top: 1px solid rgba(255, 255, 255, 0.1) !important; } .border-white-op-r { border-right: 1px solid rgba(255, 255, 255, 0.1) !important; } .border-white-op-b { border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; } .border-white-op-l { border-left: 1px solid rgba(255, 255, 255, 0.1) !important; } .border-black-op { border: 1px solid rgba(0, 0, 0, 0.1) !important; } .border-black-op-t { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; } .border-black-op-r { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; } .border-black-op-b { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } .border-black-op-l { border-left: 1px solid rgba(0, 0, 0, 0.1) !important; } .border-2x { border-width: 2px !important; } .border-3x { border-width: 3px !important; } .border-4x { border-width: 4px !important; } .border-5x { border-width: 5px !important; } .overflow-hidden { overflow: hidden; } .overflow-y-auto { overflow-y: auto; } .opacity-0 { opacity: 0; } .opacity-1 { opacity: 1; } .click-ripple { display: block; position: absolute; background: rgba(255, 255, 255, 0.5); border-radius: 100%; transform: scale(0); } .click-ripple.animate { animation: 0.9s ease-out 0s 1 normal none running click-ripple; } @keyframes click-ripple { 100% { opacity: 0; transform: scale(3); } } .pos-t-5 { top: 5% !important; } .pos-t-10 { top: 10% !important; } .pos-t-20 { top: 20% !important; } .pos-t-25 { top: 25% !important; } .pos-t-30 { top: 30% !important; } .pos-t-40 { top: 40% !important; } .pos-t-50 { top: 50% !important; } .pos-t-60 { top: 60% !important; } .pos-t-70 { top: 70% !important; } .pos-t-75 { top: 75% !important; } .pos-t-80 { top: 80% !important; } .pos-t-90 { top: 90% !important; } .pos-t-100 { top: 100% !important; } .pos-l-5 { left: 5% !important; } .pos-l-10 { left: 10% !important; } .pos-l-20 { left: 20% !important; } .pos-l-25 { left: 25% !important; } .pos-l-30 { left: 30% !important; } .pos-l-40 { left: 40% !important; } .pos-l-50 { left: 50% !important; } .pos-l-60 { left: 60% !important; } .pos-l-70 { left: 70% !important; } .pos-l-75 { left: 75% !important; } .pos-l-80 { left: 80% !important; } .pos-l-90 { left: 90% !important; } .pos-l-100 { left: 100% !important; } .min-width-20 { min-width: 20px !important; } .min-width-30 { min-width: 30px !important; } .min-width-50 { min-width: 50px !important; } .min-width-75 { min-width: 75px !important; } .min-width-100 { min-width: 100px !important; } .min-width-125 { min-width: 125px !important; } .min-width-150 { min-width: 150px !important; } .min-width-175 { min-width: 175px !important; } .min-width-200 { min-width: 200px !important; } .min-width-300 { min-width: 300px !important; } .min-width-320 { min-width: 320px !important; } .min-height-20 { min-height: 20px !important; } .min-height-30 { min-height: 30px !important; } .min-height-50 { min-height: 50px !important; } .min-height-75 { min-height: 75px !important; } .min-height-100 { min-height: 100px !important; } .min-height-125 { min-height: 125px !important; } .min-height-150 { min-height: 150px !important; } .min-height-175 { min-height: 175px !important; } .min-height-200 { min-height: 200px !important; } .min-height-300 { min-height: 300px !important; } .min-height-400 { min-height: 400px !important; } .min-height-500 { min-height: 500px !important; } .wh-10 { width: 10px !important; height: 10px !important; } .wh-20 { width: 20px !important; height: 20px !important; } .wh-30 { width: 30px !important; height: 30px !important; } .wh-40 { width: 40px !important; height: 40px !important; } .wh-50 { width: 50px !important; height: 50px !important; } .m-5 { margin: 5px !important; } .mt-5, .my-5 { margin-top: 5px !important; } .mr-5, .mx-5 { margin-right: 5px !important; } .mb-5, .my-5 { margin-bottom: 5px !important; } .ml-5, .mx-5 { margin-left: 5px !important; } .m-10 { margin: 10px !important; } .mt-10, .my-10 { margin-top: 10px !important; } .mr-10, .mx-10 { margin-right: 10px !important; } .mb-10, .my-10 { margin-bottom: 10px !important; } .ml-10, .mx-10 { margin-left: 10px !important; } .m-15 { margin: 15px !important; } .mt-15, .my-15 { margin-top: 15px !important; } .mr-15, .mx-15 { margin-right: 15px !important; } .mb-15, .my-15 { margin-bottom: 15px !important; } .ml-15, .mx-15 { margin-left: 15px !important; } .m-20 { margin: 20px !important; } .mt-20, .my-20 { margin-top: 20px !important; } .mr-20, .mx-20 { margin-right: 20px !important; } .mb-20, .my-20 { margin-bottom: 20px !important; } .ml-20, .mx-20 { margin-left: 20px !important; } .m-30 { margin: 30px !important; } .mt-30, .my-30 { margin-top: 30px !important; } .mr-30, .mx-30 { margin-right: 30px !important; } .mb-30, .my-30 { margin-bottom: 30px !important; } .ml-30, .mx-30 { margin-left: 30px !important; } .m-50 { margin: 50px !important; } .mt-50, .my-50 { margin-top: 50px !important; } .mr-50, .mx-50 { margin-right: 50px !important; } .mb-50, .my-50 { margin-bottom: 50px !important; } .ml-50, .mx-50 { margin-left: 50px !important; } .m-100 { margin: 100px !important; } .mt-100, .my-100 { margin-top: 100px !important; } .mr-100, .mx-100 { margin-right: 100px !important; } .mb-100, .my-100 { margin-bottom: 100px !important; } .ml-100, .mx-100 { margin-left: 100px !important; } .m-150 { margin: 150px !important; } .mt-150, .my-150 { margin-top: 150px !important; } .mr-150, .mx-150 { margin-right: 150px !important; } .mb-150, .my-150 { margin-bottom: 150px !important; } .ml-150, .mx-150 { margin-left: 150px !important; } .m-200 { margin: 200px !important; } .mt-200, .my-200 { margin-top: 200px !important; } .mr-200, .mx-200 { margin-right: 200px !important; } .mb-200, .my-200 { margin-bottom: 200px !important; } .ml-200, .mx-200 { margin-left: 200px !important; } .m-300 { margin: 300px !important; } .mt-300, .my-300 { margin-top: 300px !important; } .mr-300, .mx-300 { margin-right: 300px !important; } .mb-300, .my-300 { margin-bottom: 300px !important; } .ml-300, .mx-300 { margin-left: 300px !important; } .p-5 { padding: 5px !important; } .pt-5, .py-5 { padding-top: 5px !important; } .pr-5, .px-5 { padding-right: 5px !important; } .pb-5, .py-5 { padding-bottom: 5px !important; } .pl-5, .px-5 { padding-left: 5px !important; } .p-10 { padding: 10px !important; } .pt-10, .py-10 { padding-top: 10px !important; } .pr-10, .px-10 { padding-right: 10px !important; } .pb-10, .py-10 { padding-bottom: 10px !important; } .pl-10, .px-10 { padding-left: 10px !important; } .p-15 { padding: 15px !important; } .pt-15, .py-15 { padding-top: 15px !important; } .pr-15, .px-15 { padding-right: 15px !important; } .pb-15, .py-15 { padding-bottom: 15px !important; } .pl-15, .px-15 { padding-left: 15px !important; } .p-20 { padding: 20px !important; } .pt-20, .py-20 { padding-top: 20px !important; } .pr-20, .px-20 { padding-right: 20px !important; } .pb-20, .py-20 { padding-bottom: 20px !important; } .pl-20, .px-20 { padding-left: 20px !important; } .p-30 { padding: 30px !important; } .pt-30, .py-30 { padding-top: 30px !important; } .pr-30, .px-30 { padding-right: 30px !important; } .pb-30, .py-30 { padding-bottom: 30px !important; } .pl-30, .px-30 { padding-left: 30px !important; } .p-50 { padding: 50px !important; } .pt-50, .py-50 { padding-top: 50px !important; } .pr-50, .px-50 { padding-right: 50px !important; } .pb-50, .py-50 { padding-bottom: 50px !important; } .pl-50, .px-50 { padding-left: 50px !important; } .p-100 { padding: 100px !important; } .pt-100, .py-100 { padding-top: 100px !important; } .pr-100, .px-100 { padding-right: 100px !important; } .pb-100, .py-100 { padding-bottom: 100px !important; } .pl-100, .px-100 { padding-left: 100px !important; } .p-150 { padding: 150px !important; } .pt-150, .py-150 { padding-top: 150px !important; } .pr-150, .px-150 { padding-right: 150px !important; } .pb-150, .py-150 { padding-bottom: 150px !important; } .pl-150, .px-150 { padding-left: 150px !important; } .p-200 { padding: 200px !important; } .pt-200, .py-200 { padding-top: 200px !important; } .pr-200, .px-200 { padding-right: 200px !important; } .pb-200, .py-200 { padding-bottom: 200px !important; } .pl-200, .px-200 { padding-left: 200px !important; } .p-300 { padding: 300px !important; } .pt-300, .py-300 { padding-top: 300px !important; } .pr-300, .px-300 { padding-right: 300px !important; } .pb-300, .py-300 { padding-bottom: 300px !important; } .pl-300, .px-300 { padding-left: 300px !important; } .push, .items-push > div { margin-bottom: 24px; } .font-w300 { font-weight: 300 !important; } .font-w400 { font-weight: 400 !important; } .font-w600 { font-weight: 600 !important; } .font-w700 { font-weight: 700 !important; } .font-size-default { font-size: 1rem !important; } .font-size-xl { font-size: 1.42857rem !important; } .font-size-lg { font-size: 1.28571rem !important; } .font-size-md { font-size: 1.14286rem !important; } .font-size-sm { font-size: 0.928571rem !important; } .font-size-xs { font-size: 0.857143rem !important; } .line-height-base { line-height: 1.5 !important; } .text-wrap-break-word { overflow-wrap: break-word; } .text-uppercase { letter-spacing: 0.0625rem; } .text-primary-dark { color: rgb(52, 58, 64) !important; } a.text-primary-dark.link-effect::before { background-color: rgb(52, 58, 64); } a.text-primary-dark:hover, a.text-primary-dark:focus { color: rgb(6, 7, 8) !important; } .text-primary-darker { color: rgb(33, 37, 41) !important; } a.text-primary-darker.link-effect::before { background-color: rgb(33, 37, 41); } a.text-primary-darker:hover, a.text-primary-darker:focus { color: black !important; } .text-primary-light { color: rgb(131, 191, 240) !important; } a.text-primary-light.link-effect::before { background-color: rgb(131, 191, 240); } a.text-primary-light:hover, a.text-primary-light:focus { color: rgb(40, 144, 229) !important; } .text-primary-lighter { color: rgb(200, 226, 248) !important; } a.text-primary-lighter.link-effect::before { background-color: rgb(200, 226, 248); } a.text-primary-lighter:hover, a.text-primary-lighter:focus { color: rgb(109, 179, 237) !important; } .text-body-bg { color: rgb(240, 242, 245) !important; } a.text-body-bg.link-effect::before { background-color: rgb(240, 242, 245); } a.text-body-bg:hover, a.text-body-bg:focus { color: rgb(179, 189, 204) !important; } .text-body-bg-dark { color: rgb(228, 231, 237) !important; } a.text-body-bg-dark.link-effect::before { background-color: rgb(228, 231, 237); } a.text-body-bg-dark:hover, a.text-body-bg-dark:focus { color: rgb(167, 178, 196) !important; } .text-body-bg-light { color: rgb(246, 247, 249) !important; } a.text-body-bg-light.link-effect::before { background-color: rgb(246, 247, 249); } a.text-body-bg-light:hover, a.text-body-bg-light:focus { color: rgb(185, 194, 208) !important; } .text-body-color { color: rgb(87, 87, 87) !important; } a.text-body-color.link-effect::before { background-color: rgb(87, 87, 87); } a.text-body-color:hover, a.text-body-color:focus { color: rgb(36, 36, 36) !important; } .text-body-color-dark { color: rgb(23, 23, 23) !important; } a.text-body-color-dark.link-effect::before { background-color: rgb(23, 23, 23); } a.text-body-color-dark:hover, a.text-body-color-dark:focus { color: black !important; } .text-body-color-light { color: rgb(228, 231, 237) !important; } a.text-body-color-light.link-effect::before { background-color: rgb(228, 231, 237); } a.text-body-color-light:hover, a.text-body-color-light:focus { color: rgb(167, 178, 196) !important; } .text-muted { color: rgb(108, 117, 125) !important; } a.text-muted.link-effect::before { background-color: rgb(108, 117, 125); } a.text-muted:hover, a.text-muted:focus { color: rgb(61, 66, 70) !important; } .text-success-light { color: rgb(235, 245, 223) !important; } a.text-success-light.link-effect::before { background-color: rgb(235, 245, 223); } a.text-success-light:hover, a.text-success-light:focus { color: rgb(186, 221, 145) !important; } .text-warning-light { color: rgb(252, 247, 230) !important; } a.text-warning-light.link-effect::before { background-color: rgb(252, 247, 230); } a.text-warning-light:hover, a.text-warning-light:focus { color: rgb(241, 218, 139) !important; } .text-info-light { color: rgb(227, 244, 252) !important; } a.text-info-light.link-effect::before { background-color: rgb(227, 244, 252); } a.text-info-light:hover, a.text-info-light:focus { color: rgb(135, 208, 242) !important; } .text-danger-light { color: rgb(250, 233, 232) !important; } a.text-danger-light.link-effect::before { background-color: rgb(250, 233, 232); } a.text-danger-light:hover, a.text-danger-light:focus { color: rgb(232, 153, 148) !important; } .text-white { color: rgb(255, 255, 255) !important; } a.text-white.link-effect::before { background-color: rgb(255, 255, 255); } a.text-white:hover, a.text-white:focus { color: rgb(204, 204, 204) !important; } .text-white-op { color: rgba(255, 255, 255, 0.8) !important; } a.text-white-op.link-effect::before { background-color: rgba(255, 255, 255, 0.8); } a.text-white-op:hover, a.text-white-op:focus { color: rgba(204, 204, 204, 0.8) !important; } .text-black { color: rgb(0, 0, 0) !important; } a.text-black.link-effect::before { background-color: rgb(0, 0, 0); } a.text-black:hover, a.text-black:focus { color: black !important; } .text-black-op { color: rgba(0, 0, 0, 0.5) !important; } a.text-black-op.link-effect::before { background-color: rgba(0, 0, 0, 0.5); } a.text-black-op:hover, a.text-black-op:focus { color: rgba(0, 0, 0, 0.5) !important; } .text-gray { color: rgb(206, 212, 218) !important; } a.text-gray.link-effect::before { background-color: rgb(206, 212, 218); } a.text-gray:hover, a.text-gray:focus { color: rgb(148, 161, 174) !important; } .text-gray-dark { color: rgb(108, 117, 125) !important; } a.text-gray-dark.link-effect::before { background-color: rgb(108, 117, 125); } a.text-gray-dark:hover, a.text-gray-dark:focus { color: rgb(61, 66, 70) !important; } .text-gray-darker { color: rgb(52, 58, 64) !important; } a.text-gray-darker.link-effect::before { background-color: rgb(52, 58, 64); } a.text-gray-darker:hover, a.text-gray-darker:focus { color: rgb(6, 7, 8) !important; } .text-gray-light { color: rgb(233, 236, 239) !important; } a.text-gray-light.link-effect::before { background-color: rgb(233, 236, 239); } a.text-gray-light:hover, a.text-gray-light:focus { color: rgb(174, 185, 196) !important; } .text-gray-lighter { color: rgb(248, 249, 250) !important; } a.text-gray-lighter.link-effect::before { background-color: rgb(248, 249, 250); } a.text-gray-lighter:hover, a.text-gray-lighter:focus { color: rgb(189, 198, 208) !important; } .text-dual-primary-dark { color: rgb(52, 58, 64) !important; } a.text-dual-primary-dark.link-effect::before { background-color: rgb(52, 58, 64); } a.text-dual-primary-dark:hover, a.text-dual-primary-dark:focus { color: rgb(6, 7, 8) !important; } .page-header-inverse #page-header .text-dual-primary-dark, .sidebar-inverse #sidebar .text-dual-primary-dark { color: rgb(228, 231, 237) !important; } .page-header-inverse #page-header a.text-dual-primary-dark.link-effect::before, .sidebar-inverse #sidebar a.text-dual-primary-dark.link-effect::before { background-color: rgb(228, 231, 237); } .page-header-inverse #page-header a.text-dual-primary-dark:hover, .page-header-inverse #page-header a.text-dual-primary-dark:focus, .sidebar-inverse #sidebar a.text-dual-primary-dark:hover, .sidebar-inverse #sidebar a.text-dual-primary-dark:focus { color: rgb(167, 178, 196) !important; } .align-parent { position: relative; } .align-v { position: absolute; top: 50%; right: auto; left: auto; transform: translateX(0px) translateY(-50%); } .align-v-r { position: absolute; top: 50%; right: 0px; left: auto; transform: translateX(0px) translateY(-50%); } .align-v-l { position: absolute; top: 50%; right: auto; left: 0px; transform: translateX(0px) translateY(-50%); } .align-v-r { position: absolute; top: 50%; right: 0px; left: auto; transform: translateX(0px) translateY(-50%); } .align-v-h { position: absolute; top: 50%; right: auto; left: 50%; transform: translateX(-50%) translateY(-50%); } .text-default { color: rgb(63, 156, 232) !important; } a.text-default.link-effect::before { background-color: rgb(63, 156, 232); } a.text-default:hover, a.text-default:focus { color: rgb(21, 104, 172) !important; } .text-default-dark { color: rgb(52, 58, 64) !important; } a.text-default-dark.link-effect::before { background-color: rgb(52, 58, 64); } a.text-default-dark:hover, a.text-default-dark:focus { color: rgb(6, 7, 8) !important; } .text-default-darker { color: rgb(33, 37, 41) !important; } a.text-default-darker.link-effect::before { background-color: rgb(33, 37, 41); } a.text-default-darker:hover, a.text-default-darker:focus { color: black !important; } .text-default-light { color: rgb(131, 191, 240) !important; } a.text-default-light.link-effect::before { background-color: rgb(131, 191, 240); } a.text-default-light:hover, a.text-default-light:focus { color: rgb(40, 144, 229) !important; } .text-default-lighter { color: rgb(200, 226, 248) !important; } a.text-default-lighter.link-effect::before { background-color: rgb(200, 226, 248); } a.text-default-lighter:hover, a.text-default-lighter:focus { color: rgb(109, 179, 237) !important; } .bg-default { background-color: rgb(63, 156, 232) !important; } a.bg-default:hover, a.bg-default:focus, button.bg-default:hover, button.bg-default:focus { background-color: rgb(26, 132, 218) !important; } .bg-default-op { background-color: rgba(63, 156, 232, 0.75) !important; } a.bg-default-op:hover, a.bg-default-op:focus, button.bg-default-op:hover, button.bg-default-op:focus { background-color: rgba(26, 132, 218, 0.75) !important; } .bg-default-dark { background-color: rgb(52, 58, 64) !important; } a.bg-default-dark:hover, a.bg-default-dark:focus, button.bg-default-dark:hover, button.bg-default-dark:focus { background-color: rgb(29, 33, 36) !important; } .bg-default-dark-op { background-color: rgba(52, 58, 64, 0.83) !important; } a.bg-default-dark-op:hover, a.bg-default-dark-op:focus, button.bg-default-dark-op:hover, button.bg-default-dark-op:focus { background-color: rgba(29, 33, 36, 0.83) !important; } .bg-default-darker { background-color: rgb(33, 37, 41) !important; } a.bg-default-darker:hover, a.bg-default-darker:focus, button.bg-default-darker:hover, button.bg-default-darker:focus { background-color: rgb(10, 12, 13) !important; } .bg-default-light { background-color: rgb(131, 191, 240) !important; } a.bg-default-light:hover, a.bg-default-light:focus, button.bg-default-light:hover, button.bg-default-light:focus { background-color: rgb(86, 168, 235) !important; } .bg-default-lighter { background-color: rgb(200, 226, 248) !important; } a.bg-default-lighter:hover, a.bg-default-lighter:focus, button.bg-default-lighter:hover, button.bg-default-lighter:focus { background-color: rgb(154, 203, 243) !important; } .bg-gd-default { background: linear-gradient(135deg, rgb(23, 118, 195) 0%, rgb(86, 168, 235) 100%) !important; } .text-elegance { color: rgb(210, 98, 227) !important; } a.text-elegance.link-effect::before { background-color: rgb(210, 98, 227); } a.text-elegance:hover, a.text-elegance:focus { color: rgb(169, 34, 189) !important; } .text-elegance-dark { color: rgb(64, 53, 55) !important; } a.text-elegance-dark.link-effect::before { background-color: rgb(64, 53, 55); } a.text-elegance-dark:hover, a.text-elegance-dark:focus { color: rgb(8, 7, 7) !important; } .text-elegance-darker { color: rgb(51, 42, 44) !important; } a.text-elegance-darker.link-effect::before { background-color: rgb(51, 42, 44); } a.text-elegance-darker:hover, a.text-elegance-darker:focus { color: black !important; } .text-elegance-light { color: rgb(225, 150, 236) !important; } a.text-elegance-light.link-effect::before { background-color: rgb(225, 150, 236); } a.text-elegance-light:hover, a.text-elegance-light:focus { color: rgb(200, 63, 221) !important; } .text-elegance-lighter { color: rgb(237, 193, 244) !important; } a.text-elegance-lighter.link-effect::before { background-color: rgb(237, 193, 244); } a.text-elegance-lighter:hover, a.text-elegance-lighter:focus { color: rgb(212, 107, 229) !important; } .bg-elegance { background-color: rgb(210, 98, 227) !important; } a.bg-elegance:hover, a.bg-elegance:focus, button.bg-elegance:hover, button.bg-elegance:focus { background-color: rgb(198, 55, 219) !important; } .bg-elegance-op { background-color: rgba(210, 98, 227, 0.75) !important; } a.bg-elegance-op:hover, a.bg-elegance-op:focus, button.bg-elegance-op:hover, button.bg-elegance-op:focus { background-color: rgba(198, 55, 219, 0.75) !important; } .bg-elegance-dark { background-color: rgb(64, 53, 55) !important; } a.bg-elegance-dark:hover, a.bg-elegance-dark:focus, button.bg-elegance-dark:hover, button.bg-elegance-dark:focus { background-color: rgb(36, 30, 31) !important; } .bg-elegance-dark-op { background-color: rgba(64, 53, 55, 0.83) !important; } a.bg-elegance-dark-op:hover, a.bg-elegance-dark-op:focus, button.bg-elegance-dark-op:hover, button.bg-elegance-dark-op:focus { background-color: rgba(36, 30, 31, 0.83) !important; } .bg-elegance-darker { background-color: rgb(51, 42, 44) !important; } a.bg-elegance-darker:hover, a.bg-elegance-darker:focus, button.bg-elegance-darker:hover, button.bg-elegance-darker:focus { background-color: rgb(23, 19, 20) !important; } .bg-elegance-light { background-color: rgb(225, 150, 236) !important; } a.bg-elegance-light:hover, a.bg-elegance-light:focus, button.bg-elegance-light:hover, button.bg-elegance-light:focus { background-color: rgb(212, 107, 229) !important; } .bg-elegance-lighter { background-color: rgb(237, 193, 244) !important; } a.bg-elegance-lighter:hover, a.bg-elegance-lighter:focus, button.bg-elegance-lighter:hover, button.bg-elegance-lighter:focus { background-color: rgb(225, 150, 236) !important; } .bg-gd-elegance { background: linear-gradient(135deg, rgb(188, 38, 211) 0%, rgb(216, 120, 231) 100%) !important; } .text-pulse { color: rgb(231, 76, 60) !important; } a.text-pulse.link-effect::before { background-color: rgb(231, 76, 60); } a.text-pulse:hover, a.text-pulse:focus { color: rgb(168, 35, 21) !important; } .text-pulse-dark { color: rgb(56, 56, 56) !important; } a.text-pulse-dark.link-effect::before { background-color: rgb(56, 56, 56); } a.text-pulse-dark:hover, a.text-pulse-dark:focus { color: rgb(5, 5, 5) !important; } .text-pulse-darker { color: rgb(35, 35, 35) !important; } a.text-pulse-darker.link-effect::before { background-color: rgb(35, 35, 35); } a.text-pulse-darker:hover, a.text-pulse-darker:focus { color: black !important; } .text-pulse-light { color: rgb(235, 109, 96) !important; } a.text-pulse-light.link-effect::before { background-color: rgb(235, 109, 96); } a.text-pulse-light:hover, a.text-pulse-light:focus { color: rgb(205, 42, 25) !important; } .text-pulse-lighter { color: rgb(243, 168, 160) !important; } a.text-pulse-lighter.link-effect::before { background-color: rgb(243, 168, 160); } a.text-pulse-lighter:hover, a.text-pulse-lighter:focus { color: rgb(232, 84, 69) !important; } .bg-pulse { background-color: rgb(231, 76, 60) !important; } a.bg-pulse:hover, a.bg-pulse:focus, button.bg-pulse:hover, button.bg-pulse:focus { background-color: rgb(214, 44, 26) !important; } .bg-pulse-op { background-color: rgba(231, 76, 60, 0.75) !important; } a.bg-pulse-op:hover, a.bg-pulse-op:focus, button.bg-pulse-op:hover, button.bg-pulse-op:focus { background-color: rgba(214, 44, 26, 0.75) !important; } .bg-pulse-dark { background-color: rgb(56, 56, 56) !important; } a.bg-pulse-dark:hover, a.bg-pulse-dark:focus, button.bg-pulse-dark:hover, button.bg-pulse-dark:focus { background-color: rgb(31, 31, 31) !important; } .bg-pulse-dark-op { background-color: rgba(56, 56, 56, 0.83) !important; } a.bg-pulse-dark-op:hover, a.bg-pulse-dark-op:focus, button.bg-pulse-dark-op:hover, button.bg-pulse-dark-op:focus { background-color: rgba(31, 31, 31, 0.83) !important; } .bg-pulse-darker { background-color: rgb(35, 35, 35) !important; } a.bg-pulse-darker:hover, a.bg-pulse-darker:focus, button.bg-pulse-darker:hover, button.bg-pulse-darker:focus { background-color: rgb(10, 10, 10) !important; } .bg-pulse-light { background-color: rgb(235, 109, 96) !important; } a.bg-pulse-light:hover, a.bg-pulse-light:focus, button.bg-pulse-light:hover, button.bg-pulse-light:focus { background-color: rgb(230, 68, 51) !important; } .bg-pulse-lighter { background-color: rgb(243, 168, 160) !important; } a.bg-pulse-lighter:hover, a.bg-pulse-lighter:focus, button.bg-pulse-lighter:hover, button.bg-pulse-lighter:focus { background-color: rgb(238, 126, 114) !important; } .bg-gd-pulse { background: linear-gradient(135deg, rgb(191, 39, 24) 0%, rgb(234, 97, 83) 100%) !important; } .text-flat { color: rgb(112, 178, 156) !important; } a.text-flat.link-effect::before { background-color: rgb(112, 178, 156); } a.text-flat:hover, a.text-flat:focus { color: rgb(66, 122, 103) !important; } .text-flat-dark { color: rgb(17, 63, 76) !important; } a.text-flat-dark.link-effect::before { background-color: rgb(17, 63, 76); } a.text-flat-dark:hover, a.text-flat-dark:focus { color: black !important; } .text-flat-darker { color: rgb(11, 40, 48) !important; } a.text-flat-darker.link-effect::before { background-color: rgb(11, 40, 48); } a.text-flat-darker:hover, a.text-flat-darker:focus { color: black !important; } .text-flat-light { color: rgb(172, 210, 197) !important; } a.text-flat-light.link-effect::before { background-color: rgb(172, 210, 197); } a.text-flat-light:hover, a.text-flat-light:focus { color: rgb(105, 174, 151) !important; } .text-flat-lighter { color: rgb(205, 228, 220) !important; } a.text-flat-lighter.link-effect::before { background-color: rgb(205, 228, 220); } a.text-flat-lighter:hover, a.text-flat-lighter:focus { color: rgb(139, 192, 174) !important; } .bg-flat { background-color: rgb(112, 178, 156) !important; } a.bg-flat:hover, a.bg-flat:focus, button.bg-flat:hover, button.bg-flat:focus { background-color: rgb(84, 155, 131) !important; } .bg-flat-op { background-color: rgba(112, 178, 156, 0.75) !important; } a.bg-flat-op:hover, a.bg-flat-op:focus, button.bg-flat-op:hover, button.bg-flat-op:focus { background-color: rgba(84, 155, 131, 0.75) !important; } .bg-flat-dark { background-color: rgb(17, 63, 76) !important; } a.bg-flat-dark:hover, a.bg-flat-dark:focus, button.bg-flat-dark:hover, button.bg-flat-dark:focus { background-color: rgb(8, 28, 34) !important; } .bg-flat-dark-op { background-color: rgba(17, 63, 76, 0.83) !important; } a.bg-flat-dark-op:hover, a.bg-flat-dark-op:focus, button.bg-flat-dark-op:hover, button.bg-flat-dark-op:focus { background-color: rgba(8, 28, 34, 0.83) !important; } .bg-flat-darker { background-color: rgb(11, 40, 48) !important; } a.bg-flat-darker:hover, a.bg-flat-darker:focus, button.bg-flat-darker:hover, button.bg-flat-darker:focus { background-color: rgb(1, 5, 7) !important; } .bg-flat-light { background-color: rgb(172, 210, 197) !important; } a.bg-flat-light:hover, a.bg-flat-light:focus, button.bg-flat-light:hover, button.bg-flat-light:focus { background-color: rgb(139, 192, 174) !important; } .bg-flat-lighter { background-color: rgb(205, 228, 220) !important; } a.bg-flat-lighter:hover, a.bg-flat-lighter:focus, button.bg-flat-lighter:hover, button.bg-flat-lighter:focus { background-color: rgb(172, 210, 197) !important; } .bg-gd-flat { background: linear-gradient(135deg, rgb(75, 139, 117) 0%, rgb(129, 187, 167) 100%) !important; } .text-corporate { color: rgb(47, 172, 178) !important; } a.text-corporate.link-effect::before { background-color: rgb(47, 172, 178); } a.text-corporate:hover, a.text-corporate:focus { color: rgb(26, 94, 97) !important; } .text-corporate-dark { color: rgb(50, 61, 76) !important; } a.text-corporate-dark.link-effect::before { background-color: rgb(50, 61, 76); } a.text-corporate-dark:hover, a.text-corporate-dark:focus { color: rgb(10, 12, 14) !important; } .text-corporate-darker { color: rgb(37, 45, 56) !important; } a.text-corporate-darker.link-effect::before { background-color: rgb(37, 45, 56); } a.text-corporate-darker:hover, a.text-corporate-darker:focus { color: black !important; } .text-corporate-light { color: rgb(90, 206, 211) !important; } a.text-corporate-light.link-effect::before { background-color: rgb(90, 206, 211); } a.text-corporate-light:hover, a.text-corporate-light:focus { color: rgb(42, 153, 158) !important; } .text-corporate-lighter { color: rgb(211, 242, 243) !important; } a.text-corporate-lighter.link-effect::before { background-color: rgb(211, 242, 243); } a.text-corporate-lighter:hover, a.text-corporate-lighter:focus { color: rgb(130, 218, 222) !important; } .bg-corporate { background-color: rgb(47, 172, 178) !important; } a.bg-corporate:hover, a.bg-corporate:focus, button.bg-corporate:hover, button.bg-corporate:focus { background-color: rgb(36, 133, 138) !important; } .bg-corporate-op { background-color: rgba(47, 172, 178, 0.75) !important; } a.bg-corporate-op:hover, a.bg-corporate-op:focus, button.bg-corporate-op:hover, button.bg-corporate-op:focus { background-color: rgba(36, 133, 138, 0.75) !important; } .bg-corporate-dark { background-color: rgb(50, 61, 76) !important; } a.bg-corporate-dark:hover, a.bg-corporate-dark:focus, button.bg-corporate-dark:hover, button.bg-corporate-dark:focus { background-color: rgb(30, 36, 45) !important; } .bg-corporate-dark-op { background-color: rgba(50, 61, 76, 0.83) !important; } a.bg-corporate-dark-op:hover, a.bg-corporate-dark-op:focus, button.bg-corporate-dark-op:hover, button.bg-corporate-dark-op:focus { background-color: rgba(30, 36, 45, 0.83) !important; } .bg-corporate-darker { background-color: rgb(37, 45, 56) !important; } a.bg-corporate-darker:hover, a.bg-corporate-darker:focus, button.bg-corporate-darker:hover, button.bg-corporate-darker:focus { background-color: rgb(17, 20, 25) !important; } .bg-corporate-light { background-color: rgb(90, 206, 211) !important; } a.bg-corporate-light:hover, a.bg-corporate-light:focus, button.bg-corporate-light:hover, button.bg-corporate-light:focus { background-color: rgb(52, 191, 198) !important; } .bg-corporate-lighter { background-color: rgb(211, 242, 243) !important; } a.bg-corporate-lighter:hover, a.bg-corporate-lighter:focus, button.bg-corporate-lighter:hover, button.bg-corporate-lighter:focus { background-color: rgb(171, 230, 233) !important; } .bg-gd-corporate { background: linear-gradient(135deg, rgb(31, 114, 117) 0%, rgb(52, 191, 198) 100%) !important; } .text-earth { color: rgb(110, 171, 77) !important; } a.text-earth.link-effect::before { background-color: rgb(110, 171, 77); } a.text-earth:hover, a.text-earth:focus { color: rgb(65, 101, 45) !important; } .text-earth-dark { color: rgb(66, 66, 66) !important; } a.text-earth-dark.link-effect::before { background-color: rgb(66, 66, 66); } a.text-earth-dark:hover, a.text-earth-dark:focus { color: rgb(15, 15, 15) !important; } .text-earth-darker { color: rgb(34, 34, 34) !important; } a.text-earth-darker.link-effect::before { background-color: rgb(34, 34, 34); } a.text-earth-darker:hover, a.text-earth-darker:focus { color: black !important; } .text-earth-light { color: rgb(160, 202, 138) !important; } a.text-earth-light.link-effect::before { background-color: rgb(160, 202, 138); } a.text-earth-light:hover, a.text-earth-light:focus { color: rgb(105, 164, 74) !important; } .text-earth-lighter { color: rgb(228, 240, 222) !important; } a.text-earth-lighter.link-effect::before { background-color: rgb(228, 240, 222); } a.text-earth-lighter:hover, a.text-earth-lighter:focus { color: rgb(172, 208, 152) !important; } .bg-earth { background-color: rgb(110, 171, 77) !important; } a.bg-earth:hover, a.bg-earth:focus, button.bg-earth:hover, button.bg-earth:focus { background-color: rgb(87, 136, 61) !important; } .bg-earth-op { background-color: rgba(110, 171, 77, 0.75) !important; } a.bg-earth-op:hover, a.bg-earth-op:focus, button.bg-earth-op:hover, button.bg-earth-op:focus { background-color: rgba(87, 136, 61, 0.75) !important; } .bg-earth-dark { background-color: rgb(66, 66, 66) !important; } a.bg-earth-dark:hover, a.bg-earth-dark:focus, button.bg-earth-dark:hover, button.bg-earth-dark:focus { background-color: rgb(41, 41, 41) !important; } .bg-earth-dark-op { background-color: rgba(66, 66, 66, 0.83) !important; } a.bg-earth-dark-op:hover, a.bg-earth-dark-op:focus, button.bg-earth-dark-op:hover, button.bg-earth-dark-op:focus { background-color: rgba(41, 41, 41, 0.83) !important; } .bg-earth-darker { background-color: rgb(34, 34, 34) !important; } a.bg-earth-darker:hover, a.bg-earth-darker:focus, button.bg-earth-darker:hover, button.bg-earth-darker:focus { background-color: rgb(9, 9, 9) !important; } .bg-earth-light { background-color: rgb(160, 202, 138) !important; } a.bg-earth-light:hover, a.bg-earth-light:focus, button.bg-earth-light:hover, button.bg-earth-light:focus { background-color: rgb(132, 186, 102) !important; } .bg-earth-lighter { background-color: rgb(228, 240, 222) !important; } a.bg-earth-lighter:hover, a.bg-earth-lighter:focus, button.bg-earth-lighter:hover, button.bg-earth-lighter:focus { background-color: rgb(200, 224, 187) !important; } .bg-gd-earth { background: linear-gradient(135deg, rgb(76, 118, 53) 0%, rgb(123, 182, 92) 100%) !important; } .animated { animation-duration: 1.2s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { animation-duration: 0.75s; } .animated.flipOutX, .animated.flipOutY { animation-duration: 0.75s; } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); } 40%, 43% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); } 70% { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } @keyframes pulse { 0% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { 0%, 100% { transform: translate3d(0px, 0px, 0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } } .shake { animation-name: shake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } 100% { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: center top; animation-name: swing; } @keyframes tada { 0% { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } @keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); } 100% { transform: none; } } .wobble { animation-name: wobble; } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px); } 75% { transform: translate3d(0px, -10px, 0px); } 90% { transform: translate3d(0px, 5px, 0px); } 100% { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px); } 75% { transform: translate3d(-10px, 0px, 0px); } 90% { transform: translate3d(5px, 0px, 0px); } 100% { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); } 75% { transform: translate3d(10px, 0px, 0px); } 90% { transform: translate3d(-5px, 0px, 0px); } 100% { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 75% { transform: translate3d(0px, 10px, 0px); } 90% { transform: translate3d(0px, -5px, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0px, 10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0px, -10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } 100% { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } 100% { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } 100% { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } 100% { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } 100% { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -100%, 0px); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { 0% { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { backface-visibility: visible; animation-name: flip; } @keyframes flipInX { 0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { transform: perspective(400px); } } .flipInX { backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { 0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transition-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { transform: perspective(400px); } } .flipInY { backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; backface-visibility: visible !important; } @keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } 100% { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { 0% { transform-origin: center center; opacity: 1; } 100% { transform-origin: center center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: left top; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: left top; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0px, 700px, 0px); opacity: 0; } } .hinge { animation-name: hinge; } @keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; transform: translate3d(0px, 0px, 0px) rotate3d(0, 0, 0, 0deg); } } .rollIn { animation-name: rollIn; } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { 0% { transform: translateY(-100%); visibility: visible; } 100% { transform: translateY(0px); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { 0% { transform: translateX(-100%); visibility: visible; } 100% { transform: translateX(0px); } } .slideInLeft { animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { transform: translateX(100%); visibility: visible; } 100% { transform: translateX(0px); } } @keyframes slideInRight { 0% { transform: translateX(100%); visibility: visible; } 100% { transform: translateX(0px); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { 0% { transform: translateY(100%); visibility: visible; } 100% { transform: translateY(0px); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { 0% { transform: translateY(0px); } 100% { visibility: hidden; transform: translateY(100%); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { 0% { transform: translateX(0px); } 100% { visibility: hidden; transform: translateX(-100%); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { 0% { transform: translateX(0px); } 100% { visibility: hidden; transform: translateX(100%); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { 0% { transform: translateY(0px); } 100% { visibility: hidden; transform: translateY(-100%); } } .slideOutUp { animation-name: slideOutUp; } @font-face { font-family: simple-line-icons; src: url('../fonts/f104673f485.woff2') format("woff2"), url('../fonts/f3f501ddb05.ttf') format("truetype"), url('../fonts/f14b825d778.woff') format("woff"); font-weight: normal; font-style: normal; } .si { font-family: simple-line-icons; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .si-user::before { content: ""; } .si-people::before { content: ""; } .si-user-female::before { content: ""; } .si-user-follow::before { content: ""; } .si-user-following::before { content: ""; } .si-user-unfollow::before { content: ""; } .si-login::before { content: ""; } .si-logout::before { content: ""; } .si-emotsmile::before { content: ""; } .si-phone::before { content: ""; } .si-call-end::before { content: ""; } .si-call-in::before { content: ""; } .si-call-out::before { content: ""; } .si-map::before { content: ""; } .si-location-pin::before { content: ""; } .si-direction::before { content: ""; } .si-directions::before { content: ""; } .si-compass::before { content: ""; } .si-layers::before { content: ""; } .si-menu::before { content: ""; } .si-list::before { content: ""; } .si-options-vertical::before { content: ""; } .si-options::before { content: ""; } .si-arrow-down::before { content: ""; } .si-arrow-left::before { content: ""; } .si-arrow-right::before { content: ""; } .si-arrow-up::before { content: ""; } .si-arrow-up-circle::before { content: ""; } .si-arrow-left-circle::before { content: ""; } .si-arrow-right-circle::before { content: ""; } .si-arrow-down-circle::before { content: ""; } .si-check::before { content: ""; } .si-clock::before { content: ""; } .si-plus::before { content: ""; } .si-minus::before { content: ""; } .si-close::before { content: ""; } .si-event::before { content: ""; } .si-exclamation::before { content: ""; } .si-organization::before { content: ""; } .si-trophy::before { content: ""; } .si-screen-smartphone::before { content: ""; } .si-screen-desktop::before { content: ""; } .si-plane::before { content: ""; } .si-notebook::before { content: ""; } .si-mustache::before { content: ""; } .si-mouse::before { content: ""; } .si-magnet::before { content: ""; } .si-energy::before { content: ""; } .si-disc::before { content: ""; } .si-cursor::before { content: ""; } .si-cursor-move::before { content: ""; } .si-crop::before { content: ""; } .si-chemistry::before { content: ""; } .si-speedometer::before { content: ""; } .si-shield::before { content: ""; } .si-screen-tablet::before { content: ""; } .si-magic-wand::before { content: ""; } .si-hourglass::before { content: ""; } .si-graduation::before { content: ""; } .si-ghost::before { content: ""; } .si-game-controller::before { content: ""; } .si-fire::before { content: ""; } .si-eyeglass::before { content: ""; } .si-envelope-open::before { content: ""; } .si-envelope-letter::before { content: ""; } .si-bell::before { content: ""; } .si-badge::before { content: ""; } .si-anchor::before { content: ""; } .si-wallet::before { content: ""; } .si-vector::before { content: ""; } .si-speech::before { content: ""; } .si-puzzle::before { content: ""; } .si-printer::before { content: ""; } .si-present::before { content: ""; } .si-playlist::before { content: ""; } .si-pin::before { content: ""; } .si-picture::before { content: ""; } .si-handbag::before { content: ""; } .si-globe-alt::before { content: ""; } .si-globe::before { content: ""; } .si-folder-alt::before { content: ""; } .si-folder::before { content: ""; } .si-film::before { content: ""; } .si-feed::before { content: ""; } .si-drop::before { content: ""; } .si-drawer::before { content: ""; } .si-docs::before { content: ""; } .si-doc::before { content: ""; } .si-diamond::before { content: ""; } .si-cup::before { content: ""; } .si-calculator::before { content: ""; } .si-bubbles::before { content: ""; } .si-briefcase::before { content: ""; } .si-book-open::before { content: ""; } .si-basket-loaded::before { content: ""; } .si-basket::before { content: ""; } .si-bag::before { content: ""; } .si-action-undo::before { content: ""; } .si-action-redo::before { content: ""; } .si-wrench::before { content: ""; } .si-umbrella::before { content: ""; } .si-trash::before { content: ""; } .si-tag::before { content: ""; } .si-support::before { content: ""; } .si-frame::before { content: ""; } .si-size-fullscreen::before { content: ""; } .si-size-actual::before { content: ""; } .si-shuffle::before { content: ""; } .si-share-alt::before { content: ""; } .si-share::before { content: ""; } .si-rocket::before { content: ""; } .si-question::before { content: ""; } .si-pie-chart::before { content: ""; } .si-pencil::before { content: ""; } .si-note::before { content: ""; } .si-loop::before { content: ""; } .si-home::before { content: ""; } .si-grid::before { content: ""; } .si-graph::before { content: ""; } .si-microphone::before { content: ""; } .si-music-tone-alt::before { content: ""; } .si-music-tone::before { content: ""; } .si-earphones-alt::before { content: ""; } .si-earphones::before { content: ""; } .si-equalizer::before { content: ""; } .si-like::before { content: ""; } .si-dislike::before { content: ""; } .si-control-start::before { content: ""; } .si-control-rewind::before { content: ""; } .si-control-play::before { content: ""; } .si-control-pause::before { content: ""; } .si-control-forward::before { content: ""; } .si-control-end::before { content: ""; } .si-volume-1::before { content: ""; } .si-volume-2::before { content: ""; } .si-volume-off::before { content: ""; } .si-calendar::before { content: ""; } .si-bulb::before { content: ""; } .si-chart::before { content: ""; } .si-ban::before { content: ""; } .si-bubble::before { content: ""; } .si-camrecorder::before { content: ""; } .si-camera::before { content: ""; } .si-cloud-download::before { content: ""; } .si-cloud-upload::before { content: ""; } .si-envelope::before { content: ""; } .si-eye::before { content: ""; } .si-flag::before { content: ""; } .si-heart::before { content: ""; } .si-info::before { content: ""; } .si-key::before { content: ""; } .si-link::before { content: ""; } .si-lock::before { content: ""; } .si-lock-open::before { content: ""; } .si-magnifier::before { content: ""; } .si-magnifier-add::before { content: ""; } .si-magnifier-remove::before { content: ""; } .si-paper-clip::before { content: ""; } .si-paper-plane::before { content: ""; } .si-power::before { content: ""; } .si-refresh::before { content: ""; } .si-reload::before { content: ""; } .si-settings::before { content: ""; } .si-star::before { content: ""; } .si-symbol-female::before { content: ""; } .si-symbol-male::before { content: ""; } .si-target::before { content: ""; } .si-credit-card::before { content: ""; } .si-paypal::before { content: ""; } .si-social-tumblr::before { content: ""; } .si-social-twitter::before { content: ""; } .si-social-facebook::before { content: ""; } .si-social-instagram::before { content: ""; } .si-social-linkedin::before { content: ""; } .si-social-pinterest::before { content: ""; } .si-social-github::before { content: ""; } .si-social-google::before { content: ""; } .si-social-reddit::before { content: ""; } .si-social-skype::before { content: ""; } .si-social-dribbble::before { content: ""; } .si-social-behance::before { content: ""; } .si-social-foursqare::before { content: ""; } .si-social-soundcloud::before { content: ""; } .si-social-spotify::before { content: ""; } .si-social-stumbleupon::before { content: ""; } .si-social-youtube::before { content: ""; } .si-social-dropbox::before { content: ""; } .si-social-vkontakte::before { content: ""; } .si-social-steam::before { content: ""; } .si-users::before { content: ""; } .si-bar-chart::before { content: ""; } .si-camcorder::before { content: ""; } .si-emoticon-smile::before { content: ""; } .si-eyeglasses::before { content: ""; } .si-moustache::before { content: ""; } .si-pointer::before { content: ""; } @font-face { font-family: FontAwesome; src: url('../fonts/f2adefcbc04.woff2') format("woff2"), url('../fonts/fba0c59deb5.woff') format("woff"), url('../fonts/faa58f33f23.ttf') format("truetype"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571em; text-align: center; } .fa-ul { padding-left: 0px; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.142857em; text-align: center; } .fa-li.fa-lg { left: -1.85714em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: 0.08em solid rgb(238, 238, 238); border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { animation: 2s linear 0s infinite normal none running fa-spin; } .fa-pulse { animation: 1s steps(8) 0s infinite normal none running fa-spin; } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0px; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: rgb(255, 255, 255); } .fa-glass::before { content: ""; } .fa-music::before { content: ""; } .fa-search::before { content: ""; } .fa-envelope-o::before { content: ""; } .fa-heart::before { content: ""; } .fa-star::before { content: ""; } .fa-star-o::before { content: ""; } .fa-user::before { content: ""; } .fa-film::before { content: ""; } .fa-th-large::before { content: ""; } .fa-th::before { content: ""; } .fa-th-list::before { content: ""; } .fa-check::before { content: ""; } .fa-remove::before, .fa-close::before, .fa-times::before { content: ""; } .fa-search-plus::before { content: ""; } .fa-search-minus::before { content: ""; } .fa-power-off::before { content: ""; } .fa-signal::before { content: ""; } .fa-gear::before, .fa-cog::before { content: ""; } .fa-trash-o::before { content: ""; } .fa-home::before { content: ""; } .fa-file-o::before { content: ""; } .fa-clock-o::before { content: ""; } .fa-road::before { content: ""; } .fa-download::before { content: ""; } .fa-arrow-circle-o-down::before { content: ""; } .fa-arrow-circle-o-up::before { content: ""; } .fa-inbox::before { content: ""; } .fa-play-circle-o::before { content: ""; } .fa-rotate-right::before, .fa-repeat::before { content: ""; } .fa-refresh::before { content: ""; } .fa-list-alt::before { content: ""; } .fa-lock::before { content: ""; } .fa-flag::before { content: ""; } .fa-headphones::before { content: ""; } .fa-volume-off::before { content: ""; } .fa-volume-down::before { content: ""; } .fa-volume-up::before { content: ""; } .fa-qrcode::before { content: ""; } .fa-barcode::before { content: ""; } .fa-tag::before { content: ""; } .fa-tags::before { content: ""; } .fa-book::before { content: ""; } .fa-bookmark::before { content: ""; } .fa-print::before { content: ""; } .fa-camera::before { content: ""; } .fa-font::before { content: ""; } .fa-bold::before { content: ""; } .fa-italic::before { content: ""; } .fa-text-height::before { content: ""; } .fa-text-width::before { content: ""; } .fa-align-left::before { content: ""; } .fa-align-center::before { content: ""; } .fa-align-right::before { content: ""; } .fa-align-justify::before { content: ""; } .fa-list::before { content: ""; } .fa-dedent::before, .fa-outdent::before { content: ""; } .fa-indent::before { content: ""; } .fa-video-camera::before { content: ""; } .fa-photo::before, .fa-image::before, .fa-picture-o::before { content: ""; } .fa-pencil::before { content: ""; } .fa-map-marker::before { content: ""; } .fa-adjust::before { content: ""; } .fa-tint::before { content: ""; } .fa-edit::before, .fa-pencil-square-o::before { content: ""; } .fa-share-square-o::before { content: ""; } .fa-check-square-o::before { content: ""; } .fa-arrows::before { content: ""; } .fa-step-backward::before { content: ""; } .fa-fast-backward::before { content: ""; } .fa-backward::before { content: ""; } .fa-play::before { content: ""; } .fa-pause::before { content: ""; } .fa-stop::before { content: ""; } .fa-forward::before { content: ""; } .fa-fast-forward::before { content: ""; } .fa-step-forward::before { content: ""; } .fa-eject::before { content: ""; } .fa-chevron-left::before { content: ""; } .fa-chevron-right::before { content: ""; } .fa-plus-circle::before { content: ""; } .fa-minus-circle::before { content: ""; } .fa-times-circle::before { content: ""; } .fa-check-circle::before { content: ""; } .fa-question-circle::before { content: ""; } .fa-info-circle::before { content: ""; } .fa-crosshairs::before { content: ""; } .fa-times-circle-o::before { content: ""; } .fa-check-circle-o::before { content: ""; } .fa-ban::before { content: ""; } .fa-arrow-left::before { content: ""; } .fa-arrow-right::before { content: ""; } .fa-arrow-up::before { content: ""; } .fa-arrow-down::before { content: ""; } .fa-mail-forward::before, .fa-share::before { content: ""; } .fa-expand::before { content: ""; } .fa-compress::before { content: ""; } .fa-plus::before { content: ""; } .fa-minus::before { content: ""; } .fa-asterisk::before { content: ""; } .fa-exclamation-circle::before { content: ""; } .fa-gift::before { content: ""; } .fa-leaf::before { content: ""; } .fa-fire::before { content: ""; } .fa-eye::before { content: ""; } .fa-eye-slash::before { content: ""; } .fa-warning::before, .fa-exclamation-triangle::before { content: ""; } .fa-plane::before { content: ""; } .fa-calendar::before { content: ""; } .fa-random::before { content: ""; } .fa-comment::before { content: ""; } .fa-magnet::before { content: ""; } .fa-chevron-up::before { content: ""; } .fa-chevron-down::before { content: ""; } .fa-retweet::before { content: ""; } .fa-shopping-cart::before { content: ""; } .fa-folder::before { content: ""; } .fa-folder-open::before { content: ""; } .fa-arrows-v::before { content: ""; } .fa-arrows-h::before { content: ""; } .fa-bar-chart-o::before, .fa-bar-chart::before { content: ""; } .fa-twitter-square::before { content: ""; } .fa-facebook-square::before { content: ""; } .fa-camera-retro::before { content: ""; } .fa-key::before { content: ""; } .fa-gears::before, .fa-cogs::before { content: ""; } .fa-comments::before { content: ""; } .fa-thumbs-o-up::before { content: ""; } .fa-thumbs-o-down::before { content: ""; } .fa-star-half::before { content: ""; } .fa-heart-o::before { content: ""; } .fa-sign-out::before { content: ""; } .fa-linkedin-square::before { content: ""; } .fa-thumb-tack::before { content: ""; } .fa-external-link::before { content: ""; } .fa-sign-in::before { content: ""; } .fa-trophy::before { content: ""; } .fa-github-square::before { content: ""; } .fa-upload::before { content: ""; } .fa-lemon-o::before { content: ""; } .fa-phone::before { content: ""; } .fa-square-o::before { content: ""; } .fa-bookmark-o::before { content: ""; } .fa-phone-square::before { content: ""; } .fa-twitter::before { content: ""; } .fa-facebook-f::before, .fa-facebook::before { content: ""; } .fa-github::before { content: ""; } .fa-unlock::before { content: ""; } .fa-credit-card::before { content: ""; } .fa-feed::before, .fa-rss::before { content: ""; } .fa-hdd-o::before { content: ""; } .fa-bullhorn::before { content: ""; } .fa-bell::before { content: ""; } .fa-certificate::before { content: ""; } .fa-hand-o-right::before { content: ""; } .fa-hand-o-left::before { content: ""; } .fa-hand-o-up::before { content: ""; } .fa-hand-o-down::before { content: ""; } .fa-arrow-circle-left::before { content: ""; } .fa-arrow-circle-right::before { content: ""; } .fa-arrow-circle-up::before { content: ""; } .fa-arrow-circle-down::before { content: ""; } .fa-globe::before { content: ""; } .fa-wrench::before { content: ""; } .fa-tasks::before { content: ""; } .fa-filter::before { content: ""; } .fa-briefcase::before { content: ""; } .fa-arrows-alt::before { content: ""; } .fa-group::before, .fa-users::before { content: ""; } .fa-chain::before, .fa-link::before { content: ""; } .fa-cloud::before { content: ""; } .fa-flask::before { content: ""; } .fa-cut::before, .fa-scissors::before { content: ""; } .fa-copy::before, .fa-files-o::before { content: ""; } .fa-paperclip::before { content: ""; } .fa-save::before, .fa-floppy-o::before { content: ""; } .fa-square::before { content: ""; } .fa-navicon::before, .fa-reorder::before, .fa-bars::before { content: ""; } .fa-list-ul::before { content: ""; } .fa-list-ol::before { content: ""; } .fa-strikethrough::before { content: ""; } .fa-underline::before { content: ""; } .fa-table::before { content: ""; } .fa-magic::before { content: ""; } .fa-truck::before { content: ""; } .fa-pinterest::before { content: ""; } .fa-pinterest-square::before { content: ""; } .fa-google-plus-square::before { content: ""; } .fa-google-plus::before { content: ""; } .fa-money::before { content: ""; } .fa-caret-down::before { content: ""; } .fa-caret-up::before { content: ""; } .fa-caret-left::before { content: ""; } .fa-caret-right::before { content: ""; } .fa-columns::before { content: ""; } .fa-unsorted::before, .fa-sort::before { content: ""; } .fa-sort-down::before, .fa-sort-desc::before { content: ""; } .fa-sort-up::before, .fa-sort-asc::before { content: ""; } .fa-envelope::before { content: ""; } .fa-linkedin::before { content: ""; } .fa-rotate-left::before, .fa-undo::before { content: ""; } .fa-legal::before, .fa-gavel::before { content: ""; } .fa-dashboard::before, .fa-tachometer::before { content: ""; } .fa-comment-o::before { content: ""; } .fa-comments-o::before { content: ""; } .fa-flash::before, .fa-bolt::before { content: ""; } .fa-sitemap::before { content: ""; } .fa-umbrella::before { content: ""; } .fa-paste::before, .fa-clipboard::before { content: ""; } .fa-lightbulb-o::before { content: ""; } .fa-exchange::before { content: ""; } .fa-cloud-download::before { content: ""; } .fa-cloud-upload::before { content: ""; } .fa-user-md::before { content: ""; } .fa-stethoscope::before { content: ""; } .fa-suitcase::before { content: ""; } .fa-bell-o::before { content: ""; } .fa-coffee::before { content: ""; } .fa-cutlery::before { content: ""; } .fa-file-text-o::before { content: ""; } .fa-building-o::before { content: ""; } .fa-hospital-o::before { content: ""; } .fa-ambulance::before { content: ""; } .fa-medkit::before { content: ""; } .fa-fighter-jet::before { content: ""; } .fa-beer::before { content: ""; } .fa-h-square::before { content: ""; } .fa-plus-square::before { content: ""; } .fa-angle-double-left::before { content: ""; } .fa-angle-double-right::before { content: ""; } .fa-angle-double-up::before { content: ""; } .fa-angle-double-down::before { content: ""; } .fa-angle-left::before { content: ""; } .fa-angle-right::before { content: ""; } .fa-angle-up::before { content: ""; } .fa-angle-down::before { content: ""; } .fa-desktop::before { content: ""; } .fa-laptop::before { content: ""; } .fa-tablet::before { content: ""; } .fa-mobile-phone::before, .fa-mobile::before { content: ""; } .fa-circle-o::before { content: ""; } .fa-quote-left::before { content: ""; } .fa-quote-right::before { content: ""; } .fa-spinner::before { content: ""; } .fa-circle::before { content: ""; } .fa-mail-reply::before, .fa-reply::before { content: ""; } .fa-github-alt::before { content: ""; } .fa-folder-o::before { content: ""; } .fa-folder-open-o::before { content: ""; } .fa-smile-o::before { content: ""; } .fa-frown-o::before { content: ""; } .fa-meh-o::before { content: ""; } .fa-gamepad::before { content: ""; } .fa-keyboard-o::before { content: ""; } .fa-flag-o::before { content: ""; } .fa-flag-checkered::before { content: ""; } .fa-terminal::before { content: ""; } .fa-code::before { content: ""; } .fa-mail-reply-all::before, .fa-reply-all::before { content: ""; } .fa-star-half-empty::before, .fa-star-half-full::before, .fa-star-half-o::before { content: ""; } .fa-location-arrow::before { content: ""; } .fa-crop::before { content: ""; } .fa-code-fork::before { content: ""; } .fa-unlink::before, .fa-chain-broken::before { content: ""; } .fa-question::before { content: ""; } .fa-info::before { content: ""; } .fa-exclamation::before { content: ""; } .fa-superscript::before { content: ""; } .fa-subscript::before { content: ""; } .fa-eraser::before { content: ""; } .fa-puzzle-piece::before { content: ""; } .fa-microphone::before { content: ""; } .fa-microphone-slash::before { content: ""; } .fa-shield::before { content: ""; } .fa-calendar-o::before { content: ""; } .fa-fire-extinguisher::before { content: ""; } .fa-rocket::before { content: ""; } .fa-maxcdn::before { content: ""; } .fa-chevron-circle-left::before { content: ""; } .fa-chevron-circle-right::before { content: ""; } .fa-chevron-circle-up::before { content: ""; } .fa-chevron-circle-down::before { content: ""; } .fa-html5::before { content: ""; } .fa-css3::before { content: ""; } .fa-anchor::before { content: ""; } .fa-unlock-alt::before { content: ""; } .fa-bullseye::before { content: ""; } .fa-ellipsis-h::before { content: ""; } .fa-ellipsis-v::before { content: ""; } .fa-rss-square::before { content: ""; } .fa-play-circle::before { content: ""; } .fa-ticket::before { content: ""; } .fa-minus-square::before { content: ""; } .fa-minus-square-o::before { content: ""; } .fa-level-up::before { content: ""; } .fa-level-down::before { content: ""; } .fa-check-square::before { content: ""; } .fa-pencil-square::before { content: ""; } .fa-external-link-square::before { content: ""; } .fa-share-square::before { content: ""; } .fa-compass::before { content: ""; } .fa-toggle-down::before, .fa-caret-square-o-down::before { content: ""; } .fa-toggle-up::before, .fa-caret-square-o-up::before { content: ""; } .fa-toggle-right::before, .fa-caret-square-o-right::before { content: ""; } .fa-euro::before, .fa-eur::before { content: ""; } .fa-gbp::before { content: ""; } .fa-dollar::before, .fa-usd::before { content: ""; } .fa-rupee::before, .fa-inr::before { content: ""; } .fa-cny::before, .fa-rmb::before, .fa-yen::before, .fa-jpy::before { content: ""; } .fa-ruble::before, .fa-rouble::before, .fa-rub::before { content: ""; } .fa-won::before, .fa-krw::before { content: ""; } .fa-bitcoin::before, .fa-btc::before { content: ""; } .fa-file::before { content: ""; } .fa-file-text::before { content: ""; } .fa-sort-alpha-asc::before { content: ""; } .fa-sort-alpha-desc::before { content: ""; } .fa-sort-amount-asc::before { content: ""; } .fa-sort-amount-desc::before { content: ""; } .fa-sort-numeric-asc::before { content: ""; } .fa-sort-numeric-desc::before { content: ""; } .fa-thumbs-up::before { content: ""; } .fa-thumbs-down::before { content: ""; } .fa-youtube-square::before { content: ""; } .fa-youtube::before { content: ""; } .fa-xing::before { content: ""; } .fa-xing-square::before { content: ""; } .fa-youtube-play::before { content: ""; } .fa-dropbox::before { content: ""; } .fa-stack-overflow::before { content: ""; } .fa-instagram::before { content: ""; } .fa-flickr::before { content: ""; } .fa-adn::before { content: ""; } .fa-bitbucket::before { content: ""; } .fa-bitbucket-square::before { content: ""; } .fa-tumblr::before { content: ""; } .fa-tumblr-square::before { content: ""; } .fa-long-arrow-down::before { content: ""; } .fa-long-arrow-up::before { content: ""; } .fa-long-arrow-left::before { content: ""; } .fa-long-arrow-right::before { content: ""; } .fa-apple::before { content: ""; } .fa-windows::before { content: ""; } .fa-android::before { content: ""; } .fa-linux::before { content: ""; } .fa-dribbble::before { content: ""; } .fa-skype::before { content: ""; } .fa-foursquare::before { content: ""; } .fa-trello::before { content: ""; } .fa-female::before { content: ""; } .fa-male::before { content: ""; } .fa-gittip::before, .fa-gratipay::before { content: ""; } .fa-sun-o::before { content: ""; } .fa-moon-o::before { content: ""; } .fa-archive::before { content: ""; } .fa-bug::before { content: ""; } .fa-vk::before { content: ""; } .fa-weibo::before { content: ""; } .fa-renren::before { content: ""; } .fa-pagelines::before { content: ""; } .fa-stack-exchange::before { content: ""; } .fa-arrow-circle-o-right::before { content: ""; } .fa-arrow-circle-o-left::before { content: ""; } .fa-toggle-left::before, .fa-caret-square-o-left::before { content: ""; } .fa-dot-circle-o::before { content: ""; } .fa-wheelchair::before { content: ""; } .fa-vimeo-square::before { content: ""; } .fa-turkish-lira::before, .fa-try::before { content: ""; } .fa-plus-square-o::before { content: ""; } .fa-space-shuttle::before { content: ""; } .fa-slack::before { content: ""; } .fa-envelope-square::before { content: ""; } .fa-wordpress::before { content: ""; } .fa-openid::before { content: ""; } .fa-institution::before, .fa-bank::before, .fa-university::before { content: ""; } .fa-mortar-board::before, .fa-graduation-cap::before { content: ""; } .fa-yahoo::before { content: ""; } .fa-google::before { content: ""; } .fa-reddit::before { content: ""; } .fa-reddit-square::before { content: ""; } .fa-stumbleupon-circle::before { content: ""; } .fa-stumbleupon::before { content: ""; } .fa-delicious::before { content: ""; } .fa-digg::before { content: ""; } .fa-pied-piper-pp::before { content: ""; } .fa-pied-piper-alt::before { content: ""; } .fa-drupal::before { content: ""; } .fa-joomla::before { content: ""; } .fa-language::before { content: ""; } .fa-fax::before { content: ""; } .fa-building::before { content: ""; } .fa-child::before { content: ""; } .fa-paw::before { content: ""; } .fa-spoon::before { content: ""; } .fa-cube::before { content: ""; } .fa-cubes::before { content: ""; } .fa-behance::before { content: ""; } .fa-behance-square::before { content: ""; } .fa-steam::before { content: ""; } .fa-steam-square::before { content: ""; } .fa-recycle::before { content: ""; } .fa-automobile::before, .fa-car::before { content: ""; } .fa-cab::before, .fa-taxi::before { content: ""; } .fa-tree::before { content: ""; } .fa-spotify::before { content: ""; } .fa-deviantart::before { content: ""; } .fa-soundcloud::before { content: ""; } .fa-database::before { content: ""; } .fa-file-pdf-o::before { content: ""; } .fa-file-word-o::before { content: ""; } .fa-file-excel-o::before { content: ""; } .fa-file-powerpoint-o::before { content: ""; } .fa-file-photo-o::before, .fa-file-picture-o::before, .fa-file-image-o::before { content: ""; } .fa-file-zip-o::before, .fa-file-archive-o::before { content: ""; } .fa-file-sound-o::before, .fa-file-audio-o::before { content: ""; } .fa-file-movie-o::before, .fa-file-video-o::before { content: ""; } .fa-file-code-o::before { content: ""; } .fa-vine::before { content: ""; } .fa-codepen::before { content: ""; } .fa-jsfiddle::before { content: ""; } .fa-life-bouy::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before { content: ""; } .fa-circle-o-notch::before { content: ""; } .fa-ra::before, .fa-resistance::before, .fa-rebel::before { content: ""; } .fa-ge::before, .fa-empire::before { content: ""; } .fa-git-square::before { content: ""; } .fa-git::before { content: ""; } .fa-y-combinator-square::before, .fa-yc-square::before, .fa-hacker-news::before { content: ""; } .fa-tencent-weibo::before { content: ""; } .fa-qq::before { content: ""; } .fa-wechat::before, .fa-weixin::before { content: ""; } .fa-send::before, .fa-paper-plane::before { content: ""; } .fa-send-o::before, .fa-paper-plane-o::before { content: ""; } .fa-history::before { content: ""; } .fa-circle-thin::before { content: ""; } .fa-header::before { content: ""; } .fa-paragraph::before { content: ""; } .fa-sliders::before { content: ""; } .fa-share-alt::before { content: ""; } .fa-share-alt-square::before { content: ""; } .fa-bomb::before { content: ""; } .fa-soccer-ball-o::before, .fa-futbol-o::before { content: ""; } .fa-tty::before { content: ""; } .fa-binoculars::before { content: ""; } .fa-plug::before { content: ""; } .fa-slideshare::before { content: ""; } .fa-twitch::before { content: ""; } .fa-yelp::before { content: ""; } .fa-newspaper-o::before { content: ""; } .fa-wifi::before { content: ""; } .fa-calculator::before { content: ""; } .fa-paypal::before { content: ""; } .fa-google-wallet::before { content: ""; } .fa-cc-visa::before { content: ""; } .fa-cc-mastercard::before { content: ""; } .fa-cc-discover::before { content: ""; } .fa-cc-amex::before { content: ""; } .fa-cc-paypal::before { content: ""; } .fa-cc-stripe::before { content: ""; } .fa-bell-slash::before { content: ""; } .fa-bell-slash-o::before { content: ""; } .fa-trash::before { content: ""; } .fa-copyright::before { content: ""; } .fa-at::before { content: ""; } .fa-eyedropper::before { content: ""; } .fa-paint-brush::before { content: ""; } .fa-birthday-cake::before { content: ""; } .fa-area-chart::before { content: ""; } .fa-pie-chart::before { content: ""; } .fa-line-chart::before { content: ""; } .fa-lastfm::before { content: ""; } .fa-lastfm-square::before { content: ""; } .fa-toggle-off::before { content: ""; } .fa-toggle-on::before { content: ""; } .fa-bicycle::before { content: ""; } .fa-bus::before { content: ""; } .fa-ioxhost::before { content: ""; } .fa-angellist::before { content: ""; } .fa-cc::before { content: ""; } .fa-shekel::before, .fa-sheqel::before, .fa-ils::before { content: ""; } .fa-meanpath::before { content: ""; } .fa-buysellads::before { content: ""; } .fa-connectdevelop::before { content: ""; } .fa-dashcube::before { content: ""; } .fa-forumbee::before { content: ""; } .fa-leanpub::before { content: ""; } .fa-sellsy::before { content: ""; } .fa-shirtsinbulk::before { content: ""; } .fa-simplybuilt::before { content: ""; } .fa-skyatlas::before { content: ""; } .fa-cart-plus::before { content: ""; } .fa-cart-arrow-down::before { content: ""; } .fa-diamond::before { content: ""; } .fa-ship::before { content: ""; } .fa-user-secret::before { content: ""; } .fa-motorcycle::before { content: ""; } .fa-street-view::before { content: ""; } .fa-heartbeat::before { content: ""; } .fa-venus::before { content: ""; } .fa-mars::before { content: ""; } .fa-mercury::before { content: ""; } .fa-intersex::before, .fa-transgender::before { content: ""; } .fa-transgender-alt::before { content: ""; } .fa-venus-double::before { content: ""; } .fa-mars-double::before { content: ""; } .fa-venus-mars::before { content: ""; } .fa-mars-stroke::before { content: ""; } .fa-mars-stroke-v::before { content: ""; } .fa-mars-stroke-h::before { content: ""; } .fa-neuter::before { content: ""; } .fa-genderless::before { content: ""; } .fa-facebook-official::before { content: ""; } .fa-pinterest-p::before { content: ""; } .fa-whatsapp::before { content: ""; } .fa-server::before { content: ""; } .fa-user-plus::before { content: ""; } .fa-user-times::before { content: ""; } .fa-hotel::before, .fa-bed::before { content: ""; } .fa-viacoin::before { content: ""; } .fa-train::before { content: ""; } .fa-subway::before { content: ""; } .fa-medium::before { content: ""; } .fa-yc::before, .fa-y-combinator::before { content: ""; } .fa-optin-monster::before { content: ""; } .fa-opencart::before { content: ""; } .fa-expeditedssl::before { content: ""; } .fa-battery-4::before, .fa-battery::before, .fa-battery-full::before { content: ""; } .fa-battery-3::before, .fa-battery-three-quarters::before { content: ""; } .fa-battery-2::before, .fa-battery-half::before { content: ""; } .fa-battery-1::before, .fa-battery-quarter::before { content: ""; } .fa-battery-0::before, .fa-battery-empty::before { content: ""; } .fa-mouse-pointer::before { content: ""; } .fa-i-cursor::before { content: ""; } .fa-object-group::before { content: ""; } .fa-object-ungroup::before { content: ""; } .fa-sticky-note::before { content: ""; } .fa-sticky-note-o::before { content: ""; } .fa-cc-jcb::before { content: ""; } .fa-cc-diners-club::before { content: ""; } .fa-clone::before { content: ""; } .fa-balance-scale::before { content: ""; } .fa-hourglass-o::before { content: ""; } .fa-hourglass-1::before, .fa-hourglass-start::before { content: ""; } .fa-hourglass-2::before, .fa-hourglass-half::before { content: ""; } .fa-hourglass-3::before, .fa-hourglass-end::before { content: ""; } .fa-hourglass::before { content: ""; } .fa-hand-grab-o::before, .fa-hand-rock-o::before { content: ""; } .fa-hand-stop-o::before, .fa-hand-paper-o::before { content: ""; } .fa-hand-scissors-o::before { content: ""; } .fa-hand-lizard-o::before { content: ""; } .fa-hand-spock-o::before { content: ""; } .fa-hand-pointer-o::before { content: ""; } .fa-hand-peace-o::before { content: ""; } .fa-trademark::before { content: ""; } .fa-registered::before { content: ""; } .fa-creative-commons::before { content: ""; } .fa-gg::before { content: ""; } .fa-gg-circle::before { content: ""; } .fa-tripadvisor::before { content: ""; } .fa-odnoklassniki::before { content: ""; } .fa-odnoklassniki-square::before { content: ""; } .fa-get-pocket::before { content: ""; } .fa-wikipedia-w::before { content: ""; } .fa-safari::before { content: ""; } .fa-chrome::before { content: ""; } .fa-firefox::before { content: ""; } .fa-opera::before { content: ""; } .fa-internet-explorer::before { content: ""; } .fa-tv::before, .fa-television::before { content: ""; } .fa-contao::before { content: ""; } .fa-500px::before { content: ""; } .fa-amazon::before { content: ""; } .fa-calendar-plus-o::before { content: ""; } .fa-calendar-minus-o::before { content: ""; } .fa-calendar-times-o::before { content: ""; } .fa-calendar-check-o::before { content: ""; } .fa-industry::before { content: ""; } .fa-map-pin::before { content: ""; } .fa-map-signs::before { content: ""; } .fa-map-o::before { content: ""; } .fa-map::before { content: ""; } .fa-commenting::before { content: ""; } .fa-commenting-o::before { content: ""; } .fa-houzz::before { content: ""; } .fa-vimeo::before { content: ""; } .fa-black-tie::before { content: ""; } .fa-fonticons::before { content: ""; } .fa-reddit-alien::before { content: ""; } .fa-edge::before { content: ""; } .fa-credit-card-alt::before { content: ""; } .fa-codiepie::before { content: ""; } .fa-modx::before { content: ""; } .fa-fort-awesome::before { content: ""; } .fa-usb::before { content: ""; } .fa-product-hunt::before { content: ""; } .fa-mixcloud::before { content: ""; } .fa-scribd::before { content: ""; } .fa-pause-circle::before { content: ""; } .fa-pause-circle-o::before { content: ""; } .fa-stop-circle::before { content: ""; } .fa-stop-circle-o::before { content: ""; } .fa-shopping-bag::before { content: ""; } .fa-shopping-basket::before { content: ""; } .fa-hashtag::before { content: ""; } .fa-bluetooth::before { content: ""; } .fa-bluetooth-b::before { content: ""; } .fa-percent::before { content: ""; } .fa-gitlab::before { content: ""; } .fa-wpbeginner::before { content: ""; } .fa-wpforms::before { content: ""; } .fa-envira::before { content: ""; } .fa-universal-access::before { content: ""; } .fa-wheelchair-alt::before { content: ""; } .fa-question-circle-o::before { content: ""; } .fa-blind::before { content: ""; } .fa-audio-description::before { content: ""; } .fa-volume-control-phone::before { content: ""; } .fa-braille::before { content: ""; } .fa-assistive-listening-systems::before { content: ""; } .fa-asl-interpreting::before, .fa-american-sign-language-interpreting::before { content: ""; } .fa-deafness::before, .fa-hard-of-hearing::before, .fa-deaf::before { content: ""; } .fa-glide::before { content: ""; } .fa-glide-g::before { content: ""; } .fa-signing::before, .fa-sign-language::before { content: ""; } .fa-low-vision::before { content: ""; } .fa-viadeo::before { content: ""; } .fa-viadeo-square::before { content: ""; } .fa-snapchat::before { content: ""; } .fa-snapchat-ghost::before { content: ""; } .fa-snapchat-square::before { content: ""; } .fa-pied-piper::before { content: ""; } .fa-first-order::before { content: ""; } .fa-yoast::before { content: ""; } .fa-themeisle::before { content: ""; } .fa-google-plus-circle::before, .fa-google-plus-official::before { content: ""; } .fa-fa::before, .fa-font-awesome::before { content: ""; } .fa-handshake-o::before { content: ""; } .fa-envelope-open::before { content: ""; } .fa-envelope-open-o::before { content: ""; } .fa-linode::before { content: ""; } .fa-address-book::before { content: ""; } .fa-address-book-o::before { content: ""; } .fa-vcard::before, .fa-address-card::before { content: ""; } .fa-vcard-o::before, .fa-address-card-o::before { content: ""; } .fa-user-circle::before { content: ""; } .fa-user-circle-o::before { content: ""; } .fa-user-o::before { content: ""; } .fa-id-badge::before { content: ""; } .fa-drivers-license::before, .fa-id-card::before { content: ""; } .fa-drivers-license-o::before, .fa-id-card-o::before { content: ""; } .fa-quora::before { content: ""; } .fa-free-code-camp::before { content: ""; } .fa-telegram::before { content: ""; } .fa-thermometer-4::before, .fa-thermometer::before, .fa-thermometer-full::before { content: ""; } .fa-thermometer-3::before, .fa-thermometer-three-quarters::before { content: ""; } .fa-thermometer-2::before, .fa-thermometer-half::before { content: ""; } .fa-thermometer-1::before, .fa-thermometer-quarter::before { content: ""; } .fa-thermometer-0::before, .fa-thermometer-empty::before { content: ""; } .fa-shower::before { content: ""; } .fa-bathtub::before, .fa-s15::before, .fa-bath::before { content: ""; } .fa-podcast::before { content: ""; } .fa-window-maximize::before { content: ""; } .fa-window-minimize::before { content: ""; } .fa-window-restore::before { content: ""; } .fa-times-rectangle::before, .fa-window-close::before { content: ""; } .fa-times-rectangle-o::before, .fa-window-close-o::before { content: ""; } .fa-bandcamp::before { content: ""; } .fa-grav::before { content: ""; } .fa-etsy::before { content: ""; } .fa-imdb::before { content: ""; } .fa-ravelry::before { content: ""; } .fa-eercast::before { content: ""; } .fa-microchip::before { content: ""; } .fa-snowflake-o::before { content: ""; } .fa-superpowers::before { content: ""; } .fa-wpexplorer::before { content: ""; } .fa-meetup::before { content: ""; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip: auto; } .datepicker { z-index: 1051 !important; } .input-daterange .input-group-addon { padding: 4px 12px; margin: 0px; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-color: rgb(250, 234, 185); border-color: rgb(250, 234, 185); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-color: rgb(63, 156, 232); border-color: rgb(63, 156, 232); } .dropzone { min-height: 200px; background-color: rgb(246, 247, 249); border: 2px dotted rgb(212, 218, 227); border-radius: 3px; } .dropzone .dz-message { margin: 65px 0px; font-size: 16px; font-style: italic; font-weight: 600; color: rgb(87, 87, 87); } .dropzone:hover { background-color: rgb(255, 255, 255); border-color: rgb(63, 156, 232); } .dropzone:hover .dz-message { color: rgb(63, 156, 232); } table.dataTable { border-collapse: collapse !important; } table.dataTable td, table.dataTable th { box-sizing: border-box; } table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { padding-right: 20px; } table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before { display: none; } table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after { top: 10px; right: 6px; bottom: auto; font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; font-weight: 900; font-size: 14px; opacity: 0.6; } table.dataTable thead .sorting::after { content: ""; } table.dataTable thead .sorting_asc::after { content: ""; } table.dataTable thead .sorting_desc::after { content: ""; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin-top: 10px; justify-content: center; } @media (min-width: 768px) { div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin-top: 2px; justify-content: flex-end; } } .pie-chart { position: relative; display: block; } .pie-chart > canvas { display: block; margin: 0px auto; } .pie-chart > span { position: absolute; top: 50%; transform: translateX(0px) translateY(-50%); right: 0px; left: 0px; text-align: center; } .flot-tooltip { position: absolute; display: none; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.75); padding: 4px 8px; } .flot-pie-label { font-size: 13px; text-align: center; padding: 4px 8px; color: rgb(255, 255, 255); } .legend > table td { padding: 3px 4px; font-size: 14px; } .fc-event { padding-left: 4px; padding-right: 2px; font-weight: 600; line-height: 1.4; color: rgb(23, 23, 23); border: 1px solid rgb(227, 244, 252); border-radius: 0px; } .fc-event:hover { color: rgb(87, 87, 87); } .fc-event, .fc-event-dot { background-color: rgb(227, 244, 252); } .fc button { height: 34px; line-height: 34px; font-weight: 600; cursor: default; } .fc-state-default.fc-corner-left { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .fc-state-default.fc-corner-right { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .fc-state-default { color: rgb(23, 23, 23); background-color: rgb(240, 242, 245); background-image: none; border: 1px solid rgb(212, 218, 227); text-shadow: none; box-shadow: none; } .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { color: rgb(52, 58, 64); background-color: rgb(203, 210, 221); border-color: rgb(173, 184, 200); } .fc-state-hover { color: rgb(23, 23, 23); transition: 0.15s ease-out; } .fc-state-down, .fc-state-active { background-color: rgb(203, 210, 221); border-color: rgb(173, 184, 200); box-shadow: none; } .fc-state-disabled { opacity: 0.35; } .fc-toolbar { margin-bottom: 29px; } @media (max-width: 767.98px) { .fc-toolbar > div { display: block !important; float: none !important; margin-bottom: 12px !important; } .fc-toolbar > div::after { display: block; clear: both; content: ""; } } .fc thead th.fc-widget-header { padding-top: 6px; padding-bottom: 6px; font-size: 16px; font-weight: 600; text-transform: uppercase; background-color: rgb(246, 247, 249); } .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: rgb(228, 231, 237); } .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header { background: rgb(240, 242, 245); } .fc-unthemed .fc-today { background: rgb(246, 247, 249); } @media (max-width: 575.98px) { .fc-header-toolbar .fc-button { margin-top: 5px; margin-bottom: 5px; } } pre.pre-sh { padding: 0px; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; border-radius: 0px; } pre.pre-sh code.hljs { background: transparent; } pre.pre-sh code.pwrap { white-space: pre-wrap; } .irs.irs--round .irs-line, .irs.irs--round .irs-bar { height: 4px; } .irs.irs--round .irs-min, .irs.irs--round .irs-max, .irs.irs--round .irs-line, .irs.irs--round .irs-grid-pol { background: rgb(240, 242, 245); } .irs.irs--round .irs-handle { border-color: rgb(63, 156, 232); } .irs.irs--round .irs-from::before, .irs.irs--round .irs-to::before, .irs.irs--round .irs-single::before { border-top-color: rgb(63, 156, 232); } .irs.irs--round .irs-bar, .irs.irs--round .irs-from, .irs.irs--round .irs-to, .irs.irs--round .irs-single { background: rgb(63, 156, 232); } .autocomplete-suggestions { border-color: rgb(228, 231, 237); box-shadow: rgba(0, 0, 0, 0.05) 0px 15px 25px; } .autocomplete-suggestion { padding: 0.428571rem 1rem; color: rgb(87, 87, 87); font-size: 1rem; font-weight: 600; line-height: 1.5; } .autocomplete-suggestion b { color: rgb(63, 156, 232); font-weight: 600; } .autocomplete-suggestion.selected { background-color: rgb(240, 242, 245); } .jqstooltip { box-sizing: content-box; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; background-color: rgba(0, 0, 0, 0.75) !important; } div.tagsinput { padding: 5px 12px 1px; border-color: rgb(212, 218, 227); border-radius: 3px; } div.tagsinput input { padding-top: 0px; padding-bottom: 0px; margin-bottom: 2px; height: 22px; } .form-material div.tagsinput { padding-right: 0px; padding-left: 0px; border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(212, 218, 227); border-image: initial; border-radius: 0px; } div.tagsinput span.tag { padding: 2px 5px; margin-bottom: 2px; height: 22px; line-height: 18px; color: rgb(255, 255, 255); font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 600; background-color: rgb(63, 156, 232); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; } div.tagsinput span.tag a { font-size: 13px; color: rgba(255, 255, 255, 0.5); } div.tagsinput span.tag a:hover { color: rgba(255, 255, 255, 0.75); } .draggable-column { min-height: 100px; } .draggable-handler { cursor: move; } .draggable-placeholder { background-color: rgb(237, 239, 243); border: 1px dashed rgb(197, 205, 216); } .jvectormap-tip { padding: 6px 8px; font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; background: rgb(33, 37, 41); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; } .jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback { left: 15px; padding: 4px; line-height: 15px; background: rgb(85, 85, 85); } .jvectormap-zoomin, .jvectormap-zoomout { width: 15px; height: 15px; } .jvectormap-zoomin:hover, .jvectormap-zoomout:hover { opacity: 0.75; } .jvectormap-zoomout { top: 40px; } .select2-container .select2-selection--single { height: 34px; } .select2-container .select2-dropdown { border-color: rgb(212, 218, 227); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .select2-container--default .select2-selection--single { border-color: rgb(212, 218, 227); border-radius: 3px; } .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 12px; line-height: 34px; } .form-material .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 0px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 34px; } .form-material .select2-container--default .select2-selection--single { border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(212, 218, 227); border-image: initial; border-radius: 0px; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: rgb(108, 117, 125); } .select2-container--default .select2-selection--multiple { border-color: rgb(212, 218, 227); border-radius: 3px; min-height: 34px; } .form-material .select2-container--default .select2-selection--multiple { border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(212, 218, 227); border-image: initial; border-radius: 0px; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-right: 12px; padding-left: 12px; } .form-material .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-left: 0px; } .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single { border-color: rgb(151, 165, 186); } .form-material .select2-container--default.select2-container--focus .select2-selection--multiple, .form-material .select2-container--default.select2-container--focus .select2-selection--single { border-bottom-color: rgb(151, 165, 186); } .is-valid .select2-container--default .select2-selection--single, .is-valid .select2-container--default .select2-selection--multiple, .is-valid .select2-container--default.select2-container--focus .select2-selection--single, .is-valid .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: rgb(156, 204, 101); } .is-valid .form-control .select2-container--default .select2-selection--single, .is-valid .form-control .select2-container--default .select2-selection--multiple, .is-valid .form-control .select2-container--default.select2-container--focus .select2-selection--single, .is-valid .form-control .select2-container--default.select2-container--focus .select2-selection--multiple { border-bottom-color: rgb(156, 204, 101); } .is-invalid .select2-container--default .select2-selection--single, .is-invalid .select2-container--default .select2-selection--multiple, .is-invalid .select2-container--default.select2-container--focus .select2-selection--single, .is-invalid .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: rgb(239, 83, 80); } .is-invalid .form-material .select2-container--default .select2-selection--single, .is-invalid .form-material .select2-container--default .select2-selection--multiple, .is-invalid .form-material .select2-container--default.select2-container--focus .select2-selection--single, .is-invalid .form-material .select2-container--default.select2-container--focus .select2-selection--multiple { border-bottom-color: rgb(239, 83, 80); } .select2-container--default .select2-selection--multiple .select2-selection__choice { height: 22px; line-height: 22px; color: rgb(255, 255, 255); font-size: 13px; font-weight: 600; background-color: rgb(63, 156, 232); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 3px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-right: 5px; color: rgba(255, 255, 255, 0.5); } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: rgba(255, 255, 255, 0.75); } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: rgb(212, 218, 227); } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: rgb(63, 156, 232); } .select2-container--default .select2-search--inline .select2-search__field { padding-right: 0px; padding-left: 0px; font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; box-shadow: none; } .form-material .select2-container--default .select2-search--inline .select2-search__field { padding-left: 0px; } .select2-search--dropdown .select2-search__field { padding: 6px 12px; font-family: Muli, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; border-radius: 3px; box-shadow: none; } .CodeMirror-fullscreen, .editor-toolbar.fullscreen, .editor-preview-side { z-index: 1052; } .editor-preview { z-index: 1051; } .slick-slider.slick-dotted { margin-bottom: 50px; } .slick-slider.slick-dotted .slick-dots { bottom: -30px; } .slick-slider.slick-dotted.slick-dotted-inner { margin-bottom: 0px; } .slick-slider.slick-dotted.slick-dotted-inner .slick-dots { bottom: 10px; } .slick-slider.slick-dotted.slick-dotted-white .slick-dots li button::before { color: rgb(255, 255, 255); } .slick-slider .slick-prev, .slick-slider .slick-next { width: 40px; height: 60px; text-align: center; background-color: rgba(0, 0, 0, 0.03); z-index: 2; } .slick-slider .slick-prev:hover, .slick-slider .slick-next:hover { background-color: rgba(0, 0, 0, 0.15); } .slick-slider .slick-prev::before, .slick-slider .slick-next::before { font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; font-size: 28px; font-weight: 900; line-height: 28px; color: rgb(52, 58, 64); } .slick-slider .slick-prev { left: 0px; } .slick-slider .slick-prev::before { content: ""; } .slick-slider .slick-next { right: 0px; } .slick-slider .slick-next::before { content: ""; } .slick-slider.slick-nav-white .slick-prev, .slick-slider.slick-nav-white .slick-next { background-color: rgba(255, 255, 255, 0.5); } .slick-slider.slick-nav-white .slick-prev:hover, .slick-slider.slick-nav-white .slick-next:hover { background-color: white; } .slick-slider.slick-nav-white .slick-prev::before, .slick-slider.slick-nav-white .slick-next::before { color: rgb(0, 0, 0); } .slick-slider.slick-nav-black .slick-prev, .slick-slider.slick-nav-black .slick-next { background-color: rgba(0, 0, 0, 0.25); } .slick-slider.slick-nav-black .slick-prev:hover, .slick-slider.slick-nav-black .slick-next:hover { background-color: black; } .slick-slider.slick-nav-black .slick-prev::before, .slick-slider.slick-nav-black .slick-next::before { color: rgb(255, 255, 255); } .slick-slider.slick-nav-hover .slick-prev, .slick-slider.slick-nav-hover .slick-next { opacity: 0; transition: opacity 0.25s ease-out; } .slick-slider.slick-nav-hover:hover .slick-prev, .slick-slider.slick-nav-hover:hover .slick-next { opacity: 1; } [data-simplebar] { position: relative; z-index: 0; overflow: hidden; } [data-simplebar="init"] { display: flex; } .simplebar-scroll-content { overflow: hidden scroll; min-width: 100%; box-sizing: content-box; } .simplebar-content { overflow-x: scroll; overflow-y: hidden !important; box-sizing: border-box !important; min-height: 100% !important; } .simplebar-track { z-index: 1; position: absolute; right: 0px; bottom: 0px; width: 7px; } .simplebar-scrollbar { position: absolute; right: 2px; width: 4px; min-height: 10px; } .simplebar-scrollbar::before { position: absolute; content: ""; border-radius: 5px; left: 0px; right: 0px; opacity: 0; transition: opacity 0.2s linear; background: padding-box rgb(33, 37, 41); } .sidebar-inverse #sidebar .simplebar-scrollbar::before { background: rgb(200, 226, 248); } .simplebar-track:hover .simplebar-scrollbar { opacity: 0.5; } .simplebar-track:hover .simplebar-scrollbar::before, .simplebar-track .simplebar-scrollbar.visible::before { opacity: 0.5; } .simplebar-track.vertical { top: 0px; } .simplebar-track.vertical .simplebar-scrollbar::before { top: 2px; bottom: 2px; } .simplebar-track.horizontal { left: 0px; width: auto; height: 7px; } .simplebar-track.horizontal .simplebar-scrollbar::before { height: 100%; left: 2px; right: 2px; } .horizontal.simplebar-track .simplebar-scrollbar { right: auto; top: 2px; height: 4px; min-height: 0px; min-width: 10px; width: auto; } .note-editor.note-frame .note-toolbar-wrapper { background-color: rgb(255, 255, 255); } .note-editor.note-frame .note-toolbar { background-color: rgb(252, 252, 252) !important; } .note-editor.note-frame.note-frame { border-color: rgb(221, 221, 221); } .note-editor.note-frame .note-toolbar { border-bottom-color: rgb(221, 221, 221); } .note-editor.note-frame .note-statusbar .note-resizebar { border-top-color: rgb(221, 221, 221); } .note-editor.note-frame .note-popover .popover-content .note-color .dropdown-menu, .note-editor.note-frame .card-header.note-toolbar .note-color .dropdown-menu { min-width: 350px; } .pw-strength-progress > .progress { height: 5px; } .dd, .dd-item, .dd-empty, .dd-placeholder { font-size: 13px; } .dd-handle { height: 2.5rem; padding: 0.5rem 0.75rem; color: rgb(87, 87, 87); background: rgb(246, 247, 249); border-color: rgb(228, 231, 237); } .dd-handle:hover { color: rgb(23, 23, 23); } .dd-item > button { height: 1.625rem; } .dd-empty, .dd-placeholder { border-color: rgb(33, 37, 41); background: rgb(200, 226, 248); opacity: 0.25; } body { --color-accent: #ffd25c; --color-22: #0f0d1c; background: url('../img/a29280bbc62.webp') center top / cover no-repeat fixed rgb(13, 20, 28); color: rgb(238, 238, 238); min-height: 100vh; font-family: Piazzolla, Montserrat, Arial, sans-serif; } a { color: rgb(191, 151, 98); } a:hover { color: rgb(247, 192, 121); } #page-header { background-color: rgba(17, 13, 28, 0.85) !important; backdrop-filter: blur(9px); } #page-container.page-header-modern #page-header > .content-header { padding-top: 0px; padding-bottom: 0px; } #page-container.main-content-boxed > #page-header .content-header { max-width: none; width: 100%; margin-left: 0px; margin-right: 0px; padding-left: 12px; padding-right: 12px; } #page-header > .content-header [data-action="sidebar_toggle"] { margin-left: 0px; } .nav-main-header a { color: rgb(216, 216, 216); background: rgba(68, 72, 130, 0.19); box-sizing: border-box; border: 1px solid transparent; transition: 0.3s; font-weight: normal; } .nav-main-header a > i { color: var(--color-accent); } .nav-main-header a:hover > i, .nav-main-header .open a > i, .nav-main-header a:focus > i { color: rgb(0, 0, 0); } .btn-dual-secondary { color: rgb(216, 216, 216); } .text-dual-primary-dark { color: rgb(216, 216, 216) !important; } a.link-effect::before { background-color: rgb(216, 216, 216); } .nav-main-header a:hover, .nav-main-header a:focus, .nav-main-header a.active, .nav-main-header li.open > a.nav-submenu, .nav-main-header li:hover > a.nav-submenu { background-color: var(--color-accent); border: 1px solid transparent; color: rgb(0, 0, 0); } .btn-dual-secondary:not([disabled]):not(.disabled).active, .show > .btn-dual-secondary.dropdown-toggle, .btn-dual-secondary:hover, .btn-dual-secondary:focus, .btn-dual-secondary.focus { background-color: var(--color-accent); border: 1px solid transparent; color: rgb(0, 0, 0) !important; } .block { background-color: rgba(15, 11, 28, 0.88); border: 1px solid rgba(255, 255, 255, 0.05); box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 15px; margin-bottom: 24px; } #widgetHeadRow { padding-bottom: 0px; margin-bottom: 0px !important; } #widgetHeadRow > [class*="col-"] > .block, #widgetHeadRow > [class*="col-"] > .block.options-container, .content #widgetHeadRow .block { height: auto !important; margin-bottom: 24px !important; } #widgetHeadBalance .options-overlay-content { font-size: inherit; text-align: left; } #widgetHeadBalance .options-overlay-content .nav-link, #widgetHeadBalance .options-overlay-content .nav-link span { white-space: nowrap; } .block.block-shadow { box-shadow: rgba(0, 0, 0, 0.14) 0px 5px 15px; } .block-header { background: rgba(0, 0, 0, 0.24) !important; } .bg-body-light { border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgba(255, 255, 255, 0.05) rgba(255, 255, 255, 0.05); border-image: initial; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 15px; background-color: rgba(0, 0, 0, 0.46) !important; } a.text-muted:hover, a.text-muted:focus { color: rgb(187, 187, 187) !important; } .submit-form { color: rgb(0, 0, 0); background-color: rgba(255, 255, 255, 0.46); border-color: rgba(0, 0, 0, 0); font-size: 15px; } .submit-form:hover { background-color: rgba(255, 255, 255, 0.7); color: rgb(0, 0, 0); border-color: rgba(0, 0, 0, 0); } .custom-control-input:checked ~ .custom-control-label::before { color: rgb(255, 255, 255); border-color: rgb(41, 145, 62); background-color: rgb(38, 166, 46); } .form-control { color: rgb(130, 130, 130); background-color: rgba(0, 0, 0, 0.44); border: 1px solid rgba(255, 255, 255, 0.05); } .form-control:focus { color: rgb(219, 219, 219); background-color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0.05); } .form-control optgroup { background-color: rgba(255, 255, 255, 0.05); color: rgb(182, 182, 182); } .form-control option { background-color: rgb(27, 27, 27); color: rgb(219, 219, 219); } .nav-tabs-alt .nav-link.active, .nav-tabs-alt .nav-item.show .nav-link { background-color: transparent; border-color: transparent; box-shadow: rgb(36, 36, 36) 0px -2px inset; color: rgb(219, 219, 219); } .nav-link { color: rgb(219, 219, 219); font-size: 0.9em; } .nav-link:focus, .nav-link:hover { color: var(--color-accent); } .nav-tabs { border-bottom: 0px; } .btn-secondary { color: rgb(255, 193, 5); background-color: rgba(0, 0, 0, 0.44); border: 1px solid rgba(255, 255, 255, 0.05); } .btn-secondary:not([disabled]):not(.disabled):active { color: rgb(219, 219, 219) !important; background-color: rgba(0, 0, 0, 0.6) !important; border: 1px solid rgba(255, 255, 255, 0.05) !important; } .breadcrumb-item { color: var(--color-accent); } .breadcrumb-item:hover { color: rgb(139, 118, 85); } .breadcrumb-item.active { opacity: 0.4; } h1:not(.popover-header), h2:not(.popover-header), h3:not(.popover-header), h4:not(.popover-header), h5:not(.popover-header), h6:not(.popover-header), .h1, .h2, .h3, .h4, .h5, .h6 { color: var(--color-accent) !important; } .nav-tabs-alt .nav-link:hover, .nav-tabs-alt .nav-link:focus { color: var(--color-accent); box-shadow: inset 0 -2px var(--color-accent); } .nav-tabs-block { background-color: rgba(0, 0, 0, 0.37); } .nav-tabs-block .nav-link:hover, .nav-tabs-block .nav-link:focus { color: var(--color-accent); } .table { color: rgb(217, 217, 217); } .block.block-bordered, .table-bordered, .table-bordered th, .table-bordered td { border: 1px solid rgba(255, 255, 255, 0.05); } .table th, .table td { border-top: 1px solid rgba(255, 255, 255, 0.05); } .table-hover tbody tr:hover { color: var(--color-accent); } .input-group-text { background-color: rgba(40, 35, 55, 0.94); border: 1px solid rgba(60, 54, 85, 0.66); color: rgb(150, 141, 193); } .border-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; } #calculation_board { color: rgba(253, 253, 253, 0.45); } .dropdown-menu { background-color: rgba(33, 28, 60, 0.95); border: 1px solid transparent; border-radius: 5px; } .dropdown-item { color: rgb(200, 200, 200); } .dropdown-item:focus, .dropdown-item:hover { color: rgb(59, 59, 59); } .nav-main-header ul, .nav-main-header > li:hover > a.nav-submenu { background-color: var(--color-accent); border: 1px solid transparent; color: rgb(0, 0, 0); } .nav-main-header li a span, .nav-main-header li a i { transition: 0.3s; } .nav-main-header li ul li a { background-color: var(--color-accent); color: rgb(0, 0, 0); } .nav-main-header li ul li a i { transition: 0.3s; color: rgb(0, 0, 0) !important; } .nav-main-header > li ul li a:hover { background-color: rgb(0, 0, 0); color: var(--color-accent); } .nav-main-header li ul li a:hover i { color: var(--color-accent) !important; } .dropdown-divider { border-top: 1px solid rgba(255, 255, 255, 0.05); } .border-b { border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; } .block.block-fx-shadow { box-shadow: none; } .content .push { background-color: rgba(0, 0, 0, 0.11) !important; } .block .push { background-color: transparent !important; } .bg-info { background-color: rgba(38, 218, 193, 0.37) !important; } .content-heading { border-color: rgba(255, 255, 255, 0.05); } .alert-warning { color: rgb(255, 237, 203); background-color: rgba(255, 220, 119, 0.27); border-color: rgb(255, 240, 195); } #page-container.page-header-modern #sidebar { box-shadow: rgb(0, 0, 0) 5px 0px 20px; } #page-container.sidebar-inverse #sidebar, #page-container #sidebar { color: rgb(205, 198, 255); background-color: rgba(16, 13, 28, 0.89); } .sidebar-inverse #sidebar .nav-main a, #sidebar .nav-main a { color: rgb(205, 198, 255); transition: 0.2s; } .sidebar-inverse #sidebar .nav-main a > i, #sidebar .nav-main a > i { color: rgb(175, 164, 251); transition: 0.2s; } .sidebar-inverse #sidebar .nav-main a:hover, .sidebar-inverse #sidebar .nav-main a:focus, .sidebar-inverse #sidebar .nav-main a.active, #sidebar .nav-main a:hover, #sidebar .nav-main a:focus, #sidebar .nav-main a.active { color: var(--color-accent); } .sidebar-inverse #sidebar .nav-main a:hover > i, .sidebar-inverse #sidebar .nav-main a:focus > i, .sidebar-inverse #sidebar .nav-main a.active > i, #sidebar .nav-main a.active > i, #sidebar .nav-main a:focus > i, #sidebar .nav-main a:hover > i { color: var(--color-accent); } .modal-content { background-color: var(--color-22); } .border-right, .border-left, .border-top, .border-bottom { border-color: rgba(222, 226, 230, 0.08) !important; } hr { border-color: rgba(222, 226, 230, 0.08) !important; } .psa { margin-top: 30px; margin-bottom: 30px; } .psa__title { margin-bottom: 10px; font-size: 18px; color: var(--color-accent); } .psa__list { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 6px 10px; } .options-container .options-overlay { background-color: var(--color-22) !important; } .btn.btn-rounded { border-radius: 3px !important; } .submit-form, .btn-alt-success { color: rgb(13, 11, 10); background-color: rgb(255, 195, 52); border-color: rgb(255, 195, 52); } .submit-form:hover, .submit-form:focus, .submit-form.focus, .btn-alt-success:hover, .btn-alt-success:focus, .btn-alt-success.focus, .btn-alt-success:not([disabled]):not(.disabled):active { color: rgb(0, 0, 0); background-color: var(--color-accent); border-color: var(--color-accent); } .btn-outline-primary { color: rgb(247, 233, 199); border-color: rgba(191, 155, 68, 0.18); } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:not([disabled]):not(.disabled):active { color: rgb(247, 233, 199); background-color: rgba(255, 229, 149, 0.11); border-color: rgba(191, 155, 68, 0.18); } .btn-primary { color: rgb(221, 211, 255); background-color: rgb(34, 27, 83); border-color: rgb(62, 30, 108); } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:not([disabled]):not(.disabled):active { color: rgb(221, 211, 255); background-color: rgb(76, 40, 126); border-color: rgb(76, 40, 126); } .btn-alt-danger { color: rgb(238, 159, 158); background-color: rgba(123, 54, 51, 0.67); border-color: rgba(255, 178, 174, 0.19); } .btn-alt-danger:hover, .btn-alt-danger:focus, .btn-alt-danger.focus, .btn-alt-danger:not([disabled]):not(.disabled):active { color: rgb(244, 166, 164); background-color: rgb(102, 26, 21); border-color: rgb(123, 38, 33); } .css-switch .css-control-input ~ .css-control-indicator { background-color: rgb(83, 83, 83); } .nav-tabs-block .nav-link.active, .nav-tabs-block .nav-item.show .nav-link { color: var(--color-accent); background-color: rgba(142, 64, 255, 0.19); border-color: transparent; } .list-group-item { background-color: rgba(94, 94, 94, 0.24); border: 1px solid rgba(71, 73, 79, 0.5); } .list-group-item-action { color: rgb(204, 204, 204); } .intl-tel-input .country-list { background-color: rgb(26, 26, 26); border-color: rgb(70, 70, 70); } .intl-tel-input .country-list .country.highlight { background-color: rgb(40, 40, 40); } .intl-tel-input .country-list .divider { border-color: rgb(70, 70, 70); } .modal-backdrop { background-color: rgb(33, 37, 40); } a.block.block-link-shadow:hover { box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 15px; border-color: var(--color-accent); } .nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .show > .nav-link, .nav-pills .show > .nav-link:hover { background-color: var(--color-accent); color: rgb(0, 0, 0); } .isel { background-color: rgba(51, 51, 51, 0.44); margin-bottom: 4px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; } .checkbox__block { background: rgba(255, 238, 145, 0.44); border-radius: 3px 0px 0px 3px; box-shadow: rgba(0, 0, 0, 0.63) 2px 2px 10px inset; transform: scale(1); } .checkbox__block::after { border-radius: 3px 0px 0px 3px; } .checkbox__input:checked + .checkbox__block::after { background-color: rgb(41, 104, 41); } .content-header-item-logo { height: 40px; line-height: 40px; } .page-item.disabled .page-link { color: rgb(153, 153, 153); pointer-events: none; cursor: auto; background-color: rgb(32, 32, 32); border-color: rgb(64, 64, 64); } .page-item.active .page-link { z-index: 1; color: var(--color-accent); background-color: rgb(47, 46, 46); border-color: rgb(77, 77, 77); } a.block.block-link-pop:hover { box-shadow: none !important; } .fileuploader { background: rgb(36, 36, 36); } .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner { background: rgb(21, 21, 21); border: 2px dashed rgb(62, 62, 62); text-align: center; font-size: 30px; color: rgb(106, 106, 106); } .text-primary { color: var(--color-accent) !important; } .shop-item .text-muted { font-size: 18px; color: rgb(219, 219, 190) !important; } .shop-item .shop-price { font-size: 18px; color: var(--color-accent); } .bns__title { color: rgb(255, 184, 60); font-size: 1.6rem; margin: 5px 0px; text-align: center; font-family: Oswald, "Times New Roman", Times, serif; } .bns__desc { margin: 5px 0px 10px; text-align: center; } .bns__list { display: grid; gap: 5px; max-width: 500px; margin: 0px auto; } .bns__row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5px; } .bns__box { display: grid; grid-template-columns: auto 1fr; gap: 3px; box-sizing: border-box; padding: 3px; background-color: rgba(252, 252, 252, 0.1); border-radius: 3px; } .bns__item { background: rgba(0, 0, 0, 0.3); padding: 5px 8px; border-radius: 3px; border: 1px solid transparent; box-sizing: border-box; line-height: 1.2; text-align: center; cursor: default; font-size: 14px; } .bns__item_accent { background-color: rgb(255, 184, 60); color: rgb(4, 4, 4); font-weight: bold; } .bns__name { text-transform: uppercase; } .bns__val { } .gamepage { background: rgba(228, 231, 237, 0.09) !important; } [data-theme="def"] { background-color: rgb(255, 255, 255); box-shadow: none; border-radius: 3px; border: 0px; font-size: 13px; line-height: 1.3; color: rgb(51, 51, 51); padding: 20px 25px; pointer-events: all; min-width: 200px; filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 10px 20px); } [data-theme="def"] .tippy-content { padding: 0px; } [data-theme="def"] .tippy-arrow { color: rgb(255, 255, 255); } [data-theme="def"].tippy-box[data-placement^="bottom"] > .tippy-arrow::before { top: -10px; border-width: 0px 10px 10px; } [data-theme="def"].tippy-box[data-placement^="top"] > .tippy-arrow::before { bottom: -10px; border-width: 10px 10px 0px; } .tip-content { display: none; } .nav-main-header2 a { color: rgb(216, 216, 216); background: rgba(68, 72, 130, 0.19); box-sizing: border-box; border: 1px solid transparent; transition: 0.3s; font-weight: normal; } .nav-main-header2 a > i { color: var(--color-accent); } .nav-main-header2 a:hover > i, .nav-main-header2 .open a > i, .nav-main-header2 a:focus > i { color: rgb(0, 0, 0); } .btn-dual-secondary { color: rgb(216, 216, 216); } .text-dual-primary-dark { color: rgb(216, 216, 216) !important; } a.link-effect::before { background-color: rgb(216, 216, 216); } .nav-main-header2 a:hover, .nav-main-header2 a:focus, .nav-main-header2 a.active, .nav-main-header2 li.open > a.nav-submenu, .nav-main-header2 li:hover > a.nav-submenu { background-color: var(--color-accent); border: 1px solid transparent; color: rgb(0, 0, 0); } #toolbarDrop { font-size: 12px; padding: 10px 6px; gap: 6px; } #toolbarDrop .toolbar-server-icon { flex-shrink: 0; border-radius: 2px; display: block; } #toolbarDrop .toolbar-server-name { line-height: 1.2; } #toolbarDrop.dropdown-toggle::after { margin-left: 2px; } #toolbarDrop.btn-alt-success.dropdown-toggle { color: rgb(0, 0, 0); background-color: var(--color-accent); border-color: var(--color-accent); } .options-container .options-overlay-show { opacity: 1; visibility: visible; } .cc-selector-2 input { position: absolute; z-index: 999; } .cc-selector-2 input:active + .drinkcard-cc { opacity: 0.9; } .cc-selector-2 input:checked + .drinkcard-cc { filter: none; } .drinkcard-cc { cursor: pointer; transition: 100ms ease-in; filter: opacity(0.5); } .drinkcard-cc:hover { filter: opacity(1); } .drinkcard-cc img { border-radius: 4px; } .list_account div.accordion_account::before { content: ""; opacity: 0.4; } .list_account.open > div.accordion_account::before { opacity: 0; transform: rotate(90deg); } .list_account div.accordion_account::after { content: ""; opacity: 0; transform: rotate(-90deg); } .list_account.open > div.accordion_account::after { opacity: 0.4; transform: rotate(0deg); } .list_account div.accordion_account::before, .list_account div.accordion_account::after { position: absolute; left: 21px; width: 20px; height: 20px; display: block; text-align: center; font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro"; transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .btn-create-account { position: absolute; padding: 0.357143rem 12px; font-size: 0.9286rem; line-height: 20px; z-index: 2; top: 10px; right: -8px; } .form-group input[type="radio"], .form-group input[type="checkbox"] { display: none; } .form-group input[type="checkbox"] + .btn-group > label, .form-group input[type="radio"] + .btn-group > label { white-space: normal; } .form-group input[type="checkbox"] + .btn-group > label.btn-default, .form-group input[type="radio"] + .btn-group > label.btn-default { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); cursor: pointer; } .form-group input[type="radio"] + .btn-group > label span:first-child, .form-group input[type="checkbox"] + .btn-group > label span:first-child { display: none; } .form-group input[type="radio"] + .btn-group > label span:first-child + span, .form-group input[type="checkbox"] + .btn-group > label span:first-child + span { display: inline-block; } .form-group input[type="radio"]:checked + .btn-group > label span:first-child, .form-group input[type="checkbox"]:checked + .btn-group > label span:first-child { display: inline-block; } .form-group input[type="radio"]:checked + .btn-group > label span:first-child + span, .form-group input[type="checkbox"]:checked + .btn-group > label span:first-child + span { display: none; } .form-group input[type="checkbox"] + .btn-group > label span[class*="fa-"], .form-group input[type="radio"] + .btn-group > label span[class*="fa-"] { width: 15px; float: left; margin: 4px 0px 2px -2px; } .form-group input[type="checkbox"] + .btn-group > label div.content-label, .form-group input[type="radio"] + .btn-group > label div.content-label { margin-left: 22px; } .pricemoney { display: flex; justify-content: center; background: transparent; margin: 1px; padding: 1px; } .pricemoney_block { text-align: center; display: flex; justify-content: center; background: rgba(255, 255, 255, 0.11); margin: 2px; padding: 5px; border-radius: 3px; } .pricemoney_block-title { background: rgba(0, 0, 0, 0.28); display: inline-block; padding: 5px 10px; border-radius: 3px; text-transform: uppercase; font-size: 12px; line-height: 21px; } .pricemoney_block-content { background: rgba(0, 0, 0, 0.28); display: inline-block; width: 100px; padding: 5px 5px 3px; border: 1px solid transparent; border-radius: 3px; margin-left: 2px; } .pricemoney_block:nth-child(3) > .pricemoney_block-content { background: rgb(245, 178, 62); color: rgb(4, 4, 4); font-weight: bold; } .price { padding-left: 15px; padding-right: 15px; box-sizing: border-box; } .price h4 { text-align: center; } .price span { display: block; text-align: center; margin-bottom: 10px; } .price b { color: rgb(245, 178, 62); } @media (max-width: 640px) { .pricemoney_block { display: block; margin: auto; } .pricemoney_block-content { width: 50px; } } .logo { display: flex; justify-content: center; align-items: center; text-decoration: none; font-size: 12px; position: relative; z-index: 0; max-width: 129px; } .logo__img { display: block; transition: 0.3s; max-width: 100%; } .logo__img_hover_effect:hover { filter: brightness(120%); } .logo__img_hover_animation { position: absolute; inset: 0px; z-index: 2; opacity: 0; transition: 0.2s; pointer-events: none; } .logo:hover .logo__img_hover_animation { animation: 0.3s ease 0s 1 normal none running logo; } @keyframes logo { 0% { transform: scale(1); opacity: 0; } 20% { opacity: 0.3; } 100% { transform: scale(1.2); opacity: 0; } } #sidebarBalance .sidebar-balance { background: rgba(0, 0, 0, 0.35); border: 1px solid rgba(255, 210, 92, 0.22); box-shadow: rgba(255, 255, 255, 0.03) 0px 0px 0px 1px inset; } #sidebarBalance .sidebar-balance__value { color: var(--color-accent, #ffd25c); } #sidebarBalance .sidebar-balance__btn { min-width: 2rem; padding-left: 0.45rem; padding-right: 0.45rem; } .alert-email-verify { border-radius: 4px; box-shadow: none; margin-top: 0.25rem; background: rgba(0, 0, 0, 0.44) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; color: rgb(255, 255, 255) !important; padding: 1.25rem 1.25rem 1.15rem !important; } .alert-email-verify .alert-heading { font-family: inherit; font-size: 1.1rem; font-weight: 600; letter-spacing: normal; margin-top: 0px; line-height: 1.35; color: rgb(255, 255, 255) !important; margin-bottom: 0.75rem !important; } .alert-email-verify .text-white-75, .alert-email-verify p { color: rgba(255, 255, 255, 0.78) !important; } .alert-email-verify .btn-alt-primary { font-weight: 600; background-color: var(--color-accent, #d4a017) !important; border-color: transparent !important; color: rgb(17, 17, 17) !important; } .alert-email-verify .btn-alt-primary:hover { filter: brightness(1.08); } @media (min-width: 1200px) and (max-width: 1599.98px) { .col-xl-4 { flex: 0 0 50%; max-width: 50%; } } .donate-packs { display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 8px; margin: 14px 0px 18px; } .donate-pack { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 78px; padding: 12px 6px 10px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(0, 0, 0, 0.28); color: rgb(232, 228, 216); cursor: pointer; transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s, background 0.15s; } .donate-pack:hover { transform: translateY(-2px); border-color: rgba(255, 210, 92, 0.45); background: rgba(255, 210, 92, 0.08); } .donate-pack.is-popular { background: rgba(255, 210, 92, 0.04); } .donate-pack.is-active { border-color: var(--color-accent, #ffd25c); box-shadow: rgba(255, 210, 92, 0.35) 0px 0px 0px 1px, rgba(255, 210, 92, 0.12) 0px 8px 22px; background: rgba(255, 210, 92, 0.12); } .donate-pack.is-next { border-style: dashed; border-color: rgba(255, 210, 92, 0.55); } .donate-pack__badge { position: absolute; top: -9px; left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 9px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; background: linear-gradient(rgb(255, 227, 138), rgb(212, 160, 23)); color: rgb(26, 20, 8); box-shadow: rgba(212, 160, 23, 0.35) 0px 2px 8px; z-index: 1; } .donate-pack__name { font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; opacity: 0.85; margin-bottom: 2px; } .donate-pack__amount { font-size: 15px; font-weight: 800; line-height: 1.15; color: rgb(255, 255, 255); } .donate-pack__bonus { font-size: 11px; font-weight: 700; color: var(--color-accent, #ffd25c); margin-top: 2px; } .donate-pack--bronze { --pack: #cd7f32; } .donate-pack--silver { --pack: #c5c9d1; } .donate-pack--gold { --pack: #ffd25c; } .donate-pack--platinum { --pack: #7ec8e3; } .donate-pack--diamond { --pack: #5eead4; } .donate-pack--hero { --pack: #c084fc; } .donate-pack--master { --pack: #f87171; } .donate-pack--bronze .donate-pack__name, .donate-pack--silver .donate-pack__name, .donate-pack--gold .donate-pack__name, .donate-pack--platinum .donate-pack__name, .donate-pack--diamond .donate-pack__name, .donate-pack--hero .donate-pack__name, .donate-pack--master .donate-pack__name { color: var(--pack); } .donate-vault { display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 0.95fr); gap: 12px; margin: 8px 0px 16px; align-items: stretch; } .donate-vault__col { display: flex; flex-direction: column; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(0, 0, 0, 0.28); padding: 14px 14px 12px; min-height: 160px; max-height: 280px; } .donate-vault__col--next { border-color: rgba(255, 210, 92, 0.28); background: linear-gradient(rgba(255, 210, 92, 0.07), rgba(0, 0, 0, 0.22)); box-shadow: rgba(255, 210, 92, 0.06) 0px 0px 0px 1px inset; } .donate-vault__col--next.is-max { opacity: 0.72; } .donate-vault__kicker { display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); margin-bottom: 2px; flex-shrink: 0; } .donate-vault__title { font-size: 15px; font-weight: 700; color: rgb(255, 255, 255); margin: 0px 0px 10px; flex-shrink: 0; } #donate-current-title { font-size: 13px; letter-spacing: 0.05em; text-transform: uppercase; color: rgb(255, 210, 92); } .donate-vault__need { font-size: 12px; color: var(--color-accent, #ffd25c); margin: -6px 0px 10px; font-weight: 600; flex-shrink: 0; } .donate-vault__list { display: flex; flex-direction: column; gap: 6px; flex: 1 1 auto; min-height: 0px; overflow-y: auto; padding-right: 4px; } .donate-item { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 6px; background: rgba(255, 255, 255, 0.04); flex-shrink: 0; } .donate-item__icon, .donate-card__icon { width: 28px; height: 28px; object-fit: contain; flex-shrink: 0; } .donate-item__meta { flex: 1 1 0%; min-width: 0px; } .donate-item__name, .donate-card__name { font-size: 12px; color: rgb(232, 228, 216); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .donate-item__count, .donate-card__count { font-size: 12px; font-weight: 700; color: var(--color-accent, #ffd25c); white-space: nowrap; } .donate-item__enc { color: rgb(230, 211, 90); font-weight: 700; } .donate-vault__cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 8px; flex: 1 1 auto; min-height: 0px; overflow-y: auto; margin-bottom: 10px; padding-right: 4px; align-content: start; } .donate-vault__list::-webkit-scrollbar, .donate-vault__cards::-webkit-scrollbar { width: 6px; } .donate-vault__list::-webkit-scrollbar-thumb, .donate-vault__cards::-webkit-scrollbar-thumb { background: rgba(255, 210, 92, 0.35); border-radius: 99px; } .donate-card { position: relative; text-align: center; padding: 14px 4px 6px; border-radius: 8px; border: 1px solid rgba(255, 210, 92, 0.18); background: rgba(0, 0, 0, 0.28); } .donate-item__flag { position: absolute; top: 4px; right: 4px; font-size: 8px; font-weight: 800; letter-spacing: 0.04em; padding: 1px 5px; border-radius: 999px; line-height: 1.4; } .donate-item__flag--new { background: rgb(212, 160, 23); color: rgb(26, 20, 8); } .donate-item__flag--upgraded { background: rgb(59, 130, 246); color: rgb(255, 255, 255); } .donate-vault__empty { font-size: 13px; color: rgba(255, 255, 255, 0.5); padding: 12px 4px; } .donate-vault__title#donate-unlock-title, .donate-vault__need#donate-unlock-need { display: none !important; } .donate-unlock-cta { display: flex; flex-direction: column; align-items: center; width: 100%; flex-shrink: 0; border: 1px solid rgba(255, 210, 92, 0.75); border-radius: 8px; padding: 10px 12px 8px; background: linear-gradient(rgba(255, 207, 53, 0.22), rgba(212, 160, 23, 0.52)); color: rgb(255, 227, 138); font-weight: 700; font-size: 13px; letter-spacing: 0.02em; cursor: pointer; box-shadow: rgba(255, 210, 92, 0.12) 0px 0px 0px 1px, rgba(212, 160, 23, 0.16) 0px 8px 18px; transition: background 0.15s, color 0.15s, box-shadow 0.15s, transform 0.15s, border-color 0.15s; } .donate-unlock-cta:hover { background: linear-gradient(rgba(255, 227, 138, 0.34), rgba(212, 160, 23, 0.9)); border-color: rgb(255, 210, 92); color: rgb(255, 233, 168); transform: translateY(-1px); box-shadow: rgba(255, 210, 92, 0.28) 0px 0px 0px 1px, rgba(212, 160, 23, 0.22) 0px 10px 22px; } .donate-unlock-cta small { font-weight: 600; opacity: 0.85; font-size: 11px; color: inherit; } .donate-unlock-cta > span::after { content: " →"; } .donate-caption { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 10px 0px 14px; padding: 0px; border: 0px; background: none; color: rgba(232, 228, 216, 0.65); font-size: 12.5px; font-weight: 400; text-align: center; line-height: 1.45; } .donate-caption i { color: rgba(255, 210, 92, 0.72); font-size: 12px; flex-shrink: 0; } .donate-support { margin: 12px auto 0px; max-width: 520px; padding: 0px; border: 0px; background: none; color: rgba(232, 228, 216, 0.62); font-size: 12.5px; font-weight: 400; text-align: center; line-height: 1.45; } .donate-support a { color: rgb(255, 210, 92); font-weight: 600; text-decoration: underline; } .donate-support a:hover { color: rgb(255, 227, 138); } .donate-methods-title { display: block; margin: 18px 0px 10px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(232, 228, 216, 0.55); } .donate-methods { display: grid; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: 10px; margin: 0px 0px 8px; } .donate-methods .cc-selector-2 { position: relative; margin: 0px; } .donate-methods .cc-selector-2 > input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; opacity: 0; z-index: -1; pointer-events: none; } .donate-methods .drinkcard-cc, .donate-methods .drinkcard-cc:hover, .donate-methods .cc-selector-2 input:active + .drinkcard-cc, .donate-methods .cc-selector-2 input:checked + .drinkcard-cc { filter: none; } .donate-methods .drinkcard-cc { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0px; width: 100%; min-height: 78px; margin: 0px; padding: 8px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(0, 0, 0, 0.28); cursor: pointer; transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s, background 0.15s; } .donate-methods .drinkcard-cc:hover { transform: translateY(-2px); border-color: rgba(255, 210, 92, 0.45); background: rgba(255, 210, 92, 0.08); } .donate-methods .cc-selector-2 input:checked + .drinkcard-cc { border-color: rgb(255, 210, 92); background: rgba(255, 210, 92, 0.12); box-shadow: rgba(255, 210, 92, 0.35) 0px 0px 0px 1px, rgba(255, 210, 92, 0.12) 0px 8px 22px; } .donate-methods .cc-selector-2 input:focus-visible + .drinkcard-cc { outline: rgb(255, 210, 92) solid 2px; outline-offset: 2px; } .donate-method__logo { display: flex; align-items: center; justify-content: center; width: 100%; flex: 1 1 0%; min-height: 58px; padding: 8px 10px; border-radius: 6px; background: rgb(255, 255, 255); } .donate-methods .drinkcard-cc img { max-height: 48px; width: auto; max-width: 100%; object-fit: contain; border-radius: 0px; } .donate-method__name { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; } @media (max-width: 767.98px) { .donate-methods { grid-template-columns: repeat(3, minmax(0px, 1fr)); } } @media (max-width: 479.98px) { .donate-methods { grid-template-columns: repeat(2, minmax(0px, 1fr)); } } .donate-price-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 0px 0px 8px; padding: 14px 16px; border-radius: 10px; border: 1px solid rgba(255, 210, 92, 0.22); background: rgba(18, 14, 28, 0.94); position: sticky; bottom: 8px; z-index: 8; box-shadow: rgba(0, 0, 0, 0.35) 0px -8px 24px; } .donate-price-label { font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); } .donate-price-value-wrap { display: flex; align-items: baseline; gap: 8px; line-height: 1; } #donate-price-value { font-size: 28px; font-weight: 800; color: rgb(255, 255, 255); } .donate-price-cur { font-size: 14px; font-weight: 700; color: var(--color-accent, #ffd25c); } .donate-price-chips { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; } .donate-price-chip { border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.03); color: rgba(215, 208, 192, 0.75); border-radius: 999px; padding: 6px 10px; font-size: 12px; font-weight: 600; cursor: default; pointer-events: none; } .donate-price-chip.is-active, .donate-price-chip:hover { border-color: rgba(255, 255, 255, 0.08); color: rgba(215, 208, 192, 0.75); background: rgba(255, 255, 255, 0.03); } .donate-price-chip__cur { opacity: 0.7; margin-left: 4px; } .donate-pay-wrap { background: transparent !important; } .donate-pay-btn { display: inline-flex; flex-direction: column; align-items: center; min-width: min(100%, 420px); padding: 14px 24px 12px; border: 0px; border-radius: 10px; background: linear-gradient(rgb(255, 227, 138), rgb(212, 160, 23)); box-shadow: rgba(212, 160, 23, 0.22) 0px 10px 24px; transition: filter 0.15s, transform 0.15s; color: rgb(26, 20, 8) !important; } .donate-pay-btn:hover { filter: brightness(1.06); transform: translateY(-1px); color: rgb(26, 20, 8) !important; } .donate-pay-btn__title { font-size: 18px; font-weight: 800; line-height: 1.2; } .donate-pay-btn__sub { font-size: 12px; font-weight: 600; opacity: 0.75; } #modal-donate-captcha .modal-dialog { max-width: 380px; } #modal-donate-captcha .modal-content { background: rgb(27, 23, 40); border: 1px solid rgba(255, 210, 92, 0.2); color: rgb(232, 228, 216); } #modal-donate-captcha .block-header { background: rgba(0, 0, 0, 0.28) !important; } #donate-turnstile { min-height: 65px; display: flex; justify-content: center; } @media (max-width: 991.98px) { .donate-packs { grid-template-columns: repeat(4, minmax(0px, 1fr)); } } @media (max-width: 767.98px) { .donate-vault { grid-template-columns: 1fr; } .donate-vault__col { max-height: 240px; } .donate-price-bar { flex-direction: column; align-items: flex-start; } .donate-price-chips { justify-content: flex-start; width: 100%; } #donate-price-value { font-size: 24px; } .donate-pay-btn { min-width: 100%; } } @media (max-width: 575.98px) { .donate-packs { grid-template-columns: repeat(2, minmax(0px, 1fr)); } } .irs { position: relative; display: block; user-select: none; font-size: 12px; font-family: Arial, sans-serif; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-bar { position: absolute; display: block; left: 0px; width: 0px; } .irs-shadow { position: absolute; display: none; left: 0px; width: 0px; } .irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1; } .irs-handle.type_last { z-index: 2; } .irs-min, .irs-max { position: absolute; display: block; cursor: default; } .irs-min { left: 0px; } .irs-max { right: 0px; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0px; left: 0px; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0px; left: 0px; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0px; left: 0px; width: 1px; height: 8px; background: rgb(0, 0, 0); } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0px; left: 0px; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0px 3px; color: rgb(0, 0, 0); } .irs-disable-mask { position: absolute; display: block; top: 0px; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: rgb(0, 0, 0); cursor: not-allowed; } .irs-disabled { opacity: 0.4; } .irs-hidden-input { overflow: hidden; position: absolute !important; display: block !important; top: 0px !important; left: 0px !important; width: 0px !important; height: 0px !important; font-size: 0px !important; line-height: 0 !important; padding: 0px !important; margin: 0px !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs--flat { height: 40px; } .irs--flat.irs-with-grid { height: 60px; } .irs--flat .irs-line { top: 25px; height: 12px; background-color: rgb(225, 228, 233); border-radius: 4px; } .irs--flat .irs-bar { top: 25px; height: 12px; background-color: rgb(237, 85, 101); } .irs--flat .irs-bar--single { border-radius: 4px 0px 0px 4px; } .irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: rgb(225, 228, 233); } .irs--flat .irs-handle { top: 22px; width: 16px; height: 18px; background-color: transparent; } .irs--flat .irs-handle > i:first-child { position: absolute; display: block; top: 0px; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: rgb(218, 68, 83); } .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: rgb(164, 53, 64); } .irs--flat .irs-min, .irs--flat .irs-max { top: 0px; padding: 1px 3px; color: rgb(153, 153, 153); font-size: 10px; line-height: 1.333; text-shadow: none; background-color: rgb(225, 228, 233); border-radius: 4px; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: white; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: rgb(237, 85, 101); border-radius: 4px; } .irs--flat .irs-from::before, .irs--flat .irs-to::before, .irs--flat .irs-single::before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0px; height: 0px; margin-left: -3px; overflow: hidden; border-width: 3px; border-style: solid; border-color: rgb(237, 85, 101) transparent transparent; border-image: initial; } .irs--flat .irs-grid-pol { background-color: rgb(225, 228, 233); } .irs--flat .irs-grid-text { color: rgb(153, 153, 153); } .irs--big { height: 55px; } .irs--big.irs-with-grid { height: 70px; } .irs--big .irs-line { top: 33px; height: 12px; background: linear-gradient(rgb(221, 221, 221) -50%, white 150%); border: 1px solid rgb(204, 204, 204); border-radius: 12px; } .irs--big .irs-bar { top: 33px; height: 12px; border: 1px solid rgb(66, 139, 202); background: linear-gradient(rgb(255, 255, 255) 0%, rgb(66, 139, 202) 30%, rgb(185, 212, 236) 100%); box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 1px 1px inset; } .irs--big .irs-bar--single { border-radius: 12px 0px 0px 12px; } .irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, 0.5); } .irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.3); background: linear-gradient(white 0%, rgb(180, 185, 190) 30%, white 100%); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px, white 0px 0px 3px 1px inset; border-radius: 30px; } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, 0.45); background: linear-gradient(white 0%, rgb(145, 155, 165) 30%, white 100%); } .irs--big .irs-min, .irs--big .irs-max { top: 0px; padding: 1px 5px; color: white; text-shadow: none; background-color: rgb(159, 159, 159); border-radius: 3px; } .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { color: white; text-shadow: none; padding: 1px 5px; background: linear-gradient(rgb(66, 139, 202) 0%, rgb(48, 113, 169) 100%); border-radius: 3px; } .irs--big .irs-grid-pol { background-color: rgb(66, 139, 202); } .irs--big .irs-grid-text { color: rgb(66, 139, 202); } .irs--modern { height: 55px; } .irs--modern.irs-with-grid { height: 55px; } .irs--modern .irs-line { top: 25px; height: 5px; background: linear-gradient(rgb(224, 228, 234) 0%, rgb(209, 214, 224) 100%); border-width: 1px 1px 0px; border-style: solid; border-color: rgb(163, 173, 193); border-image: initial; border-radius: 5px; } .irs--modern .irs-bar { top: 25px; height: 5px; background: linear-gradient(rgb(32, 180, 38) 0%, rgb(24, 137, 29) 100%); } .irs--modern .irs-bar--single { border-radius: 5px 0px 0px 5px; } .irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, 0.5); } .irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border-width: 0px 1px 1px; border-style: solid; border-color: rgb(163, 173, 193); border-image: initial; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px; border-radius: 0px 0px 3px 3px; } .irs--modern .irs-handle > i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid rgb(163, 173, 193); background: white; transform: rotate(45deg); } .irs--modern .irs-handle > i:nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0px; left: 0px; width: 10px; height: 12px; background: linear-gradient(white 0%, rgb(233, 230, 230) 100%); border-radius: 0px 0px 3px 3px; } .irs--modern .irs-handle > i:nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid rgb(163, 173, 193); border-right: 1px solid rgb(163, 173, 193); } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: rgb(118, 133, 162); background: linear-gradient(rgb(255, 255, 255) 0%, rgb(145, 155, 165) 30%, rgb(255, 255, 255) 100%); } .irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) { border-color: rgb(118, 133, 162); } .irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) { border-color: rgb(72, 83, 106); } .irs--modern .irs-min, .irs--modern .irs-max { top: 0px; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: white; background-color: rgb(209, 214, 224); border-radius: 5px; } .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: rgb(32, 180, 38); color: white; border-radius: 5px; } .irs--modern .irs-from::before, .irs--modern .irs-to::before, .irs--modern .irs-single::before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0px; height: 0px; margin-left: -3px; overflow: hidden; border-width: 3px; border-style: solid; border-color: rgb(32, 180, 38) transparent transparent; border-image: initial; } .irs--modern .irs-grid { height: 25px; } .irs--modern .irs-grid-pol { background-color: rgb(222, 222, 222); } .irs--modern .irs-grid-text { color: silver; font-size: 13px; } .irs--sharp { height: 50px; font-size: 12px; line-height: 1; } .irs--sharp.irs-with-grid { height: 57px; } .irs--sharp .irs-line { top: 30px; height: 2px; background-color: black; border-radius: 2px; } .irs--sharp .irs-bar { top: 30px; height: 2px; background-color: rgb(238, 34, 250); } .irs--sharp .irs-bar--single { border-radius: 2px 0px 0px 2px; } .irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, 0.5); } .irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: rgb(168, 4, 178); } .irs--sharp .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 0px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: rgb(168, 4, 178) transparent transparent; border-image: initial; } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: black; } .irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child { border-top-color: black; } .irs--sharp .irs-min, .irs--sharp .irs-max { color: white; font-size: 14px; line-height: 1; top: 0px; padding: 3px 4px; opacity: 0.4; background-color: rgb(168, 4, 178); border-radius: 2px; } .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: rgb(168, 4, 178); color: white; border-radius: 2px; } .irs--sharp .irs-from::before, .irs--sharp .irs-to::before, .irs--sharp .irs-single::before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0px; height: 0px; margin-left: -3px; overflow: hidden; border-width: 3px; border-style: solid; border-color: rgb(168, 4, 178) transparent transparent; border-image: initial; } .irs--sharp .irs-grid { height: 25px; } .irs--sharp .irs-grid-pol { background-color: rgb(222, 222, 222); } .irs--sharp .irs-grid-text { color: silver; font-size: 13px; } .irs--round { height: 50px; } .irs--round.irs-with-grid { height: 65px; } .irs--round .irs-line { top: 36px; height: 4px; background-color: rgb(222, 228, 236); border-radius: 4px; } .irs--round .irs-bar { top: 36px; height: 4px; background-color: rgb(0, 108, 250); } .irs--round .irs-bar--single { border-radius: 4px 0px 0px 4px; } .irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, 0.5); } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid rgb(0, 108, 250); background-color: white; border-radius: 24px; box-shadow: rgba(0, 0, 255, 0.3) 0px 1px 3px; } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: rgb(240, 246, 255); } .irs--round .irs-min, .irs--round .irs-max { color: rgb(51, 51, 51); font-size: 14px; line-height: 1; top: 0px; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: rgb(0, 108, 250); color: white; border-radius: 4px; z-index: 9; } .irs--round .irs-from::before, .irs--round .irs-to::before, .irs--round .irs-single::before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0px; height: 0px; margin-left: -3px; overflow: hidden; border-width: 3px; border-style: solid; border-color: rgb(0, 108, 250) transparent transparent; border-image: initial; } .irs--round .irs-grid { height: 25px; } .irs--round .irs-grid-pol { background-color: rgb(222, 222, 222); } .irs--round .irs-grid-text { color: silver; font-size: 13px; } .irs--square { height: 50px; } .irs--square.irs-with-grid { height: 60px; } .irs--square .irs-line { top: 31px; height: 4px; background-color: rgb(222, 222, 222); } .irs--square .irs-bar { top: 31px; height: 4px; background-color: black; } .irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: rgb(222, 222, 222); } .irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid black; background-color: white; transform: rotate(45deg); } .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: rgb(240, 246, 255); } .irs--square .irs-min, .irs--square .irs-max { color: rgb(51, 51, 51); font-size: 14px; line-height: 1; top: 0px; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); } .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: black; color: white; } .irs--square .irs-grid { height: 25px; } .irs--square .irs-grid-pol { background-color: rgb(222, 222, 222); } .irs--square .irs-grid-text { color: silver; font-size: 11px; } [v-cloak] { display: none; } .donations-method-item { border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(0, 0, 0, 0.28); color: rgb(232, 228, 216); padding: 0.5rem 1rem; border-radius: 0.5rem; cursor: pointer; } .donations-method-item label { cursor: pointer; padding: 0px; margin: 0px; } .donations-method-item:hover { border-color: rgba(255, 210, 92, 0.45); background: rgba(255, 210, 92, 0.08); } .donations-method-item input[type="radio"] { display: none; } .donations-method-item.method-active { border-color: rgb(255, 210, 92); background: rgba(255, 210, 92, 0.12); } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: italic; font-weight: 400; src: url('../fonts/fa908e5ac0e.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: italic; font-weight: 400; src: url('../fonts/f2e1cde37d3.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: italic; font-weight: 400; src: url('../fonts/f32578fb041.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 300; src: url('../fonts/f6413aa87c0.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 300; src: url('../fonts/f1d2af207e9.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 300; src: url('../fonts/fa91cd9085d.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 400; src: url('../fonts/f6413aa87c0.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 400; src: url('../fonts/f1d2af207e9.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 400; src: url('../fonts/fa91cd9085d.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 600; src: url('../fonts/f6413aa87c0.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 600; src: url('../fonts/f1d2af207e9.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 600; src: url('../fonts/fa91cd9085d.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 700; src: url('../fonts/f6413aa87c0.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 700; src: url('../fonts/f1d2af207e9.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 700; src: url('../fonts/fa91cd9085d.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/ffd48ff70d3.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/f95c3d8d1db.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/f0e6ae07493.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/f99016932b2.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/f571f3457da.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/ffd48ff70d3.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/f95c3d8d1db.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/f0e6ae07493.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/f99016932b2.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/f571f3457da.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/ffd48ff70d3.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/f95c3d8d1db.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/f0e6ae07493.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/f99016932b2.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/f571f3457da.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/ffd48ff70d3.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/f95c3d8d1db.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/f0e6ae07493.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/f99016932b2.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/f571f3457da.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }