* { font-family: "Raleway", sans-serif !important; } .react-tel-input { font-family: Roboto, sans-serif; font-size: 15px; position: relative; width: 100% } .react-tel-input :disabled { cursor: not-allowed } .react-tel-input .flag { width: 16px; height: 11px; background-image: url(data:image/png;base64,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) } .react-tel-input .ad { background-position: -16px 0 } .react-tel-input .ae { background-position: -32px 0 } .react-tel-input .af { background-position: -48px 0 } .react-tel-input .ag { background-position: -64px 0 } .react-tel-input .ai { background-position: -80px 0 } .react-tel-input .al { background-position: -96px 0 } .react-tel-input .am { background-position: -112px 0 } .react-tel-input .ao { background-position: -128px 0 } .react-tel-input .ar { background-position: -144px 0 } .react-tel-input .as { background-position: -160px 0 } .react-tel-input .at { background-position: -176px 0 } .react-tel-input .au { background-position: -192px 0 } .react-tel-input .aw { background-position: -208px 0 } .react-tel-input .az { background-position: -224px 0 } .react-tel-input .ba { background-position: -240px 0 } .react-tel-input .bb { background-position: 0 -11px } .react-tel-input .bd { background-position: -16px -11px } .react-tel-input .be { background-position: -32px -11px } .react-tel-input .bf { background-position: -48px -11px } .react-tel-input .bg { background-position: -64px -11px } .react-tel-input .bh { background-position: -80px -11px } .react-tel-input .bi { background-position: -96px -11px } .react-tel-input .bj { background-position: -112px -11px } .react-tel-input .bm { background-position: -128px -11px } .react-tel-input .bn { background-position: -144px -11px } .react-tel-input .bo { background-position: -160px -11px } .react-tel-input .br { background-position: -176px -11px } .react-tel-input .bs { background-position: -192px -11px } .react-tel-input .bt { background-position: -208px -11px } .react-tel-input .bw { background-position: -224px -11px } .react-tel-input .by { background-position: -240px -11px } .react-tel-input .bz { background-position: 0 -22px } .react-tel-input .ca { background-position: -16px -22px } .react-tel-input .cd { background-position: -32px -22px } .react-tel-input .cf { background-position: -48px -22px } .react-tel-input .cg { background-position: -64px -22px } .react-tel-input .ch { background-position: -80px -22px } .react-tel-input .ci { background-position: -96px -22px } .react-tel-input .ck { background-position: -112px -22px } .react-tel-input .cl { background-position: -128px -22px } .react-tel-input .cm { background-position: -144px -22px } .react-tel-input .cn { background-position: -160px -22px } .react-tel-input .co { background-position: -176px -22px } .react-tel-input .cr { background-position: -192px -22px } .react-tel-input .cu { background-position: -208px -22px } .react-tel-input .cv { background-position: -224px -22px } .react-tel-input .cw { background-position: -240px -22px } .react-tel-input .cy { background-position: 0 -33px } .react-tel-input .cz { background-position: -16px -33px } .react-tel-input .de { background-position: -32px -33px } .react-tel-input .dj { background-position: -48px -33px } .react-tel-input .dk { background-position: -64px -33px } .react-tel-input .dm { background-position: -80px -33px } .react-tel-input .do { background-position: -96px -33px } .react-tel-input .dz { background-position: -112px -33px } .react-tel-input .ec { background-position: -128px -33px } .react-tel-input .ee { background-position: -144px -33px } .react-tel-input .eg { background-position: -160px -33px } .react-tel-input .er { background-position: -176px -33px } .react-tel-input .es { background-position: -192px -33px } .react-tel-input .et { background-position: -208px -33px } .react-tel-input .fi { background-position: -224px -33px } .react-tel-input .fj { background-position: -240px -33px } .react-tel-input .fk { background-position: 0 -44px } .react-tel-input .fm { background-position: -16px -44px } .react-tel-input .fo { background-position: -32px -44px } .react-tel-input .bl, .react-tel-input .fr, .react-tel-input .mf { background-position: -48px -44px } .react-tel-input .ga { background-position: -64px -44px } .react-tel-input .gb { background-position: -80px -44px } .react-tel-input .gd { background-position: -96px -44px } .react-tel-input .ge { background-position: -112px -44px } .react-tel-input .gf { background-position: -128px -44px } .react-tel-input .gh { background-position: -144px -44px } .react-tel-input .gi { background-position: -160px -44px } .react-tel-input .gl { background-position: -176px -44px } .react-tel-input .gm { background-position: -192px -44px } .react-tel-input .gn { background-position: -208px -44px } .react-tel-input .gp { background-position: -224px -44px } .react-tel-input .gq { background-position: -240px -44px } .react-tel-input .gr { background-position: 0 -55px } .react-tel-input .gt { background-position: -16px -55px } .react-tel-input .gu { background-position: -32px -55px } .react-tel-input .gw { background-position: -48px -55px } .react-tel-input .gy { background-position: -64px -55px } .react-tel-input .hk { background-position: -80px -55px } .react-tel-input .hn { background-position: -96px -55px } .react-tel-input .hr { background-position: -112px -55px } .react-tel-input .ht { background-position: -128px -55px } .react-tel-input .hu { background-position: -144px -55px } .react-tel-input .id { background-position: -160px -55px } .react-tel-input .ie { background-position: -176px -55px } .react-tel-input .il { background-position: -192px -55px } .react-tel-input .in { background-position: -208px -55px } .react-tel-input .io { background-position: -224px -55px } .react-tel-input .iq { background-position: -240px -55px } .react-tel-input .ir { background-position: 0 -66px } .react-tel-input .is { background-position: -16px -66px } .react-tel-input .it { background-position: -32px -66px } .react-tel-input .je { background-position: -144px -154px } .react-tel-input .jm { background-position: -48px -66px } .react-tel-input .jo { background-position: -64px -66px } .react-tel-input .jp { background-position: -80px -66px } .react-tel-input .ke { background-position: -96px -66px } .react-tel-input .kg { background-position: -112px -66px } .react-tel-input .kh { background-position: -128px -66px } .react-tel-input .ki { background-position: -144px -66px } .react-tel-input .xk { background-position: -128px -154px } .react-tel-input .km { background-position: -160px -66px } .react-tel-input .kn { background-position: -176px -66px } .react-tel-input .kp { background-position: -192px -66px } .react-tel-input .kr { background-position: -208px -66px } .react-tel-input .kw { background-position: -224px -66px } .react-tel-input .ky { background-position: -240px -66px } .react-tel-input .kz { background-position: 0 -77px } .react-tel-input .la { background-position: -16px -77px } .react-tel-input .lb { background-position: -32px -77px } .react-tel-input .lc { background-position: -48px -77px } .react-tel-input .li { background-position: -64px -77px } .react-tel-input .lk { background-position: -80px -77px } .react-tel-input .lr { background-position: -96px -77px } .react-tel-input .ls { background-position: -112px -77px } .react-tel-input .lt { background-position: -128px -77px } .react-tel-input .lu { background-position: -144px -77px } .react-tel-input .lv { background-position: -160px -77px } .react-tel-input .ly { background-position: -176px -77px } .react-tel-input .ma { background-position: -192px -77px } .react-tel-input .mc { background-position: -208px -77px } .react-tel-input .md { background-position: -224px -77px } .react-tel-input .me { background-position: -112px -154px; height: 12px } .react-tel-input .mg { background-position: 0 -88px } .react-tel-input .mh { background-position: -16px -88px } .react-tel-input .mk { background-position: -32px -88px } .react-tel-input .ml { background-position: -48px -88px } .react-tel-input .mm { background-position: -64px -88px } .react-tel-input .mn { background-position: -80px -88px } .react-tel-input .mo { background-position: -96px -88px } .react-tel-input .mp { background-position: -112px -88px } .react-tel-input .mq { background-position: -128px -88px } .react-tel-input .mr { background-position: -144px -88px } .react-tel-input .ms { background-position: -160px -88px } .react-tel-input .mt { background-position: -176px -88px } .react-tel-input .mu { background-position: -192px -88px } .react-tel-input .mv { background-position: -208px -88px } .react-tel-input .mw { background-position: -224px -88px } .react-tel-input .mx { background-position: -240px -88px } .react-tel-input .my { background-position: 0 -99px } .react-tel-input .mz { background-position: -16px -99px } .react-tel-input .na { background-position: -32px -99px } .react-tel-input .nc { background-position: -48px -99px } .react-tel-input .ne { background-position: -64px -99px } .react-tel-input .nf { background-position: -80px -99px } .react-tel-input .ng { background-position: -96px -99px } .react-tel-input .ni { background-position: -112px -99px } .react-tel-input .bq, .react-tel-input .nl { background-position: -128px -99px } .react-tel-input .no { background-position: -144px -99px } .react-tel-input .np { background-position: -160px -99px } .react-tel-input .nr { background-position: -176px -99px } .react-tel-input .nu { background-position: -192px -99px } .react-tel-input .nz { background-position: -208px -99px } .react-tel-input .om { background-position: -224px -99px } .react-tel-input .pa { background-position: -240px -99px } .react-tel-input .pe { background-position: 0 -110px } .react-tel-input .pf { background-position: -16px -110px } .react-tel-input .pg { background-position: -32px -110px } .react-tel-input .ph { background-position: -48px -110px } .react-tel-input .pk { background-position: -64px -110px } .react-tel-input .pl { background-position: -80px -110px } .react-tel-input .pm { background-position: -96px -110px } .react-tel-input .pr { background-position: -112px -110px } .react-tel-input .ps { background-position: -128px -110px } .react-tel-input .pt { background-position: -144px -110px } .react-tel-input .pw { background-position: -160px -110px } .react-tel-input .py { background-position: -176px -110px } .react-tel-input .qa { background-position: -192px -110px } .react-tel-input .re { background-position: -208px -110px } .react-tel-input .ro { background-position: -224px -110px } .react-tel-input .rs { background-position: -240px -110px } .react-tel-input .ru { background-position: 0 -121px } .react-tel-input .rw { background-position: -16px -121px } .react-tel-input .sa { background-position: -32px -121px } .react-tel-input .sb { background-position: -48px -121px } .react-tel-input .sc { background-position: -64px -121px } .react-tel-input .sd { background-position: -80px -121px } .react-tel-input .se { background-position: -96px -121px } .react-tel-input .sg { background-position: -112px -121px } .react-tel-input .sh { background-position: -128px -121px } .react-tel-input .si { background-position: -144px -121px } .react-tel-input .sk { background-position: -160px -121px } .react-tel-input .sl { background-position: -176px -121px } .react-tel-input .sm { background-position: -192px -121px } .react-tel-input .sn { background-position: -208px -121px } .react-tel-input .so { background-position: -224px -121px } .react-tel-input .sr { background-position: -240px -121px } .react-tel-input .ss { background-position: 0 -132px } .react-tel-input .st { background-position: -16px -132px } .react-tel-input .sv { background-position: -32px -132px } .react-tel-input .sx { background-position: -48px -132px } .react-tel-input .sy { background-position: -64px -132px } .react-tel-input .sz { background-position: -80px -132px } .react-tel-input .tc { background-position: -96px -132px } .react-tel-input .td { background-position: -112px -132px } .react-tel-input .tg { background-position: -128px -132px } .react-tel-input .th { background-position: -144px -132px } .react-tel-input .tj { background-position: -160px -132px } .react-tel-input .tk { background-position: -176px -132px } .react-tel-input .tl { background-position: -192px -132px } .react-tel-input .tm { background-position: -208px -132px } .react-tel-input .tn { background-position: -224px -132px } .react-tel-input .to { background-position: -240px -132px } .react-tel-input .tr { background-position: 0 -143px } .react-tel-input .tt { background-position: -16px -143px } .react-tel-input .tv { background-position: -32px -143px } .react-tel-input .tw { background-position: -48px -143px } .react-tel-input .tz { background-position: -64px -143px } .react-tel-input .ua { background-position: -80px -143px } .react-tel-input .ug { background-position: -96px -143px } .react-tel-input .us { background-position: -112px -143px } .react-tel-input .uy { background-position: -128px -143px } .react-tel-input .uz { background-position: -144px -143px } .react-tel-input .va { background-position: -160px -143px } .react-tel-input .vc { background-position: -176px -143px } .react-tel-input .ve { background-position: -192px -143px } .react-tel-input .vg { background-position: -208px -143px } .react-tel-input .vi { background-position: -224px -143px } .react-tel-input .vn { background-position: -240px -143px } .react-tel-input .vu { background-position: 0 -154px } .react-tel-input .wf { background-position: -16px -154px } .react-tel-input .ws { background-position: -32px -154px } .react-tel-input .ye { background-position: -48px -154px } .react-tel-input .za { background-position: -64px -154px } .react-tel-input .zm { background-position: -80px -154px } .react-tel-input .zw { background-position: -96px -154px } .react-tel-input * { box-sizing: border-box; -moz-box-sizing: border-box } .react-tel-input .hide { display: none } .react-tel-input .v-hide { visibility: hidden } .react-tel-input .form-control { position: relative; font-size: 14px; letter-spacing: .01rem; margin-top: 0 !important; margin-bottom: 0 !important; padding-left: 48px; margin-left: 0; background: #fff; border: 1px solid #cacaca; border-radius: 5px; line-height: 25px; height: 35px; width: 300px; outline: none } .react-tel-input .form-control.invalid-number, .react-tel-input .form-control.invalid-number:focus { background-color: #faf0f0; border: 1px solid #d79f9f; border-left-color: #cacaca } .react-tel-input .flag-dropdown { position: absolute; top: 0; bottom: 0; padding: 0; background-color: #f5f5f5; border: 1px solid #cacaca; border-radius: 3px 0 0 3px } .react-tel-input .flag-dropdown:focus, .react-tel-input .flag-dropdown:hover { cursor: pointer } .react-tel-input .flag-dropdown.invalid-number { border-color: #d79f9f } .react-tel-input .flag-dropdown.open { z-index: 2 } .react-tel-input .flag-dropdown.open, .react-tel-input .flag-dropdown.open .selected-flag { background: #fff; border-radius: 3px 0 0 0 } .react-tel-input input[disabled]+.flag-dropdown:hover { cursor: default } .react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag { background-color: transparent } .react-tel-input .selected-flag { outline: none; position: relative; width: 38px; height: 100%; padding: 0 0 0 8px; border-radius: 3px 0 0 3px } .react-tel-input .selected-flag:focus, .react-tel-input .selected-flag:hover { background-color: #fff } .react-tel-input .selected-flag .flag { position: absolute; top: 50%; margin-top: -5px } .react-tel-input .selected-flag .arrow { position: relative; top: 50%; margin-top: -2px; left: 20px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555 } .react-tel-input .selected-flag .arrow.up { border-top: none; border-bottom: 4px solid #555 } .react-tel-input .country-list { outline: none; z-index: 1; list-style: none; position: absolute; padding: 0; margin: 10px 0 10px -1px; box-shadow: 1px 2px 10px rgba(0, 0, 0, .35); background-color: #fff; width: 300px; max-height: 200px; overflow-y: scroll; border-radius: 0 0 3px 3px } .react-tel-input .country-list .flag { display: inline-block } .react-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc } .react-tel-input .country-list .country { padding: 7px 9px } .react-tel-input .country-list .country .dial-code { color: #6b6b6b } .react-tel-input .country-list .country.highlight, .react-tel-input .country-list .country:hover { background-color: #f1f1f1 } .react-tel-input .country-list .flag { margin-right: 7px; margin-top: 2px } .react-tel-input .country-list .country-name { margin-right: 6px } .react-tel-input .country-list .search { position: -webkit-sticky; position: sticky; top: 0; background-color: #fff; padding: 10px 0 6px 10px } .react-tel-input .country-list .search-emoji { font-size: 15px } .react-tel-input .country-list .search-box { border: 1px solid #cacaca; border-radius: 3px; font-size: 15px; line-height: 15px; margin-left: 6px; padding: 3px 8px 5px; outline: none } .react-tel-input .country-list .no-entries-message { padding: 7px 10px 11px; opacity: .7 } .react-tel-input .invalid-number-message { color: #de0000 } .react-tel-input .invalid-number-message, .react-tel-input .special-label { position: absolute; z-index: 1; font-size: 13px; left: 46px; top: -8px; background: #fff; padding: 0 2px } .react-tel-input .special-label { display: none; white-space: nowrap } @charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100% } h1 { font-size: 2em; margin: .67em 0 } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75% } img { border-style: none } button, input, optgroup, select, textarea { font-size: 100%; line-height: 1.15 } button, input { overflow: visible } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; white-space: normal } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search]::-webkit-search-decoration { -webkit-appearance: none } details { display: block } [hidden], template { display: none } /*! * Bootstrap v5.0.0-beta2 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0)) } *, :after, :before { box-sizing: border-box } @media (prefers-reduced-motion:no-preference) { :root { scroll-behavior: smooth } } body { font-family: var(--bs-font-sans-serif); font-size: 1rem; line-height: 1.5; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25 } hr:not([size]) { height: 1px } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } .h1, h1 { font-size: calc(1.375rem + 1.5vw) } @media (min-width:1200px) { .h1, h1 { font-size: 2.5rem } } .h2, h2 { font-size: calc(1.325rem + .9vw) } @media (min-width:1200px) { .h2, h2 { font-size: 2rem } } .h3, h3 { font-size: calc(1.3rem + .6vw) } @media (min-width:1200px) { .h3, h3 { font-size: 1.75rem } } .h4, h4 { font-size: calc(1.275rem + .3vw) } @media (min-width:1200px) { .h4, h4 { font-size: 1.5rem } } .h5, h5 { font-size: 1.25rem } .h6, h6 { font-size: 1rem } p { margin-top: 0; margin-bottom: 1rem } abbr[data-bs-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } ol, ul { padding-left: 2rem } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: bolder } .small, small { font-size: .875em } .mark, mark { padding: .2em; background-color: #fcf8e3 } sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #0d6efd; text-decoration: underline } a:hover { color: #0a58ca } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none } code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr; unicode-bidi: bidi-override } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em } pre code { font-size: inherit; color: inherit; word-break: normal } code { font-size: .875em; color: #d63384; word-wrap: break-word } a>code { color: inherit } kbd { padding: .2rem .4rem; font-size: .875em; color: #fff; background-color: #212529; border-radius: .2rem } kbd kbd { padding: 0; font-size: 1em; font-weight: 700 } figure { margin: 0 0 1rem } img, svg { vertical-align: middle } table { caption-side: bottom } caption { padding-top: .5rem; padding-bottom: .5rem; color: #6c757d; text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } tbody, td, tfoot, th, thead, tr { border: 0 solid; border-color: inherit } label { display: inline-block } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } [list]::-webkit-calendar-picker-indicator { display: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } ::-moz-focus-inner { padding: 0; border-style: none } textarea { resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { float: left; width: 100%; padding: 0; margin-bottom: .5rem; font-size: calc(1.275rem + .3vw); line-height: inherit } @media (min-width:1200px) { legend { font-size: 1.5rem } } legend+* { clear: left } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0 } ::-webkit-inner-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: textfield } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-color-swatch-wrapper { padding: 0 } ::file-selector-button { font: inherit } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } iframe { border: 0 } summary { display: list-item; cursor: pointer } progress { vertical-align: baseline } [hidden] { display: none !important } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-1 { font-size: 5rem } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-2 { font-size: 4.5rem } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-3 { font-size: 4rem } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-4 { font-size: 3.5rem } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-5 { font-size: 3rem } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-6 { font-size: 2.5rem } } .list-inline, .list-unstyled { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: .875em; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.25rem } .blockquote>:last-child { margin-bottom: 0 } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: .875em; color: #6c757d } .blockquote-footer:before { content: "— " } .img-fluid, .img-thumbnail { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: .875em; color: #6c757d } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem); margin-right: auto; margin-left: auto } @media (min-width:576px) { .container, .container-sm { max-width: 540px } } @media (min-width:768px) { .container, .container-md, .container-sm { max-width: 720px } } @media (min-width:992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } } @media (min-width:1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px } } @media (min-width:1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x)/ -2); margin-left: calc(var(--bs-gutter-x)/ -2) } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2); margin-top: var(--bs-gutter-y) } .col { flex: 1 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.3333333333% } .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.6666666667% } .col-auto { flex: 0 0 auto; width: auto } .col-1 { flex: 0 0 auto; width: 8.3333333333% } .col-2 { flex: 0 0 auto; width: 16.6666666667% } .col-3 { flex: 0 0 auto; width: 25% } .col-4 { flex: 0 0 auto; width: 33.3333333333% } .col-5 { flex: 0 0 auto; width: 41.6666666667% } .col-6 { flex: 0 0 auto; width: 50% } .col-7 { flex: 0 0 auto; width: 58.3333333333% } .col-8 { flex: 0 0 auto; width: 66.6666666667% } .col-9 { flex: 0 0 auto; width: 75% } .col-10 { flex: 0 0 auto; width: 83.3333333333% } .col-11 { flex: 0 0 auto; width: 91.6666666667% } .col-12 { flex: 0 0 auto; width: 100% } .offset-1 { margin-left: 8.3333333333% } .offset-2 { margin-left: 16.6666666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.3333333333% } .offset-5 { margin-left: 41.6666666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.3333333333% } .offset-8 { margin-left: 66.6666666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.3333333333% } .offset-11 { margin-left: 91.6666666667% } .g-0, .gx-0 { --bs-gutter-x: 0 } .g-0, .gy-0 { --bs-gutter-y: 0 } .g-1, .gx-1 { --bs-gutter-x: 0.25rem } .g-1, .gy-1 { --bs-gutter-y: 0.25rem } .g-2, .gx-2 { --bs-gutter-x: 0.5rem } .g-2, .gy-2 { --bs-gutter-y: 0.5rem } .g-3, .gx-3 { --bs-gutter-x: 1rem } .g-3, .gy-3 { --bs-gutter-y: 1rem } .g-4, .gx-4 { --bs-gutter-x: 1.5rem } .g-4, .gy-4 { --bs-gutter-y: 1.5rem } .g-5, .gx-5 { --bs-gutter-x: 3rem } .g-5, .gy-5 { --bs-gutter-y: 3rem } @media (min-width:576px) { .col-sm { flex: 1 0 } .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.3333333333% } .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.6666666667% } .col-sm-auto { flex: 0 0 auto; width: auto } .col-sm-1 { flex: 0 0 auto; width: 8.3333333333% } .col-sm-2 { flex: 0 0 auto; width: 16.6666666667% } .col-sm-3 { flex: 0 0 auto; width: 25% } .col-sm-4 { flex: 0 0 auto; width: 33.3333333333% } .col-sm-5 { flex: 0 0 auto; width: 41.6666666667% } .col-sm-6 { flex: 0 0 auto; width: 50% } .col-sm-7 { flex: 0 0 auto; width: 58.3333333333% } .col-sm-8 { flex: 0 0 auto; width: 66.6666666667% } .col-sm-9 { flex: 0 0 auto; width: 75% } .col-sm-10 { flex: 0 0 auto; width: 83.3333333333% } .col-sm-11 { flex: 0 0 auto; width: 91.6666666667% } .col-sm-12 { flex: 0 0 auto; width: 100% } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.3333333333% } .offset-sm-2 { margin-left: 16.6666666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.3333333333% } .offset-sm-5 { margin-left: 41.6666666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.3333333333% } .offset-sm-8 { margin-left: 66.6666666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.3333333333% } .offset-sm-11 { margin-left: 91.6666666667% } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0 } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0 } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem } } @media (min-width:768px) { .col-md { flex: 1 0 } .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.3333333333% } .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.6666666667% } .col-md-auto { flex: 0 0 auto; width: auto } .col-md-1 { flex: 0 0 auto; width: 8.3333333333% } .col-md-2 { flex: 0 0 auto; width: 16.6666666667% } .col-md-3 { flex: 0 0 auto; width: 25% } .col-md-4 { flex: 0 0 auto; width: 33.3333333333% } .col-md-5 { flex: 0 0 auto; width: 41.6666666667% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-7 { flex: 0 0 auto; width: 58.3333333333% } .col-md-8 { flex: 0 0 auto; width: 66.6666666667% } .col-md-9 { flex: 0 0 auto; width: 75% } .col-md-10 { flex: 0 0 auto; width: 83.3333333333% } .col-md-11 { flex: 0 0 auto; width: 91.6666666667% } .col-md-12 { flex: 0 0 auto; width: 100% } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.3333333333% } .offset-md-2 { margin-left: 16.6666666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.3333333333% } .offset-md-5 { margin-left: 41.6666666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.3333333333% } .offset-md-8 { margin-left: 66.6666666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.3333333333% } .offset-md-11 { margin-left: 91.6666666667% } .g-md-0, .gx-md-0 { --bs-gutter-x: 0 } .g-md-0, .gy-md-0 { --bs-gutter-y: 0 } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem } } @media (min-width:992px) { .col-lg { flex: 1 0 } .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.3333333333% } .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.6666666667% } .col-lg-auto { flex: 0 0 auto; width: auto } .col-lg-1 { flex: 0 0 auto; width: 8.3333333333% } .col-lg-2 { flex: 0 0 auto; width: 16.6666666667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.3333333333% } .col-lg-5 { flex: 0 0 auto; width: 41.6666666667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.3333333333% } .col-lg-8 { flex: 0 0 auto; width: 66.6666666667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.3333333333% } .col-lg-11 { flex: 0 0 auto; width: 91.6666666667% } .col-lg-12 { flex: 0 0 auto; width: 100% } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.3333333333% } .offset-lg-2 { margin-left: 16.6666666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.3333333333% } .offset-lg-5 { margin-left: 41.6666666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.3333333333% } .offset-lg-8 { margin-left: 66.6666666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.3333333333% } .offset-lg-11 { margin-left: 91.6666666667% } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0 } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0 } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem } } @media (min-width:1200px) { .col-xl { flex: 1 0 } .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.3333333333% } .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.6666666667% } .col-xl-auto { flex: 0 0 auto; width: auto } .col-xl-1 { flex: 0 0 auto; width: 8.3333333333% } .col-xl-2 { flex: 0 0 auto; width: 16.6666666667% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-4 { flex: 0 0 auto; width: 33.3333333333% } .col-xl-5 { flex: 0 0 auto; width: 41.6666666667% } .col-xl-6 { flex: 0 0 auto; width: 50% } .col-xl-7 { flex: 0 0 auto; width: 58.3333333333% } .col-xl-8 { flex: 0 0 auto; width: 66.6666666667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-10 { flex: 0 0 auto; width: 83.3333333333% } .col-xl-11 { flex: 0 0 auto; width: 91.6666666667% } .col-xl-12 { flex: 0 0 auto; width: 100% } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.3333333333% } .offset-xl-2 { margin-left: 16.6666666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.3333333333% } .offset-xl-5 { margin-left: 41.6666666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.3333333333% } .offset-xl-8 { margin-left: 66.6666666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.3333333333% } .offset-xl-11 { margin-left: 91.6666666667% } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0 } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0 } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem } } @media (min-width:1400px) { .col-xxl { flex: 1 0 } .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.3333333333% } .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.6666666667% } .col-xxl-auto { flex: 0 0 auto; width: auto } .col-xxl-1 { flex: 0 0 auto; width: 8.3333333333% } .col-xxl-2 { flex: 0 0 auto; width: 16.6666666667% } .col-xxl-3 { flex: 0 0 auto; width: 25% } .col-xxl-4 { flex: 0 0 auto; width: 33.3333333333% } .col-xxl-5 { flex: 0 0 auto; width: 41.6666666667% } .col-xxl-6 { flex: 0 0 auto; width: 50% } .col-xxl-7 { flex: 0 0 auto; width: 58.3333333333% } .col-xxl-8 { flex: 0 0 auto; width: 66.6666666667% } .col-xxl-9 { flex: 0 0 auto; width: 75% } .col-xxl-10 { flex: 0 0 auto; width: 83.3333333333% } .col-xxl-11 { flex: 0 0 auto; width: 91.6666666667% } .col-xxl-12 { flex: 0 0 auto; width: 100% } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.3333333333% } .offset-xxl-2 { margin-left: 16.6666666667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.3333333333% } .offset-xxl-5 { margin-left: 41.6666666667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.3333333333% } .offset-xxl-8 { margin-left: 66.6666666667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.3333333333% } .offset-xxl-11 { margin-left: 91.6666666667% } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0 } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0 } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem } } .table { --bs-table-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, .05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, .1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, .075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6 } .table>:not(caption)>*>* { padding: .5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg) } .table>tbody { vertical-align: inherit } .table>thead { vertical-align: bottom } .table>:not(:last-child)>:last-child>* { border-bottom-color: currentColor } .caption-top { caption-side: top } .table-sm>:not(caption)>*>* { padding: .25rem } .table-bordered>:not(caption)>* { border-width: 1px 0 } .table-bordered>:not(caption)>*>* { border-width: 0 1px } .table-borderless>:not(caption)>*>* { border-bottom-width: 0 } .table-striped>tbody>tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color) } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color) } .table-hover>tbody>tr:hover { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color) } .table-primary { --bs-table-bg: #cfe2ff; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: #000; border-color: #bacbe6 } .table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce } .table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: #000; border-color: #bcd0c7 } .table-info { --bs-table-bg: #cff4fc; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: #000; border-color: #badce3 } .table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9 } .table-danger { --bs-table-bg: #f8d7da; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: #000; border-color: #dfc2c4 } .table-light { --bs-table-bg: #f8f9fa; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1 } .table-dark { --bs-table-bg: #212529; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch } @media (max-width:575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch } } .form-label { margin-bottom: .5rem } .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem } .form-text { margin-top: .25rem; font-size: .875em; color: #6c757d } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control { transition: none } } .form-control[type=file] { overflow: hidden } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer } .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) } .form-control::-webkit-date-and-time-value { height: 1.5em } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1 } .form-control::file-selector-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border: 0 solid; border-color: inherit; border-inline-end-width: 1px; border-radius: 0; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none } .form-control::file-selector-button { transition: none } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3 } .form-control::-webkit-file-upload-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border: 0 solid; border-color: inherit; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3 } .form-control-plaintext { display: block; width: 100%; padding: .375rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0 } .form-control-sm { min-height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .form-control-sm::file-selector-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem } .form-control-sm::-webkit-file-upload-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .form-control-lg::file-selector-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem } .form-control-lg::-webkit-file-upload-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem } textarea.form-control { min-height: calc(1.5em + .75rem + 2px) } textarea.form-control-sm { min-height: calc(1.5em + .5rem + 2px) } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px) } .form-control-color { max-width: 3rem; height: auto; padding: .375rem } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: .25rem } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: .25rem } .form-select { display: block; width: 100%; padding: .375rem 2.25rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: .75rem; background-image: none } .form-select:disabled { color: #6c757d; background-color: #e9ecef } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529 } .form-select-sm { padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem } .form-select-lg { padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: .125rem } .form-check .form-check-input { float: left; margin-left: -1.5em } .form-check-input { width: 1em; height: 1em; margin-top: .25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: 50%; background-size: contain; border: 1px solid rgba(0, 0, 0, .25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact } .form-check-input[type=checkbox] { border-radius: .25em } .form-check-input[type=radio] { border-radius: 50% } .form-check-input:active { filter: brightness(90%) } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") } .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") } .form-check-input:disabled { pointer-events: none; filter: none; opacity: .5 } .form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label { opacity: .5 } .form-switch { padding-left: 2.5em } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: 0; border-radius: 2em; transition: background-position .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-switch .form-check-input { transition: none } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e") } .form-switch .form-check-input:checked { background-position: 100%; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .form-check-inline { display: inline-block; margin-right: 1rem } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .btn-check:disabled+.btn, .btn-check[disabled]+.btn { pointer-events: none; filter: none; opacity: .65 } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form-range:focus { outline: 0 } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25) } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25) } .form-range::-moz-focus-outer { border: 0 } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe } .form-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe } .form-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .form-range:disabled { pointer-events: none } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd } .form-floating { position: relative } .form-floating>.form-control, .form-floating>.form-select { height: calc(3.5rem + 2px); padding: 1rem .75rem } .form-floating>label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem .75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity .1s ease-in-out, transform .1s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-floating>label { transition: none } } .form-floating>.form-control::placeholder { color: transparent } .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-select { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating>.form-control:-webkit-autofill~label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% } .input-group>.form-control, .input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0 } .input-group>.form-control:focus, .input-group>.form-select:focus { z-index: 3 } .input-group .btn { position: relative; z-index: 2 } .input-group .btn:focus { z-index: 3 } .input-group-text { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem } .input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .input-group-sm>.btn, .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .input-group-lg>.form-select, .input-group-sm>.form-select { padding-right: 3rem } .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #198754 } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(25, 135, 84, .9); border-radius: .25rem } .is-valid~.valid-feedback, .is-valid~.valid-tooltip, .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip { display: block } .form-control.is-valid, .was-validated .form-control:valid { border-color: #198754; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #198754; box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25) } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .form-select.is-valid, .was-validated .form-select:valid { border-color: #198754; padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right .75rem center, center right 2.25rem; background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem) } .form-select.is-valid:focus, .was-validated .form-select:valid:focus { border-color: #198754; box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25) } .form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: #198754 } .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: #198754 } .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25) } .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { color: #198754 } .form-check-inline .form-check-input~.valid-feedback { margin-left: .5em } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #dc3545 } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(220, 53, 69, .9); border-radius: .25rem } .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip { display: block } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #dc3545; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25) } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .form-select.is-invalid, .was-validated .form-select:invalid { border-color: #dc3545; padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right .75rem center, center right 2.25rem; background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem) } .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25) } .form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color: #dc3545 } .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { background-color: #dc3545 } .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25) } .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { color: #dc3545 } .form-check-inline .form-check-input~.invalid-feedback { margin-left: .5em } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .btn { transition: none } } .btn:hover { color: #212529 } .btn-check:focus+.btn, .btn:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) } .btn.disabled, .btn:disabled, fieldset:disabled .btn { pointer-events: none; opacity: .65 } .btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:focus+.btn-primary, .btn-primary:focus, .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca } .btn-check:focus+.btn-primary, .btn-primary:focus { box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5) } .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be } .btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5) } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:focus+.btn-secondary, .btn-secondary:focus, .btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64 } .btn-check:focus+.btn-secondary, .btn-secondary:focus { box-shadow: 0 0 0 .25rem hsla(208, 6%, 54%, .5) } .btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #565e64; border-color: #51585e } .btn-check:active+.btn-secondary:focus, .btn-check:checked+.btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem hsla(208, 6%, 54%, .5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-success { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:focus+.btn-success, .btn-success:focus, .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43 } .btn-check:focus+.btn-success, .btn-success:focus { box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5) } .btn-check:active+.btn-success, .btn-check:checked+.btn-success, .btn-success.active, .btn-success:active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f } .btn-check:active+.btn-success:focus, .btn-check:checked+.btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show>.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5) } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #198754; border-color: #198754 } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:focus+.btn-info, .btn-info:focus, .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2 } .btn-check:focus+.btn-info, .btn-info:focus { box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5) } .btn-check:active+.btn-info, .btn-check:checked+.btn-info, .btn-info.active, .btn-info:active, .show>.btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2 } .btn-check:active+.btn-info:focus, .btn-check:checked+.btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show>.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5) } .btn-info.disabled, .btn-info:disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:focus+.btn-warning, .btn-warning:focus, .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720 } .btn-check:focus+.btn-warning, .btn-warning:focus { box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5) } .btn-check:active+.btn-warning, .btn-check:checked+.btn-warning, .btn-warning.active, .btn-warning:active, .show>.btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720 } .btn-check:active+.btn-warning:focus, .btn-check:checked+.btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show>.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5) } .btn-warning.disabled, .btn-warning:disabled { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:focus+.btn-danger, .btn-danger:focus, .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37 } .btn-check:focus+.btn-danger, .btn-danger:focus { box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5) } .btn-check:active+.btn-danger, .btn-check:checked+.btn-danger, .btn-danger.active, .btn-danger:active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834 } .btn-check:active+.btn-danger:focus, .btn-check:checked+.btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:focus+.btn-light, .btn-light:focus, .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:focus+.btn-light, .btn-light:focus { box-shadow: 0 0 0 .25rem hsla(210, 2%, 83%, .5) } .btn-check:active+.btn-light, .btn-check:checked+.btn-light, .btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:active+.btn-light:focus, .btn-check:checked+.btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem hsla(210, 2%, 83%, .5) } .btn-light.disabled, .btn-light:disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-dark { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:focus+.btn-dark, .btn-dark:focus, .btn-dark:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21 } .btn-check:focus+.btn-dark, .btn-dark:focus { box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5) } .btn-check:active+.btn-dark, .btn-check:checked+.btn-dark, .btn-dark.active, .btn-dark:active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f } .btn-check:active+.btn-dark:focus, .btn-check:checked+.btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show>.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #212529; border-color: #212529 } .btn-outline-primary { color: #0d6efd; border-color: #0d6efd } .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5) } .btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #0d6efd; background-color: transparent } .btn-outline-secondary { color: #6c757d; border-color: #6c757d } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:focus+.btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 .25rem hsla(208, 7%, 46%, .5) } .btn-check:active+.btn-outline-secondary, .btn-check:checked+.btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:active+.btn-outline-secondary:focus, .btn-check:checked+.btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus { box-shadow: 0 0 0 .25rem hsla(208, 7%, 46%, .5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent } .btn-outline-success { color: #198754; border-color: #198754 } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:focus+.btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5) } .btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:active+.btn-outline-success:focus, .btn-check:checked+.btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus { box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #198754; background-color: transparent } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0 } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:focus+.btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5) } .btn-check:active+.btn-outline-info, .btn-check:checked+.btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:active+.btn-outline-info:focus, .btn-check:checked+.btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus { box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #0dcaf0; background-color: transparent } .btn-outline-warning { color: #ffc107; border-color: #ffc107 } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:focus+.btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5) } .btn-check:active+.btn-outline-warning, .btn-check:checked+.btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:active+.btn-outline-warning:focus, .btn-check:checked+.btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus { box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent } .btn-outline-danger { color: #dc3545; border-color: #dc3545 } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:focus+.btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5) } .btn-check:active+.btn-outline-danger, .btn-check:checked+.btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:active+.btn-outline-danger:focus, .btn-check:checked+.btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus { box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:focus+.btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5) } .btn-check:active+.btn-outline-light, .btn-check:checked+.btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:active+.btn-outline-light:focus, .btn-check:checked+.btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus { box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent } .btn-outline-dark { color: #212529; border-color: #212529 } .btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:focus+.btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5) } .btn-check:active+.btn-outline-dark, .btn-check:checked+.btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:active+.btn-outline-dark:focus, .btn-check:checked+.btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus { box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #212529; background-color: transparent } .btn-link { font-weight: 400; color: #0d6efd; text-decoration: underline } .btn-link:hover { color: #0a58ca } .btn-link.disabled, .btn-link:disabled { color: #6c757d } .btn-group-lg>.btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .btn-group-sm>.btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .fade { transition: opacity .15s linear } @media (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { height: 0; overflow: hidden; transition: height .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .dropdown, .dropend, .dropstart, .dropup { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle:after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent } .dropdown-toggle:empty:after { margin-left: 0 } .dropdown-menu { position: absolute; top: 100%; z-index: 1000; display: none; min-width: 10rem; padding: .5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem } .dropdown-menu[data-bs-popper] { left: 0; margin-top: .125rem } .dropdown-menu-start { --bs-position: start } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-end { --bs-position: end } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto } @media (min-width:576px) { .dropdown-menu-sm-start { --bs-position: start } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-sm-end { --bs-position: end } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:768px) { .dropdown-menu-md-start { --bs-position: start } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-md-end { --bs-position: end } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:992px) { .dropdown-menu-lg-start { --bs-position: start } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-lg-end { --bs-position: end } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:1200px) { .dropdown-menu-xl-start { --bs-position: start } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xl-end { --bs-position: end } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:1400px) { .dropdown-menu-xxl-start { --bs-position: start } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xxl-end { --bs-position: end } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto } } .dropup .dropdown-menu { top: auto; bottom: 100% } .dropup .dropdown-menu[data-bs-popper] { margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle:after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent } .dropup .dropdown-toggle:empty:after { margin-left: 0 } .dropend .dropdown-menu { top: 0; right: auto; left: 100% } .dropend .dropdown-menu[data-bs-popper] { margin-top: 0; margin-left: .125rem } .dropend .dropdown-toggle:after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid } .dropend .dropdown-toggle:empty:after { margin-left: 0 } .dropend .dropdown-toggle:after { vertical-align: 0 } .dropstart .dropdown-menu { top: 0; right: 100%; left: auto } .dropstart .dropdown-menu[data-bs-popper] { margin-top: 0; margin-right: .125rem } .dropstart .dropdown-toggle:after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; display: none } .dropstart .dropdown-toggle:before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropstart .dropdown-toggle:empty:after { margin-left: 0 } .dropstart .dropdown-toggle:before { vertical-align: 0 } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, .15) } .dropdown-item { display: block; width: 100%; padding: .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #1e2125; background-color: #e9ecef } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: .5rem 1rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap } .dropdown-item-text { display: block; padding: .25rem 1rem; color: #212529 } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0, 0, 0, .15) } .dropdown-menu-dark .dropdown-item { color: #dee2e6 } .dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover { color: #fff; background-color: hsla(0, 0%, 100%, .15) } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #0d6efd } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0, 0, 0, .15) } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6 } .dropdown-menu-dark .dropdown-header { color: #adb5bd } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle } .btn-group-vertical>.btn, .btn-group>.btn { position: relative; flex: 1 1 auto } .btn-group-vertical>.btn-check:checked+.btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) { margin-left: -1px } .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split:after, .dropend .dropdown-toggle-split:after, .dropup .dropdown-toggle-split:after { margin-left: 0 } .dropstart .dropdown-toggle-split:before { margin-right: 0 } .btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { width: 100% } .btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child) { margin-top: -1px } .btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn~.btn { border-top-left-radius: 0; border-top-right-radius: 0 } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem; text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .nav-link { transition: none } } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #dee2e6 } .nav-tabs .nav-link { margin-bottom: -1px; background: 0 0; border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6; isolation: isolate } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-pills .nav-link { background: 0 0; border: 0; border-radius: .25rem } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: #0d6efd } .nav-fill .nav-item, .nav-fill>.nav-link { flex: 1 1 auto; text-align: center } .nav-justified .nav-item, .nav-justified>.nav-link { flex-basis: 0; flex-grow: 1; text-align: center } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: .5rem; padding-bottom: .5rem } .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between } .navbar-brand { padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link { padding-right: 0; padding-left: 0 } .navbar-nav .dropdown-menu { position: static } .navbar-text { padding-top: .5rem; padding-bottom: .5rem } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem; transition: box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .navbar-toggler { transition: none } } .navbar-toggler:hover { text-decoration: none } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 .25rem } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: 50%; background-size: 100% } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto } @media (min-width:576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-sm .navbar-nav { flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-sm .navbar-nav-scroll { overflow: visible } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } } @media (min-width:768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-md .navbar-nav { flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-md .navbar-nav-scroll { overflow: visible } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } } @media (min-width:992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-lg .navbar-nav { flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-lg .navbar-nav-scroll { overflow: visible } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } } @media (min-width:1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xl .navbar-nav { flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xl .navbar-nav-scroll { overflow: visible } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } } @media (min-width:1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xxl .navbar-nav { flex-direction: row } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xxl .navbar-toggler { display: none } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand .navbar-nav { flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand .navbar-nav-scroll { overflow: visible } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, .55) } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, .7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, .3) } .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, .55); border-color: rgba(0, 0, 0, .1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-light .navbar-text { color: rgba(0, 0, 0, .55) } .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, .9) } .navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: hsla(0, 0%, 100%, .55) } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: hsla(0, 0%, 100%, .75) } .navbar-dark .navbar-nav .nav-link.disabled { color: hsla(0, 0%, 100%, .25) } .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link { color: #fff } .navbar-dark .navbar-toggler { color: hsla(0, 0%, 100%, .55); border-color: hsla(0, 0%, 100%, .1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-dark .navbar-text { color: hsla(0, 0%, 100%, .55) } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff } .card { position: relative; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem } .card>hr { margin-right: 0; margin-left: 0 } .card>.list-group { border-top: inherit; border-bottom: inherit } .card>.list-group:first-child { border-top-width: 0; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card>.card-header+.list-group, .card>.list-group+.card-footer { border-top: 0 } .card-body { flex: 1 1 auto; padding: 1rem } .card-title { margin-bottom: .5rem } .card-subtitle { margin-top: -.25rem } .card-subtitle, .card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link+.card-link { margin-left: 1rem } .card-header { padding: .5rem 1rem; margin-bottom: 0; background-color: rgba(0, 0, 0, .03); border-bottom: 1px solid rgba(0, 0, 0, .125) } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 } .card-footer { padding: .5rem 1rem; background-color: rgba(0, 0, 0, .03); border-top: 1px solid rgba(0, 0, 0, .125) } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) } .card-header-tabs { margin-bottom: -.5rem; border-bottom: 0 } .card-header-pills, .card-header-tabs { margin-right: -.5rem; margin-left: -.5rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(.25rem - 1px) } .card-img, .card-img-bottom, .card-img-top { width: 100% } .card-img, .card-img-top { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card-img, .card-img-bottom { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card-group>.card { margin-bottom: .75rem } @media (min-width:576px) { .card-group { display: flex; flex-flow: row wrap } .card-group>.card { flex: 1 0; margin-bottom: 0 } .card-group>.card+.card { margin-left: 0; border-left: 0 } .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: transparent; border: 1px solid rgba(0, 0, 0, .125); border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease } @media (prefers-reduced-motion:reduce) { .accordion-button { transition: none } } .accordion-button.collapsed { border-bottom-width: 0 } .accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff } .accordion-button:not(.collapsed):after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(180deg) } .accordion-button:after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out } @media (prefers-reduced-motion:reduce) { .accordion-button:after { transition: none } } .accordion-button:hover { z-index: 2 } .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) } .accordion-header { margin-bottom: 0 } .accordion-item:first-of-type .accordion-button { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .accordion-item:last-of-type .accordion-button.collapsed, .accordion-item:last-of-type .accordion-collapse { border-bottom-width: 1px; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .accordion-collapse { border: solid rgba(0, 0, 0, .125); border-width: 0 1px } .accordion-body { padding: 1rem 1.25rem } .accordion-flush .accordion-button { border-right: 0; border-left: 0; border-radius: 0 } .accordion-flush .accordion-collapse { border-width: 0 } .accordion-flush .accordion-item:first-of-type .accordion-button { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0 } .accordion-flush .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-width: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0; margin-bottom: 1rem; list-style: none } .breadcrumb-item+.breadcrumb-item { padding-left: .5rem } .breadcrumb-item+.breadcrumb-item:before { float: left; padding-right: .5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "/") } .breadcrumb-item.active { color: #6c757d } .pagination { display: flex; padding-left: 0; list-style: none } .page-link { position: relative; display: block; color: #0d6efd; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .page-link { transition: none } } .page-link:hover { z-index: 2; border-color: #dee2e6 } .page-link:focus, .page-link:hover { color: #0a58ca; background-color: #e9ecef } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) } .page-item:not(:first-child) .page-link { margin-left: -1px } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #0d6efd; border-color: #0d6efd } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6 } .page-link { padding: .375rem .75rem } .page-item:first-child .page-link { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem } .badge { display: inline-block; padding: .35em .65em; font-size: .75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .alert { position: relative; padding: 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 3rem } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem } .alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe } .alert-primary .alert-link { color: #06357a } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8 } .alert-secondary .alert-link { color: #34383c } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc } .alert-success .alert-link { color: #0c4128 } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb } .alert-info .alert-link { color: #04414d } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5 } .alert-warning .alert-link { color: #523e02 } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7 } .alert-danger .alert-link { color: #6a1a21 } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe } .alert-light .alert-link { color: #4f5050 } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf } .alert-dark .alert-link { color: #101214 } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem } } .progress { height: 1rem; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem } .progress, .progress-bar { display: flex; overflow: hidden } .progress-bar { flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #0d6efd; transition: width .6s ease } @media (prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent); background-size: 1rem 1rem } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite } @media (prefers-reduced-motion:reduce) { .progress-bar-animated { animation: none } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: .25rem } .list-group-item-action { width: 100%; color: #495057; text-align: inherit } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa } .list-group-item-action:active { color: #212529; background-color: #e9ecef } .list-group-item { position: relative; display: block; padding: .5rem 1rem; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, .125) } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff } .list-group-item.active { z-index: 2; color: #fff; background-color: #0d6efd; border-color: #0d6efd } .list-group-item+.list-group-item { border-top-width: 0 } .list-group-item+.list-group-item.active { margin-top: -1px; border-top-width: 1px } .list-group-horizontal { flex-direction: row } .list-group-horizontal>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal>.list-group-item.active { margin-top: 0 } .list-group-horizontal>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } @media (min-width:576px) { .list-group-horizontal-sm { flex-direction: row } .list-group-horizontal-sm>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-sm>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:768px) { .list-group-horizontal-md { flex-direction: row } .list-group-horizontal-md>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-md>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-md>.list-group-item.active { margin-top: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:992px) { .list-group-horizontal-lg { flex-direction: row } .list-group-horizontal-lg>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-lg>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:1200px) { .list-group-horizontal-xl { flex-direction: row } .list-group-horizontal-xl>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xl>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:1400px) { .list-group-horizontal-xxl { flex-direction: row } .list-group-horizontal-xxl>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xxl>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xxl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xxl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } .list-group-flush { border-radius: 0 } .list-group-flush>.list-group-item { border-width: 0 0 1px } .list-group-flush>.list-group-item:last-child { border-bottom-width: 0 } .list-group-item-primary { color: #084298; background-color: #cfe2ff } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #084298; background-color: #bacbe6 } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298 } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5 } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #41464b; background-color: #cbccce } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b } .list-group-item-success { color: #0f5132; background-color: #d1e7dd } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #0f5132; background-color: #bcd0c7 } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132 } .list-group-item-info { color: #055160; background-color: #cff4fc } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #055160; background-color: #badce3 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160 } .list-group-item-warning { color: #664d03; background-color: #fff3cd } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #664d03; background-color: #e6dbb9 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03 } .list-group-item-danger { color: #842029; background-color: #f8d7da } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #842029; background-color: #dfc2c4 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029 } .list-group-item-light { color: #636464; background-color: #fefefe } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #636464; background-color: #e5e5e5 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464 } .list-group-item-dark { color: #141619; background-color: #d3d3d4 } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #141619; background-color: #bebebf } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619 } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: .25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1em auto no-repeat; border: 0; border-radius: .25rem; opacity: .5 } .btn-close:hover { color: #000; text-decoration: none; opacity: .75 } .btn-close:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); opacity: 1 } .btn-close.disabled, .btn-close:disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: .25 } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%) } .toast { width: 350px; max-width: 100%; font-size: .875rem; pointer-events: auto; background-color: hsla(0, 0%, 100%, .85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); border-radius: .25rem } .toast:not(.showing):not(.show) { opacity: 0 } .toast.hide { display: none } .toast-container { width: max-content; max-width: 100%; pointer-events: none } .toast-container>:not(:last-child) { margin-bottom: .75rem } .toast-header { display: flex; align-items: center; padding: .5rem .75rem; color: #6c757d; background-color: hsla(0, 0%, 100%, .85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, .05); border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .toast-header .btn-close { margin-right: -.375rem; margin-left: .75rem } .toast-body { padding: .75rem; word-wrap: break-word } .modal-open { overflow: hidden } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translateY(-50px) } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none } .modal.modal-static .modal-dialog { transform: scale(1.02) } .modal-dialog-scrollable { height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem) } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .modal-header .btn-close { padding: .5rem; margin: -.5rem -.5rem -.5rem auto } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px) } .modal-footer>* { margin: .25rem } .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 { height: calc(100% - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-sm { max-width: 300px } } @media (min-width:992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width:1200px) { .modal-xl { max-width: 1140px } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen .modal-header { border-radius: 0 } .modal-fullscreen .modal-body { overflow-y: auto } .modal-fullscreen .modal-footer { border-radius: 0 } @media (max-width:575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-sm-down .modal-header { border-radius: 0 } .modal-fullscreen-sm-down .modal-body { overflow-y: auto } .modal-fullscreen-sm-down .modal-footer { border-radius: 0 } } @media (max-width:767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-md-down .modal-header { border-radius: 0 } .modal-fullscreen-md-down .modal-body { overflow-y: auto } .modal-fullscreen-md-down .modal-footer { border-radius: 0 } } @media (max-width:991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-lg-down .modal-header { border-radius: 0 } .modal-fullscreen-lg-down .modal-body { overflow-y: auto } .modal-fullscreen-lg-down .modal-footer { border-radius: 0 } } @media (max-width:1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xl-down .modal-header { border-radius: 0 } .modal-fullscreen-xl-down .modal-body { overflow-y: auto } .modal-fullscreen-xl-down .modal-footer { border-radius: 0 } } @media (max-width:1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xxl-down .modal-header { border-radius: 0 } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0 } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: .9 } .tooltip .tooltip-arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .tooltip-arrow:before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[data-popper-placement^=top], .bs-tooltip-top { padding: .4rem 0 } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { bottom: 0 } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before, .bs-tooltip-top .tooltip-arrow:before { top: -1px; border-width: .4rem .4rem 0; border-top-color: #000 } .bs-tooltip-auto[data-popper-placement^=right], .bs-tooltip-end { padding: 0 .4rem } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .bs-tooltip-end .tooltip-arrow:before { right: -1px; border-width: .4rem .4rem .4rem 0; border-right-color: #000 } .bs-tooltip-auto[data-popper-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: 0 } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before, .bs-tooltip-bottom .tooltip-arrow:before { bottom: -1px; border-width: 0 .4rem .4rem; border-bottom-color: #000 } .bs-tooltip-auto[data-popper-placement^=left], .bs-tooltip-start { padding: 0 .4rem } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before, .bs-tooltip-start .tooltip-arrow:before { left: -1px; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: .5rem } .popover .popover-arrow:after, .popover .popover-arrow:before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow, .bs-popover-top>.popover-arrow { bottom: calc(-.5rem - 1px) } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .bs-popover-top>.popover-arrow:before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0, 0, 0, .25) } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .bs-popover-top>.popover-arrow:after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow, .bs-popover-end>.popover-arrow { left: calc(-.5rem - 1px); width: .5rem; height: 1rem } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .bs-popover-end>.popover-arrow:before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0, 0, 0, .25) } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .bs-popover-end>.popover-arrow:after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow, .bs-popover-bottom>.popover-arrow { top: calc(-.5rem - 1px) } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .bs-popover-bottom>.popover-arrow:before { top: 0; border-width: 0 .5rem .5rem; border-bottom-color: rgba(0, 0, 0, .25) } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .bs-popover-bottom>.popover-arrow:after { top: 1px; border-width: 0 .5rem .5rem; border-bottom-color: #fff } .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .bs-popover-bottom .popover-header:before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f0f0f0 } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow, .bs-popover-start>.popover-arrow { right: calc(-.5rem - 1px); width: .5rem; height: 1rem } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .bs-popover-start>.popover-arrow:before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0, 0, 0, .25) } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .bs-popover-start>.popover-arrow:after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff } .popover-header { padding: .5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid #d8d8d8; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .popover-header:empty { display: none } .popover-body { padding: 1rem; color: #212529 } .carousel { position: relative } .carousel.pointer-event { touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner:after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .6s ease-in-out } @media (prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%) } .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none } .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0s .6s } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: 0 0; border: 0; opacity: .5; transition: opacity .15s ease } @media (prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { transition: none } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100% } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease } @media (prefers-reduced-motion:reduce) { .carousel-indicators [data-bs-target] { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center } .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(100) } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000 } .carousel-dark .carousel-caption { color: #000 } @keyframes spinner-border { to { transform: rotate(1turn) } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid; border-right: .25em solid transparent; border-radius: 50%; animation: spinner-border .75s linear infinite } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em } @keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite } .spinner-grow-sm { width: 1rem; height: 1rem } @media (prefers-reduced-motion:reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s } } .clearfix:after { display: block; clear: both; content: "" } .link-primary { color: #0d6efd } .link-primary:focus, .link-primary:hover { color: #0a58ca } .link-secondary { color: #6c757d } .link-secondary:focus, .link-secondary:hover { color: #565e64 } .link-success { color: #198754 } .link-success:focus, .link-success:hover { color: #146c43 } .link-info { color: #0dcaf0 } .link-info:focus, .link-info:hover { color: #3dd5f3 } .link-warning { color: #ffc107 } .link-warning:focus, .link-warning:hover { color: #ffcd39 } .link-danger { color: #dc3545 } .link-danger:focus, .link-danger:hover { color: #b02a37 } .link-light { color: #f8f9fa } .link-light:focus, .link-light:hover { color: #f9fafb } .link-dark { color: #212529 } .link-dark:focus, .link-dark:hover { color: #1a1e21 } .ratio { position: relative; width: 100% } .ratio:before { display: block; padding-top: var(--bs-aspect-ratio); content: "" } .ratio>* { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .ratio-1x1 { --bs-aspect-ratio: 100% } .ratio-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%) } .ratio-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%) } .ratio-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%) } .fixed-top { top: 0 } .fixed-bottom, .fixed-top { position: fixed; right: 0; left: 0; z-index: 1030 } .fixed-bottom { bottom: 0 } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } @media (min-width:576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important } .stretched-link:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: "" } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .float-start { float: left !important } .float-end { float: right !important } .float-none { float: none !important } .overflow-auto { overflow: auto !important } .overflow-hidden { overflow: hidden !important } .overflow-visible { overflow: visible !important } .overflow-scroll { overflow: scroll !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-grid { display: grid !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-inline-flex { display: inline-flex !important } .d-none { display: none !important } .shadow { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important } .shadow-none { box-shadow: none !important } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: -webkit-sticky !important; position: sticky !important } .top-0 { top: 0 !important } .top-50 { top: 50% !important } .top-100 { top: 100% !important } .bottom-0 { bottom: 0 !important } .bottom-50 { bottom: 50% !important } .bottom-100 { bottom: 100% !important } .start-0 { left: 0 !important } .start-50 { left: 50% !important } .start-100 { left: 100% !important } .end-0 { right: 0 !important } .end-50 { right: 50% !important } .end-100 { right: 100% !important } .translate-middle { transform: translate(-50%, -50%) !important } .translate-middle-x { transform: translateX(-50%) !important } .translate-middle-y { transform: translateY(-50%) !important } .border { border: 1px solid #dee2e6 !important } .border-0 { border: 0 !important } .border-top { border-top: 1px solid #dee2e6 !important } .border-top-0 { border-top: 0 !important } .border-end { border-right: 1px solid #dee2e6 !important } .border-end-0 { border-right: 0 !important } .border-bottom { border-bottom: 1px solid #dee2e6 !important } .border-bottom-0 { border-bottom: 0 !important } .border-start { border-left: 1px solid #dee2e6 !important } .border-start-0 { border-left: 0 !important } .border-primary { border-color: #0d6efd !important } .border-secondary { border-color: #6c757d !important } .border-success { border-color: #198754 !important } .border-info { border-color: #0dcaf0 !important } .border-warning { border-color: #ffc107 !important } .border-danger { border-color: #dc3545 !important } .border-light { border-color: #f8f9fa !important } .border-dark { border-color: #212529 !important } .border-white { border-color: #fff !important } .border-0 { border-width: 0 !important } .border-1 { border-width: 1px !important } .border-2 { border-width: 2px !important } .border-3 { border-width: 3px !important } .border-4 { border-width: 4px !important } .border-5 { border-width: 5px !important } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .mw-100 { max-width: 100% !important } .vw-100 { width: 100vw !important } .min-vw-100 { min-width: 100vw !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .mh-100 { max-height: 100% !important } .vh-100 { height: 100vh !important } .min-vh-100 { min-height: 100vh !important } .flex-fill { flex: 1 1 auto !important } .flex-row { flex-direction: row !important } .flex-column { flex-direction: column !important } .flex-row-reverse { flex-direction: row-reverse !important } .flex-column-reverse { flex-direction: column-reverse !important } .flex-grow-0 { flex-grow: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .flex-shrink-0 { flex-shrink: 0 !important } .flex-shrink-1 { flex-shrink: 1 !important } .flex-wrap { flex-wrap: wrap !important } .flex-nowrap { flex-wrap: nowrap !important } .flex-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-0 { gap: 0 !important } .gap-1 { gap: .25rem !important } .gap-2 { gap: .5rem !important } .gap-3 { gap: 1rem !important } .gap-4 { gap: 1.5rem !important } .gap-5 { gap: 3rem !important } .justify-content-start { justify-content: flex-start !important } .justify-content-end { justify-content: flex-end !important } .justify-content-center { justify-content: center !important } .justify-content-around { justify-content: space-around !important } .justify-content-evenly { justify-content: space-evenly !important } .align-items-start { align-items: flex-start !important } .align-items-end { align-items: flex-end !important } .align-items-center { align-items: center !important } .align-items-baseline { align-items: baseline !important } .align-items-stretch { align-items: stretch !important } .align-content-start { align-content: flex-start !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-around { align-content: space-around !important } .align-content-stretch { align-content: stretch !important } .align-self-auto { align-self: auto !important } .align-self-start { align-self: flex-start !important } .align-self-end { align-self: flex-end !important } .align-self-center { align-self: center !important } .align-self-baseline { align-self: baseline !important } .align-self-stretch { align-self: stretch !important } .order-first { order: -1 !important } .order-0 { order: 0 !important } .order-1 { order: 1 !important } .order-2 { order: 2 !important } .order-3 { order: 3 !important } .order-4 { order: 4 !important } .order-5 { order: 5 !important } .order-last { order: 6 !important } .m-0 { margin: 0 !important } .m-1 { margin: .25rem !important } .m-2 { margin: .5rem !important } .m-3 { margin: 1rem !important } .m-4 { margin: 1.5rem !important } .m-5 { margin: 3rem !important } .m-auto { margin: auto !important } .mx-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-auto { margin-right: auto !important; margin-left: auto !important } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-0 { margin-top: 0 !important } .mt-1 { margin-top: .25rem !important } .mt-2 { margin-top: .5rem !important } .mt-3 { margin-top: 1rem !important } .mt-4 { margin-top: 1.5rem !important } .mt-5 { margin-top: 3rem !important } .mt-auto { margin-top: auto !important } .me-0 { margin-right: 0 !important } .me-1 { margin-right: .25rem !important } .me-2 { margin-right: .5rem !important } .me-3 { margin-right: 1rem !important } .me-4 { margin-right: 1.5rem !important } .me-5 { margin-right: 3rem !important } .me-auto { margin-right: auto !important } .mb-0 { margin-bottom: 0 !important } .mb-1 { margin-bottom: .25rem !important } .mb-2 { margin-bottom: .5rem !important } .mb-3 { margin-bottom: 1rem !important } .mb-4 { margin-bottom: 1.5rem !important } .mb-5 { margin-bottom: 3rem !important } .mb-auto { margin-bottom: auto !important } .ms-0 { margin-left: 0 !important } .ms-1 { margin-left: .25rem !important } .ms-2 { margin-left: .5rem !important } .ms-3 { margin-left: 1rem !important } .ms-4 { margin-left: 1.5rem !important } .ms-5 { margin-left: 3rem !important } .ms-auto { margin-left: auto !important } .p-0 { padding: 0 !important } .p-1 { padding: .25rem !important } .p-2 { padding: .5rem !important } .p-3 { padding: 1rem !important } .p-4 { padding: 1.5rem !important } .p-5 { padding: 3rem !important } .px-0 { padding-right: 0 !important; padding-left: 0 !important } .px-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-0 { padding-top: 0 !important } .pt-1 { padding-top: .25rem !important } .pt-2 { padding-top: .5rem !important } .pt-3 { padding-top: 1rem !important } .pt-4 { padding-top: 1.5rem !important } .pt-5 { padding-top: 3rem !important } .pe-0 { padding-right: 0 !important } .pe-1 { padding-right: .25rem !important } .pe-2 { padding-right: .5rem !important } .pe-3 { padding-right: 1rem !important } .pe-4 { padding-right: 1.5rem !important } .pe-5 { padding-right: 3rem !important } .pb-0 { padding-bottom: 0 !important } .pb-1 { padding-bottom: .25rem !important } .pb-2 { padding-bottom: .5rem !important } .pb-3 { padding-bottom: 1rem !important } .pb-4 { padding-bottom: 1.5rem !important } .pb-5 { padding-bottom: 3rem !important } .ps-0 { padding-left: 0 !important } .ps-1 { padding-left: .25rem !important } .ps-2 { padding-left: .5rem !important } .ps-3 { padding-left: 1rem !important } .ps-4 { padding-left: 1.5rem !important } .ps-5 { padding-left: 3rem !important } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important } .fs-2 { font-size: calc(1.325rem + .9vw) !important } .fs-3 { font-size: calc(1.3rem + .6vw) !important } .fs-4 { font-size: calc(1.275rem + .3vw) !important } .fs-5 { font-size: 1.25rem !important } .fs-6 { font-size: 1rem !important } .fst-italic { font-style: italic !important } .fst-normal { font-style: normal !important } .fw-light { font-weight: 300 !important } .fw-lighter { font-weight: lighter !important } .fw-normal { font-weight: 400 !important } .fw-bold { font-weight: 700 !important } .fw-bolder { font-weight: bolder !important } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .text-start { text-align: left !important } .text-end { text-align: right !important } .text-center { text-align: center !important } .text-primary { color: #0d6efd !important } .text-secondary { color: #6c757d !important } .text-success { color: #198754 !important } .text-info { color: #0dcaf0 !important } .text-warning { color: #ffc107 !important } .text-danger { color: #dc3545 !important } .text-light { color: #f8f9fa !important } .text-dark { color: #212529 !important } .text-white { color: #fff !important } .text-body { color: #212529 !important } .text-muted { color: #6c757d !important } .text-black-50 { color: rgba(0, 0, 0, .5) !important } .text-white-50 { color: hsla(0, 0%, 100%, .5) !important } .text-reset { color: inherit !important } .lh-1 { line-height: 1 !important } .lh-sm { line-height: 1.25 !important } .lh-base { line-height: 1.5 !important } .lh-lg { line-height: 2 !important } .bg-primary { background-color: #0d6efd !important } .bg-secondary { background-color: #6c757d !important } .bg-success { background-color: #198754 !important } .bg-info { background-color: #0dcaf0 !important } .bg-warning { background-color: #ffc107 !important } .bg-danger { background-color: #dc3545 !important } .bg-light { background-color: #f8f9fa !important } .bg-dark { background-color: #212529 !important } .bg-body, .bg-white { background-color: #fff !important } .bg-transparent { background-color: transparent !important } .bg-gradient { background-image: var(--bs-gradient) !important } .text-wrap { white-space: normal !important } .text-nowrap { white-space: nowrap !important } .text-decoration-none { text-decoration: none !important } .text-decoration-underline { text-decoration: underline !important } .text-decoration-line-through { text-decoration: line-through !important } .text-break { word-wrap: break-word !important; word-break: break-word !important } .font-monospace { font-family: var(--bs-font-monospace) !important } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important } .pe-none { pointer-events: none !important } .pe-auto { pointer-events: auto !important } .rounded { border-radius: .25rem !important } .rounded-0 { border-radius: 0 !important } .rounded-1 { border-radius: .2rem !important } .rounded-2 { border-radius: .25rem !important } .rounded-3 { border-radius: .3rem !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: 50rem !important } .rounded-top { border-top-left-radius: .25rem !important } .rounded-end, .rounded-top { border-top-right-radius: .25rem !important } .rounded-bottom, .rounded-end { border-bottom-right-radius: .25rem !important } .rounded-bottom, .rounded-start { border-bottom-left-radius: .25rem !important } .rounded-start { border-top-left-radius: .25rem !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } @media (min-width:576px) { .float-sm-start { float: left !important } .float-sm-end { float: right !important } .float-sm-none { float: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-grid { display: grid !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: flex !important } .d-sm-inline-flex { display: inline-flex !important } .d-sm-none { display: none !important } .flex-sm-fill { flex: 1 1 auto !important } .flex-sm-row { flex-direction: row !important } .flex-sm-column { flex-direction: column !important } .flex-sm-row-reverse { flex-direction: row-reverse !important } .flex-sm-column-reverse { flex-direction: column-reverse !important } .flex-sm-grow-0 { flex-grow: 0 !important } .flex-sm-grow-1 { flex-grow: 1 !important } .flex-sm-shrink-0 { flex-shrink: 0 !important } .flex-sm-shrink-1 { flex-shrink: 1 !important } .flex-sm-wrap { flex-wrap: wrap !important } .flex-sm-nowrap { flex-wrap: nowrap !important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-sm-0 { gap: 0 !important } .gap-sm-1 { gap: .25rem !important } .gap-sm-2 { gap: .5rem !important } .gap-sm-3 { gap: 1rem !important } .gap-sm-4 { gap: 1.5rem !important } .gap-sm-5 { gap: 3rem !important } .justify-content-sm-start { justify-content: flex-start !important } .justify-content-sm-end { justify-content: flex-end !important } .justify-content-sm-center { justify-content: center !important } .justify-content-sm-between { justify-content: space-between !important } .justify-content-sm-around { justify-content: space-around !important } .justify-content-sm-evenly { justify-content: space-evenly !important } .align-items-sm-start { align-items: flex-start !important } .align-items-sm-end { align-items: flex-end !important } .align-items-sm-center { align-items: center !important } .align-items-sm-baseline { align-items: baseline !important } .align-items-sm-stretch { align-items: stretch !important } .align-content-sm-start { align-content: flex-start !important } .align-content-sm-end { align-content: flex-end !important } .align-content-sm-center { align-content: center !important } .align-content-sm-between { align-content: space-between !important } .align-content-sm-around { align-content: space-around !important } .align-content-sm-stretch { align-content: stretch !important } .align-self-sm-auto { align-self: auto !important } .align-self-sm-start { align-self: flex-start !important } .align-self-sm-end { align-self: flex-end !important } .align-self-sm-center { align-self: center !important } .align-self-sm-baseline { align-self: baseline !important } .align-self-sm-stretch { align-self: stretch !important } .order-sm-first { order: -1 !important } .order-sm-0 { order: 0 !important } .order-sm-1 { order: 1 !important } .order-sm-2 { order: 2 !important } .order-sm-3 { order: 3 !important } .order-sm-4 { order: 4 !important } .order-sm-5 { order: 5 !important } .order-sm-last { order: 6 !important } .m-sm-0 { margin: 0 !important } .m-sm-1 { margin: .25rem !important } .m-sm-2 { margin: .5rem !important } .m-sm-3 { margin: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .m-sm-auto { margin: auto !important } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-sm-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-sm-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-sm-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-sm-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-sm-0 { margin-top: 0 !important } .mt-sm-1 { margin-top: .25rem !important } .mt-sm-2 { margin-top: .5rem !important } .mt-sm-3 { margin-top: 1rem !important } .mt-sm-4 { margin-top: 1.5rem !important } .mt-sm-5 { margin-top: 3rem !important } .mt-sm-auto { margin-top: auto !important } .me-sm-0 { margin-right: 0 !important } .me-sm-1 { margin-right: .25rem !important } .me-sm-2 { margin-right: .5rem !important } .me-sm-3 { margin-right: 1rem !important } .me-sm-4 { margin-right: 1.5rem !important } .me-sm-5 { margin-right: 3rem !important } .me-sm-auto { margin-right: auto !important } .mb-sm-0 { margin-bottom: 0 !important } .mb-sm-1 { margin-bottom: .25rem !important } .mb-sm-2 { margin-bottom: .5rem !important } .mb-sm-3 { margin-bottom: 1rem !important } .mb-sm-4 { margin-bottom: 1.5rem !important } .mb-sm-5 { margin-bottom: 3rem !important } .mb-sm-auto { margin-bottom: auto !important } .ms-sm-0 { margin-left: 0 !important } .ms-sm-1 { margin-left: .25rem !important } .ms-sm-2 { margin-left: .5rem !important } .ms-sm-3 { margin-left: 1rem !important } .ms-sm-4 { margin-left: 1.5rem !important } .ms-sm-5 { margin-left: 3rem !important } .ms-sm-auto { margin-left: auto !important } .p-sm-0 { padding: 0 !important } .p-sm-1 { padding: .25rem !important } .p-sm-2 { padding: .5rem !important } .p-sm-3 { padding: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important } .px-sm-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-sm-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-sm-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-sm-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-sm-0 { padding-top: 0 !important } .pt-sm-1 { padding-top: .25rem !important } .pt-sm-2 { padding-top: .5rem !important } .pt-sm-3 { padding-top: 1rem !important } .pt-sm-4 { padding-top: 1.5rem !important } .pt-sm-5 { padding-top: 3rem !important } .pe-sm-0 { padding-right: 0 !important } .pe-sm-1 { padding-right: .25rem !important } .pe-sm-2 { padding-right: .5rem !important } .pe-sm-3 { padding-right: 1rem !important } .pe-sm-4 { padding-right: 1.5rem !important } .pe-sm-5 { padding-right: 3rem !important } .pb-sm-0 { padding-bottom: 0 !important } .pb-sm-1 { padding-bottom: .25rem !important } .pb-sm-2 { padding-bottom: .5rem !important } .pb-sm-3 { padding-bottom: 1rem !important } .pb-sm-4 { padding-bottom: 1.5rem !important } .pb-sm-5 { padding-bottom: 3rem !important } .ps-sm-0 { padding-left: 0 !important } .ps-sm-1 { padding-left: .25rem !important } .ps-sm-2 { padding-left: .5rem !important } .ps-sm-3 { padding-left: 1rem !important } .ps-sm-4 { padding-left: 1.5rem !important } .ps-sm-5 { padding-left: 3rem !important } .text-sm-start { text-align: left !important } .text-sm-end { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width:768px) { .float-md-start { float: left !important } .float-md-end { float: right !important } .float-md-none { float: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-grid { display: grid !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: flex !important } .d-md-inline-flex { display: inline-flex !important } .d-md-none { display: none !important } .flex-md-fill { flex: 1 1 auto !important } .flex-md-row { flex-direction: row !important } .flex-md-column { flex-direction: column !important } .flex-md-row-reverse { flex-direction: row-reverse !important } .flex-md-column-reverse { flex-direction: column-reverse !important } .flex-md-grow-0 { flex-grow: 0 !important } .flex-md-grow-1 { flex-grow: 1 !important } .flex-md-shrink-0 { flex-shrink: 0 !important } .flex-md-shrink-1 { flex-shrink: 1 !important } .flex-md-wrap { flex-wrap: wrap !important } .flex-md-nowrap { flex-wrap: nowrap !important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-md-0 { gap: 0 !important } .gap-md-1 { gap: .25rem !important } .gap-md-2 { gap: .5rem !important } .gap-md-3 { gap: 1rem !important } .gap-md-4 { gap: 1.5rem !important } .gap-md-5 { gap: 3rem !important } .justify-content-md-start { justify-content: flex-start !important } .justify-content-md-end { justify-content: flex-end !important } .justify-content-md-center { justify-content: center !important } .justify-content-md-between { justify-content: space-between !important } .justify-content-md-around { justify-content: space-around !important } .justify-content-md-evenly { justify-content: space-evenly !important } .align-items-md-start { align-items: flex-start !important } .align-items-md-end { align-items: flex-end !important } .align-items-md-center { align-items: center !important } .align-items-md-baseline { align-items: baseline !important } .align-items-md-stretch { align-items: stretch !important } .align-content-md-start { align-content: flex-start !important } .align-content-md-end { align-content: flex-end !important } .align-content-md-center { align-content: center !important } .align-content-md-between { align-content: space-between !important } .align-content-md-around { align-content: space-around !important } .align-content-md-stretch { align-content: stretch !important } .align-self-md-auto { align-self: auto !important } .align-self-md-start { align-self: flex-start !important } .align-self-md-end { align-self: flex-end !important } .align-self-md-center { align-self: center !important } .align-self-md-baseline { align-self: baseline !important } .align-self-md-stretch { align-self: stretch !important } .order-md-first { order: -1 !important } .order-md-0 { order: 0 !important } .order-md-1 { order: 1 !important } .order-md-2 { order: 2 !important } .order-md-3 { order: 3 !important } .order-md-4 { order: 4 !important } .order-md-5 { order: 5 !important } .order-md-last { order: 6 !important } .m-md-0 { margin: 0 !important } .m-md-1 { margin: .25rem !important } .m-md-2 { margin: .5rem !important } .m-md-3 { margin: 1rem !important } .m-md-4 { margin: 1.5rem !important } .m-md-5 { margin: 3rem !important } .m-md-auto { margin: auto !important } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-md-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-md-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-md-auto { margin-right: auto !important; margin-left: auto !important } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-md-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-md-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-md-0 { margin-top: 0 !important } .mt-md-1 { margin-top: .25rem !important } .mt-md-2 { margin-top: .5rem !important } .mt-md-3 { margin-top: 1rem !important } .mt-md-4 { margin-top: 1.5rem !important } .mt-md-5 { margin-top: 3rem !important } .mt-md-auto { margin-top: auto !important } .me-md-0 { margin-right: 0 !important } .me-md-1 { margin-right: .25rem !important } .me-md-2 { margin-right: .5rem !important } .me-md-3 { margin-right: 1rem !important } .me-md-4 { margin-right: 1.5rem !important } .me-md-5 { margin-right: 3rem !important } .me-md-auto { margin-right: auto !important } .mb-md-0 { margin-bottom: 0 !important } .mb-md-1 { margin-bottom: .25rem !important } .mb-md-2 { margin-bottom: .5rem !important } .mb-md-3 { margin-bottom: 1rem !important } .mb-md-4 { margin-bottom: 1.5rem !important } .mb-md-5 { margin-bottom: 3rem !important } .mb-md-auto { margin-bottom: auto !important } .ms-md-0 { margin-left: 0 !important } .ms-md-1 { margin-left: .25rem !important } .ms-md-2 { margin-left: .5rem !important } .ms-md-3 { margin-left: 1rem !important } .ms-md-4 { margin-left: 1.5rem !important } .ms-md-5 { margin-left: 3rem !important } .ms-md-auto { margin-left: auto !important } .p-md-0 { padding: 0 !important } .p-md-1 { padding: .25rem !important } .p-md-2 { padding: .5rem !important } .p-md-3 { padding: 1rem !important } .p-md-4 { padding: 1.5rem !important } .p-md-5 { padding: 3rem !important } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important } .px-md-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-md-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-md-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-md-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-md-0 { padding-top: 0 !important } .pt-md-1 { padding-top: .25rem !important } .pt-md-2 { padding-top: .5rem !important } .pt-md-3 { padding-top: 1rem !important } .pt-md-4 { padding-top: 1.5rem !important } .pt-md-5 { padding-top: 3rem !important } .pe-md-0 { padding-right: 0 !important } .pe-md-1 { padding-right: .25rem !important } .pe-md-2 { padding-right: .5rem !important } .pe-md-3 { padding-right: 1rem !important } .pe-md-4 { padding-right: 1.5rem !important } .pe-md-5 { padding-right: 3rem !important } .pb-md-0 { padding-bottom: 0 !important } .pb-md-1 { padding-bottom: .25rem !important } .pb-md-2 { padding-bottom: .5rem !important } .pb-md-3 { padding-bottom: 1rem !important } .pb-md-4 { padding-bottom: 1.5rem !important } .pb-md-5 { padding-bottom: 3rem !important } .ps-md-0 { padding-left: 0 !important } .ps-md-1 { padding-left: .25rem !important } .ps-md-2 { padding-left: .5rem !important } .ps-md-3 { padding-left: 1rem !important } .ps-md-4 { padding-left: 1.5rem !important } .ps-md-5 { padding-left: 3rem !important } .text-md-start { text-align: left !important } .text-md-end { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width:992px) { .float-lg-start { float: left !important } .float-lg-end { float: right !important } .float-lg-none { float: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-grid { display: grid !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: flex !important } .d-lg-inline-flex { display: inline-flex !important } .d-lg-none { display: none !important } .flex-lg-fill { flex: 1 1 auto !important } .flex-lg-row { flex-direction: row !important } .flex-lg-column { flex-direction: column !important } .flex-lg-row-reverse { flex-direction: row-reverse !important } .flex-lg-column-reverse { flex-direction: column-reverse !important } .flex-lg-grow-0 { flex-grow: 0 !important } .flex-lg-grow-1 { flex-grow: 1 !important } .flex-lg-shrink-0 { flex-shrink: 0 !important } .flex-lg-shrink-1 { flex-shrink: 1 !important } .flex-lg-wrap { flex-wrap: wrap !important } .flex-lg-nowrap { flex-wrap: nowrap !important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-lg-0 { gap: 0 !important } .gap-lg-1 { gap: .25rem !important } .gap-lg-2 { gap: .5rem !important } .gap-lg-3 { gap: 1rem !important } .gap-lg-4 { gap: 1.5rem !important } .gap-lg-5 { gap: 3rem !important } .justify-content-lg-start { justify-content: flex-start !important } .justify-content-lg-end { justify-content: flex-end !important } .justify-content-lg-center { justify-content: center !important } .justify-content-lg-between { justify-content: space-between !important } .justify-content-lg-around { justify-content: space-around !important } .justify-content-lg-evenly { justify-content: space-evenly !important } .align-items-lg-start { align-items: flex-start !important } .align-items-lg-end { align-items: flex-end !important } .align-items-lg-center { align-items: center !important } .align-items-lg-baseline { align-items: baseline !important } .align-items-lg-stretch { align-items: stretch !important } .align-content-lg-start { align-content: flex-start !important } .align-content-lg-end { align-content: flex-end !important } .align-content-lg-center { align-content: center !important } .align-content-lg-between { align-content: space-between !important } .align-content-lg-around { align-content: space-around !important } .align-content-lg-stretch { align-content: stretch !important } .align-self-lg-auto { align-self: auto !important } .align-self-lg-start { align-self: flex-start !important } .align-self-lg-end { align-self: flex-end !important } .align-self-lg-center { align-self: center !important } .align-self-lg-baseline { align-self: baseline !important } .align-self-lg-stretch { align-self: stretch !important } .order-lg-first { order: -1 !important } .order-lg-0 { order: 0 !important } .order-lg-1 { order: 1 !important } .order-lg-2 { order: 2 !important } .order-lg-3 { order: 3 !important } .order-lg-4 { order: 4 !important } .order-lg-5 { order: 5 !important } .order-lg-last { order: 6 !important } .m-lg-0 { margin: 0 !important } .m-lg-1 { margin: .25rem !important } .m-lg-2 { margin: .5rem !important } .m-lg-3 { margin: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .m-lg-auto { margin: auto !important } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-lg-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-lg-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-lg-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-lg-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-lg-0 { margin-top: 0 !important } .mt-lg-1 { margin-top: .25rem !important } .mt-lg-2 { margin-top: .5rem !important } .mt-lg-3 { margin-top: 1rem !important } .mt-lg-4 { margin-top: 1.5rem !important } .mt-lg-5 { margin-top: 3rem !important } .mt-lg-auto { margin-top: auto !important } .me-lg-0 { margin-right: 0 !important } .me-lg-1 { margin-right: .25rem !important } .me-lg-2 { margin-right: .5rem !important } .me-lg-3 { margin-right: 1rem !important } .me-lg-4 { margin-right: 1.5rem !important } .me-lg-5 { margin-right: 3rem !important } .me-lg-auto { margin-right: auto !important } .mb-lg-0 { margin-bottom: 0 !important } .mb-lg-1 { margin-bottom: .25rem !important } .mb-lg-2 { margin-bottom: .5rem !important } .mb-lg-3 { margin-bottom: 1rem !important } .mb-lg-4 { margin-bottom: 1.5rem !important } .mb-lg-5 { margin-bottom: 3rem !important } .mb-lg-auto { margin-bottom: auto !important } .ms-lg-0 { margin-left: 0 !important } .ms-lg-1 { margin-left: .25rem !important } .ms-lg-2 { margin-left: .5rem !important } .ms-lg-3 { margin-left: 1rem !important } .ms-lg-4 { margin-left: 1.5rem !important } .ms-lg-5 { margin-left: 3rem !important } .ms-lg-auto { margin-left: auto !important } .p-lg-0 { padding: 0 !important } .p-lg-1 { padding: .25rem !important } .p-lg-2 { padding: .5rem !important } .p-lg-3 { padding: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important } .px-lg-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-lg-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-lg-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-lg-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-lg-0 { padding-top: 0 !important } .pt-lg-1 { padding-top: .25rem !important } .pt-lg-2 { padding-top: .5rem !important } .pt-lg-3 { padding-top: 1rem !important } .pt-lg-4 { padding-top: 1.5rem !important } .pt-lg-5 { padding-top: 3rem !important } .pe-lg-0 { padding-right: 0 !important } .pe-lg-1 { padding-right: .25rem !important } .pe-lg-2 { padding-right: .5rem !important } .pe-lg-3 { padding-right: 1rem !important } .pe-lg-4 { padding-right: 1.5rem !important } .pe-lg-5 { padding-right: 3rem !important } .pb-lg-0 { padding-bottom: 0 !important } .pb-lg-1 { padding-bottom: .25rem !important } .pb-lg-2 { padding-bottom: .5rem !important } .pb-lg-3 { padding-bottom: 1rem !important } .pb-lg-4 { padding-bottom: 1.5rem !important } .pb-lg-5 { padding-bottom: 3rem !important } .ps-lg-0 { padding-left: 0 !important } .ps-lg-1 { padding-left: .25rem !important } .ps-lg-2 { padding-left: .5rem !important } .ps-lg-3 { padding-left: 1rem !important } .ps-lg-4 { padding-left: 1.5rem !important } .ps-lg-5 { padding-left: 3rem !important } .text-lg-start { text-align: left !important } .text-lg-end { text-align: right !important } .text-lg-center { text-align: center !important } } @media (min-width:1200px) { .float-xl-start { float: left !important } .float-xl-end { float: right !important } .float-xl-none { float: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-grid { display: grid !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: flex !important } .d-xl-inline-flex { display: inline-flex !important } .d-xl-none { display: none !important } .flex-xl-fill { flex: 1 1 auto !important } .flex-xl-row { flex-direction: row !important } .flex-xl-column { flex-direction: column !important } .flex-xl-row-reverse { flex-direction: row-reverse !important } .flex-xl-column-reverse { flex-direction: column-reverse !important } .flex-xl-grow-0 { flex-grow: 0 !important } .flex-xl-grow-1 { flex-grow: 1 !important } .flex-xl-shrink-0 { flex-shrink: 0 !important } .flex-xl-shrink-1 { flex-shrink: 1 !important } .flex-xl-wrap { flex-wrap: wrap !important } .flex-xl-nowrap { flex-wrap: nowrap !important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-xl-0 { gap: 0 !important } .gap-xl-1 { gap: .25rem !important } .gap-xl-2 { gap: .5rem !important } .gap-xl-3 { gap: 1rem !important } .gap-xl-4 { gap: 1.5rem !important } .gap-xl-5 { gap: 3rem !important } .justify-content-xl-start { justify-content: flex-start !important } .justify-content-xl-end { justify-content: flex-end !important } .justify-content-xl-center { justify-content: center !important } .justify-content-xl-between { justify-content: space-between !important } .justify-content-xl-around { justify-content: space-around !important } .justify-content-xl-evenly { justify-content: space-evenly !important } .align-items-xl-start { align-items: flex-start !important } .align-items-xl-end { align-items: flex-end !important } .align-items-xl-center { align-items: center !important } .align-items-xl-baseline { align-items: baseline !important } .align-items-xl-stretch { align-items: stretch !important } .align-content-xl-start { align-content: flex-start !important } .align-content-xl-end { align-content: flex-end !important } .align-content-xl-center { align-content: center !important } .align-content-xl-between { align-content: space-between !important } .align-content-xl-around { align-content: space-around !important } .align-content-xl-stretch { align-content: stretch !important } .align-self-xl-auto { align-self: auto !important } .align-self-xl-start { align-self: flex-start !important } .align-self-xl-end { align-self: flex-end !important } .align-self-xl-center { align-self: center !important } .align-self-xl-baseline { align-self: baseline !important } .align-self-xl-stretch { align-self: stretch !important } .order-xl-first { order: -1 !important } .order-xl-0 { order: 0 !important } .order-xl-1 { order: 1 !important } .order-xl-2 { order: 2 !important } .order-xl-3 { order: 3 !important } .order-xl-4 { order: 4 !important } .order-xl-5 { order: 5 !important } .order-xl-last { order: 6 !important } .m-xl-0 { margin: 0 !important } .m-xl-1 { margin: .25rem !important } .m-xl-2 { margin: .5rem !important } .m-xl-3 { margin: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .m-xl-auto { margin: auto !important } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-xl-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-xl-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-xl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-xl-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-xl-0 { margin-top: 0 !important } .mt-xl-1 { margin-top: .25rem !important } .mt-xl-2 { margin-top: .5rem !important } .mt-xl-3 { margin-top: 1rem !important } .mt-xl-4 { margin-top: 1.5rem !important } .mt-xl-5 { margin-top: 3rem !important } .mt-xl-auto { margin-top: auto !important } .me-xl-0 { margin-right: 0 !important } .me-xl-1 { margin-right: .25rem !important } .me-xl-2 { margin-right: .5rem !important } .me-xl-3 { margin-right: 1rem !important } .me-xl-4 { margin-right: 1.5rem !important } .me-xl-5 { margin-right: 3rem !important } .me-xl-auto { margin-right: auto !important } .mb-xl-0 { margin-bottom: 0 !important } .mb-xl-1 { margin-bottom: .25rem !important } .mb-xl-2 { margin-bottom: .5rem !important } .mb-xl-3 { margin-bottom: 1rem !important } .mb-xl-4 { margin-bottom: 1.5rem !important } .mb-xl-5 { margin-bottom: 3rem !important } .mb-xl-auto { margin-bottom: auto !important } .ms-xl-0 { margin-left: 0 !important } .ms-xl-1 { margin-left: .25rem !important } .ms-xl-2 { margin-left: .5rem !important } .ms-xl-3 { margin-left: 1rem !important } .ms-xl-4 { margin-left: 1.5rem !important } .ms-xl-5 { margin-left: 3rem !important } .ms-xl-auto { margin-left: auto !important } .p-xl-0 { padding: 0 !important } .p-xl-1 { padding: .25rem !important } .p-xl-2 { padding: .5rem !important } .p-xl-3 { padding: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important } .px-xl-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-xl-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-xl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-xl-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-xl-0 { padding-top: 0 !important } .pt-xl-1 { padding-top: .25rem !important } .pt-xl-2 { padding-top: .5rem !important } .pt-xl-3 { padding-top: 1rem !important } .pt-xl-4 { padding-top: 1.5rem !important } .pt-xl-5 { padding-top: 3rem !important } .pe-xl-0 { padding-right: 0 !important } .pe-xl-1 { padding-right: .25rem !important } .pe-xl-2 { padding-right: .5rem !important } .pe-xl-3 { padding-right: 1rem !important } .pe-xl-4 { padding-right: 1.5rem !important } .pe-xl-5 { padding-right: 3rem !important } .pb-xl-0 { padding-bottom: 0 !important } .pb-xl-1 { padding-bottom: .25rem !important } .pb-xl-2 { padding-bottom: .5rem !important } .pb-xl-3 { padding-bottom: 1rem !important } .pb-xl-4 { padding-bottom: 1.5rem !important } .pb-xl-5 { padding-bottom: 3rem !important } .ps-xl-0 { padding-left: 0 !important } .ps-xl-1 { padding-left: .25rem !important } .ps-xl-2 { padding-left: .5rem !important } .ps-xl-3 { padding-left: 1rem !important } .ps-xl-4 { padding-left: 1.5rem !important } .ps-xl-5 { padding-left: 3rem !important } .text-xl-start { text-align: left !important } .text-xl-end { text-align: right !important } .text-xl-center { text-align: center !important } } @media (min-width:1400px) { .float-xxl-start { float: left !important } .float-xxl-end { float: right !important } .float-xxl-none { float: none !important } .d-xxl-inline { display: inline !important } .d-xxl-inline-block { display: inline-block !important } .d-xxl-block { display: block !important } .d-xxl-grid { display: grid !important } .d-xxl-table { display: table !important } .d-xxl-table-row { display: table-row !important } .d-xxl-table-cell { display: table-cell !important } .d-xxl-flex { display: flex !important } .d-xxl-inline-flex { display: inline-flex !important } .d-xxl-none { display: none !important } .flex-xxl-fill { flex: 1 1 auto !important } .flex-xxl-row { flex-direction: row !important } .flex-xxl-column { flex-direction: column !important } .flex-xxl-row-reverse { flex-direction: row-reverse !important } .flex-xxl-column-reverse { flex-direction: column-reverse !important } .flex-xxl-grow-0 { flex-grow: 0 !important } .flex-xxl-grow-1 { flex-grow: 1 !important } .flex-xxl-shrink-0 { flex-shrink: 0 !important } .flex-xxl-shrink-1 { flex-shrink: 1 !important } .flex-xxl-wrap { flex-wrap: wrap !important } .flex-xxl-nowrap { flex-wrap: nowrap !important } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-xxl-0 { gap: 0 !important } .gap-xxl-1 { gap: .25rem !important } .gap-xxl-2 { gap: .5rem !important } .gap-xxl-3 { gap: 1rem !important } .gap-xxl-4 { gap: 1.5rem !important } .gap-xxl-5 { gap: 3rem !important } .justify-content-xxl-start { justify-content: flex-start !important } .justify-content-xxl-end { justify-content: flex-end !important } .justify-content-xxl-center { justify-content: center !important } .justify-content-xxl-between { justify-content: space-between !important } .justify-content-xxl-around { justify-content: space-around !important } .justify-content-xxl-evenly { justify-content: space-evenly !important } .align-items-xxl-start { align-items: flex-start !important } .align-items-xxl-end { align-items: flex-end !important } .align-items-xxl-center { align-items: center !important } .align-items-xxl-baseline { align-items: baseline !important } .align-items-xxl-stretch { align-items: stretch !important } .align-content-xxl-start { align-content: flex-start !important } .align-content-xxl-end { align-content: flex-end !important } .align-content-xxl-center { align-content: center !important } .align-content-xxl-between { align-content: space-between !important } .align-content-xxl-around { align-content: space-around !important } .align-content-xxl-stretch { align-content: stretch !important } .align-self-xxl-auto { align-self: auto !important } .align-self-xxl-start { align-self: flex-start !important } .align-self-xxl-end { align-self: flex-end !important } .align-self-xxl-center { align-self: center !important } .align-self-xxl-baseline { align-self: baseline !important } .align-self-xxl-stretch { align-self: stretch !important } .order-xxl-first { order: -1 !important } .order-xxl-0 { order: 0 !important } .order-xxl-1 { order: 1 !important } .order-xxl-2 { order: 2 !important } .order-xxl-3 { order: 3 !important } .order-xxl-4 { order: 4 !important } .order-xxl-5 { order: 5 !important } .order-xxl-last { order: 6 !important } .m-xxl-0 { margin: 0 !important } .m-xxl-1 { margin: .25rem !important } .m-xxl-2 { margin: .5rem !important } .m-xxl-3 { margin: 1rem !important } .m-xxl-4 { margin: 1.5rem !important } .m-xxl-5 { margin: 3rem !important } .m-xxl-auto { margin: auto !important } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-xxl-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-xxl-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-xxl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-xxl-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-xxl-0 { margin-top: 0 !important } .mt-xxl-1 { margin-top: .25rem !important } .mt-xxl-2 { margin-top: .5rem !important } .mt-xxl-3 { margin-top: 1rem !important } .mt-xxl-4 { margin-top: 1.5rem !important } .mt-xxl-5 { margin-top: 3rem !important } .mt-xxl-auto { margin-top: auto !important } .me-xxl-0 { margin-right: 0 !important } .me-xxl-1 { margin-right: .25rem !important } .me-xxl-2 { margin-right: .5rem !important } .me-xxl-3 { margin-right: 1rem !important } .me-xxl-4 { margin-right: 1.5rem !important } .me-xxl-5 { margin-right: 3rem !important } .me-xxl-auto { margin-right: auto !important } .mb-xxl-0 { margin-bottom: 0 !important } .mb-xxl-1 { margin-bottom: .25rem !important } .mb-xxl-2 { margin-bottom: .5rem !important } .mb-xxl-3 { margin-bottom: 1rem !important } .mb-xxl-4 { margin-bottom: 1.5rem !important } .mb-xxl-5 { margin-bottom: 3rem !important } .mb-xxl-auto { margin-bottom: auto !important } .ms-xxl-0 { margin-left: 0 !important } .ms-xxl-1 { margin-left: .25rem !important } .ms-xxl-2 { margin-left: .5rem !important } .ms-xxl-3 { margin-left: 1rem !important } .ms-xxl-4 { margin-left: 1.5rem !important } .ms-xxl-5 { margin-left: 3rem !important } .ms-xxl-auto { margin-left: auto !important } .p-xxl-0 { padding: 0 !important } .p-xxl-1 { padding: .25rem !important } .p-xxl-2 { padding: .5rem !important } .p-xxl-3 { padding: 1rem !important } .p-xxl-4 { padding: 1.5rem !important } .p-xxl-5 { padding: 3rem !important } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important } .px-xxl-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-xxl-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-xxl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-xxl-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-xxl-0 { padding-top: 0 !important } .pt-xxl-1 { padding-top: .25rem !important } .pt-xxl-2 { padding-top: .5rem !important } .pt-xxl-3 { padding-top: 1rem !important } .pt-xxl-4 { padding-top: 1.5rem !important } .pt-xxl-5 { padding-top: 3rem !important } .pe-xxl-0 { padding-right: 0 !important } .pe-xxl-1 { padding-right: .25rem !important } .pe-xxl-2 { padding-right: .5rem !important } .pe-xxl-3 { padding-right: 1rem !important } .pe-xxl-4 { padding-right: 1.5rem !important } .pe-xxl-5 { padding-right: 3rem !important } .pb-xxl-0 { padding-bottom: 0 !important } .pb-xxl-1 { padding-bottom: .25rem !important } .pb-xxl-2 { padding-bottom: .5rem !important } .pb-xxl-3 { padding-bottom: 1rem !important } .pb-xxl-4 { padding-bottom: 1.5rem !important } .pb-xxl-5 { padding-bottom: 3rem !important } .ps-xxl-0 { padding-left: 0 !important } .ps-xxl-1 { padding-left: .25rem !important } .ps-xxl-2 { padding-left: .5rem !important } .ps-xxl-3 { padding-left: 1rem !important } .ps-xxl-4 { padding-left: 1.5rem !important } .ps-xxl-5 { padding-left: 3rem !important } .text-xxl-start { text-align: left !important } .text-xxl-end { text-align: right !important } .text-xxl-center { text-align: center !important } } @media (min-width:1200px) { .fs-1 { font-size: 2.5rem !important } .fs-2 { font-size: 2rem !important } .fs-3 { font-size: 1.75rem !important } .fs-4 { font-size: 1.5rem !important } } @media print { .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-grid { display: grid !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: flex !important } .d-print-inline-flex { display: inline-flex !important } .d-print-none { display: none !important } } @font-face { font-family: uicons-regular-rounded; src: url(/_next/static/media/uicons-regular-rounded.1b50296b.eot#iefix) format("embedded-opentype"), url(/_next/static/media/uicons-regular-rounded.866b86e7.woff2) format("woff2"), url(/_next/static/media/uicons-regular-rounded.e5cc8a31.woff) format("woff") } i[class^=fi-rr-], span[class^=fi-rr-] { line-height: 0 !important } i[class*=" fi-rr-"]:before, i[class^=fi-rr-]:before, span[class*=fi-rr-]:before, span[class^=fi-rr-]:before { font-family: uicons-regular-rounded !important; font-style: normal; font-weight: 400 !important; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fi-rr-add:before { content: "\f101" } .fi-rr-address-book:before { content: "\f102" } .fi-rr-alarm-clock:before { content: "\f103" } .fi-rr-align-center:before { content: "\f104" } .fi-rr-align-justify:before { content: "\f105" } .fi-rr-align-left:before { content: "\f106" } .fi-rr-align-right:before { content: "\f107" } .fi-rr-ambulance:before { content: "\f108" } .fi-rr-angle-double-left:before { content: "\f109" } .fi-rr-angle-double-right:before { content: "\f10a" } .fi-rr-angle-double-small-left:before { content: "\f10b" } .fi-rr-angle-double-small-right:before { content: "\f10c" } .fi-rr-angle-down:before { content: "\f10d" } .fi-rr-angle-left:before { content: "\f10e" } .fi-rr-angle-right:before { content: "\f10f" } .fi-rr-angle-small-down:before { content: "\f110" } .fi-rr-angle-small-left:before { content: "\f111" } .fi-rr-angle-small-right:before { content: "\f112" } .fi-rr-angle-small-up:before { content: "\f113" } .fi-rr-angle-up:before { content: "\f114" } .fi-rr-apple:before { content: "\f115" } .fi-rr-apps-add:before { content: "\f116" } .fi-rr-apps-delete:before { content: "\f117" } .fi-rr-apps-sort:before { content: "\f118" } .fi-rr-apps:before { content: "\f119" } .fi-rr-archive:before { content: "\f11a" } .fi-rr-arrow-down:before { content: "\f11b" } .fi-rr-arrow-from-bottom:before { content: "\f11c" } .fi-rr-arrow-left:before { content: "\f11d" } .fi-rr-arrow-right:before { content: "\f11e" } .fi-rr-arrow-small-down:before { content: "\f11f" } .fi-rr-arrow-small-left:before { content: "\f120" } .fi-rr-arrow-small-right:before { content: "\f121" } .fi-rr-arrow-small-up:before { content: "\f122" } .fi-rr-arrow-up:before { content: "\f123" } .fi-rr-asterik:before { content: "\f124" } .fi-rr-at:before { content: "\f125" } .fi-rr-backpack:before { content: "\f126" } .fi-rr-badge:before { content: "\f127" } .fi-rr-balloons:before { content: "\f128" } .fi-rr-ban:before { content: "\f129" } .fi-rr-band-aid:before { content: "\f12a" } .fi-rr-bank:before { content: "\f12b" } .fi-rr-barber-shop:before { content: "\f12c" } .fi-rr-baseball:before { content: "\f12d" } .fi-rr-basketball:before { content: "\f12e" } .fi-rr-bed:before { content: "\f12f" } .fi-rr-beer:before { content: "\f130" } .fi-rr-bell-ring:before { content: "\f131" } .fi-rr-bell-school:before { content: "\f132" } .fi-rr-bell:before { content: "\f133" } .fi-rr-bike:before { content: "\f134" } .fi-rr-billiard:before { content: "\f135" } .fi-rr-bold:before { content: "\f136" } .fi-rr-book-alt:before { content: "\f137" } .fi-rr-book:before { content: "\f138" } .fi-rr-bookmark:before { content: "\f139" } .fi-rr-bowling:before { content: "\f13a" } .fi-rr-box-alt:before { content: "\f13b" } .fi-rr-box:before { content: "\f13c" } .fi-rr-bread-slice:before { content: "\f13d" } .fi-rr-briefcase:before { content: "\f13e" } .fi-rr-broom:before { content: "\f13f" } .fi-rr-browser:before { content: "\f140" } .fi-rr-brush:before { content: "\f141" } .fi-rr-bug:before { content: "\f142" } .fi-rr-building:before { content: "\f143" } .fi-rr-bulb:before { content: "\f144" } .fi-rr-butterfly:before { content: "\f145" } .fi-rr-cake-birthday:before { content: "\f146" } .fi-rr-cake-wedding:before { content: "\f147" } .fi-rr-calculator:before { content: "\f148" } .fi-rr-calendar:before { content: "\f149" } .fi-rr-call-history:before { content: "\f14a" } .fi-rr-call-incoming:before { content: "\f14b" } .fi-rr-call-missed:before { content: "\f14c" } .fi-rr-call-outgoing:before { content: "\f14d" } .fi-rr-camera:before { content: "\f14e" } .fi-rr-camping:before { content: "\f14f" } .fi-rr-car:before { content: "\f150" } .fi-rr-caret-down:before { content: "\f151" } .fi-rr-caret-left:before { content: "\f152" } .fi-rr-caret-right:before { content: "\f153" } .fi-rr-caret-up:before { content: "\f154" } .fi-rr-carrot:before { content: "\f155" } .fi-rr-chart-connected:before { content: "\f156" } .fi-rr-chart-histogram:before { content: "\f157" } .fi-rr-chart-network:before { content: "\f158" } .fi-rr-chart-pie-alt:before { content: "\f159" } .fi-rr-chart-pie:before { content: "\f15a" } .fi-rr-chart-pyramid:before { content: "\f15b" } .fi-rr-chart-set-theory:before { content: "\f15c" } .fi-rr-chart-tree:before { content: "\f15d" } .fi-rr-chat-arrow-down:before { content: "\f15e" } .fi-rr-chat-arrow-grow:before { content: "\f15f" } .fi-rr-check:before { content: "\f160" } .fi-rr-checkbox:before { content: "\f161" } .fi-rr-cheese:before { content: "\f162" } .fi-rr-chess-piece:before { content: "\f163" } .fi-rr-child-head:before { content: "\f164" } .fi-rr-circle-small:before { content: "\f165" } .fi-rr-circle:before { content: "\f166" } .fi-rr-clip:before { content: "\f167" } .fi-rr-clock:before { content: "\f168" } .fi-rr-cloud-check:before { content: "\f169" } .fi-rr-cloud-disabled:before { content: "\f16a" } .fi-rr-cloud-download:before { content: "\f16b" } .fi-rr-cloud-share:before { content: "\f16c" } .fi-rr-cloud-upload:before { content: "\f16d" } .fi-rr-cloud:before { content: "\f16e" } .fi-rr-clouds:before { content: "\f16f" } .fi-rr-cocktail:before { content: "\f170" } .fi-rr-coffee:before { content: "\f171" } .fi-rr-comment-alt:before { content: "\f172" } .fi-rr-comment-check:before { content: "\f173" } .fi-rr-comment-heart:before { content: "\f174" } .fi-rr-comment-info:before { content: "\f175" } .fi-rr-comment-user:before { content: "\f176" } .fi-rr-comment:before { content: "\f177" } .fi-rr-comments:before { content: "\f178" } .fi-rr-compress-alt:before { content: "\f179" } .fi-rr-compress:before { content: "\f17a" } .fi-rr-computer:before { content: "\f17b" } .fi-rr-confetti:before { content: "\f17c" } .fi-rr-cookie:before { content: "\f17d" } .fi-rr-copy-alt:before { content: "\f17e" } .fi-rr-copy:before { content: "\f17f" } .fi-rr-copyright:before { content: "\f180" } .fi-rr-cow:before { content: "\f181" } .fi-rr-cream:before { content: "\f182" } .fi-rr-credit-card:before { content: "\f183" } .fi-rr-croissant:before { content: "\f184" } .fi-rr-cross-circle:before { content: "\f185" } .fi-rr-cross-small:before { content: "\f186" } .fi-rr-cross:before { content: "\f187" } .fi-rr-crown:before { content: "\f188" } .fi-rr-cube:before { content: "\f189" } .fi-rr-cupcake:before { content: "\f18a" } .fi-rr-cursor-finger:before { content: "\f18b" } .fi-rr-cursor-plus:before { content: "\f18c" } .fi-rr-cursor-text-alt:before { content: "\f18d" } .fi-rr-cursor-text:before { content: "\f18e" } .fi-rr-cursor:before { content: "\f18f" } .fi-rr-dart:before { content: "\f190" } .fi-rr-dashboard:before { content: "\f191" } .fi-rr-data-transfer:before { content: "\f192" } .fi-rr-database:before { content: "\f193" } .fi-rr-delete:before { content: "\f194" } .fi-rr-diamond:before { content: "\f195" } .fi-rr-dice:before { content: "\f196" } .fi-rr-diploma:before { content: "\f197" } .fi-rr-disco-ball:before { content: "\f198" } .fi-rr-disk:before { content: "\f199" } .fi-rr-doctor:before { content: "\f19a" } .fi-rr-document-signed:before { content: "\f19b" } .fi-rr-document:before { content: "\f19c" } .fi-rr-dollar:before { content: "\f19d" } .fi-rr-download:before { content: "\f19e" } .fi-rr-drink-alt:before { content: "\f19f" } .fi-rr-drumstick:before { content: "\f1a0" } .fi-rr-duplicate:before { content: "\f1a1" } .fi-rr-e-learning:before { content: "\f1a2" } .fi-rr-earnings:before { content: "\f1a3" } .fi-rr-edit-alt:before { content: "\f1a4" } .fi-rr-edit:before { content: "\f1a5" } .fi-rr-envelope-ban:before { content: "\f1a6" } .fi-rr-envelope-download:before { content: "\f1a7" } .fi-rr-envelope-marker:before { content: "\f1a8" } .fi-rr-envelope-open:before { content: "\f1a9" } .fi-rr-envelope-plus:before { content: "\f1aa" } .fi-rr-envelope:before { content: "\f1ab" } .fi-rr-euro:before { content: "\f1ac" } .fi-rr-exclamation:before { content: "\f1ad" } .fi-rr-expand:before { content: "\f1ae" } .fi-rr-eye-crossed:before { content: "\f1af" } .fi-rr-eye-dropper:before { content: "\f1b0" } .fi-rr-eye:before { content: "\f1b1" } .fi-rr-feather:before { content: "\f1b2" } .fi-rr-ferris-wheel:before { content: "\f1b3" } .fi-rr-file-add:before { content: "\f1b4" } .fi-rr-file-ai:before { content: "\f1b5" } .fi-rr-file-check:before { content: "\f1b6" } .fi-rr-file-delete:before { content: "\f1b7" } .fi-rr-file-eps:before { content: "\f1b8" } .fi-rr-file-gif:before { content: "\f1b9" } .fi-rr-file-music:before { content: "\f1ba" } .fi-rr-file-psd:before { content: "\f1bb" } .fi-rr-file:before { content: "\f1bc" } .fi-rr-fill:before { content: "\f1bd" } .fi-rr-film:before { content: "\f1be" } .fi-rr-filter:before { content: "\f1bf" } .fi-rr-fingerprint:before { content: "\f1c0" } .fi-rr-fish:before { content: "\f1c1" } .fi-rr-flag:before { content: "\f1c2" } .fi-rr-flame:before { content: "\f1c3" } .fi-rr-flip-horizontal:before { content: "\f1c4" } .fi-rr-flower-bouquet:before { content: "\f1c5" } .fi-rr-flower-tulip:before { content: "\f1c6" } .fi-rr-flower:before { content: "\f1c7" } .fi-rr-folder-add:before { content: "\f1c8" } .fi-rr-folder:before { content: "\f1c9" } .fi-rr-following:before { content: "\f1ca" } .fi-rr-football:before { content: "\f1cb" } .fi-rr-form:before { content: "\f1cc" } .fi-rr-forward:before { content: "\f1cd" } .fi-rr-fox:before { content: "\f1ce" } .fi-rr-frown:before { content: "\f1cf" } .fi-rr-ftp:before { content: "\f1d0" } .fi-rr-gallery:before { content: "\f1d1" } .fi-rr-gamepad:before { content: "\f1d2" } .fi-rr-gas-pump:before { content: "\f1d3" } .fi-rr-gem:before { content: "\f1d4" } .fi-rr-gift:before { content: "\f1d5" } .fi-rr-glass-cheers:before { content: "\f1d6" } .fi-rr-glasses:before { content: "\f1d7" } .fi-rr-globe-alt:before { content: "\f1d8" } .fi-rr-globe:before { content: "\f1d9" } .fi-rr-golf:before { content: "\f1da" } .fi-rr-graduation-cap:before { content: "\f1db" } .fi-rr-graphic-tablet:before { content: "\f1dc" } .fi-rr-grid-alt:before { content: "\f1dd" } .fi-rr-grid:before { content: "\f1de" } .fi-rr-guitar:before { content: "\f1df" } .fi-rr-gym:before { content: "\f1e0" } .fi-rr-hamburger:before { content: "\f1e1" } .fi-rr-hand-holding-heart:before { content: "\f1e2" } .fi-rr-hastag:before { content: "\f1e3" } .fi-rr-hat-birthday:before { content: "\f1e4" } .fi-rr-head-side-thinking:before { content: "\f1e5" } .fi-rr-headphones:before { content: "\f1e6" } .fi-rr-headset:before { content: "\f1e7" } .fi-rr-heart-arrow:before { content: "\f1e8" } .fi-rr-heart:before { content: "\f1e9" } .fi-rr-home-location-alt:before { content: "\f1ea" } .fi-rr-home-location:before { content: "\f1eb" } .fi-rr-home:before { content: "\f1ec" } .fi-rr-hourglass-end:before { content: "\f1ed" } .fi-rr-hourglass:before { content: "\f1ee" } .fi-rr-ice-cream:before { content: "\f1ef" } .fi-rr-ice-skate:before { content: "\f1f0" } .fi-rr-id-badge:before { content: "\f1f1" } .fi-rr-inbox:before { content: "\f1f2" } .fi-rr-incognito:before { content: "\f1f3" } .fi-rr-indent:before { content: "\f1f4" } .fi-rr-infinity:before { content: "\f1f5" } .fi-rr-info:before { content: "\f1f6" } .fi-rr-interactive:before { content: "\f1f7" } .fi-rr-interlining:before { content: "\f1f8" } .fi-rr-interrogation:before { content: "\f1f9" } .fi-rr-italic:before { content: "\f1fa" } .fi-rr-jpg:before { content: "\f1fb" } .fi-rr-key:before { content: "\f1fc" } .fi-rr-keyboard:before { content: "\f1fd" } .fi-rr-kite:before { content: "\f1fe" } .fi-rr-label:before { content: "\f1ff" } .fi-rr-laptop:before { content: "\f200" } .fi-rr-lasso:before { content: "\f201" } .fi-rr-laugh:before { content: "\f202" } .fi-rr-layers:before { content: "\f203" } .fi-rr-layout-fluid:before { content: "\f204" } .fi-rr-leaf:before { content: "\f205" } .fi-rr-letter-case:before { content: "\f206" } .fi-rr-life-ring:before { content: "\f207" } .fi-rr-line-width:before { content: "\f208" } .fi-rr-link:before { content: "\f209" } .fi-rr-lipstick:before { content: "\f20a" } .fi-rr-list-check:before { content: "\f20b" } .fi-rr-list:before { content: "\f20c" } .fi-rr-location-alt:before { content: "\f20d" } .fi-rr-lock-alt:before { content: "\f20e" } .fi-rr-lock:before { content: "\f20f" } .fi-rr-luggage-rolling:before { content: "\f210" } .fi-rr-magic-wand:before { content: "\f211" } .fi-rr-makeup-brush:before { content: "\f212" } .fi-rr-man-head:before { content: "\f213" } .fi-rr-map-marker-cross:before { content: "\f214" } .fi-rr-map-marker-home:before { content: "\f215" } .fi-rr-map-marker-minus:before { content: "\f216" } .fi-rr-map-marker-plus:before { content: "\f217" } .fi-rr-map-marker:before { content: "\f218" } .fi-rr-map:before { content: "\f219" } .fi-rr-marker-time:before { content: "\f21a" } .fi-rr-marker:before { content: "\f21b" } .fi-rr-mars-double:before { content: "\f21c" } .fi-rr-mars:before { content: "\f21d" } .fi-rr-mask-carnival:before { content: "\f21e" } .fi-rr-medicine:before { content: "\f21f" } .fi-rr-megaphone:before { content: "\f220" } .fi-rr-meh:before { content: "\f221" } .fi-rr-menu-burger:before { content: "\f222" } .fi-rr-menu-dots-vertical:before { content: "\f223" } .fi-rr-menu-dots:before { content: "\f224" } .fi-rr-microphone-alt:before { content: "\f225" } .fi-rr-microphone:before { content: "\f226" } .fi-rr-minus-small:before { content: "\f227" } .fi-rr-minus:before { content: "\f228" } .fi-rr-mobile:before { content: "\f229" } .fi-rr-mode-landscape:before { content: "\f22a" } .fi-rr-mode-portrait:before { content: "\f22b" } .fi-rr-money:before { content: "\f22c" } .fi-rr-moon:before { content: "\f22d" } .fi-rr-mountains:before { content: "\f22e" } .fi-rr-mouse:before { content: "\f22f" } .fi-rr-mug-alt:before { content: "\f230" } .fi-rr-music-alt:before { content: "\f231" } .fi-rr-music:before { content: "\f232" } .fi-rr-navigation:before { content: "\f233" } .fi-rr-network-cloud:before { content: "\f234" } .fi-rr-network:before { content: "\f235" } .fi-rr-notebook:before { content: "\f236" } .fi-rr-opacity:before { content: "\f237" } .fi-rr-package:before { content: "\f238" } .fi-rr-paint-brush:before { content: "\f239" } .fi-rr-palette:before { content: "\f23a" } .fi-rr-paper-plane:before { content: "\f23b" } .fi-rr-password:before { content: "\f23c" } .fi-rr-pause:before { content: "\f23d" } .fi-rr-paw:before { content: "\f23e" } .fi-rr-pencil:before { content: "\f23f" } .fi-rr-pharmacy:before { content: "\f240" } .fi-rr-phone-call:before { content: "\f241" } .fi-rr-phone-cross:before { content: "\f242" } .fi-rr-phone-pause:before { content: "\f243" } .fi-rr-phone-slash:before { content: "\f244" } .fi-rr-physics:before { content: "\f245" } .fi-rr-picture:before { content: "\f246" } .fi-rr-ping-pong:before { content: "\f247" } .fi-rr-pizza-slice:before { content: "\f248" } .fi-rr-plane:before { content: "\f249" } .fi-rr-play-alt:before { content: "\f24a" } .fi-rr-play:before { content: "\f24b" } .fi-rr-playing-cards:before { content: "\f24c" } .fi-rr-plus-small:before { content: "\f24d" } .fi-rr-plus:before { content: "\f24e" } .fi-rr-poker-chip:before { content: "\f24f" } .fi-rr-portrait:before { content: "\f250" } .fi-rr-pound:before { content: "\f251" } .fi-rr-power:before { content: "\f252" } .fi-rr-presentation:before { content: "\f253" } .fi-rr-print:before { content: "\f254" } .fi-rr-protractor:before { content: "\f255" } .fi-rr-pulse:before { content: "\f256" } .fi-rr-pyramid:before { content: "\f257" } .fi-rr-quote-right:before { content: "\f258" } .fi-rr-rainbow:before { content: "\f259" } .fi-rr-raindrops:before { content: "\f25a" } .fi-rr-rec:before { content: "\f25b" } .fi-rr-receipt:before { content: "\f25c" } .fi-rr-record-vinyl:before { content: "\f25d" } .fi-rr-rectabgle-vertical:before { content: "\f25e" } .fi-rr-rectangle-horizontal:before { content: "\f25f" } .fi-rr-rectangle-panoramic:before { content: "\f260" } .fi-rr-recycle:before { content: "\f261" } .fi-rr-redo-alt:before { content: "\f262" } .fi-rr-redo:before { content: "\f263" } .fi-rr-reflect:before { content: "\f264" } .fi-rr-refresh:before { content: "\f265" } .fi-rr-resize:before { content: "\f266" } .fi-rr-resources:before { content: "\f267" } .fi-rr-rewind:before { content: "\f268" } .fi-rr-rhombus:before { content: "\f269" } .fi-rr-rings-wedding:before { content: "\f26a" } .fi-rr-road:before { content: "\f26b" } .fi-rr-rocket:before { content: "\f26c" } .fi-rr-room-service:before { content: "\f26d" } .fi-rr-rotate-right:before { content: "\f26e" } .fi-rr-rugby:before { content: "\f26f" } .fi-rr-sad:before { content: "\f270" } .fi-rr-salad:before { content: "\f271" } .fi-rr-scale:before { content: "\f272" } .fi-rr-school-bus:before { content: "\f273" } .fi-rr-school:before { content: "\f274" } .fi-rr-scissors:before { content: "\f275" } .fi-rr-screen:before { content: "\f276" } .fi-rr-search-alt:before { content: "\f277" } .fi-rr-search-heart:before { content: "\f278" } .fi-rr-search:before { content: "\f279" } .fi-rr-settings-sliders:before { content: "\f27a" } .fi-rr-settings:before { content: "\f27b" } .fi-rr-share:before { content: "\f27c" } .fi-rr-shield-check:before { content: "\f27d" } .fi-rr-shield-exclamation:before { content: "\f27e" } .fi-rr-shield-interrogation:before { content: "\f27f" } .fi-rr-shield-plus:before { content: "\f280" } .fi-rr-shield:before { content: "\f281" } .fi-rr-ship-side:before { content: "\f282" } .fi-rr-ship:before { content: "\f283" } .fi-rr-shop:before { content: "\f284" } .fi-rr-shopping-bag-add:before { content: "\f285" } .fi-rr-shopping-bag:before { content: "\f286" } .fi-rr-shopping-cart-add:before { content: "\f287" } .fi-rr-shopping-cart-check:before { content: "\f288" } .fi-rr-shopping-cart:before { content: "\f289" } .fi-rr-shuffle:before { content: "\f28a" } .fi-rr-sign-in-alt:before { content: "\f28b" } .fi-rr-sign-in:before { content: "\f28c" } .fi-rr-sign-out-alt:before { content: "\f28d" } .fi-rr-sign-out:before { content: "\f28e" } .fi-rr-signal-alt-1:before { content: "\f28f" } .fi-rr-signal-alt-2:before { content: "\f290" } .fi-rr-signal-alt:before { content: "\f291" } .fi-rr-skateboard:before { content: "\f292" } .fi-rr-smartphone:before { content: "\f293" } .fi-rr-smile-wink:before { content: "\f294" } .fi-rr-smile:before { content: "\f295" } .fi-rr-snowflake:before { content: "\f296" } .fi-rr-soap:before { content: "\f297" } .fi-rr-soup:before { content: "\f298" } .fi-rr-spa:before { content: "\f299" } .fi-rr-speaker:before { content: "\f29a" } .fi-rr-sphere:before { content: "\f29b" } .fi-rr-spinner-alt:before { content: "\f29c" } .fi-rr-spinner:before { content: "\f29d" } .fi-rr-square-root:before { content: "\f29e" } .fi-rr-square:before { content: "\f29f" } .fi-rr-star-octogram:before { content: "\f2a0" } .fi-rr-star:before { content: "\f2a1" } .fi-rr-stats:before { content: "\f2a2" } .fi-rr-stethoscope:before { content: "\f2a3" } .fi-rr-sticker:before { content: "\f2a4" } .fi-rr-stop:before { content: "\f2a5" } .fi-rr-stopwatch:before { content: "\f2a6" } .fi-rr-subtitles:before { content: "\f2a7" } .fi-rr-sun:before { content: "\f2a8" } .fi-rr-sunrise:before { content: "\f2a9" } .fi-rr-surfing:before { content: "\f2aa" } .fi-rr-sword:before { content: "\f2ab" } .fi-rr-syringe:before { content: "\f2ac" } .fi-rr-tablet:before { content: "\f2ad" } .fi-rr-target:before { content: "\f2ae" } .fi-rr-taxi:before { content: "\f2af" } .fi-rr-tennis:before { content: "\f2b0" } .fi-rr-terrace:before { content: "\f2b1" } .fi-rr-test-tube:before { content: "\f2b2" } .fi-rr-test:before { content: "\f2b3" } .fi-rr-text-check:before { content: "\f2b4" } .fi-rr-text:before { content: "\f2b5" } .fi-rr-thermometer-half:before { content: "\f2b6" } .fi-rr-thumbs-down:before { content: "\f2b7" } .fi-rr-thumbs-up:before { content: "\f2b8" } .fi-rr-thumbtack:before { content: "\f2b9" } .fi-rr-ticket:before { content: "\f2ba" } .fi-rr-time-add:before { content: "\f2bb" } .fi-rr-time-check:before { content: "\f2bc" } .fi-rr-time-delete:before { content: "\f2bd" } .fi-rr-time-fast:before { content: "\f2be" } .fi-rr-time-forward-sixty:before { content: "\f2bf" } .fi-rr-time-forward-ten:before { content: "\f2c0" } .fi-rr-time-forward:before { content: "\f2c1" } .fi-rr-time-half-past:before { content: "\f2c2" } .fi-rr-time-oclock:before { content: "\f2c3" } .fi-rr-time-past:before { content: "\f2c4" } .fi-rr-time-quarter-past:before { content: "\f2c5" } .fi-rr-time-quarter-to:before { content: "\f2c6" } .fi-rr-time-twenty-four:before { content: "\f2c7" } .fi-rr-tool-crop:before { content: "\f2c8" } .fi-rr-tool-marquee:before { content: "\f2c9" } .fi-rr-tooth:before { content: "\f2ca" } .fi-rr-tornado:before { content: "\f2cb" } .fi-rr-train-side:before { content: "\f2cc" } .fi-rr-train:before { content: "\f2cd" } .fi-rr-transform:before { content: "\f2ce" } .fi-rr-trash:before { content: "\f2cf" } .fi-rr-treatment:before { content: "\f2d0" } .fi-rr-tree-christmas:before { content: "\f2d1" } .fi-rr-tree:before { content: "\f2d2" } .fi-rr-triangle:before { content: "\f2d3" } .fi-rr-trophy:before { content: "\f2d4" } .fi-rr-truck-side:before { content: "\f2d5" } .fi-rr-umbrella:before { content: "\f2d6" } .fi-rr-underline:before { content: "\f2d7" } .fi-rr-undo-alt:before { content: "\f2d8" } .fi-rr-undo:before { content: "\f2d9" } .fi-rr-unlock:before { content: "\f2da" } .fi-rr-upload:before { content: "\f2db" } .fi-rr-usb-pendrive:before { content: "\f2dc" } .fi-rr-user-add:before { content: "\f2dd" } .fi-rr-user-delete:before { content: "\f2de" } .fi-rr-user-remove:before { content: "\f2df" } .fi-rr-user-time:before { content: "\f2e0" } .fi-rr-user:before { content: "\f2e1" } .fi-rr-utensils:before { content: "\f2e2" } .fi-rr-vector-alt:before { content: "\f2e3" } .fi-rr-vector:before { content: "\f2e4" } .fi-rr-venus-double:before { content: "\f2e5" } .fi-rr-venus-mars:before { content: "\f2e6" } .fi-rr-venus:before { content: "\f2e7" } .fi-rr-video-camera:before { content: "\f2e8" } .fi-rr-volleyball:before { content: "\f2e9" } .fi-rr-volume:before { content: "\f2ea" } .fi-rr-wheelchair:before { content: "\f2eb" } .fi-rr-wifi-alt:before { content: "\f2ec" } .fi-rr-wind:before { content: "\f2ed" } .fi-rr-woman-head:before { content: "\f2ee" } .fi-rr-world:before { content: "\f2ef" } .fi-rr-yen:before { content: "\f2f0" } .fi-rr-zoom-in:before { content: "\f2f1" } .fi-rr-zoom-out:before { content: "\f2f2" } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff"); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translateZ(0) } .swiper-container-multirow>.swiper-wrapper { flex-wrap: wrap } .swiper-container-multirow-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-container-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-container-pointer-events { touch-action: pan-y } .swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height } .swiper-container-3d { perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent) } .swiper-container-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: normal; line-height: 1 } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "prev" } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: "next" } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #fff } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000 } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; transition: opacity .3s; transform: translateZ(0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .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(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform .2s, top .2s } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, left .2s } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, right .2s } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white { --swiper-pagination-color: #fff } .swiper-pagination-black { --swiper-pagination-color: #000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s linear infinite; box-sizing: border-box; border-radius: 50%; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-top: 4px solid transparent } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { to { transform: rotate(1turn) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-container-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } /*! Magnific Popup - v1.1.0 - 2016-02-20 * http://dimsemenov.com/plugins/magnific-popup/ * Copyright (c) 2016 Dmitry Semenov; */ .mfp-bg { z-index: 1042; overflow: hidden; background: #0b0b0b; opacity: .8 } .mfp-bg, .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; position: fixed } .mfp-wrap { z-index: 1043; outline: none !important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none !important } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #ccc } .mfp-preloader a:hover { color: #fff } .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none } button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace } .mfp-close:focus, .mfp-close:hover { opacity: 1 } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #333 } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap } .mfp-arrow { position: absolute; opacity: .65; top: 50%; margin: -55px 0 0; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:focus, .mfp-arrow:hover { opacity: 1 } .mfp-arrow:after, .mfp-arrow:before { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: inset transparent } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: .7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #000 } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; box-sizing: border-box; padding: 40px 0; margin: 0 auto } .mfp-figure, img.mfp-img { line-height: 0 } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #101828 } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px } .mfp-image-holder .mfp-content { max-width: 100% } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } @media screen and (max-height:300px), screen and (max-width:800px) and (orientation:landscape) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, .6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, .6); position: fixed; text-align: center; padding: 0 } } @media (max-width:900px) { .mfp-arrow { transform: scale(.75) } .mfp-arrow-left { transform-origin: 0 } .mfp-arrow-right { transform-origin: 100% } .mfp-container { padding-left: 6px; padding-right: 6px } } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-selection--single .select2-selection__clear { position: relative } .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-search--inline { float: left } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0 } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-dropdown { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051 } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { padding: 6px; -moz-user-select: none; user-select: none; -webkit-user-select: none } .select2-results__option[aria-selected] { cursor: pointer } .select2-container--open .select2-dropdown { left: 0 } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-search--dropdown { display: block; padding: 4px } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-search--dropdown.select2-search--hide { display: none } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0) } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #1f2938; line-height: 28px } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700 } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #bbb transparent transparent; border-style: solid; border-width: 6px 5px 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { float: left } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #e5e5e5; cursor: default } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #bbb; border-width: 0 5px 6px } .select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100% } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; margin-top: 5px; margin-right: 10px } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: 700; margin-right: 2px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333 } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder { float: right } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #000; outline: 0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #e5e5e5; cursor: default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none } .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield } .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--default .select2-results__option[role=group] { padding: 0 } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999 } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #cbbcfb; color: #1f2938 } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container, .select2-dropdown, .select2-results, .select2-search { transition: none !important } .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto } .ps__rail-x { height: 15px; bottom: 0 } .ps__rail-x, .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; position: absolute } .ps__rail-y { width: 15px; right: 0 } .ps--active-x>.ps__rail-x, .ps--active-y>.ps__rail-y { display: block; background-color: transparent } .ps--focus>.ps__rail-x, .ps--focus>.ps__rail-y, .ps--scrolling-x>.ps__rail-x, .ps--scrolling-y>.ps__rail-y, .ps:hover>.ps__rail-x, .ps:hover>.ps__rail-y { opacity: .6 } .ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover { background-color: #eee; opacity: .9 } .ps__thumb-x { transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; bottom: 2px } .ps__thumb-x, .ps__thumb-y { background-color: #aaa; border-radius: 6px; position: absolute } .ps__thumb-y { transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; right: 2px } .ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus>.ps__thumb-x, .ps__rail-x:hover>.ps__thumb-x { background-color: #999; height: 11px } .ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y, .ps__rail-y:hover>.ps__thumb-y { background-color: #999; width: 11px } @supports (-ms-overflow-style:none) { .ps { overflow: auto !important } } @media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) { .ps { overflow: auto !important } } /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2021 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1 } .animate__animated { animation-duration: 1s; animation-duration: var(--animate-duration); animation-fill-mode: both } .animate__animated.animate__infinite { animation-iteration-count: infinite } .animate__animated.animate__repeat-1 { animation-iteration-count: 1; animation-iteration-count: var(--animate-repeat) } .animate__animated.animate__repeat-2 { animation-iteration-count: 2; animation-iteration-count: calc(var(--animate-repeat)*2) } .animate__animated.animate__repeat-3 { animation-iteration-count: 3; animation-iteration-count: calc(var(--animate-repeat)*3) } .animate__animated.animate__delay-1s { animation-delay: 1s; animation-delay: var(--animate-delay) } .animate__animated.animate__delay-2s { animation-delay: 2s; animation-delay: calc(var(--animate-delay)*2) } .animate__animated.animate__delay-3s { animation-delay: 3s; animation-delay: calc(var(--animate-delay)*3) } .animate__animated.animate__delay-4s { animation-delay: 4s; animation-delay: calc(var(--animate-delay)*4) } .animate__animated.animate__delay-5s { animation-delay: 5s; animation-delay: calc(var(--animate-delay)*5) } .animate__animated.animate__faster { animation-duration: .5s; animation-duration: calc(var(--animate-duration)/2) } .animate__animated.animate__fast { animation-duration: .8s; animation-duration: calc(var(--animate-duration)*.8) } .animate__animated.animate__slow { animation-duration: 2s; animation-duration: calc(var(--animate-duration)*2) } .animate__animated.animate__slower { animation-duration: 3s; animation-duration: calc(var(--animate-duration)*3) } @media (prefers-reduced-motion:reduce), print { .animate__animated { animation-duration: 1ms !important; transition-duration: 1ms !important; animation-iteration-count: 1 !important } .animate__animated[class*=Out] { opacity: 0 } } @keyframes bounce { 0%, 20%, 53%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translateZ(0) } 40%, 43% { animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -30px, 0) scaleY(1.1) } 70% { animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -15px, 0) scaleY(1.05) } 80% { transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translateZ(0) scaleY(.95) } 90% { transform: translate3d(0, -4px, 0) scaleY(1.02) } } .animate__bounce { animation-name: bounce; transform-origin: center bottom } @keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } .animate__flash { animation-name: flash } @keyframes pulse { 0% { transform: scaleX(1) } 50% { transform: scale3d(1.05, 1.05, 1.05) } to { transform: scaleX(1) } } .animate__pulse { animation-name: pulse; animation-timing-function: ease-in-out } @keyframes rubberBand { 0% { transform: scaleX(1) } 30% { transform: scale3d(1.25, .75, 1) } 40% { transform: scale3d(.75, 1.25, 1) } 50% { transform: scale3d(1.15, .85, 1) } 65% { transform: scale3d(.95, 1.05, 1) } 75% { transform: scale3d(1.05, .95, 1) } to { transform: scaleX(1) } } .animate__rubberBand { animation-name: rubberBand } @keyframes shakeX { 0%, to { transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0) } } .animate__shakeX { animation-name: shakeX } @keyframes shakeY { 0%, to { transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0, -10px, 0) } 20%, 40%, 60%, 80% { transform: translate3d(0, 10px, 0) } } .animate__shakeY { animation-name: shakeY } @keyframes headShake { 0% { transform: translateX(0) } 6.5% { transform: translateX(-6px) rotateY(-9deg) } 18.5% { transform: translateX(5px) rotateY(7deg) } 31.5% { transform: translateX(-3px) rotateY(-5deg) } 43.5% { transform: translateX(2px) rotateY(3deg) } 50% { transform: translateX(0) } } .animate__headShake { animation-timing-function: ease-in-out; animation-name: headShake } @keyframes swing { 20% { transform: rotate(15deg) } 40% { transform: rotate(-10deg) } 60% { transform: rotate(5deg) } 80% { transform: rotate(-5deg) } to { transform: rotate(0deg) } } .animate__swing { transform-origin: top center; animation-name: swing } @keyframes tada { 0% { transform: scaleX(1) } 10%, 20% { transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { transform: scaleX(1) } } .animate__tada { animation-name: tada } @keyframes wobble { 0% { transform: translateZ(0) } 15% { transform: translate3d(-25%, 0, 0) rotate(-5deg) } 30% { transform: translate3d(20%, 0, 0) rotate(3deg) } 45% { transform: translate3d(-15%, 0, 0) rotate(-3deg) } 60% { transform: translate3d(10%, 0, 0) rotate(2deg) } 75% { transform: translate3d(-5%, 0, 0) rotate(-1deg) } to { transform: translateZ(0) } } .animate__wobble { animation-name: wobble } @keyframes jello { 0%, 11.1%, to { transform: translateZ(0) } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .animate__jello { animation-name: jello; transform-origin: center } @keyframes heartBeat { 0% { transform: scale(1) } 14% { transform: scale(1.3) } 28% { transform: scale(1) } 42% { transform: scale(1.3) } 70% { transform: scale(1) } } .animate__heartBeat { animation-name: heartBeat; animation-duration: 1.3s; animation-duration: calc(var(--animate-duration)*1.3); animation-timing-function: ease-in-out } @keyframes backInDown { 0% { transform: translateY(-1200px) scale(.7); opacity: .7 } 80% { transform: translateY(0) scale(.7); opacity: .7 } to { transform: scale(1); opacity: 1 } } .animate__backInDown { animation-name: backInDown } @keyframes backInLeft { 0% { transform: translateX(-2000px) scale(.7); opacity: .7 } 80% { transform: translateX(0) scale(.7); opacity: .7 } to { transform: scale(1); opacity: 1 } } .animate__backInLeft { animation-name: backInLeft } @keyframes backInRight { 0% { transform: translateX(2000px) scale(.7); opacity: .7 } 80% { transform: translateX(0) scale(.7); opacity: .7 } to { transform: scale(1); opacity: 1 } } .animate__backInRight { animation-name: backInRight } @keyframes backInUp { 0% { transform: translateY(1200px) scale(.7); opacity: .7 } 80% { transform: translateY(0) scale(.7); opacity: .7 } to { transform: scale(1); opacity: 1 } } .animate__backInUp { animation-name: backInUp } @keyframes backOutDown { 0% { transform: scale(1); opacity: 1 } 20% { transform: translateY(0) scale(.7); opacity: .7 } to { transform: translateY(700px) scale(.7); opacity: .7 } } .animate__backOutDown { animation-name: backOutDown } @keyframes backOutLeft { 0% { transform: scale(1); opacity: 1 } 20% { transform: translateX(0) scale(.7); opacity: .7 } to { transform: translateX(-2000px) scale(.7); opacity: .7 } } .animate__backOutLeft { animation-name: backOutLeft } @keyframes backOutRight { 0% { transform: scale(1); opacity: 1 } 20% { transform: translateX(0) scale(.7); opacity: .7 } to { transform: translateX(2000px) scale(.7); opacity: .7 } } .animate__backOutRight { animation-name: backOutRight } @keyframes backOutUp { 0% { transform: scale(1); opacity: 1 } 20% { transform: translateY(0) scale(.7); opacity: .7 } to { transform: translateY(-700px) scale(.7); opacity: .7 } } .animate__backOutUp { animation-name: backOutUp } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: scale3d(.3, .3, .3) } 20% { transform: scale3d(1.1, 1.1, 1.1) } 40% { transform: scale3d(.9, .9, .9) } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03) } 80% { transform: scale3d(.97, .97, .97) } to { opacity: 1; transform: scaleX(1) } } .animate__bounceIn { animation-duration: .75s; animation-duration: calc(var(--animate-duration)*.75); animation-name: bounceIn } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(0, -3000px, 0) scaleY(3) } 60% { opacity: 1; transform: translate3d(0, 25px, 0) scaleY(.9) } 75% { transform: translate3d(0, -10px, 0) scaleY(.95) } 90% { transform: translate3d(0, 5px, 0) scaleY(.985) } to { transform: translateZ(0) } } .animate__bounceInDown { animation-name: bounceInDown } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0) scaleX(3) } 60% { opacity: 1; transform: translate3d(25px, 0, 0) scaleX(1) } 75% { transform: translate3d(-10px, 0, 0) scaleX(.98) } 90% { transform: translate3d(5px, 0, 0) scaleX(.995) } to { transform: translateZ(0) } } .animate__bounceInLeft { animation-name: bounceInLeft } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(3000px, 0, 0) scaleX(3) } 60% { opacity: 1; transform: translate3d(-25px, 0, 0) scaleX(1) } 75% { transform: translate3d(10px, 0, 0) scaleX(.98) } 90% { transform: translate3d(-5px, 0, 0) scaleX(.995) } to { transform: translateZ(0) } } .animate__bounceInRight { animation-name: bounceInRight } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; transform: translate3d(0, 3000px, 0) scaleY(5) } 60% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(.9) } 75% { transform: translate3d(0, 10px, 0) scaleY(.95) } 90% { transform: translate3d(0, -5px, 0) scaleY(.985) } to { transform: translateZ(0) } } .animate__bounceInUp { animation-name: bounceInUp } @keyframes bounceOut { 20% { transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; transform: scale3d(.3, .3, .3) } } .animate__bounceOut { animation-duration: .75s; animation-duration: calc(var(--animate-duration)*.75); animation-name: bounceOut } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0) scaleY(.985) } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(.9) } to { opacity: 0; transform: translate3d(0, 2000px, 0) scaleY(3) } } .animate__bounceOutDown { animation-name: bounceOutDown } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0) scaleX(.9) } to { opacity: 0; transform: translate3d(-2000px, 0, 0) scaleX(2) } } .animate__bounceOutLeft { animation-name: bounceOutLeft } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0) scaleX(.9) } to { opacity: 0; transform: translate3d(2000px, 0, 0) scaleX(2) } } .animate__bounceOutRight { animation-name: bounceOutRight } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0) scaleY(.985) } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0) scaleY(.9) } to { opacity: 0; transform: translate3d(0, -2000px, 0) scaleY(3) } } .animate__bounceOutUp { animation-name: bounceOutUp } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .animate__fadeIn { animation-name: fadeIn } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0) } to { opacity: 1; transform: translateZ(0) } } .animate__fadeInDown { animation-name: fadeInDown } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0, -2000px, 0) } to { opacity: 1; transform: translateZ(0) } } .animate__fadeInDownBig { animation-name: fadeInDownBig } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) } to { opacity: 1; transform: translateZ(0) } } .animate__fadeInLeft { animation-name: fadeInLeft } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0, 0) } to { opacity: 1; transform: translateZ(0) } } .animate__fadeInLeftBig { animation-name: fadeInLeftBig } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0) } to { opacity: 1; transform: translateZ(0) } } .animate__fadeInRight { animation-name: fadeInRight } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0, 0) } to { opacity: 1; transform: translateZ(0) } } .animate__fadeInRightBig { animation-name: fadeInRightBig } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0) } to { opacity: 1; transform: translateZ(0) } } .animate__fadeInUp { animation-name: fadeInUp } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0, 2000px, 0) } to { opacity: 1; transform: translateZ(0) } } .animate__fadeInUpBig { animation-name: fadeInUpBig } @keyframes fadeInTopLeft { 0% { opacity: 0; transform: translate3d(-100%, -100%, 0) } to { opacity: 1; transform: translateZ(0) } } .animate__fadeInTopLeft { animation-name: fadeInTopLeft } @keyframes fadeInTopRight { 0% { opacity: 0; transform: translate3d(100%, -100%, 0) } to { opacity: 1; transform: translateZ(0) } } .animate__fadeInTopRight { animation-name: fadeInTopRight } @keyframes fadeInBottomLeft { 0% { opacity: 0; transform: translate3d(-100%, 100%, 0) } to { opacity: 1; transform: translateZ(0) } } .animate__fadeInBottomLeft { animation-name: fadeInBottomLeft } @keyframes fadeInBottomRight { 0% { opacity: 0; transform: translate3d(100%, 100%, 0) } to { opacity: 1; transform: translateZ(0) } } .animate__fadeInBottomRight { animation-name: fadeInBottomRight } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .animate__fadeOut { animation-name: fadeOut } @keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0, 100%, 0) } } .animate__fadeOutDown { animation-name: fadeOutDown } @keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0, 2000px, 0) } } .animate__fadeOutDownBig { animation-name: fadeOutDownBig } @keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(-100%, 0, 0) } } .animate__fadeOutLeft { animation-name: fadeOutLeft } @keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(-2000px, 0, 0) } } .animate__fadeOutLeftBig { animation-name: fadeOutLeftBig } @keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(100%, 0, 0) } } .animate__fadeOutRight { animation-name: fadeOutRight } @keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(2000px, 0, 0) } } .animate__fadeOutRightBig { animation-name: fadeOutRightBig } @keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0, -100%, 0) } } .animate__fadeOutUp { animation-name: fadeOutUp } @keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(0, -2000px, 0) } } .animate__fadeOutUpBig { animation-name: fadeOutUpBig } @keyframes fadeOutTopLeft { 0% { opacity: 1; transform: translateZ(0) } to { opacity: 0; transform: translate3d(-100%, -100%, 0) } } .animate__fadeOutTopLeft { animation-name: fadeOutTopLeft } @keyframes fadeOutTopRight { 0% { opacity: 1; transform: translateZ(0) } to { opacity: 0; transform: translate3d(100%, -100%, 0) } } .animate__fadeOutTopRight { animation-name: fadeOutTopRight } @keyframes fadeOutBottomRight { 0% { opacity: 1; transform: translateZ(0) } to { opacity: 0; transform: translate3d(100%, 100%, 0) } } .animate__fadeOutBottomRight { animation-name: fadeOutBottomRight } @keyframes fadeOutBottomLeft { 0% { opacity: 1; transform: translateZ(0) } to { opacity: 0; transform: translate3d(-100%, 100%, 0) } } .animate__fadeOutBottomLeft { animation-name: fadeOutBottomLeft } @keyframes flip { 0% { transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out } 40% { transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out } 50% { transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in } 80% { transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in } to { transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { transform: perspective(400px) rotateX(-5deg) } to { transform: perspective(400px) } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0 } 40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in } 60% { transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { transform: perspective(400px) rotateY(-5deg) } to { transform: perspective(400px) } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY } @keyframes flipOutX { 0% { transform: perspective(400px) } 30% { transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { transform: perspective(400px) rotateX(90deg); opacity: 0 } } .animate__flipOutX { animation-duration: .75s; animation-duration: calc(var(--animate-duration)*.75); animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @keyframes flipOutY { 0% { transform: perspective(400px) } 30% { transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { transform: perspective(400px) rotateY(90deg); opacity: 0 } } .animate__flipOutY { animation-duration: .75s; animation-duration: calc(var(--animate-duration)*.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY } @keyframes lightSpeedInRight { 0% { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { transform: skewX(20deg); opacity: 1 } 80% { transform: skewX(-5deg) } to { transform: translateZ(0) } } .animate__lightSpeedInRight { animation-name: lightSpeedInRight; animation-timing-function: ease-out } @keyframes lightSpeedInLeft { 0% { transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0 } 60% { transform: skewX(-20deg); opacity: 1 } 80% { transform: skewX(5deg) } to { transform: translateZ(0) } } .animate__lightSpeedInLeft { animation-name: lightSpeedInLeft; animation-timing-function: ease-out } @keyframes lightSpeedOutRight { 0% { opacity: 1 } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } .animate__lightSpeedOutRight { animation-name: lightSpeedOutRight; animation-timing-function: ease-in } @keyframes lightSpeedOutLeft { 0% { opacity: 1 } to { transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0 } } .animate__lightSpeedOutLeft { animation-name: lightSpeedOutLeft; animation-timing-function: ease-in } @keyframes rotateIn { 0% { transform: rotate(-200deg); opacity: 0 } to { transform: translateZ(0); opacity: 1 } } .animate__rotateIn { animation-name: rotateIn; transform-origin: center } @keyframes rotateInDownLeft { 0% { transform: rotate(-45deg); opacity: 0 } to { transform: translateZ(0); opacity: 1 } } .animate__rotateInDownLeft { animation-name: rotateInDownLeft; transform-origin: left bottom } @keyframes rotateInDownRight { 0% { transform: rotate(45deg); opacity: 0 } to { transform: translateZ(0); opacity: 1 } } .animate__rotateInDownRight { animation-name: rotateInDownRight; transform-origin: right bottom } @keyframes rotateInUpLeft { 0% { transform: rotate(45deg); opacity: 0 } to { transform: translateZ(0); opacity: 1 } } .animate__rotateInUpLeft { animation-name: rotateInUpLeft; transform-origin: left bottom } @keyframes rotateInUpRight { 0% { transform: rotate(-90deg); opacity: 0 } to { transform: translateZ(0); opacity: 1 } } .animate__rotateInUpRight { animation-name: rotateInUpRight; transform-origin: right bottom } @keyframes rotateOut { 0% { opacity: 1 } to { transform: rotate(200deg); opacity: 0 } } .animate__rotateOut { animation-name: rotateOut; transform-origin: center } @keyframes rotateOutDownLeft { 0% { opacity: 1 } to { transform: rotate(45deg); opacity: 0 } } .animate__rotateOutDownLeft { animation-name: rotateOutDownLeft; transform-origin: left bottom } @keyframes rotateOutDownRight { 0% { opacity: 1 } to { transform: rotate(-45deg); opacity: 0 } } .animate__rotateOutDownRight { animation-name: rotateOutDownRight; transform-origin: right bottom } @keyframes rotateOutUpLeft { 0% { opacity: 1 } to { transform: rotate(-45deg); opacity: 0 } } .animate__rotateOutUpLeft { animation-name: rotateOutUpLeft; transform-origin: left bottom } @keyframes rotateOutUpRight { 0% { opacity: 1 } to { transform: rotate(90deg); opacity: 0 } } .animate__rotateOutUpRight { animation-name: rotateOutUpRight; transform-origin: right bottom } @keyframes hinge { 0% { animation-timing-function: ease-in-out } 20%, 60% { transform: rotate(80deg); animation-timing-function: ease-in-out } 40%, 80% { transform: rotate(60deg); animation-timing-function: ease-in-out; opacity: 1 } to { transform: translate3d(0, 700px, 0); opacity: 0 } } .animate__hinge { animation-duration: 2s; animation-duration: calc(var(--animate-duration)*2); animation-name: hinge; transform-origin: top left } @keyframes jackInTheBox { 0% { opacity: 0; transform: scale(.1) rotate(30deg); transform-origin: center bottom } 50% { transform: rotate(-10deg) } 70% { transform: rotate(3deg) } to { opacity: 1; transform: scale(1) } } .animate__jackInTheBox { animation-name: jackInTheBox } @keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg) } to { opacity: 1; transform: translateZ(0) } } .animate__rollIn { animation-name: rollIn } @keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg) } } .animate__rollOut { animation-name: rollOut } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .animate__zoomIn { animation-name: zoomIn } @keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .animate__zoomInDown { animation-name: zoomInDown } @keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .animate__zoomInLeft { animation-name: zoomInLeft } @keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .animate__zoomInRight { animation-name: zoomInRight } @keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .animate__zoomInUp { animation-name: zoomInUp } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; transform: scale3d(.3, .3, .3) } to { opacity: 0 } } .animate__zoomOut { animation-name: zoomOut } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .animate__zoomOutDown { animation-name: zoomOutDown; transform-origin: center bottom } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0) } } .animate__zoomOutLeft { animation-name: zoomOutLeft; transform-origin: left center } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0) } } .animate__zoomOutRight { animation-name: zoomOutRight; transform-origin: right center } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .animate__zoomOutUp { animation-name: zoomOutUp; transform-origin: center bottom } @keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible } to { transform: translateZ(0) } } .animate__slideInDown { animation-name: slideInDown } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible } to { transform: translateZ(0) } } .animate__slideInLeft { animation-name: slideInLeft } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible } to { transform: translateZ(0) } } .animate__slideInRight { animation-name: slideInRight } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible } to { transform: translateZ(0) } } .animate__slideInUp { animation-name: slideInUp } @keyframes slideOutDown { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(0, 100%, 0) } } .animate__slideOutDown { animation-name: slideOutDown } @keyframes slideOutLeft { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(-100%, 0, 0) } } .animate__slideOutLeft { animation-name: slideOutLeft } @keyframes slideOutRight { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(100%, 0, 0) } } .animate__slideOutRight { animation-name: slideOutRight } @keyframes slideOutUp { 0% { transform: translateZ(0) } to { visibility: hidden; transform: translate3d(0, -100%, 0) } } .animate__slideOutUp { animation-name: slideOutUp } .slick-slider { box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list, .slick-slider { position: relative; display: block } .slick-list { overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { transform: translateZ(0) } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:after, .slick-track:before { display: table; content: "" } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir=rtl] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } body, html { padding: 0; margin: 0; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif } @media (min-width:1400px) { .container { max-width: 1140px !important } } @media (min-width:1900px) { .container { max-width: 1320px !important } } .row-row { --bs-gutter-x: 0px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x)/ -2); margin-left: calc(var(--bs-gutter-x)/ -2) } @font-face { font-family: Roboto; src: url(//db.onlinewebfonts.com/t/0033a2fbc0329740fb86c1cfd134cb94.eot); src: url(//db.onlinewebfonts.com/t/0033a2fbc0329740fb86c1cfd134cb94.eot?#iefix) format("embedded-opentype"), url(//db.onlinewebfonts.com/t/0033a2fbc0329740fb86c1cfd134cb94.woff2) format("woff2"), url(//db.onlinewebfonts.com/t/0033a2fbc0329740fb86c1cfd134cb94.woff) format("woff"), url(//db.onlinewebfonts.com/t/0033a2fbc0329740fb86c1cfd134cb94.ttf) format("truetype"), url(//db.onlinewebfonts.com/t/0033a2fbc0329740fb86c1cfd134cb94.svg#Roboto) format("svg") } @font-face { font-family: Roboto Thin; src: url(//db.onlinewebfonts.com/t/04046ba20e9bd71b6a1a4b4f481a99be.eot); src: url(//db.onlinewebfonts.com/t/04046ba20e9bd71b6a1a4b4f481a99be.eot?#iefix) format("embedded-opentype"), url(//db.onlinewebfonts.com/t/04046ba20e9bd71b6a1a4b4f481a99be.woff2) format("woff2"), url(//db.onlinewebfonts.com/t/04046ba20e9bd71b6a1a4b4f481a99be.woff) format("woff"), url(//db.onlinewebfonts.com/t/04046ba20e9bd71b6a1a4b4f481a99be.ttf) format("truetype"), url(//db.onlinewebfonts.com/t/04046ba20e9bd71b6a1a4b4f481a99be.svg#Roboto%20Thin) format("svg") } @font-face { font-family: Roboto Slab; src: url(//db.onlinewebfonts.com/t/838d30a090ecd1ea46fe78ba86a95755.eot); src: url(//db.onlinewebfonts.com/t/838d30a090ecd1ea46fe78ba86a95755.eot?#iefix) format("embedded-opentype"), url(//db.onlinewebfonts.com/t/838d30a090ecd1ea46fe78ba86a95755.woff2) format("woff2"), url(//db.onlinewebfonts.com/t/838d30a090ecd1ea46fe78ba86a95755.woff) format("woff"), url(//db.onlinewebfonts.com/t/838d30a090ecd1ea46fe78ba86a95755.ttf) format("truetype"), url(//db.onlinewebfonts.com/t/838d30a090ecd1ea46fe78ba86a95755.svg#Roboto%20Slab) format("svg") } @font-face { font-family: Raleway; src: url(//db.onlinewebfonts.com/t/3b1a9a7b05c1e411253797b2fa3d1e91.eot); src: url(//db.onlinewebfonts.com/t/3b1a9a7b05c1e411253797b2fa3d1e91.eot?#iefix) format("embedded-opentype"), url(//db.onlinewebfonts.com/t/3b1a9a7b05c1e411253797b2fa3d1e91.woff2) format("woff2"), url(//db.onlinewebfonts.com/t/3b1a9a7b05c1e411253797b2fa3d1e91.woff) format("woff"), url(//db.onlinewebfonts.com/t/3b1a9a7b05c1e411253797b2fa3d1e91.ttf) format("truetype"), url(//db.onlinewebfonts.com/t/3b1a9a7b05c1e411253797b2fa3d1e91.svg#Raleway) format("svg") } @font-face { font-family: Raleway; src: url(//db.onlinewebfonts.com/t/6e4a9679e65cc320746c3e5d48e51f28.eot); src: url(//db.onlinewebfonts.com/t/6e4a9679e65cc320746c3e5d48e51f28.eot?#iefix) format("embedded-opentype"), url(//db.onlinewebfonts.com/t/6e4a9679e65cc320746c3e5d48e51f28.woff2) format("woff2"), url(//db.onlinewebfonts.com/t/6e4a9679e65cc320746c3e5d48e51f28.woff) format("woff"), url(//db.onlinewebfonts.com/t/6e4a9679e65cc320746c3e5d48e51f28.ttf) format("truetype"), url(//db.onlinewebfonts.com/t/6e4a9679e65cc320746c3e5d48e51f28.svg#Raleway) format("svg") } @font-face { font-family: Raleway SemiBold; src: url(/assets/fonts/uicons/Raleway-SemiBold.tff) format("truetype"); font-display: swap } .Railway { font-family: Railway, sans-serif } .raleway-semi-bold { font-family: Raleway SemiBold, sans-serif !important } .Roboto { font-family: Roboto, sans-serif } .Roboto-Thin { font-family: Roboto Thin, sans-serif } .text-black { color: #000 } @import url(https://fonts.bunny.net/css?family=chivo:400,700|noto-sans:400,700); a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } .hieu-test { display: none } main { display: block; clear: both } thead { font-weight: 600 } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } img { max-width: 100% } button, input, select, textarea { font-family: Chivo, sans-serif; font-size: 14px } .custom-select:focus, :focus, [contenteditable].form-control:focus, [type=email].form-control:focus, [type=password].form-control:focus, [type=tel].form-control:focus, [type=text].form-control:focus, button:focus, input.form-control:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=text]:focus, select:focus, textarea.form-control:focus, textarea:focus { box-shadow: none !important } input:focus::-moz-placeholder { opacity: 0; -moz-transition: .4s; transition: .4s } li.hr span { width: 100%; height: 1px; background-color: #e4e4e4; margin: 20px 0; display: block } ::selection { background: #006d77; color: #fff } ::-moz-selection { background: #006d77; color: #fff } ::placeholder { color: #667085; opacity: 1 } :-ms-input-placeholder, ::-webkit-input-placeholder { color: #667085; opacity: 1 } .fix { overflow: hidden } .hidden { display: none } .clear { clear: both } .section { float: left; width: 100% } .f-right { float: right } .capitalize { text-transform: capitalize } .uppercase { text-transform: uppercase } .bg-img { background-position: 50%; background-size: cover } .position-relative { position: relative } .height-100vh { height: 100vh !important } .custom-select:focus, :focus, [contenteditable].form-control:focus, [type=email].form-control:focus, [type=password].form-control:focus, [type=tel].form-control:focus, [type=text].form-control:focus, button:focus, input.form-control:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=text]:focus, select:focus, textarea.form-control:focus, textarea:focus { outline: none !important; box-shadow: none } .close-button { background: none; border: none; cursor: pointer; font-size: 20px; color: #000 } .border-radius { border-radius: 4px } .border-radius-5 { border-radius: 5px } .border-radius-10 { border-radius: 10px } .border-radius-15 { border-radius: 15px } .border-radius-20 { border-radius: 20px } .hover-up, .hover-up:hover { transition: all .25s cubic-bezier(.02, .01, .47, 1) } .hover-up:hover { transform: translateY(-3px) } body { background: #fff; background-size: contain } a { text-decoration: none } :hover { transition-duration: .2s } .img-responsive { max-width: 100% } .text-body-lead { font-family: Noto Sans, sans-serif; font-weight: 700; font-size: 16px; line-height: 24px } .text-body-excerpt { font-family: Noto Sans, sans-serif; font-weight: 400; font-size: 18px; line-height: 26px } .text-body-text { font-family: Roboto; font-style: normal; font-weight: 300; font-size: 1rem; line-height: 2rem; color: #111 } .text-body-text a { color: #737373 } .text-body-text a:hover { color: #000 } .footer-contact-1 { align-items: center } .footer-content-2 { padding-left: 15px } .text-body-quote { font-weight: 600 } .text-body-normal, .text-body-quote { font-family: Noto Sans, sans-serif; font-size: 20px; line-height: 28px } .text-body-normal { font-weight: 400 } .text-body-capitalized { font-family: Noto Sans, sans-serif; font-weight: 400; font-size: 14px; line-height: 19px; letter-spacing: 2px } .text-body-small { font-family: Roboto-Thin, sans-serif; font-weight: 500; font-size: 1rem; line-height: 1rem } .text-body-tiny { font-family: Noto Sans, sans-serif; font-weight: 600; font-size: 10px; line-height: 14px } .text-body-lead-large { font-family: Roboto, sans-serif; font-style: normal; font-size: 20px; line-height: 40px; padding-top: 10px; padding-bottom: 10px; color: #000 !important } .slider-text-body { font-family: Raleway; font-style: normal; font-weight: 400; letter-spacing: .01em; color: #fff } .slider-text-body b { font-weight: 700; font-family: raleway-semi-bold, sans-serif !important } .text-body-lead-large-1 { font-family: Roboto thin; font-style: normal; font-weight: 500; font-size: 1rem; line-height: 1.9rem; color: #000 !important } .text-body-text-md { font-family: Noto Sans, sans-serif; font-weight: 400; font-size: 14px; line-height: 19px } .tablet-display-2 { font-family: Railway, sans-serif; font-weight: 700; font-size: 72px; line-height: 82px; letter-spacing: -.5% } .text-display-1 { font-family: Railway, sans-serif; font-weight: 900; font-size: 96px; line-height: 132px; letter-spacing: -1% } .text-display-2 { font-family: Railway, sans-serif; font-weight: 700; font-size: 80px; line-height: 88px; letter-spacing: -.5% } .text-display-33 { font-family: Raleway; font-style: normal; font-weight: 400; letter-spacing: .01em } .text-display-33 b { font-weight: 700; font-family: raleway-semi-bold, sans-serif !important } .text-display-4 { font-family: Chivo, sans-serif; font-weight: 400; font-size: 56px; line-height: 66px; letter-spacing: 0 } .text-heading-1 { font-family: Raleway; font-style: normal; font-weight: 600; font-size: 1.25rem; line-height: 22px; color: #cd2028 } .text-heading-2 { font-size: 42px; line-height: 44px } .text-heading-2, .text-heading-3 { font-family: Chivo, sans-serif; font-weight: 700; letter-spacing: 0 } .text-heading-3 { font-size: 35px; line-height: 38px } .text-heading-4 { font-size: 28px; line-height: 32px } .text-heading-4, .text-heading-5 { font-family: Chivo, sans-serif; font-weight: 700; letter-spacing: 0 } .text-heading-5 { font-size: 22px; line-height: 24px } .text-heading-6 { font-family: Roboto; font-weight: 700; font-size: 1.25rem; line-height: 1.3rem; letter-spacing: 0 } .text-bold { font-family: Noto Sans, sans-serif; font-size: 14px; line-height: 14px; font-weight: 700 } .color-orange-100 { color: #faede3 } .color-orange-500 { color: #ffddd2 } .color-orange-900 { color: #e29578 } .color-green-900 { color: #006d77 !important } .color-green-500 { color: #83c5be } .color-green-100 { color: #afeae4 } .color-gray-900 { color: #101828 !important } .color-gray-1000 { color: #1f2938 } .color-gray-1100 { color: #7e7e7e } .color-gray-1200 { color: #9a9a9a } .color-gray-500 { color: #667085 } .color-gray-400 { color: #98a2b3 !important } .color-gray-300 { color: #d0d5dd !important } .color-gray-600 { color: #475467 } .color-gray-100 { color: #f2f4f7 } .color-white { color: #fff !important } .bg-1 { background-color: #eae4e9 !important } .bg-2 { background-color: #fff3ea !important } .bg-2-opacity-80 { background-color: rgba(255, 243, 234, .8) } .bg-3 { background-color: #fde2e4 !important } .bg-4 { background-color: #fad2e1 !important } .bg-5 { background-color: #dbece5 !important } .bg-6 { background-color: #bee1e6 !important } .bg-6-opacity-30 { background-color: rgba(190, 225, 230, .302) !important } .bg-7 { background-color: #f0efeb !important } .bg-8 { background-color: #dfe7fd !important } .bg-9 { background-color: #d1ecfd !important } .bg-10 { background-color: #ddd3fa !important } .bg-gray-100 { background-color: #f2f4f7 !important } .LandHeader { z-index: 100; position: absolute; top: 0; right: 0; width: 100%; display: flex; border-bottom: 1px solid #a6a6a6; padding: 20px 12% 15px } .LandHeader .header-right { width: 100% } .LandHeader .header-right .block-signin { text-align: right } .text-billed { font-weight: 400; font-family: Noto Sans, sans-serif; font-size: 16px; line-height: 28px; display: inline-block; vertical-align: middle; color: #fff } .section-box, .section-box-slider { display: inline-block; width: 100% } .section-box-slider { background-color: #0a1929 } .box-shadow-4 { box-shadow: 4px 6px 23px rgba(228, 92, 35, .1) } .content-detail { color: #101828 } .content-detail h2 { margin: 0 0 20px } .content-detail p { margin-bottom: 15px } .content-detail p, .content-detail ul { font-size: 16px; font-family: Noto Sans, sans-serif; color: #101828; line-height: 28px } .content-detail ul { list-style: disc; padding-left: 20px } .border-bottom { border-bottom: 1px solid #061224; width: 100%; margin: 30px 0 } .img-middle { display: inline-block; vertical-align: middle; margin-top: -2px } .box-shadow-2 { box-shadow: 0 45px 80px rgba(0, 0, 0, .04) } .box-line-throught { display: inline-block; position: relative; padding: 0 60px } .box-line-throught:before { left: 0 } .box-line-throught:after, .box-line-throught:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 1px; background-color: #d0d5dd } .box-line-throught:after { right: 0 } .img-full { width: 100% } .tab-content>.active { overflow: hidden } .thw-20 { width: 20% } .thw-40 { width: 40% } .br-16 { border-radius: 16px } a, button, h4, img, input, span { transition: all .3s ease 0s } @keyframes slideleft { 10% { opacity: 0; transform: scale(0); right: 0 } 50% { opacity: 1; transform: scale(1) } 90% { opacity: 0; transform: scale(0); right: 100% } } [data-loader=spinner] { width: 35px; height: 35px; display: inline-block; animation: spinner 1.2s ease-in-out infinite; background: url(/_next/static/media/favicon.7e7b520c.svg); box-shadow: 0 0 10px #fff } @keyframes spinner { 0% { transform: perspective(120px) rotateX(0) rotateY(0) } 50% { transform: perspective(120px) rotateX(-180deg) rotateY(0) } to { transform: perspective(120px) rotateX(-180deg) rotateY(-180deg) } } @keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0 rgba(151, 119, 250, .8) } to { box-shadow: 0 0 0 5px transparent } } @keyframes shadow-pulse-big { 0% { box-shadow: 0 0 0 0 rgba(239, 63, 72, .1) } to { box-shadow: 0 0 0 20px transparent } } @keyframes jump { 0% { transform: translate3d(0, 20%, 0) } to { transform: translateZ(0) } } .jump { transform-origin: 0; animation: jump .5s linear infinite alternate } body { color: #101828; font-family: Chivo, sans-serif; font-size: 14px; line-height: 24px; font-style: normal; font-weight: 400 } .display-1, .display-2, .font-heading, .heading-lg, .heading-sm-1, h1, h2, h3, h4, h5, h6 { font-family: Noto Sans, sans-serif; color: #101828; font-weight: 700; line-height: 1.2 } h1 { font-size: 4.5rem; line-height: 86px } h2 { font-size: 3rem; line-height: 67px } h3 { font-size: 44px; line-height: 54px } h4 { font-size: 28px; line-height: 34px } h5 { font-size: 22px; line-height: 28px } h5, h6 { font-weight: 500 } h6 { font-size: 16px; line-height: 22px } .heading-lg { font-size: 52px; line-height: 63px; font-weight: 700 } .heading-md { font-size: 20px; line-height: 24px; color: #101828; font-weight: 500; font-family: Noto Sans, sans-serif } .heading-sm { font-size: 14px; line-height: 20px; font-weight: 500 } .text-sm { font-size: 12px; line-height: 16px; font-family: Chivo, sans-serif } .text-md { font-family: Chivo, sans-serif } .small-heading, .text-md { font-size: 16px; line-height: 20px } .small-heading { font-weight: 700 } .medium-heading, .small-heading { font-family: Noto Sans, sans-serif } .medium-heading { font-size: 18px; color: #101828; line-height: 22px; font-weight: 600 } .display-block { display: block } .font-semibold { font-weight: 600 } .font-3xs { font-size: 10px } .font-xxs { font-size: 12px } .font-xs { font-size: 13px } .font-sm { font-size: 14px } .font-md { font-size: 16px } .font-md-2 { font-size: 15px } .font-lg { font-size: 18px } .font-xl { font-size: 20px } .font-2xl { font-size: 22px } .font-3xl { font-size: 58px } .text-grey-6 { color: #101828 !important } .text-muted { color: #667085 !important } body { margin: 0; font-family: Arial } .topnav { overflow: hidden; background-color: #333 } .w-50 { width: 50% } @media only screen and (max-width:1024px) { .header { display: none } .mobile-header-active { display: block } .contact-us { margin-top: 30px !important } } .topnav a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px } .topnav .icon { display: none } .dropdown { float: left; overflow: hidden } .dropdown .dropbtn { font-size: 17px; border: none; outline: none; color: #fff; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0 } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2); z-index: 1 } .dropdown-content a { float: none; color: #000; padding: 12px 16px; text-decoration: none; display: block; text-align: left } .dropdown:hover .dropbtn, .topnav a:hover { background-color: #555; color: #fff } .dropdown-content a:hover { background-color: #ddd; color: #000 } .dropdown:hover .dropdown-content { display: block } @media (min-width:1025px) and (max-width:1499px) { h1 { font-size: 3.4rem !important; line-height: 4.8rem !important } .ARComponent h2 { font-size: 2rem !important; line-height: 3.5rem } } @media (min-width:1500px) and (max-width:1800px) { h1 { font-size: 3.7rem !important; line-height: 4.3rem !important } h2 { font-size: 2.8rem !important; line-height: 3.1rem !important } .common-button { padding: 13px 65px 13px 30px !important } .common-button, .tag-2 { font-size: 1rem !important } .tag-2 { line-height: 1.2rem !important } .text-heading-1 { font-size: 1rem !important; line-height: 22px !important } .innovation h3 { font-size: 1.3rem !important; line-height: 1.7rem !important } .ARComponent h2 { font-size: 2.3rem !important; line-height: 3rem !important } .process .process-content h4 { font-size: 1.3rem !important } } @media screen and (max-width:899px) { .ARComponent h2 { margin-bottom: 10px } h2 { font-size: 2rem !important; line-height: 2.7rem !important } .ARComponent { padding-top: 50px !important; padding-bottom: 50px !important } } @media screen and (max-width:600px) { .dropdown .dropbtn, .topnav a:not(:first-child) { display: none } .topnav a.icon { float: right; display: block } .topnav.responsive { position: relative } .topnav.responsive .icon { position: absolute; right: 0; top: 0 } .topnav.responsive a { float: none; display: block; text-align: left } .topnav.responsive .dropdown { float: none } .topnav.responsive .dropdown-content { position: relative } .topnav.responsive .dropdown .dropbtn { display: block; width: 100%; text-align: left } } .btn { font-family: Chivo, sans-serif; padding: 22px 32px; font-size: 18px; line-height: 22px; transition: .2s; letter-spacing: .45px; border-radius: 50px } .btn.btn-square { border-radius: 4px; background-color: #101828; color: #fff; font-size: 14px; line-height: 14px; font-weight: 700; padding: 18px 20px; border: 2px solid transparent } .btn.btn-square:hover { background-color: #fff; color: #101828; border-color: #101828 } .btn.btn-black-border { border: 1px solid #101828; padding: 12px 22px; border-radius: 8px; width: 100%; text-align: left } .btn.btn-black-border:hover { background-color: #101828; background-image: url(https://sithmapackaging.com/_next/static/media/arrow-small-right-w.cae2c9f3.svg); background-repeat: no-repeat; color: #fff; transform: translateY(-2px); transition: .2s } .btn.btn-default, .btn.btn-default-head { color: #fff; background-color: #000; border-radius: 7px; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; padding: 12px 48px 12px 20px } .btn.btn-default:hover { background-color: #101828; background-image: url(https://sithmapackaging.com/_next/static/media/arrow-small-right-w.cae2c9f3.svg); background-repeat: no-repeat; color: #fff !important; transform: translateY(-2px); transition: .2s; margin-left: 20px } .btn.btn-white { background-color: #fff } .btn.btn-bd-green-hover { color: #475467; border: 2px solid transparent } .btn.active, .btn.btn-bd-green-hover:hover { color: #006d77 !important; background-color: #fff !important; border: 2px solid #006d77 } .btn.btn-select { margin-left: 10px; margin-right: 10px; margin-bottom: 15px } .btn.btn-green-900 { background-color: #006d77; font-family: Chivo, sans-serif; font-weight: 700; font-size: 18px; line-height: 22px; letter-spacing: 0; color: #fff } .btn.btn-green-900:hover { background-color: #101828; background-image: url(https://sithmapackaging.com/_next/static/media/arrow-small-right-w.cae2c9f3.svg); background-repeat: no-repeat; color: #fff !important; transform: translateY(-2px); transition: .2s } .btn.btn-black { color: #fff; background-color: #cd2028; border-radius: 50px; font-size: 16px; padding: 14px 50px 14px 25px; font-family: Noto Sans, sans-serif } .btn.btn-red-1 { color: #fff; background-color: #cd2028 } .btn.btn-red-1, .btn.btn-red-1:hover { font-size: 16px; padding: 15px 35px; font-family: Roboto; font-weight: 500 } .btn.btn-red-1:hover { color: #cd2028; background-color: #fff; border: 1px solid #cd2028 } .btn.btn-orange { font-family: Roboto; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; letter-spacing: .01em; color: #cd2028 } .btn.btn-black.icon-arrow-right-white:hover { background-color: #f2f4f7; background-image: url(https://sithmapackaging.com/_next/static/media/fi-sr-arrow-small-right.5e4b0ad8.svg); background-repeat: no-repeat; color: #101828; transform: translateY(-2px); transition: .2s } .btn.btn-black:hover { background-color: #e4e7ec; color: #101828 } .btn.btn-md { padding: 16px 20px } .btn.shape-square { border-radius: 4px } .btn.btn-link { font-family: Chivo, sans-serif; font-style: normal; font-size: 18px; line-height: 18px; color: #101828; text-decoration: none } .btn.btn-link:hover { color: #667085 } .btn.btn-pink { background-color: #e29578; color: #fff; border-radius: 4px } .btn.btn-pink:hover { background-color: #101828 } .btn.btn-link-inter { font-family: Chivo, sans-serif !important; font-weight: 500; font-size: 20px; line-height: 24px } .btn.btn-round-icon { background-image: url(https://sithmapackaging.com/_next/static/media/btn-send.6e2d4d1d.svg); background-repeat: no-repeat; background-position: -30px -21px; display: inline-block; height: 57px; width: 79px; border-radius: 0; padding: 0 } .btn.btn-square-green { border-radius: 8px; width: 120px } .btn.btn-green-full, .btn.btn-square-green { background-color: #006d77; padding: 1px 22px; color: #fff; height: 48px } .btn.btn-green-full { border-radius: 4px; width: 100% } .btn.btn-media { border-radius: 4px; padding: 1px 16px 3px; min-height: 36px; line-height: 32px; border: 1px solid rgba(6, 18, 36, .1) } .btn.btn-media img { display: inline-block; vertical-align: middle; margin-right: 5px } .btn.btn-login-google { border-radius: 8px; background-color: #fff; padding: 13px 25px; display: block } .btn.btn-tag { background-color: #e4e7ec; color: #101828; font-family: Noto Sans, sans-serif; font-size: 14px; line-height: 18px; font-weight: 400; border-radius: 8px; padding: 12px 20px } .btn.btn-tag:hover { background-color: #101828; color: #fff } .btn.btn-newsletter { position: absolute; top: 10px; right: 10px; border-radius: 8px; padding: 16px 56px 16px 27px; border: 0; font-family: Chivo, sans-serif; font-weight: 700; font-size: 18px; line-height: 22px; color: #fff; background-color: #006d77; background-image: url(https://sithmapackaging.com/_next/static/media/arrow-small-right-w.cae2c9f3.svg); background-repeat: no-repeat; background-position: center right 25px; background-size: 15px } .btn.btn-newsletter ::placeholder { color: #98a2b3; font-size: 16px; line-height: 28px } .btn.btn-cart { background-color: #afeae4; color: #006d77; padding: 5px 25px 5px 15px; border-radius: 8px; background-repeat: no-repeat; background-position: center right 10px; font-family: Noto Sans, sans-serif; font-weight: 700; font-size: 16px; line-height: 24px } .btn.btn-cart:hover { background-color: #83c5be } .btn.btn-explorer { background-color: #afeae4; color: #006d77; padding: 5px 32px 5px 15px; border-radius: 8px; background-repeat: no-repeat; background-position: center right 12px; font-family: Noto Sans, sans-serif; font-weight: 700; font-size: 16px; line-height: 24px } .btn.btn-explorer:hover { background-color: #83c5be } .btn.btn-border { border: 1px solid #e4e7ec; padding: 13px 20px } .btn.btn-border:hover { border-color: #004b52; color: #004b52 } .CEO-section { background-image: url(https://sithmapackaging.com/_next/static/media/CEObg.7e19f717.png) } .CEO-section h3 { font-family: Raleway; font-style: normal; font-weight: 600; font-size: 36px; line-height: 56px; letter-spacing: .01em; color: #fff; margin-top: 120px; margin-left: 50px; margin-right: -88px } .CEO-section .name { font-weight: 700 } .CEO-section .designation, .CEO-section .name { font-family: Raleway; font-style: normal; font-size: 18.6615px; line-height: 27px; letter-spacing: .01em; color: #fff; margin-left: 50px } .CEO-section .designation { font-weight: 300; margin-top: 5px; padding-bottom: 50px } .company-section .content-data h1 { font-family: Raleway; font-style: normal; font-weight: 600; font-size: 56px; line-height: 74px; letter-spacing: .01em; color: #1b2651; padding-top: 15px; font-feature-settings: "pnum" on, "lnum" on } .company-section .content-data p { font-family: Roboto; font-style: normal; font-weight: 300; font-size: 24px; line-height: 28px; text-transform: capitalize; color: #1b2651 } .card { background-color: #f0f0f0; border: none; align-items: center; justify-content: center; display: flex } .card .card-bottom { display: flex; border-top: 2px solid #737373; padding: 25px 30px } .card:hover .card-bottom { background-color: #fff; width: 100% } .card:hover img { transform: scale(1.2); transition: 1s } .card a { width: 100% !important } .card .card-bottom { margin-top: 2px solid #000; width: 100% } .card .card-bottom p { font-family: Roboto; font-style: normal; font-weight: 400; font-size: 1.2rem; line-height: 1.5rem; text-transform: capitalize; color: #000; width: 120px } .card .card-bottom img { padding-left: 34%; width: 86px; height: 22px } .icon-arrow-right { background-image: url(https://sithmapackaging.com/_next/static/media/arrow-small-right-w.cae2c9f3.svg); background-repeat: no-repeat; background-position: center right 25px; padding-right: 56px } .icon-arrow-left { background-image: url(https://sithmapackaging.com/_next/static/media/arrow-small-left-white.e425791e.svg); background-repeat: no-repeat; background-position: center left 25px; padding-left: 56px } .icon-arrow-left:hover { background-image: url(https://sithmapackaging.com/_next/static/media/arrow-small-left.f8e27c99.svg) !important } .icon-arrow-right-white { background-image: url(https://sithmapackaging.com/_next/static/media/arrow-small-right-w.cae2c9f3.svg); background-repeat: no-repeat; background-position: center right 25px; padding-right: 56px } .icon-arrow-right-orange { color: #cd2028 !important; background-image: url(https://sithmapackaging.com/_next/static/media/arrow-small-right-w.cae2c9f3.svg); background-repeat: no-repeat; color: #cd2028; background-position: center right 25px; padding-right: 56px } .icon-triangle { background-image: url(https://sithmapackaging.com/_next/static/media/icon-triangle.1c858622.svg); background-repeat: no-repeat; background-position: 0; padding-left: 30px; font-family: Chivo, sans-serif !important; font-weight: 500; font-size: 20px; line-height: 24px } .btn-play-video { position: absolute; top: 50%; margin-top: -30px; left: -34px; width: 64px; height: 72px; background: url(/_next/static/media/play-button.09b93a09.svg) no-repeat } .switch { position: relative; display: inline-block; width: 65px; height: 30px; vertical-align: middle } .switch input { opacity: 0; width: 0; height: 0 } .slider { cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #f2f4f7 } .slider, .slider:before { position: absolute; transition: .4s } .slider:before { content: ""; height: 21px; width: 21px; left: 5px; bottom: 5px; background-color: #101828 } input:checked+.slider { background-color: #fff } input:focus+.slider { box-shadow: 0 0 1px #101828 } input:checked+.slider:before { transform: translateX(34px) } .slider.round { border-radius: 34px } .slider.round:before { border-radius: 50% } span.btn { cursor: unset } .cb-container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; line-height: 21px; -webkit-user-select: none; -moz-user-select: none; user-select: none } .cb-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 } .checkmark { position: absolute; top: 0; left: 0; height: 23px; width: 23px; background-color: #fff; border: 2px solid #101828; border-radius: 4px } .cb-container input:checked~.checkmark { border: 2px solid #101828 } .innovation h3 { font-weight: 800; font-family: raleway-semi-bold, sans-serif !important; font-style: bold; font-weight: 900; font-size: 1.5rem; line-height: 2.1rem; letter-spacing: .01em; color: #000; font-weight: 700 } .innovation p { font-family: Roboto; font-style: normal; font-weight: 300; font-size: 16px; line-height: 32px; color: #000 } .checkmark:after { content: ""; position: absolute; display: none } .cb-container input:checked~.checkmark:after { display: block } .cb-container .checkmark:after { left: -1px; top: -1px; width: 21px; height: 21px } .contact-us { margin-top: 150px } .contact-us-topic { font-family: Raleway; font-weight: 400 } .contact-us-topic, .contact-us-topic b { font-style: normal; align-items: center; letter-spacing: .01em } .contact-us-topic b { font-weight: 700; font-family: raleway-semi-bold, sans-serif !important; font-size: 42px; line-height: 66px } .contact-body { font-family: Roboto; font-style: normal; font-weight: 300; font-size: 1rem; line-height: 2rem; color: #000 } .information { font-family: raleway-semi-bold, sans-serif !important; font-style: bold; font-weight: 700; font-size: 2.2rem; line-height: 38px; letter-spacing: .01em; color: #1b2651 } .follow { color: "#1B2651" !important; font-size: 1.5rem; line-height: 2rem } .contact-btn { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 20px 40px; gap: 10px; width: 100%; height: 59px; background: #cd2028; border-radius: 5px; color: #fff; border: none; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 16px } .contact-btn:hover { color: #cd2028; background-color: #fff; border: 1px solid #cd2028 } .contact-us-topic span { color: #1b2651 } input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1 } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1 } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1 } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1 } .form-control-1 { background: #fff; border: 0; height: 60px; box-shadow: none; padding-left: 30px; padding-right: 30px; font-size: 14px; line-height: 20px; width: 100%; border-radius: 0; color: #98a2b3 } .form-control:focus { background: #fff; border-color: #1d2939 } .form-control.form-icons { padding-left: 42px } .form-control::placeholder { color: #98a2b3 } textarea.form-control-1 { background: #fff; min-height: 160px; box-shadow: none; padding: 20px; font-size: 14px; line-height: 20px; width: 100%; border-radius: 4px; color: #98a2b3; border: 1px solid #897f7f } textarea.form-control:focus { background: #fff; border-color: #1d2939 } textarea.form-control.form-icons { padding-left: 42px } .form-group { margin-bottom: 25px } .form-group input { background: #fff; border: 0; height: 50px !important; box-shadow: none; padding-left: 20px; padding-right: 30px; font-size: 13px; line-height: 20px; width: 100% !important; border-radius: 4px !important; border: 1px solid #897f7f !important } .form-control { padding: 0 !important } .react-tel-input .form-control { padding-left: 55px !important } .react-tel-input .selected-flag { outline: none; position: relative; width: 47px !important; height: 100%; padding: 0 0 0 12px !important; border-radius: 0 !important } .form-group input:focus { background: #fff; border-color: #1d2939 } .form-group input.form-icons { padding-left: 42px } label { margin-bottom: 5px } .form-round { background: #fff; max-width: 500px; padding: 10px 12px; border-radius: 55px; margin: 15px auto } .form-inline { display: flex; align-items: center } .input-round { outline: 0; border-radius: 55px } .input-round:focus { background: #fff; border-color: #1d2939 } .form-square { background: #fff; max-width: 100%; padding: 10px 12px; border-radius: 15px; margin: 15px auto; position: relative } .input-with-button { outline: 0; border-radius: 15px; padding-left: 50px } .input-with-button, .input-with-button:focus { background: url(/_next/static/media/icon-search-input.51fa3aa7.svg) no-repeat 7px 17px } .input-with-button:focus { border-color: #1d2939 } .box-signup { max-width: 405px; display: table; table-layout: fixed; margin: auto; width: 100% } .box-signup .box-form-signup { background-color: #fff; border-radius: 6px; padding: 45px; box-shadow: 0 47px 65px rgba(21, 28, 38, .1) } .box-signup .chkbox { float: left; margin: -1px 10px 0 0; width: 18px; height: 18px } .box-signup .form-group input.form-control { background: #fff; border: 1px solid #eee; height: 56px; box-shadow: none; padding-left: 20px; padding-right: 20px; font-size: 14px; line-height: 20px; width: 100%; border-radius: 4px; color: #101828 } .box-signup .form-group input.input-green-bd { border: 2px solid #006d77 } .box-signup .form-group input.input-with-icon { padding-right: 40px } .box-signup .form-field { position: relative } .box-signup .form-field .tag-top { position: absolute; top: -7px; padding: 0 5px; left: 10px; background-color: #fff } .box-signup .form-field .icon-eye-right { background: url(/_next/static/media/icon-eye.fcd32cd2.svg) no-repeat 50% } .box-signup .form-field .icon-email-right, .box-signup .form-field .icon-eye-right { position: absolute; top: 50%; transform: translateY(-50%); right: 14px; height: 24px; width: 25px; cursor: pointer } .box-signup .form-field .icon-email-right { background: url(/_next/static/media/icon-email-2.0f5d33c1.svg) no-repeat 50% } .box-reset .box-form-signup { border: 1px solid #e4e7ec } .form-comment .input-comment { border-radius: 16px; border: 2px solid #e4e7ec; padding: 20px; width: 100%; color: #98a2b3; font-size: 20px; line-height: 27px; font-family: Noto Sans, sans-serif; font-weight: 400; min-height: 150px } .form-comment .box-agree span { display: block; padding-left: 25px } .form-comment .box-agree input { float: left; margin: 5px 0 0 } .box-swiper, .box-swiper .swiper-container { position: relative } .box-swiper .swiper-container .item-logo { border: 1px solid #667085; padding: 39px 0 36px; display: inline-block; width: 100%; text-align: center; border-radius: 12px; box-shadow: 0 45px 80px rgba(0, 0, 0, .04) } .box-swiper .swiper-container .item-logo img { max-width: 100% } .box-swiper .swiper-container .item-logo:hover { border: 1px solid #1d2939; box-shadow: 0 47px 65px rgba(21, 28, 38, .1) } .box-swiper .swiper-button-next:after, .box-swiper .swiper-button-prev:after { content: "" } .box-swiper .swiper-button-next { background: url(/_next/static/media/next.241cb8d6.svg) no-repeat 0 0 } .box-swiper .swiper-button-next:hover { background: url(/_next/static/media/next-active.90d337d0.svg) no-repeat 0 0 } .box-swiper .swiper-button-prev { background: url(/_next/static/media/prev.97a6d1f8.svg) no-repeat 0 0 } .box-swiper .swiper-button-prev:hover { background: url(/_next/static/media/prev-active.1ac6d607.svg) no-repeat 0 0 } .box-swiper .swiper-button-next, .box-swiper .swiper-button-prev { width: 64px; height: 64px; margin-top: -55px } .box-swiper .swiper-button-next { left: auto; right: 0; top: -65px } .box-swiper .swiper-button-prev { left: auto; right: 84px; top: -65px } .box-swiper .swiper-button-next.swiper-button-disabled, .box-swiper .swiper-button-prev.swiper-button-disabled { opacity: 1 } .swiper-pagination { text-align: center; width: 100% } .swiper-pagination-bullet { margin: 10px } .swiper-pagination-custom { bottom: -5px } .swiper-pagination-customs { display: inline-block; background-repeat: no-repeat; background-size: contain; width: 10px; height: 10px; margin-left: 4px; margin-right: 4px } .swiper-pagination-customs-active, .swiper-pagination-customs:hover { width: 12px; height: 12px; margin-bottom: -1px; margin-left: 3px; margin-right: 3px } .slider-labels { margin-top: 10px } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; touch-action: none; -moz-user-select: none; user-select: none; box-sizing: border-box } .noUi-target { position: relative; direction: ltr } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1 } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0 } .noUi-handle { position: relative; z-index: 1 } .noUi-stacking .noUi-handle { z-index: 10 } .noUi-state-tap .noUi-origin { transition: left .3s, top .3s } .noUi-state-drag * { cursor: inherit !important } .noUi-base, .noUi-handle { transform: translateZ(0) } .noUi-horizontal { height: 4px } .noUi-horizontal .noUi-handle { width: 18px; height: 18px; border-radius: 50%; left: -7px; top: -7px; background-color: #345dbb } .noUi-background { background: #d6d7d9 } .noUi-connect { background: #345dbb } .noUi-origin, .noUi-target { border-radius: 2px } .noUi-draggable { cursor: w-resize } .noUi-vertical .noUi-draggable { cursor: n-resize } .noUi-handle { cursor: default; box-sizing: content-box !important } .noUi-handle:active { border: 8px solid #345dbb; border: 8px solid rgba(53, 93, 187, .38); -webkit-background-clip: padding-box; background-clip: padding-box; left: -14px; top: -14px } [disabled] .noUi-connect, [disabled].noUi-connect { background: #006d77 } [disabled] .noUi-handle, [disabled].noUi-origin { cursor: not-allowed } .ui-slider-handle { display: none } .ui-widget.ui-widget-content { border: 0 solid #ebebeb } .noUi-target { border-radius: 12px } .noUi-horizontal { height: 6px } .noUi-background { background: #e4e7ec } .noUi-origin { border-radius: 12px } .noUi-connect { background: #006d77; transition: background .45s; height: 6px; margin-top: 0 } .noUi-horizontal .noUi-handle { background-color: #006d77; border: 1px solid #006d77; box-shadow: 0 47px 65px rgba(21, 28, 38, .1); left: -8px; top: -8px } .noUi-handle:active { border-width: 1px; left: -8px; top: -8px } .card-grid-1 { padding: 53px 48px; display: inline-block; width: 100%; border-radius: 16px; margin-bottom: 20px } .card-grid-1.bg-business { position: relative } .card-grid-1.bg-business:before { content: ""; position: absolute; bottom: 0; right: 0; width: 90px; height: 90px } .card-grid-1.bg-local { position: relative } .card-grid-1.bg-local:before { content: ""; position: absolute; bottom: 0; right: 0; width: 90px; height: 90px } .card-grid-1.bg-social { position: relative } .card-grid-1.bg-social:before { content: ""; position: absolute; bottom: 0; right: 0; width: 90px; height: 90px } .card-grid-style-2 { padding: 53px 48px; display: inline-block; width: 100%; border-radius: 16px; position: relative; background: #fff; box-shadow: inset 0 40px 80px #fcfcfc } .card-grid-style-2 .text-comment { height: 84px; overflow: hidden; width: 100% } .card-grid-style-2.card-square { border-radius: 0; padding: 30px; box-shadow: 0 45px 80px rgba(0, 0, 0, .04) } .card-grid-style-2.card-square .text-comment { height: auto } .card-grid-style-2.card-square .img-user-round img { border-radius: 50%; width: 80px; height: 80px } .card-grid-style-3 { padding: 40px 30px 10px; display: inline-block; width: 100%; border-radius: 6px; position: relative; background: #fff; margin-bottom: 30px } .card-grid-style-3:hover { box-shadow: 0 45px 80px rgba(0, 0, 0, .04) } .card-grid-style-3 .grid-3-img img { border-radius: 50%; width: 55px; height: 55px } .card-grid-style-3 .text-desc { height: 200px; overflow: hidden } .card-grid-style-3.bd-bg-6 { border-color: #bee1e6 } .card-grid-style-3.bd-bg-10 { border-color: #ddd3fa } .card-grid-style-3.bd-bg-9 { border-color: #d1ecfd } .card-grid-style-4 { margin-bottom: 30px } .card-grid-style-4 a.text-heading-4 { display: block; padding: 15px 0 25px; color: #101828 } .card-grid-style-4 a.text-heading-4:hover { color: #006d77 } .card-grid-style-4 .grid-4-img { position: relative; padding-bottom: 15px } .card-grid-style-4 .grid-4-img img { transition: .2s } .card-grid-style-4 .grid-4-img:before { content: ""; position: absolute; bottom: 0; right: -20px; width: 100%; border-radius: 16px; background-color: #d1ecfd; top: 20px; transition-duration: .2s } .card-grid-style-4 .grid-4-img.color-bg-4:before { background-color: #fad2e1 } .card-grid-style-4 .grid-4-img.color-bg-3:before { background-color: #fde2e4 } .card-grid-style-4 .grid-4-img.color-bg-2:before { background-color: #fff3ea } .card-grid-style-4 .grid-4-img.color-bg-1:before { background-color: #eae4e9 } .card-grid-style-4 .grid-4-img.color-bg-5:before { background-color: #dbece5 } .card-grid-style-4 .grid-4-img.color-bg-6:before { background-color: #bee1e6 } .card-grid-style-4 .grid-4-img.color-bg-7:before { background-color: #f0efeb } .card-grid-style-4 .grid-4-img.color-bg-8:before { background-color: #dfe7fd } .card-grid-style-4 .grid-4-img.color-bg-9:before { background-color: #d1ecfd } .card-grid-style-4 .grid-4-img.color-bg-10:before { background-color: #ddd3fa } .card-grid-style-4 .grid-4-img img { position: relative; z-index: 2; border-radius: 16px; max-width: 100%; width: 100% } .card-grid-style-4:hover .grid-4-img:before { right: -10px; top: 10px; bottom: 10px; transition-duration: .2s } .card-grid-style-4:hover .grid-4-img img { opacity: .95; transition: .2s } .card-grid-style-5 { margin-bottom: 50px } .card-grid-style-6 { padding: 53px 48px; display: inline-block; width: 100%; border-radius: 16px; position: relative; background: #fff3ea; margin-bottom: 30px } .card-grid-style-6 .text-comment { height: 84px; overflow: hidden; width: 100% } .card-grid-style-6.card-square { border-radius: 0; padding: 30px; box-shadow: 0 45px 80px rgba(0, 0, 0, .04) } .card-grid-style-6.card-square .text-comment { height: auto } .card-grid-style-6.card-square .img-user-round img { border-radius: 50%; width: 80px; height: 80px } .block-pricing .box-pricing-item { display: inline-block; width: 100%; padding: 40px 32px; background: #fff; border-radius: 16px; margin-bottom: 30px } .block-pricing .box-pricing-item .line-bd-bottom { border-bottom: 1px solid #d0d5dd; padding: 0 0 40px; margin-bottom: 21px } .block-pricing .box-pricing-item .for-month, .block-pricing .box-pricing-item .for-year { display: none } .block-pricing .box-pricing-item .display-month, .block-pricing .box-pricing-item .display-year { display: inline-block } .block-pricing .box-pricing-item .btn-border { border: 1px solid #475467; color: #101828 } .block-pricing .box-info-price { display: inline-block; width: 100%; padding-bottom: 20px } .block-pricing .box-info-price .text-price { font-size: 36px; color: #101828; font-family: Noto Sans, sans-serif; line-height: 46px; font-weight: 600; margin-right: 15px } .block-pricing .box-info-price .text-month { font-size: 17px; line-height: 23px; color: #98a2b3 } .block-pricing .list-package-feature { display: inline-block; width: 100%; padding-bottom: 30px; min-height: 200px } .block-pricing .list-package-feature li { display: inline-block; width: 100%; padding: 1px 0 1px 30px; background: url(/_next/static/media/check-circle.3dc55cdc.svg) no-repeat 0; margin-bottom: 12px; font-size: 14px; line-height: 22px; color: #101828 } .block-pricing .list-package-feature li.uncheck { background: url(/_next/static/media/un-check-circle.21781e5a.svg) no-repeat 0 } .block-bill-2 .slider { background-color: #101828 } .block-bill-2 .slider:before { background-color: #f2f4f7 } .block-bill-2 .text-billed { color: #101828 } .block-bill-2 input:checked+.slider { background-color: #006d77 } .block-pricing-2 .box-pricing-item { border: 1px solid #d0d5dd } .block-pricing-2 .box-pricing-item.active, .block-pricing-2 .box-pricing-item:hover { border: none } .block-pricing-2 .box-pricing-item.active .checkbox, .block-pricing-2 .box-pricing-item:hover .checkbox { background: url(/_next/static/media/icon-selected.1d42b0a3.svg) no-repeat 0 0 } .block-pricing-2 .box-pricing-item.active .text-heading-3, .block-pricing-2 .box-pricing-item.active .text-heading-5, .block-pricing-2 .box-pricing-item.active li, .block-pricing-2 .box-pricing-item:hover .text-heading-3, .block-pricing-2 .box-pricing-item:hover .text-heading-5, .block-pricing-2 .box-pricing-item:hover li { color: #fff !important } .block-pricing-2 .box-pricing-item.active .tag-round, .block-pricing-2 .box-pricing-item:hover .tag-round { background-color: #83c5be } .block-pricing-2 .box-pricing-item.active .text-month, .block-pricing-2 .box-pricing-item:hover .text-month { color: #bfd1ff !important } .block-pricing-3 { background-color: #fff; border-radius: 16px; box-shadow: 14px 14px 36px hsla(0, 0%, 60%, .22); padding: 40px } .block-pricing-3 .block-pricing-left { background-color: #006d77; padding: 40px; border-radius: 16px; color: #fff } .block-pricing-3 .block-pricing-left .box-switch { margin-bottom: 20px; border-radius: 28px; background-color: #83c5be; padding: 7px; display: inline-block } .block-pricing-3 .block-pricing-left .box-switch label { margin: 0 } .block-pricing-3 .block-pricing-left .box-switch input { display: none } .block-pricing-3 .block-pricing-left .box-switch span { min-width: 100px; text-align: center; cursor: pointer; display: inline-block; padding: 7px 22px } .block-pricing-3 .block-pricing-left .box-switch .active { border-radius: 24px; background-color: #006d77 } .block-pricing-3 .block-pricing-left .list-package-feature li { display: inline-block; width: 100%; padding: 2px 30px 2px 0; margin-top: 22px; margin-bottom: 22px; font-size: 16px; line-height: 28px; color: #fff; font-family: Noto Sans, sans-serif; font-weight: 400; background: url(/_next/static/media/icon-untick.99bd77f6.svg) no-repeat right 15px top 1px } .block-pricing-3 .block-pricing-left .list-package-feature li.active { background: url(/_next/static/media/icon-tick.65ecdce2.svg) no-repeat right 15px top 1px } .block-pricing-3 .block-price-item { border: 1px solid #98a2b3; border-radius: 16px; position: relative; padding: 22px 120px 21px 100px; cursor: pointer; margin-bottom: 24px } .block-pricing-3 .block-price-item .checkbox { position: absolute; top: 50%; transform: translateY(-50%); left: 35px; height: 30px; width: 30px; background: url(/_next/static/media/icon-unselect.d8efff70.svg) no-repeat 0 0 } .block-pricing-3 .block-price-item .box-info-price { position: absolute; top: 50%; transform: translateY(-50%); right: 15px } .block-pricing-3 .block-price-item .box-info-price .for-month, .block-pricing-3 .block-price-item .box-info-price .for-year { display: none } .block-pricing-3 .block-price-item .box-info-price .display-month, .block-pricing-3 .block-price-item .box-info-price .display-year { display: inline-block } .block-pricing-3 .block-price-item .tag-round { border-radius: 14px; background-color: #667085; display: inline-block; padding: 2px 15px; color: #fff } .block-pricing-3 .block-price-item.active, .block-pricing-3 .block-price-item:hover { background-color: #006d77 } .block-pricing-3 .block-price-item.active .checkbox, .block-pricing-3 .block-price-item:hover .checkbox { background: url(/_next/static/media/icon-selected.1d42b0a3.svg) no-repeat 0 0 } .block-pricing-3 .block-price-item.active .text-heading-3, .block-pricing-3 .block-price-item.active .text-heading-5, .block-pricing-3 .block-price-item:hover .text-heading-3, .block-pricing-3 .block-price-item:hover .text-heading-5 { color: #fff !important } .block-pricing-3 .block-price-item.active .tag-round, .block-pricing-3 .block-price-item:hover .tag-round { background-color: #83c5be } .block-pricing-3 .block-price-item.active .text-month, .block-pricing-3 .block-price-item:hover .text-month { color: #bfd1ff !important } .card-list-style-1 { position: relative; display: inline-block; width: 100%; background-color: #f9f9f9 } .card-list-style-1 a { color: #101828 } .card-list-style-1 .style-1-img { position: absolute; top: 0; right: 0; width: 120px; padding: 30px 10px 10px 20px } .card-list-style-1 .style-1-img img { position: relative } .card-list-style-1:hover .style-1-img:before { bottom: 10px; right: 0; transition-duration: .2s } .grid-category-2 { position: relative; display: inline-block; width: 100%; margin-bottom: 60px } .grid-category-2 .grid-category-image { margin: 0 0 20px } .grid-category-2 .category-info-bottom { display: flex; margin: 20px 0 0; padding-top: 30px; border-top: 1px solid #e4e7ec } .grid-category-2 .category-info-bottom * { font-size: 12px; line-height: 16px; font-family: Noto Sans, sans-serif; font-weight: 700; text-decoration: none } .grid-category-2 .category-info-bottom a:hover { color: #101828 } .grid-category-2 .category-info-bottom span { color: #667085 } .grid-category-2 .category-info-bottom .link-category { width: 75% } .grid-category-2 .category-info-bottom .link-readmore { width: 25%; text-align: right } .grid-category-2 .category-info-bottom .link-readmore a { text-decoration: underline } .product-item-1 { position: relative; border: 1px solid #e4e7ec; padding: 10px; border-radius: 16px; display: inline-block; width: 100%; margin-bottom: 30px } .product-item-1:hover { box-shadow: 0 45px 80px rgba(0, 0, 0, .04) } .product-item-1 .product-image { width: 150px; margin: 0; padding: 5px 0 0; float: left; text-align: center } .product-item-1 .product-image img { max-height: 150px } .product-item-1 .product-info { display: block; padding: 20px 0 20px 160px } .product-item-1 .product-info .title-product { color: #101828; font-size: 26px; font-family: Chivo, sans-serif; line-height: 32px; margin-bottom: 10px } .product-item-1 .product-info .price-regular { font-size: 28px; font-family: Chivo, sans-serif; line-height: 34px; color: #101828 } .product-item-1 .product-info .price-line { color: #667085; text-decoration: line-through } .product-item-2 { position: relative; border: 1px solid #e4e7ec; padding: 10px; border-radius: 16px; display: inline-block; width: 100%; margin-bottom: 30px; background-color: #fff } .product-item-2:hover { box-shadow: 0 45px 80px rgba(0, 0, 0, .04) } .product-item-2:hover .box-quick-view { display: block; opacity: 1; visibility: visible; transition-duration: .2s } .product-item-2 .box-quick-view { display: none; opacity: 0; visibility: hidden; transition-duration: .2s } .product-item-2 .box-quick-view .quick-view { position: absolute; top: 110px; left: 0; right: 0; width: 150px; border: 1px solid #d0d5dd; border-radius: 8px; display: flex; margin: auto; overflow: hidden } .product-item-2 .box-quick-view .quick-view .like-product { padding: 10px; width: 33.33%; display: inline-block; height: 46px } .product-item-2 .box-quick-view .quick-view .shuffle-product { padding: 10px; width: 33.33%; display: inline-block; height: 46px; border-right: 1px solid #e4e7ec; border-left: 1px solid #e4e7ec } .product-item-2 .box-quick-view .quick-view .view-product { padding: 10px; width: 34%; display: inline-block; height: 46px } .product-item-2 .box-quick-view .quick-view a:hover { background-color: #f2f4f7 } .product-item-2 .product-image { width: 100%; margin: 0 0 20px; padding: 5px 0 0; float: left; text-align: center; min-height: 220px; height: 220px; line-height: 220px; position: relative } .product-item-2 .product-image img { display: inline-block; max-width: 80%; vertical-align: middle; width: auto; height: auto; max-height: 100% } .product-item-2 .product-info { display: block; padding: 20px 0 } .product-item-2 .product-info a:hover h3 { color: #006d77 !important } .product-item-2 .product-info .box-prices { width: 50% } .product-item-2 .product-info .box-prices .price-regular { font-size: 22px; font-family: Noto Sans, sans-serif; line-height: 24px; font-weight: 700; color: #006d77 } .product-item-2 .product-info .box-prices .price-line { font-size: 14px; line-height: 19px; color: #98a2b3; text-decoration: line-through } .product-item-2 .product-info .button-add { width: 50% } .product-item-2 .product-info .rating .box-rating { display: inline-block; margin-right: 5px } .product-item-2 .product-info .rating .box-rating span { display: inline-block; vertical-align: top } .product-item-3 { padding: 25px; margin-bottom: 40px } .product-item-3:hover { border-color: #bee1e6 } .product-item-3 .product-image { min-height: auto; height: auto; line-height: normal; padding-top: 0; margin-bottom: 30px } .product-item-3 .product-image img { max-width: 100%; border-radius: 16px; width: 100% } .product-item-3 .product-info { padding-bottom: 0 } .product-item-3 .calendar-icon, .product-item-3 .location-icon { font-size: 12px; line-height: 16px; color: #667085; font-family: Noto Sans, sans-serif; font-weight: 700; text-decoration: none; display: inline-block; padding: 0 0 0 16px } .nav-right { float: right; margin-top: -10px } .nav-right li { float: left; padding: 0 0 0 5px } .nav-right li button { display: block; color: #101828; font-size: 16px; text-decoration: none; padding: 10px 15px; border-radius: 8px; background: transparent; border: 0; font-family: Noto Sans, sans-serif; font-weight: 500; transition-duration: .2s } .nav-right li button:hover { transition-duration: .2s; transform: translateY(-3px) } .nav-right li button.active, .nav-right li button:hover { background-color: #fff3ea; color: #fff } .box-newsletter { border-radius: 18px; padding: 52px 74px } .box-newsletter .box-form-newsletter { background: #fff; max-width: 500px; padding: 11px 12px; border-radius: 55px } .box-newsletter .box-form-newsletter form { display: flex; align-items: center } .box-newsletter .box-form-newsletter form .input-newsletter { width: 90%; padding: 15px; border: 0; min-height: 50px; font-family: Noto Sans; font-weight: 400; font-size: 16px; line-height: 28px; color: #98a2b3 } .box-newsletter .box-form-newsletter form .input-newsletter::placeholder { font-family: Noto Sans; font-weight: 400; font-size: 16px; line-height: 28px; color: #98a2b3 } .box-newsletter .box-form-newsletter form .font-heading { font-family: Noto Sans, sans-serif; font-weight: 500 } .box-newsletter .btn-send { background-image: url(https://sithmapackaging.com/_next/static/media/btn-send.6e2d4d1d.svg); background-repeat: no-repeat; background-position: -30px -21px; display: inline-block; height: 57px; width: 72px; border-radius: 0; padding: 0 } .box-newsletter .block-chart { position: absolute; bottom: 0; left: 0; max-width: 255px; height: 194px; z-index: 2 } .box-newsletter .block-chart img, .box-newsletter .img-newsletter { box-shadow: 0 47px 65px rgba(21, 28, 38, .1); border-radius: 16px } .box-newsletter .img-newsletter { max-width: 332px; position: absolute; bottom: -110px; right: 0; display: inline-block; z-index: 1 } .preloader { background-color: #f7f7f7; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; transition: .6s; margin: 0 auto } .preloader img { max-width: 250px } .rate { height: 21px; padding: 0 10px; display: flex; flex-direction: row-reverse; justify-content: center } .rate:not(:checked)>input { position: absolute; visibility: hidden } .rate:not(:checked)>label { float: right; width: 21px; height: 21px; overflow: hidden; white-space: nowrap; cursor: pointer; font-size: 30px; color: #ccc; margin-right: 3px } .rate:not(:checked)>label:before { content: ""; width: 21px; height: 21px; display: block } .rate.small { transform: scale(.7); -moz-transform: scale(.7); -webkit-transform: scale(.7); -o-transform: scale(.7); -ms-transform: scale(.7); padding: 0 } .breacrumb-cover { background-color: #dbece5; padding: 20px 0 } .breadcrumbs li { color: #101828; font-size: 16px; display: inline-block; padding-left: 13px; position: relative } .breadcrumbs li:before { content: "/"; position: absolute; top: 1px; left: 1px; color: #101828 } .breadcrumbs li a { font-size: 16px; color: #101828; text-decoration: none } .breadcrumbs li a:hover, .breadcrumbs li:last-child:before { color: #101828 } .breadcrumbs li:first-child:before { display: none } .breadcrumbs li:first-child { padding-left: 0 } .text-center .nav { justify-content: space-between } @keyframes load7 { 0%, 80%, to { box-shadow: 0 2.5em 0 -1.3em } 40% { box-shadow: 0 2.5em 0 0 } } .loader { border-radius: 50%; width: 2em; height: 2em; animation-fill-mode: both; animation: load7 1.8s ease-in-out infinite; color: #101828; font-size: 10px; margin: 80px auto; position: relative; text-indent: -9999em; transform: translateZ(0); animation-delay: -.16s } .loader:before { animation-fill-mode: both; animation: load7 1.8s ease-in-out infinite; left: -3.5em; animation-delay: -.32s } .loader:after, .loader:before { border-radius: 50%; width: 2em; height: 2em; content: ""; position: absolute; top: 0 } .loader:after { animation-fill-mode: both; animation: load7 1.8s ease-in-out infinite; left: 3.5em } .video-height { height: 860px } .video { width: 100%; height: 100%; top: 0; right: 0; position: absolute } .banner-direction:nth-of-type(2n) { display: flex !important; flex-direction: row-reverse !important } .product-bg { padding: 50px 12% } .product-bg:nth-of-type(odd) { background: url(/assets/imgs/Solution/blue-bg.png); width: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover } .product-bg:nth-of-type(2n) { background: url(/assets/imgs/company/cmapback.png); width: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover } .product-bg:nth-of-type(odd) .text-display-33 { color: #fff } .product-bg:nth-of-type(odd) p { color: #fff !important } .banner-hero { padding: 60px 0 20px; position: relative; display: flex; align-items: center; position: absolute; height: 100vh; width: 30% } .banner-hero.banner-1 { background-color: #faede3 } .banner-11 { background-color: #111; height: 80vh; display: flex; align-items: center } .banner-hero.banner-1 .container { z-index: 2; position: relative } .banner-hero.banner-1:before { top: 0; right: 0; z-index: 1 } .banner-hero.banner-1:after, .banner-hero.banner-1:before { content: ""; position: absolute; height: 200px; width: 200px; background-size: cover } .banner-hero.banner-1:after { bottom: 0; left: 0 } .banner-hero.banner-1 .banner-imgs { padding: 20px 0 0; position: relative; width: 100%; height: 560px; float: right } .banner-hero.banner-1 .banner-imgs img { position: absolute; bottom: -40px; right: 0; left: 0; max-width: 100%; z-index: 1 } .banner-hero.banner-1 .banner-imgs .video-block { position: absolute; bottom: 2%; left: -80px; height: 224px; width: 176px; background-size: cover; line-height: 224px; text-align: left; padding: 0 30px 0 50px; z-index: 2 } .banner-hero.banner-1 .banner-imgs .video-block span { display: inline-block; list-style: none; color: #fff; vertical-align: middle } .banner-hero.banner-2 { background-color: #bee1e6 } .banner-hero.banner-2 .container { position: relative; z-index: 4 } .banner-hero.banner-2:after { content: ""; position: absolute; bottom: 0; left: 0; height: 200px; width: 200px; background-size: cover } .banner-hero.banner-2 .banner-imgs { padding: 20px 0 0; position: relative; width: 100% } .banner-hero.banner-2 .banner-imgs .block-1 { position: absolute; bottom: 20px; left: -70px; z-index: 3; width: 220px; height: 260px } .banner-hero.banner-2 .banner-imgs .block-1 img { border-radius: 10px } .banner-hero.banner-2 .banner-imgs .block-2 { z-index: 3; position: absolute; top: 15%; right: -80px; height: 169px; width: 155px } .banner-hero.banner-2 .banner-imgs .block-2 img { border-radius: 10px } .banner-hero.banner-4 { background-color: #006d77; padding: 120px 0 80px } .banner-hero.banner-4 .banner-imgs { position: relative } .banner-hero.banner-4 .banner-imgs .btn-play-video-2 { position: absolute; top: 50%; left: -44px; margin-top: -54px; height: 109px; width: 116px; z-index: 5 } .banner-hero.bg-about-1 { background-size: 100% 100%; background-color: transparent; padding-top: 10px } .banner-hero.bg-about-1:after { display: none } .banner-hero.bg-about-2 { background-color: #fff3ea } .banner-hero.bg-about-2 .box-banner-left { padding-bottom: 100px } .banner-hero.bg-about-2 .banner-imgs { position: relative; width: 100%; height: 100% } .banner-hero.bg-about-2 .block-1 { position: absolute; bottom: -47px; left: -150px; z-index: 3; width: 350px } .banner-hero.bg-about-2 .block-1 img { border-radius: 10px } .banner-hero.bg-service-1 { background-color: #bee1e6; padding-bottom: 60px; padding-top: 20px; position: relative } .banner-hero.bg-service-1 * { z-index: 2 } .banner-hero.bg-service-1:before { content: ""; position: absolute; z-index: 1; height: 651px; width: 859px; right: 10px; bottom: 0 } .banner-hero.bg-service-1 .banner-imgs { position: relative; margin-top: 140px } .banner-hero.bg-service-1 .banner-imgs img { border-radius: 16px; box-shadow: 0 47px 65px rgba(21, 28, 38, .1) } .banner-hero.bg-service-1 .banner-imgs .block-1 { max-width: 310px; position: absolute; top: -10px; z-index: 2; left: -90px } .banner-hero.bg-service-1 .banner-imgs .block-1 img { border-radius: 8px; box-shadow: 0 47px 65px rgba(21, 28, 38, .1) } .banner-hero.bg-service-2 { padding-bottom: 60px; padding-top: 50px; position: relative } .banner-hero.bg-service-2:before { content: ""; width: 100%; height: 1125px; display: block; position: absolute; z-index: -1; top: -120px } .banner-hero.bg-service-2 .banner-imgs { position: relative; margin-top: 140px } .banner-hero.bg-service-2 .banner-imgs img { border-radius: 16px; box-shadow: 0 47px 65px rgba(21, 28, 38, .1) } .banner-hero.bg-service-2 .banner-imgs .block-1 { max-width: 212px; position: absolute; top: -20px; z-index: 2; left: -110px } .banner-hero.bg-service-2 .banner-imgs .block-1 img { border-radius: 8px; box-shadow: 0 47px 65px rgba(21, 28, 38, .1) } .banner-hero.bg-service-2 .banner-imgs .block-2 { max-width: 310px; position: absolute; bottom: 110px; z-index: 2; left: -150px } .banner-hero.bg-service-2 .banner-imgs .block-2 img { border-radius: 8px; box-shadow: 0 47px 65px rgba(21, 28, 38, .1) } .banner-hero.bg-service-2 .banner-imgs .block-3 { max-width: 400px; position: absolute; bottom: 50px; z-index: 2; right: -160px } .banner-hero.bg-service-2 .banner-imgs .block-3 img { border-radius: 8px; box-shadow: 0 47px 65px rgba(21, 28, 38, .1) } .banner-hero.banner-faqs-1 { padding-top: 248px; padding-bottom: 120px; min-height: 675px; margin-top: -140px; margin-bottom: 50px; background-size: auto } .banner-hero.banner-breadcrums { background-color: #fff3ea; padding: 48px 0 } .banner-hero.banner-head-image { background-size: cover !important; background-repeat: top center !important; background-repeat: no-repeat !important; padding-bottom: 130px; padding-top: 130px; position: relative } .banner-hero.banner-head-image .container { z-index: 2; position: relative } .banner-hero.banner-head-image:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(16, 24, 40, .5); z-index: 1 } .banner-hero.banner-homepage5 .banner-imgs { position: relative } .banner-hero.banner-homepage5 .banner-imgs .block-1 { position: absolute; top: -30px; left: -30px; z-index: 12 } .banner-hero.banner-homepage5 .banner-imgs .block-2 { position: absolute; bottom: 0; z-index: 12; left: 0 } .banner-hero.banner-homepage5 .banner-imgs .block-3 { position: absolute; bottom: -50px; right: -105px; z-index: 12; max-width: 230px } .banner-hero.banner-homepage5 .banner-imgs .block-3 img { border-radius: 16px; box-shadow: 0 47px 65px rgba(21, 28, 38, .1) } .banner-hero.banner-homepage6 { padding-top: 0; padding-bottom: 0 } .banner-hero.banner-homepage6 .banner-imgs { position: relative; display: flex; align-items: flex-end; height: 100%; bottom: -20px } .banner-hero.banner-homepage6 .banner-imgs .img-banner { z-index: 3; position: relative } .banner-hero.banner-homepage6 .banner-imgs .block-1 { position: absolute; top: 290px; left: -10px; z-index: 12 } .banner-hero.banner-homepage6 .banner-imgs .block-2 { position: absolute; top: 130px; right: -105px; z-index: 1; max-width: 180px } .banner-hero.banner-homepage6 .banner-imgs .block-2 img { border-radius: 16px; box-shadow: 0 47px 65px rgba(21, 28, 38, .1) } .banner-hero.banner-homepage8 .rounded-img { border-radius: 157px; overflow: hidden; width: 190px; margin-right: 17px; box-shadow: 0 47px 65px rgba(21, 28, 38, .1) } .banner-hero.banner-homepage8 .rounded-img img { height: 100% } @keyframes hero-thumb-animation { 0% { transform: translateY(-20px) } to { transform: translateY(0) } } @keyframes hero-thumb-sm-animation { 0% { transform: translateY(-20px) translateX(50px) } to { transform: translateY(-20px) translateX(0) } } @keyframes hero-thumb-sm-2-animation { 0% { transform: translateY(-50px) } to { transform: translateY(0) } } .shape-1 { animation: hero-thumb-animation 2s linear infinite alternate } .shape-2 { animation: hero-thumb-sm-animation 4s linear infinite alternate } .shape-3 { animation: hero-thumb-sm-2-animation 4s linear infinite alternate } .header { float: left; width: 100%; position: absolute; border-bottom: 1px solid #000; z-index: 999; background: #fff } .header .main-header { display: flex; align-items: center; justify-content: space-between } .header .main-header .header-left { display: flex; align-items: center; width: 100% } .header .main-header .header-left .header-logo { width: 230px; padding-left: 10px } .header .main-header .header-left .header-nav { display: inline-block; width: 100%; text-align: right } .header .main-header .header-right { max-width: 225px; width: 100% } .header .nav-main-menu { width: 100%; padding: 0; float: left } .header .main-menu { display: inline-block; padding-top: 5px } .header .main-menu li { float: left; position: relative; text-align: left } .header .main-menu li.hr { padding: 0 22px } .header .main-menu li.hr span { background-color: #f2f4f7; height: 1px; width: 100%; display: block; margin: 5px 0 } .header .main-menu li a { font-family: Roboto; font-style: normal; font-weight: 900; font-size: 16px; color: #000; display: block; padding: 30px 22px; text-decoration: none; position: relative } .header .main-menu li a:hover { color: #cd2028 } .header .main-menu .active { color: red } .header .main-menu li a:hover i { opacity: 1; transition: .2s } .header .main-menu li a i { font-size: 12px; margin-right: 8px; opacity: .38; transition: .2s } .header .main-menu li ul { opacity: 0; visibility: hidden; transition-duration: .2s; position: absolute; top: 100%; left: 0; z-index: 999; min-width: 180px; border-radius: 4px; padding: 8px 0; box-shadow: 4px 4px 40px rgba(16, 24, 40, .1); background-color: #fff } .header .main-menu li ul li { width: 100% } .header .main-menu li ul li a { font-size: 14px; color: #101828; position: relative; padding: 10px 22px; transition: .2s } .header .main-menu li ul li a:hover { padding-left: 25px; transition: .2s } .header .main-menu li ul li a.closer { padding: 8px 22px } .header .main-menu li ul li ul { top: 0; left: 100% } .header .main-menu li ul.two-col { column-count: 2; -webkit-columns: 2; -moz-columns: 2; min-width: 350px } .header .main-menu li:hover>ul { opacity: 1; visibility: visible } .header .main-menu li:hover>ul li { width: 100% } .header .text-link-bd-btom { font-family: Noto Sans, sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 150%; color: #006d77; display: inline-block; position: relative; padding-left: 13px } .header .text-link-bd-btom:hover { color: #101828 } .header .text-link-bd-btom:before { content: ""; background: #006d77; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -3px; animation: shadow-pulse 1s infinite } .header .block-signin .btn-shadow { box-shadow: 0 47px 65px rgba(21, 28, 38, .1) } .header-right .header-button { display: flex; flex-direction: row; align-items: center; padding: 15px 25px; gap: 10px; background: #111; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 1rem; line-height: 2rem; color: #fff; border-radius: 5px; width: 160px } .header .main-header .header-right .block-signin { text-align: right; display: flex; justify-content: end } .header-right .arrow-right { width: 15px } .header-right:hover .arrow-right { margin-left: 6px; transition: 1s } .header.header-2 { background-color: #dbece5 } .sticky-bar.stick { animation: fadeInDown .7s ease-in-out 0s 1 normal none running; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .05); position: fixed; top: 0; width: 100%; z-index: 999; left: 0; transition: all .3s ease 0s; border-bottom: 1px solid #f2f4f7; background: #fff } .sticky-bar.stick.sticky-white-bg { background-color: #fff } .sticky-bar.stick.sticky-blue-bg { background-color: #3286e0 } .sticky-bar.stick .burger-icon { top: 45px } .user-account { display: flex; align-items: center } .user-account img { max-width: 120px; margin-right: 10px } .user-account .user-name { margin-bottom: 0; font-weight: 600; font-size: 14px } .perfect-scroll { position: relative } .body-overlay-1 { background: transparent; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; visibility: hidden; width: 100%; cursor: crosshair; z-index: 997 } .mobile-menu-active .body-overlay-1 { opacity: 1; visibility: visible } .header-top { background-color: #101828; color: #fff; padding: 10px 0 } .header-top span { font-family: Noto Sans, sans-serif; font-size: 16px; line-height: 24px; font-weight: 700 } .header-top a { color: #e29578 } .header-top .line-right { position: relative; display: inline-block; padding-right: 35px } .header-top .line-right:before { content: ""; position: absolute; top: 5px; right: 15px; width: 1px; height: 18px; border-right: 1px dashed #e29578 } .header-top.header-top-green { background-color: #006d77 } .header-top.header-top-green a { color: #afeae4 } .header-top.header-top-green .line-right:before { border-right: 1px dashed #afeae4 } .header-style-2 { background-color: #006d77 } .header-style-2.sticky-bar.stick { background-color: #006d77; border-bottom: 1px solid #008c99 } .header-style-2 .burger-icon.burger-icon-white>span:after, .header-style-2 .burger-icon.burger-icon-white>span:before { background-color: #e4e7ec } .header-style-2 .main-menu>li>a { color: #fff } .header-style-2 .main-menu>li>a:hover { color: #83c5be } .header-style-2 .btn-default { background-color: #006d77; color: #fff; border: 1px solid #fff; background-repeat: no-repeat; background-position: center right 25px; padding-right: 56px } .header-style-3, .header-style-3.sticky-bar.stick { background-color: #fff3ea } .header-style-4, .header-style-4.sticky-bar.stick { background-color: #bee1e6 } .header-style-5 { z-index: 2 } .header-style-5 .burger-icon.burger-icon-white>span:after, .header-style-5 .burger-icon.burger-icon-white>span:before { background-color: #e4e7ec } .header-style-5 .main-menu>li>a { color: #fff } .header-style-5 .main-menu>li>a:hover { color: #83c5be } .header-style-5.sticky-bar.stick { background-color: #006d77; border-bottom: 1px solid #008c99 } .header-style-5 .btn-default { background-color: transparent; color: #fff; border: 1px solid #fff; background-repeat: no-repeat; background-position: center right 25px; padding-right: 56px } .mobile-header-wrapper-style { position: fixed; top: 0; width: 380px; height: 400px; bottom: 0; right: 0; visibility: hidden; opacity: 0; transition: all .25s cubic-bezier(.645, .045, .355, 1); background-color: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, .09); z-index: 1000 } .mobile-header-wrapper-style.sidebar-visible { visibility: visible; opacity: 1; transform: translate(0) } .mobile-header-wrapper-style .mobile-header-wrapper-inner { padding: 0 0 30px; height: 100vh; background: #fff; overflow-y: auto; overflow-x: hidden; display: none } .mobile-header-wrapper-inner .mobile-header-top { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 15px; background-color: #fff; align-items: center; align-self: center; border-bottom: thin solid #f2f4f7; width: 100%; z-index: 999 } .mobile-header-wrapper-inner .mobile-header-top button { background: none !important } .perfect-scroll { height: 100vh; position: fixed; background: #fff; display: flex; justify-content: center; width: 100%; z-index: 998 } .mobile-menu-wrap ul { margin-top: 100px } .mobile-menu-wrap li { padding-top: 30px; text-align: center } .mobile-menu-wrap li a { color: #000 } .mobile-menu-wrap .active { color: red } .mobile-header-wrapper-inner button { border: none } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a { display: block } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img { width: 100px } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area { padding: 30px } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li { display: block; position: relative; padding: 13px 0 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li:last-child { border-bottom: none } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children .menu-expand { right: 0; position: absolute; cursor: pointer; z-index: 9; text-align: center; font-size: 12px; display: block; width: 30px; height: 30px; line-height: 38px; top: 5px; color: #101828 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children .menu-expand i { font-size: 18px; font-weight: 300; opacity: .5 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children.active>.menu-expand { background: hsla(0, 0%, 100%, .2) } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children.active>.menu-expand i:before { content: "\f113" } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a { font-size: 16px; font-family: Chivo, sans-serif; line-height: 1; text-transform: capitalize; font-weight: 500; position: relative; display: inline-block; color: #101828; transition-duration: .2s } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a i { margin-right: 5px } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul { padding: 10px 0 0 10px } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li { padding: 10px 0; border-bottom: none } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.has-children .menu-expand { top: 0 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li:hover a { padding-left: 13px; transition-duration: .2s } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li a { font-size: 14px; display: block; font-weight: 500; color: #101828; padding-left: 10px; position: relative; transition-duration: .2s } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li ul { margin-top: 0 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.has-children.active { padding-bottom: 0 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.hr { padding: 0 0 0 10px } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.hr span { background-color: #f2f4f7; height: 1px; width: 100%; display: block; margin: 5px 0 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li:hover>a { color: #cd2028; padding-left: 3px; transition-duration: .2s } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu .active { color: #cd2028 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .categories-dropdown-wrap ul li a { padding: 5px 15px } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap { padding: 20px; border-radius: 5px; border: 1px solid #101828; margin: 17px 0 30px } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info { position: relative; margin-bottom: 13px } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info:last-child { margin-bottom: 0 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a { font-size: 14px; display: block; font-weight: 500; color: #006d77 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a:hover { color: #101828 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a i { font-size: 14px; color: #101828; margin-right: 8px } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown { margin-top: 5px; display: none; background-color: transparent; box-shadow: none; padding: 10px 0 0; width: 100%; z-index: 11 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li { padding-bottom: 10px } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li:last-child { padding-bottom: 0 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a { font-size: 16px; color: hsla(0, 0%, 100%, .7); font-weight: 400 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a:hover { color: #006d77 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info:hover>a { color: #101828 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-border { border-bottom: 1px solid hsla(0, 0%, 100%, .15) } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .site-copyright { font-size: 13px; color: #101828 } .burger-icon { position: absolute; width: 24px; height: 20px; cursor: pointer; transition: all .25s cubic-bezier(.645, .045, .355, 1); top: 45px; right: 27px; z-index: 1002; display: none } @media screen and (max-width:768px) { .burger-icon { display: contents } } .burger-icon>span { display: block; position: absolute; left: 0; width: 100%; height: 2px } .burger-icon>span.burger-icon-top { top: 2px } .burger-icon>span.burger-icon-bottom { bottom: 2px } .burger-icon>span.burger-icon-mid { top: 9px } .burger-icon.burger-close { position: fixed } .burger-icon.burger-close>span.burger-icon-top { display: none; opacity: 0 } .burger-icon.burger-close>span.burger-icon-mid { top: 8px; transform: rotate(45deg) } .burger-icon.burger-close>span.burger-icon-bottom { bottom: 10px; transform: rotate(-45deg) } .burger-icon>span:after, .burger-icon>span:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: #333 } .burger-icon.burger-icon-white>span:after, .burger-icon.burger-icon-white>span:before { background-color: #667085 } .mobile-search form { background-color: #eae4e9; border-radius: 8px; height: 44px; padding: 0 15px 0 44px; position: relative } .mobile-search form input { border: 0; background-color: transparent; width: 100%; padding: 12px 10px } .mobile-search form i { position: absolute; left: 18px; top: 14px; font-size: 18px; color: #1d2939 } .mobile-social-icon h6 { font-weight: 600; font-size: 20px; margin-bottom: 30px } .mobile-social-icon a { text-align: center; font-size: 14px; margin-right: 5px; transition-duration: .5s; height: 30px; width: 30px; display: inline-flex; background: #efeaff; border-radius: 30px; line-height: 1; align-content: center; justify-content: center } .mobile-social-icon a img { max-width: 18px } .mobile-social-icon a img:hover { opacity: .8 } .mobile-social-icon a:hover { transform: translateY(-2px); transition-duration: .5s; margin-top: -2px } .mobile-social-icon a:last-child { margin-right: 0 } .mobile-account { margin: 20px 0 25px; padding: 30px 0 20px; border-top: thin solid #f2f4f7; border-bottom: thin solid #f2f4f7 } .mobile-account h6 { font-weight: 600; font-size: 18px } .mobile-account ul li { padding: 13px 0 } .mobile-account ul li a { font-size: 15px; line-height: 1; text-transform: capitalize; font-weight: 500; position: relative; display: inline-block; color: #101828; transition-duration: .2s } .mobile-account ul li:hover a { padding-left: 3px; transition-duration: .2s; color: #006d77 } .sidebar-title { border-bottom: thin solid #101828; font-weight: 600; margin-bottom: 30px; padding-bottom: 10px } .search-form form { position: relative } .search-form form input { border: 1px solid #ececec; border-radius: 10px; height: 64px; box-shadow: none; padding-left: 20px; font-size: 16px; width: 100% } .search-form form button { position: absolute; top: 50%; transform: translateY(-50%); right: 0; border: none; font-size: 20px; height: 100%; padding: 0 24px; background-color: transparent; color: #242424 } .widget-categories { background-color: #fff3ea !important } .widget-categories li { padding: 8px 0 } .widget-categories li+li { border-top: 1px solid #101828 } .widget-categories li a { color: #006d77; font-size: 16px } .widget-categories li span.count { background-color: #ddd3fa; color: #006d77; border-radius: 3px; display: block; padding: 3px 5px; min-width: 26px; text-align: center } .widget-categories li:hover span.count { background-color: #006d77; color: #fff } .post-list-small-item { transition-duration: .2s } .post-list-small-item:hover { transition-duration: .2s; transform: translateY(-3px) } .post-list-small-item figure img { max-width: 85px; border-radius: 5px } .post-list-small-item .post-meta { font-size: 13px } .post-list-small-item .post-meta img { max-width: 30px; border-radius: 50%; margin-right: 5px } .post-list-small-item h5 { font-weight: 600; font-size: 14px; line-height: 1.2; margin-bottom: 10px } .post-list-small-item:not(:last-child) { margin-bottom: 15px } .footer .width-20 { width: 21% } .footer .width-16 { width: 16% } .footer .Land-footer-top { display: inline-block; width: 100%; padding: 0 0 40px } .footer .menu-footer { display: inline-block } .footer .menu-footer li { list-style: none; margin-bottom: 8px } .footer .footer-bottom { padding: 20px 0; color: #667085; font-size: 14px } .footer .footer-bottom a { text-decoration: none } .footer .footer-bottom .icon-socials { display: inline-block; margin-left: 10px; height: 32px; width: 32px; transition-duration: .2s } .footer .footer-bottom .icon-socials:hover { transform: translateY(-3px); transition-duration: .2s } .footer .footer-bottom .icon-socials.icon-facebook { transition-duration: .2s } .footer .footer-bottom .icon-socials.icon-facebook:hover { opacity: .8; transition-duration: .2s } .footer .footer-bottom .icon-socials.icon-twitter { transition-duration: .2s } .footer .footer-bottom .icon-socials.icon-twitter:hover { opacity: .8; transition-duration: .2s } .footer .footer-bottom .icon-socials.icon-instagram { transition-duration: .2s } .footer .footer-bottom .icon-socials.icon-instagram:hover { opacity: .8; transition-duration: .2s } .footer .footer-bottom .icon-socials.icon-linkedin { transition-duration: .2s } .footer .footer-bottom .icon-socials.icon-linkedin:hover { opacity: .8; transition-duration: .2s } #scrollUp { width: 42px; height: 42px; color: #fff; right: 30px; bottom: 30px; border-radius: 30px; text-align: center; overflow: hidden; z-index: 999 !important; border: 0; background-color: #fff; transition-duration: .2s; background-color: #006d77 } #scrollUp i { display: block; line-height: 46px !important; font-size: 20px; color: #fff } #scrollUp:hover { transform: translateY(-3px); transition-duration: .2s } .section-padding-30 { padding: 30px 0 } .section-padding-50 { padding: 50px 0 } .section-padding-60 { padding: 60px 0 } .section-padding { padding: 25px 0 } .ptb-0 { padding: 0 } .ptb-10 { padding: 10px 0 } .ptb-20 { padding: 20px 0 } .ptb-30 { padding: 30px 0 } .ptb-35 { padding: 35px 0 } .ptb-32 { padding: 32px 0 } .ptb-40 { padding: 40px 0 } .ptb-50 { padding: 50px 0 } .ptb-60 { padding: 60px 0 } .ptb-70 { padding: 70px 0 } .ptb-80 { padding: 80px 0 } .ptb-90 { padding: 90px 0 } .ptb-100 { padding: 100px 0 } .ptb-110 { padding: 110px 0 } .ptb-120 { padding: 120px 0 } .ptb-130 { padding: 130px 0 } .ptb-140 { padding: 140px 0 } .ptb-150 { padding: 150px 0 } .ptb-160 { padding: 160px 0 } .ptb-170 { padding: 170px 0 } .ptb-177 { padding: 177px 0 } .ptb-180 { padding: 180px 0 } .ptb-190 { padding: 190px 0 } .ptb-200 { padding: 200px 0 } .ptb-210 { padding: 210px 0 } .ptb-220 { padding: 220px 0 } .ptb-290 { padding: 290px 0 } .ptb-310 { padding: 310px 0 } .p-10 { padding: 10px !important } .p-15 { padding: 15px !important } .p-20 { padding: 20px !important } .p-25 { padding: 25px !important } .p-30 { padding: 30px !important } .p-40 { padding: 40px !important } .p-65 { padding: 65px !important } .pt-5 { padding-top: 5px !important } .pt-10 { padding-top: 10px !important } .pt-15 { padding-top: 15px !important } .pt-20 { padding-top: 20px !important } .pt-25 { padding-top: 25px !important } .pt-30 { padding-top: 30px !important } .pt-35 { padding-top: 35px !important } .pt-40 { padding-top: 40px !important } .pt-45 { padding-top: 45px !important } .pt-50 { padding-top: 50px !important } .pt-55 { padding-top: 55px !important } .pt-60 { padding-top: 60px !important } .pt-65 { padding-top: 65px !important } .pt-70 { padding-top: 70px !important } .pt-75 { padding-top: 75px !important } .pt-80 { padding-top: 80px !important } .pt-85 { padding-top: 85px !important } .pt-90 { padding-top: 90px !important } .pt-95 { padding-top: 95px !important } .pt-100 { padding-top: 100px !important } .pt-105 { padding-top: 105px !important } .pt-110 { padding-top: 110px !important } .pt-115 { padding-top: 115px !important } .pt-120 { padding-top: 120px !important } .pt-125 { padding-top: 125px !important } .pt-130 { padding-top: 130px !important } .pt-135 { padding-top: 135px !important } .pt-140 { padding-top: 140px !important } .pt-145 { padding-top: 145px !important } .pt-150 { padding-top: 150px !important } .pt-155 { padding-top: 155px !important } .pt-160 { padding-top: 160px !important } .pt-165 { padding-top: 165px !important } .pt-170 { padding-top: 170px !important } .pt-175 { padding-top: 175px !important } .pt-180 { padding-top: 180px !important } .pt-185 { padding-top: 185px !important } .pt-190 { padding-top: 190px !important } .pt-195 { padding-top: 195px !important } .pt-200 { padding-top: 200px !important } .pt-260 { padding-top: 260px !important } .pb-5 { padding-bottom: 5px !important } .pb-10 { padding-bottom: 10px !important } .pb-15 { padding-bottom: 15px !important } .pb-20 { padding-bottom: 20px !important } .pb-25 { padding-bottom: 25px !important } .pb-30 { padding-bottom: 30px !important } .pb-35 { padding-bottom: 35px !important } .pb-40 { padding-bottom: 40px !important } .pb-45 { padding-bottom: 45px !important } .pb-50 { padding-bottom: 50px !important } .pb-55 { padding-bottom: 55px !important } .pb-60 { padding-bottom: 60px !important } .pb-65 { padding-bottom: 65px !important } .pb-70 { padding-bottom: 70px !important } .pb-75 { padding-bottom: 75px !important } .pb-80 { padding-bottom: 80px !important } .pb-85 { padding-bottom: 85px !important } .pb-90 { padding-bottom: 90px !important } .pb-95 { padding-bottom: 95px !important } .pb-100 { padding-bottom: 100px !important } .pb-105 { padding-bottom: 105px !important } .pb-110 { padding-bottom: 110px !important } .pb-115 { padding-bottom: 115px !important } .pb-120 { padding-bottom: 120px !important } .pb-125 { padding-bottom: 125px !important } .pb-130 { padding-bottom: 130px !important } .pb-135 { padding-bottom: 135px !important } .pb-140 { padding-bottom: 140px !important } .pb-145 { padding-bottom: 145px !important } .pb-150 { padding-bottom: 150px !important } .pb-155 { padding-bottom: 155px !important } .pb-160 { padding-bottom: 160px !important } .pb-165 { padding-bottom: 165px !important } .pb-170 { padding-bottom: 170px !important } .pb-175 { padding-bottom: 175px !important } .pb-180 { padding-bottom: 180px !important } .pb-185 { padding-bottom: 185px !important } .pb-190 { padding-bottom: 190px !important } .pb-195 { padding-bottom: 195px !important } .pb-200 { padding-bottom: 200px !important } .pl-0 { padding-left: 0 !important } .pl-5 { padding-left: 5px !important } .pl-10 { padding-left: 10px !important } .pl-15 { padding-left: 15px !important } .pl-20 { padding-left: 20px !important } .pl-25 { padding-left: 25px !important } .pl-30 { padding-left: 30px !important } .pl-35 { padding-left: 35px !important } .pl-40 { padding-left: 40px !important } .pl-45 { padding-left: 45px !important } .pl-50 { padding-left: 50px !important } .pl-55 { padding-left: 55px !important } .pl-60 { padding-left: 60px !important } .pl-65 { padding-left: 65px !important } .pl-70 { padding-left: 70px !important } .pl-75 { padding-left: 75px !important } .pl-80 { padding-left: 80px !important } .pl-85 { padding-left: 85px !important } .pl-90 { padding-left: 90px !important } .pl-95 { padding-left: 95px !important } .pl-100 { padding-left: 100px !important } .pl-105 { padding-left: 105px !important } .pl-110 { padding-left: 110px !important } .pl-115 { padding-left: 115px !important } .pl-120 { padding-left: 120px !important } .pl-125 { padding-left: 125px !important } .pl-130 { padding-left: 130px !important } .pl-135 { padding-left: 135px !important } .pl-140 { padding-left: 140px !important } .pl-145 { padding-left: 145px !important } .pl-150 { padding-left: 150px !important } .pl-155 { padding-left: 155px !important } .pl-160 { padding-left: 160px !important } .pl-165 { padding-left: 165px !important } .pl-170 { padding-left: 170px !important } .pl-175 { padding-left: 175px !important } .pl-180 { padding-left: 180px !important } .pl-185 { padding-left: 185px !important } .pl-190 { padding-left: 190px !important } .pl-195 { padding-left: 195px !important } .pl-200 { padding-left: 200px !important } .pr-0 { padding-right: 0 !important } .pr-5 { padding-right: 5px !important } .pr-10 { padding-right: 10px !important } .pr-15 { padding-right: 15px !important } .pr-20 { padding-right: 20px !important } .pr-25 { padding-right: 25px !important } .pr-30 { padding-right: 30px !important } .pr-35 { padding-right: 35px !important } .pr-40 { padding-right: 40px !important } .pr-45 { padding-right: 45px !important } .pr-50 { padding-right: 50px !important } .pr-55 { padding-right: 55px !important } .pr-60 { padding-right: 60px !important } .pr-65 { padding-right: 65px !important } .pr-70 { padding-right: 70px !important } .pr-75 { padding-right: 75px !important } .pr-80 { padding-right: 80px !important } .pr-85 { padding-right: 85px !important } .pr-90 { padding-right: 90px !important } .pr-95 { padding-right: 95px !important } .pr-100 { padding-right: 100px !important } .pr-105 { padding-right: 105px !important } .pr-110 { padding-right: 110px !important } .pr-115 { padding-right: 115px !important } .pr-120 { padding-right: 120px !important } .pr-125 { padding-right: 125px !important } .pr-130 { padding-right: 130px !important } .pr-135 { padding-right: 135px !important } .pr-140 { padding-right: 140px !important } .pr-145 { padding-right: 145px !important } .pr-150 { padding-right: 150px !important } .pr-155 { padding-right: 155px !important } .pr-160 { padding-right: 160px !important } .pr-165 { padding-right: 165px !important } .pr-170 { padding-right: 170px !important } .pr-175 { padding-right: 175px !important } .pr-180 { padding-right: 180px !important } .pr-185 { padding-right: 185px !important } .pr-190 { padding-right: 190px !important } .pr-195 { padding-right: 195px !important } .pr-200 { padding-right: 200px !important } .plr-5-percent { padding: 0 5% } .mtb-0 { margin: 0 } .mtb-10 { margin: 10px 0 } .mtb-15 { margin: 15px 0 } .mtb-20 { margin: 20px 0 } .mtb-30 { margin: 30px 0 } .mtb-40 { margin: 40px 0 } .mtb-50 { margin: 50px 0 } .mtb-60 { margin: 60px 0 } .mtb-70 { margin: 70px 0 } .mtb-80 { margin: 80px 0 } .mtb-90 { margin: 90px 0 } .mtb-100 { margin: 100px 0 } .mtb-110 { margin: 110px 0 } .mtb-120 { margin: 120px 0 } .mtb-130 { margin: 130px 0 } .mtb-140 { margin: 140px 0 } .mtb-150 { margin: 150px 0 } .mtb-290 { margin: 290px 0 } .mb-24 { margin-bottom: 24px } .mt-5 { margin-top: 5px !important } .mt-8 { margin-top: 8px !important } .mt-10 { margin-top: 10px !important } .mt-15 { margin-top: 15px !important } .mt-20 { margin-top: 20px !important } .mt-25 { margin-top: 25px !important } .mt-30 { margin-top: 30px !important } .mt-35 { margin-top: 35px !important } .mt-40 { margin-top: 40px !important } .mt-45 { margin-top: 45px !important } .mt-50 { margin-top: 50px !important } .mt-55 { margin-top: 55px !important } .mt-60 { margin-top: 60px !important } .mt-65 { margin-top: 65px !important } .mt-70 { margin-top: 70px !important } .mt-75 { margin-top: 75px !important } .mt-80 { margin-top: 80px !important } .mt-85 { margin-top: 85px !important } .mt-90 { margin-top: 90px !important } .mt-95 { margin-top: 95px !important } .mt-100 { margin-top: 100px !important } .mt-105 { margin-top: 105px !important } .mt-110 { margin-top: 110px !important } .mt-115 { margin-top: 115px !important } .mt-120 { margin-top: 120px !important } .mt-125 { margin-top: 125px !important } .mt-130 { margin-top: 130px !important } .mt-135 { margin-top: 135px !important } .mt-140 { margin-top: 140px !important } .mt-145 { margin-top: 145px !important } .mt-150 { margin-top: 150px !important } .mt-155 { margin-top: 155px !important } .mt-160 { margin-top: 160px !important } .mt-165 { margin-top: 165px !important } .mt-170 { margin-top: 170px !important } .mt-175 { margin-top: 175px !important } .mt-180 { margin-top: 180px !important } .mt-185 { margin-top: 185px !important } .mt-190 { margin-top: 190px !important } .mt-195 { margin-top: 195px !important } .mt-200 { margin-top: 200px !important } .mb-5 { margin-bottom: 5px !important } .mb-10 { margin-bottom: 10px !important } .mb-15 { margin-bottom: 15px !important } .mb-20 { margin-bottom: 20px !important } .mb-25 { margin-bottom: 25px !important } .mb-30 { margin-bottom: 30px !important } .mb-35 { margin-bottom: 35px !important } .mb-40 { margin-bottom: 40px !important } .mb-45 { margin-bottom: 45px !important } .mb-50 { margin-bottom: 50px !important } .mb-55 { margin-bottom: 55px !important } .mb-60 { margin-bottom: 60px !important } .mb-65 { margin-bottom: 65px !important } .mb-70 { margin-bottom: 70px !important } .mb-75 { margin-bottom: 75px !important } .mb-80 { margin-bottom: 80px !important } .mb-85 { margin-bottom: 85px !important } .mb-90 { margin-bottom: 90px !important } .mb-95 { margin-bottom: 95px !important } .mb-100 { margin-bottom: 100px !important } .mb-105 { margin-bottom: 105px !important } .mb-110 { margin-bottom: 110px !important } .mb-115 { margin-bottom: 115px !important } .mb-120 { margin-bottom: 120px !important } .mb-125 { margin-bottom: 125px !important } .mb-130 { margin-bottom: 130px !important } .mb-135 { margin-bottom: 135px !important } .mb-140 { margin-bottom: 140px !important } .mb-145 { margin-bottom: 145px !important } .mb-150 { margin-bottom: 150px !important } .mb-155 { margin-bottom: 155px !important } .mb-160 { margin-bottom: 160px !important } .mb-165 { margin-bottom: 165px !important } .mb-170 { margin-bottom: 170px !important } .mb-175 { margin-bottom: 175px !important } .mb-180 { margin-bottom: 180px !important } .mb-185 { margin-bottom: 185px !important } .mb-190 { margin-bottom: 190px !important } .mb-195 { margin-bottom: 195px !important } .mb-200 { margin-bottom: 200px !important } .ml-0 { margin-left: 0 !important } .ml-5 { margin-left: 5px !important } .ml-10 { margin-left: 10px !important } .ml-15 { margin-left: 15px !important } .ml-20 { margin-left: 20px !important } .ml-25 { margin-left: 25px !important } .ml-30 { margin-left: 30px !important } .ml-35 { margin-left: 35px !important } .ml-40 { margin-left: 40px !important } .ml-45 { margin-left: 45px !important } .ml-50 { margin-left: 50px !important } .ml-55 { margin-left: 55px !important } .ml-60 { margin-left: 60px !important } .ml-65 { margin-left: 65px !important } .ml-70 { margin-left: 70px !important } .ml-75 { margin-left: 75px !important } .ml-80 { margin-left: 80px !important } .ml-85 { margin-left: 85px !important } .ml-90 { margin-left: 90px !important } .ml-95 { margin-left: 95px !important } .ml-100 { margin-left: 100px !important } .ml-105 { margin-left: 105px !important } .ml-110 { margin-left: 110px !important } .ml-115 { margin-left: 115px !important } .ml-120 { margin-left: 120px !important } .ml-125 { margin-left: 125px !important } .ml-130 { margin-left: 130px !important } .ml-135 { margin-left: 135px !important } .ml-140 { margin-left: 140px !important } .ml-145 { margin-left: 145px !important } .ml-150 { margin-left: 150px !important } .ml-155 { margin-left: 155px !important } .ml-160 { margin-left: 160px !important } .ml-165 { margin-left: 165px !important } .ml-170 { margin-left: 170px !important } .ml-175 { margin-left: 175px !important } .ml-180 { margin-left: 180px !important } .ml-185 { margin-left: 185px !important } .ml-190 { margin-left: 190px !important } .ml-195 { margin-left: 195px !important } .ml-200 { margin-left: 200px !important } .mr-5 { margin-right: 5px !important } .mr-10 { margin-right: 10px !important } .mr-15 { margin-right: 15px !important } .mr-20 { margin-right: 20px !important } .mr-25 { margin-right: 25px !important } .mr-30 { margin-right: 30px !important } .mr-35 { margin-right: 35px !important } .mr-40 { margin-right: 40px !important } .mr-45 { margin-right: 45px !important } .mr-50 { margin-right: 50px !important } .mr-55 { margin-right: 55px !important } .mr-60 { margin-right: 60px !important } .mr-65 { margin-right: 65px !important } .mr-70 { margin-right: 70px !important } .mr-75 { margin-right: 75px !important } .mr-80 { margin-right: 80px !important } .mr-85 { margin-right: 85px !important } .mr-90 { margin-right: 90px !important } .mr-95 { margin-right: 95px !important } .mr-100 { margin-right: 100px !important } .mr-105 { margin-right: 105px !important } .mr-110 { margin-right: 110px !important } .mr-115 { margin-right: 115px !important } .mr-120 { margin-right: 120px !important } .mr-125 { margin-right: 125px !important } .mr-130 { margin-right: 130px !important } .mr-135 { margin-right: 135px !important } .mr-140 { margin-right: 140px !important } .mr-145 { margin-right: 145px !important } .mr-150 { margin-right: 150px !important } .mr-155 { margin-right: 155px !important } .mr-160 { margin-right: 160px !important } .mr-165 { margin-right: 165px !important } .mr-170 { margin-right: 170px !important } .mr-175 { margin-right: 175px !important } .mr-180 { margin-right: 180px !important } .mr-185 { margin-right: 185px !important } .mr-190 { margin-right: 190px !important } .mr-195 { margin-right: 195px !important } .mr-200 { margin-right: 200px !important } @media screen and (min-width:769px) { .pb-md-100 { padding-bottom: 100px !important } .mt-md-100 { margin-top: 100px !important } .pb-md-120 { padding-bottom: 120px !important } .pt-md-120 { padding-top: 120px !important } .pb-md-150 { padding-bottom: 150px !important } .pt-md-150 { padding-top: 150px !important } .pt-md-100 { padding-top: 100px !important } .pl-md-40 { padding-left: 40px !important } .pr-md-40 { padding-right: 40px !important } } .process .process-content h2 { font-family: Raleway; font-style: normal; font-weight: 700; font-size: 68px; line-height: 74px; letter-spacing: .01em; color: hsla(0, 2%, 9%, .3) } .process .process-content p { font-family: Roboto; font-style: normal; font-weight: 300; font-size: 20px; line-height: 40px; color: #000; height: 200px } .item-logo { display: inline-block; width: 100%; padding: 15px; line-height: 40px } .item-logo img { vertical-align: middle } .box-hover-shadow:hover { box-shadow: 14px 14px 36px hsla(0, 0%, 60%, .22) } .block-video { position: relative } .block-video.icon-pattern:before { content: ""; position: absolute; top: 0; right: 0; height: 132px; width: 146px; z-index: 2 } .block-video.icon-pattern img { position: relative; z-index: 1 } .block-video .btn-play-video { width: 135px; height: 135px; background-size: 135px; margin-top: -68px; left: -68px; z-index: 3 } .line-bd-green { border: 1px dashed #006d77 } .icon-leaf { padding: 0 0 0 28px } .bdrd-16 { border-radius: 16px } .bdrd-58 { border-radius: 58px } .tag-1 { font-family: Raleway; font-style: normal; font-weight: 400; font-size: 26px; line-height: 22px; color: #cd2028 } .tag-1, .tag-dot { text-transform: uppercase } .tag-dot { font-size: 12px; line-height: 16px; font-family: Noto Sans, sans-serif; color: #667085; display: block; padding: 0 0 0 10px } .pattern-white { position: relative; padding-left: 130px; padding-right: 130px } .pattern-white * { position: relative; z-index: 2 } .pattern-white:before { content: ""; position: absolute; top: 0; left: 0; height: 162px; width: 120px; z-index: 1 } .section-green { background-color: #006d77; padding: 20px 0 50px; position: relative } .section-green:before { content: ""; position: absolute; top: 0; right: 0; width: 150px; height: 150px; opacity: .3 } .section-green:after { content: ""; position: absolute; bottom: 0; left: 0; width: 108px; height: 145px; opacity: .3 } .box-optimized { padding: 60px } .panel-box, .panel-box img { max-height: 500px } .mw-720 { max-width: 720px; margin: auto; display: table !important; table-layout: fixed } .banner-home-3 { position: relative; padding-bottom: 140px !important } .banner-home-3 .banner-hero:before { display: none } .banner-home-3 .banner-hero .block-banner { padding-right: 80px } .banner-home-3:before { left: 40px } .banner-home-3:after, .banner-home-3:before { content: ""; height: 351px; width: 400px; position: absolute; bottom: 40px; background-size: contain } .banner-home-3:after { right: 20px } .list-job-2-col .card-job-description { font-size: 14px; line-height: 22px } .findjob-homepage-2:before { right: 100px !important; bottom: -55px !important } .block-job-bg-homepage-2:before { right: 0 !important } .none-bg-body { background: #fff } .bg-green-900 { background-color: #006d77; color: #fff } .list-partners { width: 100%; border-bottom: 1px solid #d0d5dd; padding-bottom: 50px } .list-partners, .list-partners li { display: inline-block; text-align: center } .list-partners li { width: 18%; margin-bottom: 30px } .block-we-do-2 { padding-left: 80px } .block-img-we-do, .block-img-we-do .inner-image { position: relative } .block-img-we-do .block-chart { position: absolute; bottom: -100px; right: -60px; width: 270px } .block-img-we-do .block-chart img { box-shadow: 0 47px 65px rgba(21, 28, 38, .1); border-radius: 16px } .block-we-do .inner-image { position: relative } .block-we-do .inner-image .block-image-bottom { position: absolute; bottom: -80px; right: -80px; width: 313px } .block-we-do .inner-image .block-image-bottom img { box-shadow: 0 47px 65px rgba(21, 28, 38, .1); border-radius: 16px } .list-icons .item-icon { position: relative; padding: 0 0 40px 80px } .list-icons .item-icon.none-bd { border-bottom: 0; padding: 0 0 20px 80px } .list-icons .item-icon .icon-left { position: absolute; top: 45%; left: 0; width: 64px } .box-square { width: 100%; height: 455px; border-radius: 16px; padding: 55px 50px 0; text-align: center } .box-square .box-image-inner { border-radius: 16px; padding: 23px 19px; margin-top: 30px } .box-square .box-image-inner.bg-color-1 { background-color: #ebecf4 } .box-square .box-image-inner.bg-color-2 { background-color: #cbd1e5 } .box-gray-100 { background-color: #f2f4f7; padding: 80px } .box-img-user { position: relative; padding: 15px 0 0 100px; margin-top: 32px; min-height: 80px } .box-img-user .img-user { position: absolute; top: 0; left: 0; width: 80px } .box-img-user .img-user img { border-radius: 4px } .block-pricing-2 .btn.btn-black { border: 1px solid transparent; padding: 12px 22px; border-radius: 6px; width: 100%; text-align: center } .block-pricing-2 .btn.btn-black:hover { border: 1px solid #101828; background-color: #fff; color: #101828 } .block-pricing-2 .box-pricing-item.active, .block-pricing-2 .box-pricing-item:hover { background-color: #006d77 } .block-pricing-2 .box-pricing-item.active *, .block-pricing-2 .box-pricing-item:hover * { color: #fff } .block-pricing-2 .box-pricing-item.active .text-body-small, .block-pricing-2 .box-pricing-item:hover .text-body-small { color: #f2f4f7 !important } .block-pricing-2 .box-pricing-item.active .btn.btn-black, .block-pricing-2 .box-pricing-item:hover .btn.btn-black { border: 1px solid #fff; background-color: transparent; color: #fff; background-repeat: no-repeat; background-position: center right 25px } .nav-style-homepage-3 li button.active, .nav-style-homepage-3 li button:hover { color: #006d77; background: none } .nav-style-homepage-3>li:last-child button { padding-right: 0 } .bg-body-homepage-3:before { content: ""; position: absolute; top: 0; left: 0; height: 901px; width: 901px; z-index: -1 } @media (min-width:1560px) { .banner-homepage-3 { padding: 0 0 0 145px } } .banner-homepage-3 { padding-top: 40px } .banner-homepage-3:before { display: none } .banner-homepage-3 .block-banner { padding-right: 250px } .banner-homepage-3 .banner-imgs:before { content: ""; z-index: 0; position: absolute; bottom: 0; left: -70px; height: 54px; width: 56px } .banner-homepage-3 .banner-imgs .banner-sm1, .banner-homepage-3 .banner-imgs .banner-sm2, .banner-homepage-3 .banner-imgs .banner-sm3 { position: absolute; top: 4%; left: -86px; z-index: 12 } .banner-homepage-3 .banner-imgs .banner-sm1 img { width: 251px } .banner-homepage-3 .banner-imgs .banner-sm2 { top: 43%; left: -136px } .banner-homepage-3 .banner-imgs .banner-sm2 img { width: 144px } .banner-homepage-3 .banner-imgs .banner-sm3 { top: 62%; left: -90px } .banner-homepage-3 .banner-imgs .banner-sm3 img { width: 251px } .box-image { position: relative } .box-image .btn-play-middle { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 135px; height: 135px; background-size: 135px } .bg-orange-100 { background-color: #faede3 } .accordion-item .accordion-button { border-radius: 4px !important; padding: 20px 30px; background-color: #e4e7ec; border-width: 0; color: #667085 } .accordion-button:not(.collapsed) { color: #fff; background-color: #101828 } .accordion .accordion-item { margin-bottom: 25px } .accordion .accordion-item .accordion-header { line-height: 22px } .accordion .accordion-item .accordion-collapse { border-width: 0 } .icon-home { padding: 0 0 0 30px } .icon-wave { position: relative } .icon-wave:before { content: ""; position: absolute; top: 30px; right: 50px; height: 165px; width: 165px; z-index: 1 } .icon-wave .row { z-index: 2; position: relative } .text-gray-28 { font-size: 28px; line-height: 32px; color: #98a2b3; font-family: Chivo, sans-serif; font-weight: 700 } .list-icon-3 { display: table; table-layout: fixed; max-width: 610px; width: 100% } .list-icon-3 li { color: #667085; padding: 2px 0 2px 35px; margin-bottom: 15px; float: left; width: 33.33% } .box-mw-610 { max-width: 610px } .form-newsletter-2 { box-shadow: 14px 14px 36px hsla(0, 0%, 60%, .22); background-color: #fff; border: 1px solid #f2f4f7; border-radius: 10px; position: relative; padding: 10px 210px 10px 10px } .form-newsletter-2 .input-newsletter { width: 100%; border: 0; padding: 15px 16px } .none-bd { border: 0 !important } .font-bold { font-weight: 700 } .text-semibold { font-family: Noto Sans, sans-serif; font-size: 10px; line-height: 14px; color: #98a2b3; display: inline-block; vertical-align: text-top; font-weight: 500 } .list-category { display: inline-block; width: 100%; padding: 10px 0 0; margin: 0 } .list-category li { font-family: Chivo, sans-serif; font-weight: 500; display: inline-block; width: 100%; border-bottom: 1px solid #e4e7ec; padding: 20px 0 } .list-category li:last-child { border-bottom: 0 solid #e4e7ec } .list-category li .number { height: 43px; width: 43px; text-align: center; line-height: 43px; color: #006d77; border-radius: 50%; border: 1px solid #e4e7ec; background-color: #e4e7ec; float: right; font-size: 19px } .list-category li a { font-size: 19px; line-height: 30px; color: #667085; display: inline-block; vertical-align: text-top } .list-category li:hover a { color: #006d77 } .list-category li:hover .number { color: #fff; border: 1px solid #006d77; background-color: #006d77 } .box-bdr-2 { box-shadow: 0 45px 80px rgba(0, 0, 0, .04); border: 1px solid #e4e7ec; padding: 30px 35px; border-radius: 16px; background-color: #fff } .box-green { background: #006d77; background-size: contain; padding: 70px 64px } .box-green .text-desc-white { font-size: 18px; line-height: 32px; font-family: Noto Sans, sans-serif; color: #fff } .cb-layout { height: 15px; width: auto; display: inline-block; padding: 0 0 0 20px; color: #b4b4b4; font-size: 12px; line-height: 16px; font-weight: 700 } .grid-category { position: relative; box-shadow: 0 45px 80px rgba(0, 0, 0, .04); border: 1px solid #e4e7ec; padding: 34px 29px; border-radius: 16px; margin-bottom: 30px; background-color: #fff } .grid-category .grid-image-left-category { position: relative; display: flex } .grid-category .grid-image-left-category .category-image { height: 60px; width: 60px; border-radius: 50%; background-color: rgba(11, 123, 63, .2); text-align: center; line-height: 60px; margin-right: 15px } .grid-category .grid-image-left-category .category-image span { height: 60px; width: 60px; display: inline-block } .grid-category .grid-image-left-category .category-image img { display: inline-block; vertical-align: middle } .grid-category .grid-image-left-category .category-info { width: calc(100% - 75px); align-items: center; display: flex } .grid-category .grid-image-left-category .category-info h3 { vertical-align: middle } .grid-category .arrow-down-green { width: 25px } .grid-category:hover { background-color: #006d77; color: #fff; box-shadow: none } .grid-category:hover .category-info h3 { color: #fff } .grid-category.grid-category-small { padding: 20px 30px } .grid-category.grid-category-small .category-image { height: 34px; width: 34px; border-radius: 50%; background-color: rgba(11, 123, 63, .2); text-align: center; line-height: 34px; margin-right: 15px } .grid-category.grid-category-small .category-image img { display: inline-block; vertical-align: middle } .grid-category.grid-category-small .category-image span { height: 34px; width: 34px; display: inline-block } .grid-category.grid-category-small:hover { background-color: #006d77; color: #fff } .grid-category.grid-category-small:hover .category-image { background-color: #158e99 } .grid-category.grid-category-small:hover .category-info h3 { color: #fff } .box-bg-bottom { position: relative; padding: 0 50px 20px } .box-bg-bottom:before { content: ""; top: 70px; bottom: 0; left: 0; right: 0; position: absolute; background-color: #fff3ea; border-radius: 30px } .box-bg-bottom .box-video-homepage6 { padding: 0 35px } .box-slider-3 { background-color: #bee1e6 } .pdl-md { padding-left: 10px } .block-slider-bottom-banner { padding-right: 190px; top: -90px; position: relative; z-index: 12; margin-bottom: -50px } .block-slider-bottom-banner .box-swiper .swiper-button-next { top: 80%; right: -190px } .block-slider-bottom-banner .box-swiper .swiper-button-prev { top: 80%; right: -105px } .swiper-slide-1 { float: left; width: 30% } .swiper-slide-1 .grid-category-style-2 { box-shadow: none } .swiper-slide-1 .grid-category-style-2:hover { background-color: #fff } .swiper-slide-1 .grid-category-style-2:hover .category-info h3 { color: #101828 } .swiper-slide-1 .grid-image-left-category a { display: flex } .swiper-slide-2 { float: left; width: 40% } .swiper-slide-2 .grid-category-style-2 { display: flex; box-shadow: none } .swiper-slide-2 .grid-category-style-2:hover { background-color: #fff } .swiper-slide-2 .grid-category-style-2:hover .category-info h3 { color: #101828 } .swiper-slide-2 .grid-category-style-2 .grid-image-bottom { margin-top: 0 } .swiper-slide-2 .grid-category-style-2 .grid-image-left-category { width: 55%; padding-right: 15px } .swiper-slide-2 .grid-category-style-2 .grid-image-left-category a { display: inline-block } .swiper-slide-2 .grid-category-style-2 .grid-image-left-category .category-info { display: inline-block; width: 100% } .swiper-slide-2 .grid-category-style-2 .grid-image-bottom { width: 45% } .grid-category-style-2 { padding: 20px 20px 15px } .grid-category-style-2 .grid-image-bottom { margin: 20px 0 0 } .grid-category-style-2 .grid-image-bottom img { border-radius: 16px } .icon-arrow-right-thin { display: inline-block; height: 15px; width: 30px; margin: 20px 0 0 } .pr-mb-70 { padding-right: 70px } .list-social-banner { position: relative; padding: 6px 0 0 100px; margin: 30px 0 0 } .list-social-banner .social-banner { display: inline-block; height: 26px; width: 26px; margin-right: 7px } .list-social-banner:before { content: ""; height: 1px; background-color: #98a2b3; width: 85px; position: absolute; top: 50%; transform: translateY(-50%); left: 0 } .block-img-we-do .block-control { position: absolute; bottom: -40px; right: 10px; width: 190px } .block-img-we-do .block-control img { box-shadow: 0 47px 65px rgba(21, 28, 38, .1); border-radius: 16px } .block-img-we-do .block-card { position: absolute; top: 40px; left: -20px; width: 250px } .block-img-we-do .block-card img { box-shadow: 0 47px 65px rgba(21, 28, 38, .1); border-radius: 16px } .img-small { max-width: 80% } .list-category-homepage7 .row { margin: 0 -30px } .list-category-homepage7 .col-xl-6 { padding-left: 30px; padding-right: 30px } .page-homepage7-bg { position: relative; z-index: -1; height: 100%; width: 100%; top: 0 } .page-homepage7-bg:before { left: 0; top: -100px } .page-homepage7-bg:after, .page-homepage7-bg:before { content: ""; position: absolute; background-size: contain; height: 1000px; width: 100% } .page-homepage7-bg:after { right: 0; top: 55% } .img-bottom, .img-bottom .inner-image { display: flex; align-items: flex-end } .list-search-popular { padding: 0; margin: 25px 0 0 } .list-search-popular li { display: inline-block; margin-right: 15px; margin-bottom: 15px } .list-search-popular li a { color: #667085; text-decoration: none; font-size: 14px; line-height: 14px; font-weight: 700 } .page-homepage8 .header { background: #fff; z-index: 12; border-bottom: 1px solid #e4e7ec } .page-homepage8 .main { position: relative; z-index: 3 } .page-homepage8:before { content: ""; position: absolute; left: 0; top: 0; background-size: contain; height: 600px; width: 100%; z-index: 1 } .list-icons-round .item-icon { position: relative; padding: 0 0 40px 90px; margin-bottom: 40px; border-bottom: 2px solid #e4e7ec } .list-icons-round .item-icon.none-bd { border-bottom: 0; padding: 0 0 20px 90px; margin-bottom: 20px } .list-icons-round .item-icon .icon-left { position: absolute; top: 0; left: 0; width: 64px; height: 64px; border-radius: 50%; box-shadow: 14px 14px 36px hsla(0, 0%, 60%, .22); line-height: 64px; text-align: center } .list-icons-round .item-icon .icon-left img { display: inline-block; vertical-align: middle } .bd-bottom { border-bottom: 1px solid #d0d5dd } .social-bottom { padding-top: 15px } .social-bottom a { text-decoration: none } .social-bottom .icon-socials { display: inline-block; margin-right: 5px; height: 27px; width: 27px; transition-duration: .2s; background-size: 27px 27px !important } .social-bottom .icon-socials:hover { transform: translateY(-3px); transition-duration: .2s } .list-steps { display: inline-block; width: 100%; text-align: center } .list-steps li { display: inline-block; width: 33%; padding-right: 110px; padding-bottom: 90px; margin-bottom: 10px; vertical-align: top; position: relative } .list-steps li.icon-asset1:before, .list-steps li.icon-asset2:before { content: ""; height: 30px; width: 77px; position: absolute; top: 110px; right: 15px } .list-steps li.icon-asset3:before { content: ""; height: 72px; width: 60px; position: absolute; bottom: 0; right: 0; left: 0; margin: auto } .list-steps li.icon-asset4:before { content: ""; height: 14px; width: 77px; position: absolute; top: 110px; right: 15px } .list-steps li .block-step { background-color: #fff3ea; padding: 38px 30px 30px; border-radius: 8px } .list-steps li .block-step p.text-body-text { height: 50px; overflow: hidden } .text-inter-lg { font-family: Chivo, sans-serif; font-weight: 400; font-size: 18px; line-height: 28px; color: D1DAE4 } .block-gallery-1 img { border-radius: 8px } .block-pl { padding-left: 80px } .box-gray-100 .icon-wave:before { top: -60px; right: -20px } .list-5-col { display: flex } .list-5-col li { width: 20% } .list-icons .item-icon.none-bd { margin-bottom: 40px } .none-pattern:before { display: none } .page-pricing-2 { background-size: 100% auto } .icon-question-2, .tick-green { display: inline-block; width: 23px; vertical-align: middle; height: 22px } .icon-question-2 { margin: 0 3px } .text-bd-round { margin: 0 3x; border-radius: 81px; color: #98a2b3; border: 1px solid #818b98; display: inline-block; padding: 0 6px 1px; vertical-align: middle } .table-pricing { font-size: 16px; line-height: 28px; color: #101828; font-family: Noto Sans, sans-serif; font-weight: 400; text-align: center } .table-pricing tr td { padding: 14px 18px } .table-pricing tr td:first-child { text-align: left } .table-mw-700 { min-width: 700px } .page-faqs-1 { background-size: auto } .block-tags { position: absolute; top: 17px; right: 150px } .block-tags a { background-color: #f2f4f7; display: inline-block; padding: 10px 45px 10px 25px; border-radius: 10px; position: relative } .block-tags a .icon-close { position: absolute; top: 14px; right: 15px; height: 20px; width: 20px } .list-icons-2 { display: inline-block; padding: 0 0 0 40px } .list-icons-2>li { width: 50%; float: left; padding-right: 40px; padding-left: 50px; margin-bottom: 20px; padding-top: 6px } .list-icons-2>li ul { list-style: disc; color: #667085; padding-left: 20px } .images-lists { width: 100%; padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem); margin-right: auto; margin-left: auto; position: relative } .images-lists:before { content: ""; position: absolute; bottom: 0; left: 0; height: 65%; z-index: 1; width: 100%; background-color: #fff } .images-lists .col-lg-2, .images-lists .col-lg-4 { position: relative } .images-lists img { border-radius: 16px; position: relative; z-index: 2 } .images-lists .img-1 { position: relative; top: -90px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .images-lists .img-2 { position: relative; bottom: -110px } .images-lists .img-4 { position: relative; bottom: -150px } .images-lists .img-5 { position: relative; bottom: -10px; border-top-right-radius: 0; border-bottom-right-radius: 0 } .form-group { position: relative } .link-edit { position: absolute; top: 50%; right: 15px; transform: translateY(-50%) } .box-login { width: 100%; padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem); margin-right: auto; margin-left: auto; position: relative } .box-login img { vertical-align: top } .box-login .box-login-form { max-width: 510px; width: 100%; margin: auto } .box-login .login-right { padding-bottom: 120px } @media (min-width:1400px) { .login-left { width: 55% } .login-right { width: 45% } } .page-blog-1 { background-size: 100% auto } .slider-news { padding: 0 100px; position: relative } .block-news { display: inline-block; width: 100%; padding: 0 30px 25px 0; position: relative } .block-news:before { content: ""; z-index: 1; border-radius: 16px; background-color: #fff3ea; position: absolute; top: 20px; right: 0; left: 20px; bottom: 0 } .block-news .item-news { background: #fff; display: inline-block; width: 100%; border-radius: 16px; overflow: hidden; line-height: 0px; position: relative; z-index: 2 } .block-news .item-news .img-news { overflow: hidden } .block-news .item-news .img-news img { height: 100%; max-width: 130% } .block-news .right-news { padding: 40px 30px 0 } .block-news .text-desc-fix-h { max-height: 85px; overflow: hidden } .swiper-button-next-5 { left: auto; right: 0; height: 65px; width: 65px; transform: translateY(-50%) } .swiper-button-next-5:after { display: none } .swiper-button-prev-5 { right: auto; left: 0; height: 65px; width: 65px; transform: translateY(-50%) } .swiper-button-prev-5:after { display: none } .blog-img-user { position: relative; padding: 7px 0 0 70px; margin-top: 32px; min-height: 60px } .blog-img-user .img-user-round { position: absolute; top: 0; left: 0; width: 56px } .blog-img-user .img-user-round img { border-radius: 50%; height: 56px; width: 56px } .blog-img-user .text-heading-6 { margin-bottom: 3px } .card-list-style-1 .blog-img-user { padding: 0 0 0 1px; margin-top: 15px } .card-list-style-1 .blog-img-user .img-user-round { position: absolute; top: 0; left: 0; width: 41px } .card-list-style-1 .blog-img-user .img-user-round img { border-radius: 50%; height: 41px; width: 41px } .text-summary { font-weight: 700 } .single-detail p, .text-summary { font-family: Noto Sans, sans-serif; font-size: 18px; line-height: 32px; color: #667085 } .single-detail p { margin-bottom: 15px; font-weight: 400 } .single-detail img { border-radius: 16px } .single-detail h1, .single-detail h2, .single-detail h3, .single-detail h4, .single-detail h5, .single-detail h6 { margin: 0 0 20px; font-weight: 700; color: #101828 } .single-detail h6 { font-size: 18px } .social-sticky { position: -webkit-sticky; position: sticky; top: 70px } .box-comments { padding: 60px 0 0 } .box-comments, .box-comments ul li { display: inline-block; width: 100% } .box-comments ul li .item-comment { display: inline-block; width: 100%; padding: 0 0 0 250px; position: relative; margin-bottom: 40px } .box-comments ul li .item-comment .blog-img-user { position: absolute; top: 0; left: 0; margin-top: 0 } .box-comments ul li ul { padding-left: 56px } .box-comments .text-comment { border-radius: 0 16px 16px 16px; background-color: #f2f4f7; color: #101828; padding: 20px } .bdr-10 { border-radius: 10px } .box-quote { border-radius: 20px; padding: 45px; background-color: #006d77; color: #fff; margin: 50px 0 } .box-quote .text-quote { padding: 75px 0 0; font-size: 32px; line-height: 48px; font-family: Chivo, sans-serif; font-weight: 400; text-align: center } .box-user { text-align: center; position: relative; margin: 35px 0 20px } .box-user .img-user { display: inline-block; width: 55px; margin-right: 10px; vertical-align: middle } .box-user .img-user img { border-radius: 50% } .text-top { vertical-align: top } .share-social { display: inline-block; height: 30px; width: 30px; background-position: 50%; background-repeat: no-repeat } .category-grid-3 { border: 1px solid #e4e7ec; padding: 25px 5px; border-radius: 16px; margin-bottom: 30px; text-align: center } .category-grid-3:hover { border-color: #bee1e6; box-shadow: 0 45px 80px rgba(0, 0, 0, .04) } .category-grid-3 .category-img { margin: 0 0 15px } .filters-products { background-color: #f2f4f7; border-radius: 8px; padding: 20px } .fitler-info { width: 50%; text-align: right } .number-info { width: 50% } .bdr-18 { border-radius: 18px } .box-green-2 { background-repeat: no-repeat; background-position: 100% 100%; background-size: auto 340px; position: relative } .box-green-2 .block-1 { position: absolute; top: 10%; left: 50%; width: 210px } .box-green-2 .block-2 { position: absolute; top: 72%; left: 43%; width: 240px } .dropdown-sort { line-height: 21px; display: inline-block; vertical-align: middle } .dropdown-sort .dropdown-toggle { padding: 0; outline: none; font-size: 14px; font-weight: 400; color: #006d77 } .dropdown-sort .dropdown-toggle i { color: #88929b; float: right; margin: 0 7px 0 0; font-size: 20px } .dropdown-sort .dropdown-toggle:after { border: 0 } .dropdown .dropdown-menu.show { border: thin solid #ececec; box-shadow: 0 9px 26px 0 rgba(31, 31, 51, .06); background-color: #fff; border-radius: 10px; padding: 0 } .dropdown .dropdown-menu.show .dropdown-item { padding: 10px 20px; font-size: 14px } .dropdown .dropdown-menu.show .dropdown-item.active { color: #006d77; text-decoration: none; background-color: #afeae4 } .icon-layout, .icon-sort { padding: 0 0 0 22px; display: inline-block } .paginations { margin: 30px 0 50px } .paginations .pager { padding: 0 } .paginations .pager li { display: inline-block; vertical-align: middle } .paginations .pager li a { display: block; padding: 10px 8px; margin: 0 5px; font-weight: 700; font-family: Chivo, sans-serif; color: #667085; line-height: 30px; text-decoration: none; position: relative; font-size: 18px; border-radius: 50%; height: 50px; width: 50px; text-align: center; background-color: #e4e7ec } .paginations .pager li a:hover { background-color: #006d77; color: #fff } .product-item-2:hover { border-color: #bee1e6 } .sidebar { border: 1px solid #e4e7ec; border-radius: 16px; padding: 25px; margin-bottom: 50px } .sidebar .widget-title { border-bottom: 1px solid #e4e7ec; padding-bottom: 20px } .list-type { padding: 0; margin: 20px 0; list-style: none; display: inline-block; width: 100% } .list-type li { margin: 0 0 20px } .list-type li label { margin-bottom: 0; width: 100%; line-height: 20px } .list-type li label input { float: left; margin: 8px 10px 0 0 } .text-heading-7 { font-family: Noto Sans, sans-serif; font-weight: 700; font-size: 14px; line-height: 18px; color: #101828 } .product-item-4 { border: 0; box-shadow: none !important; padding: 0 } .product-item-4 .product-image { float: left; width: 65px; height: auto; min-height: auto; line-height: 20px } .product-item-4 .product-image img { max-width: 100% } .product-item-4 .product-info { display: block; padding: 0 0 0 80px } .product-item-4 .product-info .box-prices { width: 100% } .list-products-sidebar { list-style: none; padding: 15px 0 0; margin: 0 } .list-products-sidebar li { display: inline-block; width: 100%; padding: 0 } .list-products-sidebar li:last-child .product-item-4 { margin-bottom: 0 } .sidebar-gray { background-color: #f2f4f7; border: 0 } .text-email { width: 100%; padding: 14px 10px 12px 45px; border-radius: 8px; border: 0 } .btn-green-small { padding: 12px 28px } .btn-green-small:hover { background-image: none !important } .circle-round { display: inline-block; height: 20px; width: 20px; background-color: #006d77; border-radius: 50%; vertical-align: middle; margin-right: 7px } .color-danger { background-color: #ef476f } .color-success { background-color: #06d6a0 } .color-primary { background-color: #508fda } .color-black { background-color: #101828 } .color-warning { background-color: #ffd166 } .btn-filter { background-color: #bee1e6; padding: 14px 30px 13px 55px; border-radius: 0; background-position: 30px; background-repeat: no-repeat; font-size: 18px; line-height: 22px; font-weight: 700; font-family: Chivo, sans-serif; color: #006d77 } .btn-filter:hover { background-color: #d1ecfd } .d-inline-block { display: inline-block; vertical-align: middle } .dr-ltr { direction: ltr } .dr-rtl { direction: rtl } .banner-ads { position: relative; display: inline-block; width: 100%; padding: 60px 15px; border-radius: 6px; background-size: cover } .banner-ads .text-head-ads { font-size: 39px; line-height: 42px; font-weight: 700; font-family: Noto Sans, sans-serif; color: #006d77 } .banner-ads .desc-ads { font-size: 16px; line-height: 20px; color: #667085; font-family: Noto Sans, sans-serif } .banner-ads .box-banner-ads { display: table; margin: auto; max-width: 510px } .table-of-content h6 { font-weight: 700 } .table-of-content ul li { padding: 5px 0 } .table-of-content ul li a { color: #667085; transition-duration: .2s } .table-of-content ul li a:hover { color: #006d77; transition-duration: .2s; padding-left: 5px } .bdr-16 { border-radius: 16px } .nav-breadcrums { width: 100%; position: relative; padding: 10px 0 } .nav-breadcrums .breadcrumb { margin-bottom: 0 } .nav-breadcrums .breadcrumb ul { display: inline-block; width: 100% } .nav-breadcrums .breadcrumb ul li { float: left; padding: 0 0 0 30px } .nav-breadcrums .breadcrumb ul li a { color: #667085; font-size: 14px; line-height: 19px } .nav-breadcrums .breadcrumb ul li a:hover { color: #006d77 } .detail-gallery { position: relative } .icon-plus { position: absolute; top: 15px; right: 15px; height: 29px; width: 29px; background-size: 26px; z-index: 2 } .product-image-slider { background-color: #fff; margin-bottom: 30px; border-radius: 15px; border: 1px solid #ececec; overflow: hidden; min-height: 710px; line-height: 710px; display: flex; align-items: center } .product-image-slider .slick-slide img { max-width: 99%; display: block; margin: auto } .slider-nav-thumbnails { position: relative; display: block; position: absolute; top: -30px; left: 0; width: 178px } .slider-nav-thumbnails .slick-slide { height: 200px; border: 1px solid #e4e7ec; border-radius: 16px; margin-top: 30px; text-align: center; line-height: 200px } .slider-nav-thumbnails .slick-slide img { display: inline-block; height: auto; max-width: 90%; vertical-align: middle; max-height: 90% } .slider-nav-thumbnails .slick-slide:hover { border: 1px solid #afeae4; cursor: pointer } .slider-nav-thumbnails .slick-prev { right: 40px } .slider-nav-thumbnails .slick-next, .slider-nav-thumbnails .slick-prev { position: absolute; bottom: -57px; z-index: 1245; height: 45px; width: 45px; border: 0 } .slider-nav-thumbnails .slick-next { left: 40px } .slider-nav-thumbnails .slick-slide.slick-current { border: 1px solid #afeae4; cursor: pointer; cursor: default } .box-rate-product { text-align: right; width: 50% } .box-rate-product .box-rating span { display: inline-block; margin-right: 5px } .box-category-product { width: 50% } .tag-category { font-size: 12px; line-height: 16px; color: #667085; font-weight: 700; font-family: Noto Sans, sans-serif } .box-price { display: inline-block; width: 100%; margin: 30px 0 20px } .box-price .price { font-size: 35px; line-height: 38px; color: #004b52 } .box-price .price, .box-price .price-old { font-weight: 700; font-family: Chivo, sans-serif; margin-right: 15px } .box-price .price-old { color: #667085; font-size: 28px; line-height: 32px; text-decoration: line-through } .text-stock { font-size: 16px; line-height: 28px; color: #667085; font-weight: 400; font-family: Noto Sans, sans-serif } .font-bold { font-weight: 700 !important } .product-description { padding: 0; display: table; table-layout: fixed; margin: auto; max-width: 900px; width: 100% } .product-description .tab-content ul { padding: 0 0 0 20px; list-style: disc; color: #667085; margin: 20px 0 } .product-description .tab-content ul li { padding-left: 5px } .product-description .tab-content .contact-infor { font-size: 15px; color: #253d4e; list-style: none; padding: 0 } .btn.btn-tab { padding: 15px 32px; border-color: #e4e7ec; color: #667085; background-color: #fff; margin-right: 20px; margin-bottom: 15px } .btn.btn-tab.active, .btn.btn-tab:hover { color: #004b52 !important; background-color: #fff; border-color: #afeae4 } .item-cat { display: inline-block; margin-right: 20px } .galleries { padding: 0 0 0 210px; position: relative } .slick-initialized .slick-slide { text-align: center } .product-info { display: inline-block; padding: 0 0 0 20px } .title-question { font-size: 18px; color: #667085; line-height: 28px } .product-rate { background-position: 0 -12px; width: 60px; transition: all .5s ease-out 0s; -webkit-transition: all .5s ease-out 0s } .product-rate, .product-rating { background-repeat: repeat-x; height: 12px } .product-rating { background-position: 0 0 } .progress span { line-height: 16px; background: #fff; padding-right: 10px; width: 45px } .progress+.progress { margin-top: 1rem } .progress-bar { background-color: #006d77 } .comments-area h6 { font-size: 16px; color: #253d4e; font-weight: 700; line-height: 1.2 } .comments-area .comment-list:last-child { padding-bottom: 0 } .comments-area .comment-list .single-comment { margin: 0 0 15px; border: 1px solid #f2f2f2; border-radius: 15px; padding: 20px; transition: .2s } .comments-area .comment-list .single-comment:not(:last-child) { border-bottom: 1px solid #ececec } .comments-area .comment-list .single-comment img { min-width: 80px; max-width: 80px } .comments-area .comment-list .single-comment .reply { opacity: 0; transition: .2s; color: #06d6a0 } .comments-area .comment-list .single-comment .reply:hover { color: #006d77 } .comments-area .comment-list .single-comment:hover .reply { opacity: 1; transition: .2s } .comments-area .thumb { margin-right: 20px } .comments-area .thumb img { width: 70px; border-radius: 50% } .vendor-logo h6 { font-size: 16px; color: #253d4e; font-weight: 700; line-height: 1.2 } .justify-content-between { justify-content: space-between !important } .d-flex { display: flex !important } .comments-area .text-muted { color: #667085 !important } .comments-area .text-brand { color: #006d77 !important; line-height: 1.2 } .comments-area .font-xs { font-size: 13px } .comments-area .font-heading { font-weight: 700 } .contact-infor li { color: #253d4e } .contact-infor li:not(:last-child) { margin-bottom: 10px } .contact-infor li img { margin-right: 8px; max-width: 16px } strong { font-weight: 700 } .tab-pane .table { width: 100%; margin-bottom: 1.5rem; border-collapse: collapse; vertical-align: middle; font-size: 16px; border-spacing: 0 } .tab-pane .table td, .tab-pane .table th { padding: 10px 20px; border: 1px solid #ececec; vertical-align: middle; color: #667085; font-weight: 400 } .box-countdown { display: flex; border-bottom: 1px solid #e4e7ec; margin-bottom: 45px; padding-bottom: 30px } .text-hurry { font-size: 18px; line-height: 22px; color: #004b52; font-weight: 700; font-family: Chivo, sans-serif } .process-bar-line { margin-top: 10px; display: inline-block; width: 100%; border-radius: 10px; background-color: #e4e7ec; height: 11px; position: relative } .box-processbar { width: 35% } .process-bar-inner { width: 100%; border-radius: 10px; background-color: #e4e7ec; height: 11px; background-color: #ef476f; width: 50% } .detail-extralink .detail-qty, .process-bar-inner { display: inline-block; position: relative; vertical-align: top } .detail-extralink .detail-qty { margin: 0 6px 15px 0; background: #fff; border: 1px solid #afeae4 !important; font-size: 16px; font-weight: 700; color: #06d6a0; border-radius: 5px; padding: 11px 20px 11px 30px; max-width: 110px; width: 100% } .detail-extralink>div { display: inline-block; vertical-align: top } .detail-qty>a { font-size: 16px; position: absolute; right: 8px; color: #06d6a0; height: 20px; width: 20px } input.qty-val { border: 0; border-radius: 0; height: unset; padding: 0 !important; width: 100%; font-weight: 700; font-size: 20px; color: #004b52 } .product-extra-link2 .button.button-add-to-cart { position: relative; padding: 0 20px; border-radius: 5px; height: 50px; line-height: 50px; font-weight: 700; font-size: 16px; color: #006d77; display: inline-block; background-color: #afeae4; border: 1px solid #afeae4 } .product-extra-link2 .button.button-add-to-cart:hover { background-color: #fff; border: 1px solid #afeae4 } .product-extra-link2 .button.button-add-to-cart img { float: left; margin: 17px 10px 0 0 } .product-extra-link2 a { background: #fff none repeat scroll 0 0; border: 1px solid #afeae4; color: #333; border-radius: 5px; display: inline-block; height: 50px; line-height: 55px; position: relative; text-align: center; vertical-align: top; width: 50px; margin: 0 5px; transition: all .5s ease-out 0s; -webkit-transition: all .5s ease-out 0s } .product-extra-link2 a:hover { background-color: #afeae4 } .product-extra-link2 a i { font-size: 18px; opacity: .6 } .box-count { width: 65%; display: flex } .deals-countdown { display: flex; width: 100%; position: relative; right: -20px } .countdown-section { position: relative; width: 25%; padding: 0 20px 0 0; color: #667085 } .countdown-section:before { content: ""; position: absolute; top: 32%; margin-top: -5px; width: 3px; right: 8px; height: 12px } .countdown-section:last-child:before { display: none } .countdown-section:first-child { margin-left: 20px } .countdown-amount { border: 1px solid #e4e7ec; border-radius: 4px; display: inline-block; width: 100%; padding: 20px 10px; text-align: center; color: #004b52; font-size: 22px; line-height: 24px; font-weight: 700; font-family: Chivo, sans-serif } .countdown-period { display: block; text-align: center; font-size: 10px; line-height: 14px; font-weight: 600; font-family: Noto Sans, sans-serif; margin-top: 4px } .zoomContainer, .zoomWindow { z-index: 99 } @media only screen and (max-width:1024px) { h1 { font-size: 3rem !important; line-height: 3.8rem !important } .videoBgTesting { position: absolute } .banner-hero.bg-about-1 { padding-left: 0; padding-bottom: 22%; padding-top: 5% !important; position: unset !important; padding-right: 0; width: 50% } .card .card-bottom img { padding-left: 46px } .CEO-section h3 { margin-top: 50px } .CEO-section .designation { margin-bottom: 0 } .footer-content-mobile { padding-right: 20px !important } } @media only screen and (max-width:1368px) { .slider-nav-thumbnails { width: 135px } .slider-nav-thumbnails .slick-next { left: 20px } .slider-nav-thumbnails .slick-prev { right: 20px } .galleries { padding: 0 0 0 165px } .blog-section .blogimg { height: 200px !important } } @media only screen and (max-width:992px) { .product-info { padding-left: 0 } } @media only screen and (max-width:768px) { .our-company h2 { color: #000 !important } } @media only screen and (max-width:480px) { .detail-extralink .detail-qty { max-width: 90px } .box-countdown { display: inline-block; width: 100% } .box-processbar { width: 100% } .box-count { width: 100%; margin-top: 20px } .countdown-section:first-child { margin-left: 0 } .deals-countdown { right: -5px } .slider-nav-thumbnails .slick-next { right: 0 } .slider-nav-thumbnails .slick-prev { left: 0 } .slider-nav-thumbnails .slick-slide { height: 130px; line-height: 130px } } @media only screen and (max-width:400px) { .product-item-1 .product-info { padding: 20px 0 20px 110px } .product-item-1 .product-image { width: 90px } } @media (min-width:1400px) { .block-we-do { padding-left: 40px } .block-img-we-do { padding-right: 30px } } @media (max-width:1399.98px) { .custom-class { display: block } .banner-hero.banner-2 .block-2 { right: -10px } } @media (max-width:1199.98px) { .custom-class { display: block } .box-newsletter .block-chart { bottom: -60px; left: 10px; max-width: 215px; height: 164px } .list-steps li { padding-right: 30px } .list-steps li.icon-asset1:before, .list-steps li.icon-asset2:before, .list-steps li.icon-asset4:before { height: 30px; width: 30px; right: 0 } .block-pl { padding-left: 30px } .block-pl .mt-20 { margin-top: 0 !important } .block-news .right-news { padding: 40px 30px } .block-pricing-3 .block-pricing-left { margin-bottom: 30px } } @media (max-width:991.98px) { .list-partners li { width: 28% } .videoBgTesting { width: 150% !important } .panel-box, .panel-box img { max-height: unset } .block-video .btn-play-video { left: 50%; margin-left: -68px } .text-display-2 { font-size: 64px; line-height: 70px } .pattern-white { padding-left: 30px; padding-right: 30px } .card-grid-style-2 { padding: 24px 20px } .pt-xs-30 { padding-top: 30px } .block-img-we-do { margin-bottom: 30px } .banner-hero { max-width: 100%; padding: 60px 0 } .banner-hero.banner-3 { padding-top: 50px } .header .main-header .header-right { max-width: 265px } .header .main-header .header-right .block-signin .btn.btn-default { padding: 12px 55px 12px 20px; font-size: 16px } .box-newsletter .img-newsletter { position: relative; bottom: 0; max-width: 100% } .box-newsletter { padding: 37px 30px 36px } .box-newsletter .block-chart { bottom: -10px; left: 0; max-width: 225px } .burger-icon, .sticky-bar.stick .burger-icon { top: 25px } .text-heading-1 { font-size: 19px } .block-img-we-do .block-chart { bottom: -30px; right: -10px } .block-we-do .inner-image { position: relative } .block-we-do .inner-image .block-image-bottom { bottom: -80px; right: -30px } .block-we-do-2 { padding-left: 15px } .box-square { height: auto; margin-bottom: 30px } .box-gray-100 { padding: 40px } .banner-hero.bg-about-1 { padding-top: 12% !important; align-items: start } .footer .width-16, .footer .width-20 { width: 50% } .list-steps li { padding-left: 8px; padding-right: 8px; width: 49%; padding-bottom: 15px } .list-steps li:before { display: none } .block-pl { padding-left: 0 } .block-pl .mt-20 { margin-top: 20px !important } .text-display-3 { font-size: 2.7rem !important; line-height: 4rem !important } .mb-mobile { margin-bottom: 0 !important } .list-5-col { display: inline-block; width: 100%; text-align: center } .list-5-col li { width: 33%; display: inline-block; margin-bottom: 30px; vertical-align: top } .page-service-2 { background-size: auto 650px } .banner-hero.bg-service-2 { padding-top: 20px } .images-lists img { margin-bottom: 25px } .images-lists .img-1 { top: -40px } .images-lists .img-2 { bottom: -50px } .images-lists .img-4 { bottom: -60px } .images-lists .img-5 { bottom: 0 } .box-login .login-right { padding-bottom: 90px } .box-login .login-left { min-height: 550px } .page-blog-1 { background-size: auto 550px } .mt-md-0 { margin-top: 0 !important } .pl-lg-15 { padding-left: 15px !important } .LandHeader { padding-top: 5px; padding-left: 5%; padding-right: 5% } h2.section-title { font-size: 48px } .nav.nav-right { margin-top: 30px } .mt-lg-30 { margin-top: 30px !important } } @media (max-width:767.98px) { .w-50 { width: 100% !important } .footer .footerHeading { margin: auto !important } .banner-hero.bg-about-1 { padding-top: 12% !important } .section-box { padding-bottom: 0 } .footerContactUs { padding: 3% !important; text-align: center; justify-content: center !important } .icon-wave:before { content: none } .box-optimized { padding: 40px } .text-display-2 { font-size: 50px; line-height: 58px } .footer .width-16, .footer .width-20 { width: 100% } .block-video .btn-paly-video { left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%) } .pattern-white { padding-left: 15px; padding-right: 15px } .btn.btn-select { padding: 10px 20px; font-size: 14px; line-height: 18px } .burger-icon { top: 25px; display: block } .sticky-bar.stick .burger-icon { top: 17px } .block-img-we-do .block-chart { right: -5px } .block-we-do .inner-image .block-image-bottom { right: -20px } .list-partners li { width: 24% } .text-mb-center { text-align: center !important } .page-faqs-1 { background-size: auto 560px } .box-login .login-left { min-height: 450px } .box-comments ul li .item-comment { padding: 65px 0 0 } .slider-news { padding: 0 } .swiper-button-next-5, .swiper-button-prev-5 { display: none !important } .section-title-large { font-size: 42px } .banner-hero .block-banner { padding: 0 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top { padding: 15px 30px 13px; border-bottom: 1px solid #101828 } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img { width: 140px } .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area { padding: 30px } .nav.nav-right { margin-top: 30px } .box-head-single h3 { font-size: 36px; line-height: 1.2 } .social-share { margin-top: 25px } .social-share .btn-sm { padding: 10px 15px; vertical-align: middle } .job-overview { padding: 25px !important } .text-mb-sm-20 { margin: 0 0 20px !important; display: block } .footer .footer-bottom { padding: 0 10px !important } .text-body-lead-large { padding-right: 0 !important } .text-body-text { text-align: center } .card-grid-style-3 .text-desc { height: 230px } .text-heading-5 { text-align: center } .footer { margin-top: 50px !important } .video-height { height: 730px } .video { width: 100%; height: 100%; position: relative } .banner-hero { padding-top: 0 !important; padding-bottom: 0 !important; height: auto !important; width: 100% !important } .hero-mobile-video { display: flex; flex-direction: column; flex-wrap: nowrap } .hero-video { order: 2 } .banner-hero { order: 1 } .text-display-33 { line-height: 55px } .text-body-lead-large-1 { line-height: 30px; padding-bottom: 50px } .content-data { text-align: center } .banner-11 { height: auto; padding-top: 50px; padding-bottom: 50px } .company-section .content-data h1 { line-height: 60px } .footer-content-2 { text-align: left } .contact-us-topic { line-height: 60px } .CEO-section h3 { margin-right: 0 } .banner-2 { margin-top: 0 !important; padding-top: 0 !important } .LandHeader { border: none } .banner-2-order { display: flex } } @media (max-width:575.98px) { .header, .header.stick { padding: 15px 0 } .text-display-2 { font-size: 40px; line-height: 48px } .text-heading-2 { font-size: 28px; line-height: 32px } .text-heading-4 { font-size: 20px; line-height: 26px } .text-body-lead-large { font-size: 20px; line-height: 28px } .box-optimized { padding: 20px } .block-we-do .inner-image .block-image-bottom { bottom: -50px; right: -5px } .list-partners li { width: 32%; padding: 0 } .list-partners li a { padding: 10px 15px } .text-display-3 { font-size: 35px; line-height: 42px } .banner-2 .pr-40 { padding-right: 0 !important } .banner-2 .ml-40 { margin-top: 15px } .banner-2 .ml-40, .bg-service-1 .ml-40 { margin-left: 10px !important } .btn-mb { margin-left: 0 !important } .box-image .btn-play-middle { width: 70px; height: 70px; background-size: 70px } .btn { padding: 15px 22px } .btn.icon-arrow-left { padding-left: 50px } .icon-arrow-right, .icon-arrow-right-white { padding-right: 45px; background-position: center right 20px } .list-icons .item-icon.none-bd { margin-bottom: 20px } .page-service-2 { background-size: auto 550px } .images-lists img { margin-bottom: 25px } .images-lists .img-1 { top: auto } .images-lists .img-2, .images-lists .img-4, .images-lists .img-5 { bottom: auto } .box-login .login-left { min-height: 400px } .box-quote { padding: 25px 15px } .box-quote .text-quote { font-size: 18px; line-height: 32px } .text-heading-5 { font-size: 18px } .text-heading-3 { font-size: 25px; line-height: 30px } .single-detail p { font-size: 16px; line-height: 30px } .form-comment .text-end { text-align: center !important } .section-box.mt-100, .section-box.mt-40, .section-box.mt-70, .section-box.mt-80 { margin-top: 30px !important } .header.sticky-bar .col-lg-7 .burger-icon { right: 15px } .banner-hero.hero-1 h1 { font-size: 38px } .banner-hero .block-banner .form-find { padding: 15px; margin-top: 40px !important } .banner-hero .block-banner .form-find form { display: block } .banner-hero .block-banner .form-find form input { margin-bottom: 15px } .banner-hero .block-banner .form-find form button { margin-top: 15px } .swiper-button-next, .swiper-button-prev { display: none } h2.section-title { font-size: 32px; line-height: 48px } .mt-sm-15 { margin-top: 15px !important } .mt-sm-30 { margin-top: 30px !important } .pt-sm-15 { padding-top: 15px } .swiper-group-6 { max-height: 140px } .box-swiper .swiper-container .item-logo { box-shadow: none } .list-partners li { padding: 15px } .box-newsletter { padding: 50px 15px } .box-newsletter .text-md-newsletter { font-size: 22px; line-height: 28px } .box-newsletter .text-lg-newsletter { font-size: 32px } .box-newsletter form { display: block } .footer .col-xs-6 { width: 50% } .footer ul.mt-40 { margin-top: 15px !important; margin-bottom: 20px !important } .footer .footer-social { margin-top: 15px; margin-left: -10px } .nav-right li { margin-bottom: 15px } .archive-header h3 { font-size: 32px; line-height: 1.2 } .contact-footer-social img { padding-right: 10px } .social h4 { font-family: Raleway; font-style: normal; font-weight: 700; font-size: 32px; line-height: 38px; letter-spacing: .01em; color: #000 } } @media (max-width:449.98px) { .list-steps li { padding-left: 0; padding-right: 0; width: 100% } .list-5-col li { width: 49% } .page-service-2 { background-size: auto 650px } .box-signup .box-form-signup { padding: 20px; margin-bottom: 120px !important } .box-line-throught { padding: 0 30px } .box-line-throught:after, .box-line-throught:before { width: 26px } .box-login .login-left { min-height: 300px } .box-login-form .box-signup .box-form-signup { margin-bottom: 0 !important } .tag-mb .tag-1 { padding: 10px 15px; font-size: 12px; line-height: 14px } .block-pricing-3 { padding: 15px } .block-pricing-3 .block-pricing-left { margin-bottom: 30px; padding: 40px 20px } .block-pricing-3 .block-price-item { padding-left: 70px; padding-right: 10px } .block-pricing-3 .block-price-item .checkbox { left: 20px } .block-pricing-3 .block-price-item .box-info-price { position: relative; top: auto; transform: none; right: auto; margin-top: 10px } } @media (min-width:1400px) { .container.wide { max-width: 1544px } .box-login-form .box-signup { margin: 0 } } @media (min-width:1200px) { .mb-lg-100 { margin-bottom: 100px } .mt-lg-100 { margin-top: 100px } } .hubName { color: #f1634c } .innerMainTitle { font-family: Raleway; font-style: normal; font-weight: 700; font-size: 42px; line-height: 66px; align-items: center; letter-spacing: .01em; color: #1b2651 } .innerRedTitle { color: #cd2028 } .innerMainBg { background: url(/_next/static/media/innerPageBannerBg.7762a9b8.png)no-repeat 50%; content: ""; background-position: absolute; top: 0; right: 0; background-size: cover } .innerBannerPara { padding-top: 20px; font-family: Roboto; font-style: normal; font-weight: 300; font-size: 20px; line-height: 40px; color: #1d1d1f } .title-3 { font-family: Raleway; font-style: normal; font-weight: 700; font-size: 42px; line-height: 66px; display: flex; align-items: center; letter-spacing: .01em } #Companypathsection { background: url(/_next/static/media/CompanyPathBG.51472853.png)no-repeat 50%; content: ""; background-position: absolute; top: 0; right: 0; background-size: cover } .pathTitle { font-family: Raleway; font-weight: 900; font-size: 22px; line-height: 32px; display: flex; align-items: center; color: #1d1d1f } .countTitle, .pathTitle { font-style: normal; letter-spacing: .01em } .countTitle { font-family: Roboto; font-weight: 700; font-size: 48px; line-height: 56px; color: #fff } #CompanyCountsection { background-color: #1b2651 } .fristCountLine { padding-top: 2% } .countSecondTitle { font-weight: 500; font-size: 24px; line-height: 28px; text-transform: capitalize } .countPara, .countSecondTitle { font-family: Roboto; font-style: normal; color: #fff } .countPara { font-weight: 300; font-size: 20px; line-height: 40px; display: flex; align-items: center } .fristCountLine { padding-top: 3%; padding-bottom: 5% } .companySliderPara-1 { font-family: Roboto; font-style: normal; font-weight: 300; font-size: 20px; line-height: 40px; color: #000; margin-bottom: 20% } .companySliderPara-2 { font-family: Roboto; font-style: normal; font-weight: 500; font-size: 24px; line-height: 28px; text-transform: capitalize; color: #1b2651 } .react-tel-input .form-control { color: #98a2b3 !important } @media (min-width:900px) and (max-width:1024px) { .video-height { height: 1130px } .card .card-bottom img { padding-left: 32% !important; width: 82px !important } .video { width: 100% !important; height: 100%; top: 0; right: 0; position: absolute } .footer { margin-top: 50px !important } .row { margin-left: 0 !important; margin-right: 0 !important } .product-bg { padding-left: 5% !important; padding-right: 5% !important } .company-section { margin-top: -120px !important } .process .process-content h4 { margin-right: -1px } .process .process-content hr { width: 240px } .process .process-content p { height: 290px } .process .process-content .timeline img { margin-left: -10px } .company-section .content-data h1 { padding-top: 0 } .text-body-lead-large-1 { padding-left: 0; padding-right: 0 } .LandHeader { padding-left: 6%; padding-right: 6% } } @media (min-width:1026px) and (max-width:1080px) { .videoBgTesting { min-height: 80vh !important } .company-section { margin-top: -60px !important } .banner-hero.bg-about-1 { padding-left: 8%; padding-right: 8% } .CEO-section img { margin-top: 70px } .text-body-lead-large-1 { padding-left: 0; padding-right: 0 } .LandHeader { padding-left: 8%; padding-right: 8% } } @media (min-width:1090px) and (max-width:1200px) { .video-height { height: 700px } .video { width: 100% !important; height: 100%; top: 0; right: 0; position: absolute } .footer { margin-top: 50px !important } .row { margin-left: 0 !important; margin-right: 0 !important } .product-bg { padding-left: 5%; padding-right: 5% } .process .process-content hr { width: 285px } .process .process-content p { height: 250px } .process .process-content .timeline img { margin-left: -10px } .banner-hero.bg-about-1 { padding-left: 2%; padding-right: 2% } .company-section { margin-top: 50px !important } .LandHeader { padding-left: 5%; padding-right: 5% } } @media (min-width:1201px) and (max-width:1400px) { .LandHeader { padding-left: 8%; padding-right: 8% } } @media (min-width:767px) and (max-width:900px) { .banner-hero.bg-about-1 { padding-bottom: 8% } .company-section .content-data h1 { font-family: Raleway; font-style: normal; font-weight: 600; font-size: 50px; line-height: 30px; letter-spacing: .01em; color: #1b2651; padding-top: 10px } .video { width: 100%; position: relative } .hero-mobile-video { display: flex; flex-direction: column; flex-wrap: nowrap } .hero-video { order: 2 } .banner-hero { order: 1; padding-bottom: 0 } .banner-imgs { margin-top: 50px } .CEO-section img { padding-left: 10%; padding-right: 10% } .process .process-content hr { width: 175px; height: 3px; margin-top: 25px; background: #000 !important; opacity: 1 !important } .process .process-content p { height: 475px } .process .process-content .timeline img { margin-left: -10px } .CEO-section h3 { margin-right: 0 } .con-num { padding-left: 0 !important } .text-body-text { padding-right: 30px } .banner-2 { margin-top: -10px !important; padding-top: 0 !important } .LandHeader { border: none } } @media (min-width:1600px) and (max-width:2500px) { .video-height { height: 1080px } .video { width: 100% !important; height: 100%; top: -1px; right: 0; position: absolute } .row { margin-left: 0 !important; margin-right: 0 !important } .LandHeader { padding-left: 19%; padding-right: 19% } } .videoBgTesting { right: 0; bottom: 0; width: 100% } .our-company { display: flex; justify-content: center; align-items: center } .our-company .content { width: 61% } .our-company p { font-family: Roboto; font-size: 1.5rem; line-height: 1.75rem; color: #cd2028; display: flex; justify-content: center; align-items: center } .our-company h2, .our-company p { font-style: normal; font-weight: 400 } .our-company h2 { font-family: Raleway; text-align: center; margin-top: 10px; color: #fff } .our-company h2 b { font-weight: 700; font-family: raleway-semi-bold, sans-serif !important } .our-company button { margin-left: auto; margin-right: auto } .company-hero button, .our-company button { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 15px 50px 15px 20px; gap: 10px; width: 178px; height: 58px; background: #cd2028; border-radius: 5px; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 16px; line-height: 190%; color: #fff; border: none; margin-top: 25px; background-image: url(https://sithmapackaging.com/_next/static/media/warrow.ae990d09.png); background-repeat: no-repeat; background-position: center right 25px; background-size: 22px; position: relative } .company-hero button:hover, .our-company button:hover { background-image: url(https://sithmapackaging.com/_next/static/media/rarrow.4f2836f5.png) !important; background-repeat: no-repeat !important; background-position: center right 25px !important; position: relative; background: none; color: red } .our-company-parallax { height: 100vh; position: relative; display: flex; justify-content: center; align-items: center; margin-top: -10px } .our-company-parallax .our-company-video-parallax { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; visibility: hidden; z-index: -100 } .our-company-parallax .our-company-video-parallax .video-parallax { max-height: 120vh !important; max-width: none; max-height: none; visibility: visible; z-index: -1; width: 100% } .artech { padding-left: 16%; padding-right: 0; background: url(https://sithmapackaging.com/assets/imgs/company/arback.png); width: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover } .artech h2 { font-family: Raleway; font-style: normal; font-weight: 100; color: #111 } .artech h2 b { font-weight: 700; font-family: raleway-semi-bold, sans-serif !important } .artech button { flex-direction: row; padding: 15px 30px; gap: 10px; width: 214px; height: 58px; background: #cd2028; border-radius: 5px; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 16px; line-height: 190%; color: #fff; border: none; margin-top: 20px } .artech .content-ar, .artech button { display: flex; align-items: center } .footer .footerHeading, .footer .footercontact { font-family: Roboto; font-style: normal; font-weight: 700; font-size: 1.25rem; line-height: 1.9rem; color: #111; width: -moz-fit-content; width: fit-content } .footer .footerHeading:hover { color: red; cursor: pointer } .footer .footerHeading .menu-footer p { font-family: Roboto; font-style: normal; font-weight: 700; font-size: 20px; line-height: 120%; color: #111 } .footer .footerPara { font-family: Roboto; font-style: normal; font-weight: 300; font-size: 1rem; line-height: 1.9rem; color: #111; display: flex; align-items: center } .footer .footerPara p { padding-left: 15px } .footer .footer-top { display: inline-block; width: 100%; padding: 0 0 40px; margin-bottom: 35px } .footer .footer-bottom p { font-family: Raleway; font-style: normal; font-weight: 400; font-size: 14px; line-height: 32px; color: #737373 } .footer .menu-footer p { line-height: 36px } .footer .menu-footer p:hover { color: red; cursor: pointer } .innovation-bg { background: url(/assets/imgs/company/arback.png); width: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover } .ARComponent-bg { background: url(/assets/imgs/company/cmapback.png); width: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover } .ARComponent { padding-top: 140px; padding-bottom: 140px } .ARComponent h2 { font-family: Raleway; font-size: 2.5rem; line-height: 3.5rem; color: #111 } .ARComponent h2, .ARComponent p { font-style: normal; font-weight: 400 } .ARComponent p { font-family: Roboto; font-size: 1rem; line-height: 2rem; color: #737373; display: flex; align-items: center } .ARComponent .link { display: flex; align-items: center; gap: 11px; margin-left: 5%; margin-top: 30px } .ARComponent .link p { font-family: Roboto; font-style: normal; font-weight: 500; font-size: 1rem; line-height: 2rem; color: #cd2028 } .ARComponent .arrow-right { width: 14px } .ARComponent .link:hover .arrow-right { margin-left: 10px; transition: 1s } .hero-parallax { height: 100vh; position: relative } .hero-parallax .hero-video-parallax { clip: rect(0, 100vw, 100vh, 0); /*!* Change second and third value to manipulate the width and height of your video *!*/ top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; visibility: hidden; z-index: -100; position: absolute } .hero-parallax .hero-video-parallax .video-parallax { position: fixed; max-height: 120vh !important; max-width: none; max-height: none; visibility: visible; z-index: -1; width: 100% } .parallax { min-height: 500px; background-attachment: fixed; background-position: 50%; background-repeat: no-repeat; background-size: cover } .hero-parallax .hero-video-content h2 { display: flex; align-items: center; bottom: 25%; position: absolute } .blog-section .commonTitle, .hero-parallax .hero-video-content h2 { font-family: Raleway; font-style: normal; font-weight: 400; color: #111 } .blog-section .longCard { border: 1px solid #afaaaa; border-radius: 5px; width: 350px } .blog-section .blogimg { overflow: hidden; height: 300px } .blog-section .longCard { width: auto !important } .blog-section .longCard img { width: 100%; height: 100% } .blog-section .longCard:hover img, .blog-section .smallCard .side-card-list:hover img { width: -webkit-fill-available; transform: scale(1.1); transition: 1s } .blog-section .smallCard .blogsimg { overflow: hidden } .blog-section .datetime { display: flex; gap: 6px; padding-left: 10px; padding-top: 5px } .blog-section .blogDate { line-height: 1.5rem; color: #cd2028 } .blog-section .blogDate, .blog-section .blogtime { font-family: Roboto; font-style: normal; font-weight: 300; font-size: .8rem } .blog-section .blogtime { line-height: a.5rem; color: #737373 } .blog-section .blogCradTitle { font-family: raleway-semi-bold, sans-serif !important; font-style: normal; font-weight: 700; font-size: 1.5rem; line-height: 2rem; color: #111 !important; padding: 4px 15px 15px } .blog-section .blogCradTitle a { color: #111 !important } .blog-section .blogCradrightTitle { font-family: raleway-semi-bold, sans-serif !important; font-style: normal; font-weight: 700; font-size: 20px; line-height: 125%; color: #111; width: 240px; padding-left: 18px; padding-top: 10px } .blog-section .side-card-list { display: flex; border-radius: 5px; border: 1px solid #afaaaa; height: 114px } .blog-sectiontwo h5 { font-family: raleway-semi-bold, sans-serif !important; font-style: normal; font-weight: 700; font-size: 1.5rem; line-height: 2rem; color: #111; margin-top: 8px } .blog-sectiontwo p { font-size: 1rem; color: #111; margin-top: 15px; margin-right: 2px } .blog-sectiontwo .date, .blog-sectiontwo p { font-family: Roboto; font-style: normal; font-weight: 300; line-height: 2rem } .blog-sectiontwo .date { font-size: .8rem; color: #cd2028; margin-top: 30px } .comp-content { position: absolute; bottom: 25%; z-index: 5 } .comp-content h2 { font-family: Raleway; font-style: normal; font-weight: 400; display: flex; align-items: center; color: #fff; width: 70% } .solution-sectionone { background: url(/_next/static/media/corporate1.c660b813.png)no-repeat 50%; height: 55vh; margin-top: -10px; display: flex; justify-content: center; align-items: center; background-position: 50%; background-repeat: no-repeat; background-size: cover } .solution-sectionone h4 { font-weight: 300; font-size: 1.5rem; line-height: 2rem; color: #d6e5f5 } .solution-sectionone h2, .solution-sectionone h4 { font-family: Roboto Thin; font-style: normal; text-align: center } .solution-sectionone h2 { font-weight: 600; color: #fff; padding-top: 10px } .solution-sectiontwo-parallax { background: url(/_next/static/media/droneimage.5f2b332a.webp)no-repeat 50%; background-attachment: fixed; background-position: 50%; background-repeat: no-repeat; background-size: cover } .solution-sectiontwo h2 { font-family: Raleway; font-style: normal; font-weight: 100; color: #fff; margin-bottom: 30px } .solution-sectiontwo h2 b { font-weight: 700; font-family: raleway-semi-bold, sans-serif !important } .solution-sectiontwo p { font-family: Roboto thin; font-style: normal; font-weight: 500; font-size: 1.25rem; line-height: 2.4rem; color: #fff } .solution-sectionthree { background-color: #1b2651 } .solution-sectionthree p { font-family: Roboto thin; font-style: normal; font-weight: 300; font-size: 1.25rem; line-height: 2.4rem; color: #fff } .solution-sectionthree .content { display: flex; justify-content: center } .solution-sectionthree .right-content { margin-bottom: 25px } .solution-sectionthree .right-content h2 { font-family: Roboto; font-style: normal; font-weight: 500; color: #fff } .solution-sectionthree .right-content p { font-family: Roboto Thin; font-style: normal; font-weight: 500; font-size: 1.25rem; line-height: 2.2rem; color: #fff } .path-section { background-color: #1b2651 } .path-section .title { font-family: Raleway; font-style: normal; font-weight: 100; display: flex; align-items: center; color: #fff; display: flow-root } .path-section .title b { font-weight: 700; font-family: raleway-semi-bold, sans-serif !important; font-weight: 900 } .path-section .path-content img { width: 300px } .path-section .path-content h4 { font-family: Roboto Thin; font-style: normal; font-weight: 500; font-size: 1.5rem; line-height: 120%; display: flex; align-items: center; color: #fff; margin-top: -15px } .company-parallax-video { position: relative; height: 93vh } .company-video-parallax { clip: rect(0, 100vw, 700px, 0); /*!* Change second and third value to manipulate the width and height of your video *!*/ top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; visibility: hidden; z-index: -100; height: 100vh } .company-parallax-video .company-video { max-height: 120vh !important; max-width: none; max-height: none; visibility: visible; z-index: -1; width: 100% } .herosub .title { font-family: Raleway; font-style: normal; font-weight: 400; display: flex; align-items: center; color: #fff; width: 70% } .herosub .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5) } .herosub .subhero-box { bottom: 15%; position: absolute } .subAR h2 { font-family: Raleway; color: #111; padding-bottom: 35px } .subAR h2, .subAR p { font-style: normal; font-weight: 400 } .subAR p { font-family: Roboto; font-size: 1rem; line-height: 2rem; color: #737373 } .subAR .video-ar { width: -webkit-fill-available; height: 95vh } .packaging h2 { font-family: Raleway; color: #1d1d1f; padding-bottom: 50px } .packaging h2, .packaging p { font-style: normal; font-weight: 400 } .packaging p { font-family: Roboto; font-size: 1rem; line-height: 2rem; color: #737373; padding-bottom: 30px; width: 53% } .packaging .packimg { height: 340px; width: -webkit-fill-available; margin-bottom: 13px } .indblog h1 { font-weight: 400 } .indblog .btitle, .indblog h1 { font-family: Raleway; font-style: normal; font-size: 49px; line-height: 120%; color: #111; padding-bottom: 5px } .indblog .btitle { font-weight: 900 } .indblog .subtitle { display: flex; padding-bottom: 50px } .indblog .subtitle .type { display: flex; width: 50% } .indblog .subtitle .type p { color: #667ccc; padding-right: 30px } .indblog .subtitle .date { display: flex; justify-content: end; width: 50% } .indblog .subtitle .date .month { padding-right: 20px; color: #cd2028 } .indblog .subtitle .date .month, .indblog .subtitle .date .time { font-family: Roboto; font-style: normal; font-weight: 300; font-size: 13px; line-height: 190% } .indblog .subtitle .date .time, .indblog p { color: #737373 } .indblog p { font-family: Roboto; font-style: normal; font-weight: 400; font-size: 16px; line-height: 190% } .indblog .indblog-second img { width: 90% } .indblog .indblog-second .ind-content { display: flex; align-items: center } .indblog .indblog-thired p { color: #000 } .process .process-title { font-family: Raleway; font-style: normal; font-weight: 400; display: flex; align-items: center; color: #1d1d1f; width: 54%; padding-bottom: 30px; display: flow-root } .process span { font-weight: 900 } .process .process-para { font-family: Roboto; font-style: normal; font-weight: 300; font-size: 1rem; line-height: 1.9rem; color: #1d1d1f; width: 64% } .process .process-content { display: flex } .process .process-content .content-section { width: 60% } .process .process-content .timeline img { position: absolute; margin-top: 25% } .process .num-img { width: 92%; padding-bottom: 5px } .process .process-content h4 { font-family: raleway-semi-bold, sans-serif !important; font-style: normal; font-weight: 600 !important; font-size: 1.5rem; line-height: 2rem; letter-spacing: .01em; color: #000; text-align: center } .banner-parallax { background-image: url(https://sithmapackaging.com/_next/static/media/elephant.2d3aa5af.png); height: 120vh; background-attachment: fixed; background-position: 50%; background-repeat: no-repeat; background-size: cover; margin-top: -10px } .text-display-333 { font-family: Raleway; font-style: normal; font-weight: 400; font-size: 42px; line-height: 52px; letter-spacing: .01em; color: #ffffff; } .text-display-333 b { font-weight: 700; font-family: raleway-semi-bold, sans-serif !important; color: #ffffff; } .text-body-lead-large-11 { font-family: Roboto Thin; font-style: normal; font-weight: 500; font-size: 1rem; line-height: 2rem; color: #ffffff; } .text-body-lead-large-12 { font-family: Roboto Thin; font-style: normal; font-weight: 500; font-size: 1rem; line-height: 2rem; } .tag-2 { font-weight: 600; font-size: 1.25rem; line-height: 1.5rem; color: #cd2028 } .companySliderTitle, .tag-2 { font-family: Raleway; font-style: normal } .companySliderTitle { font-weight: 500; display: flex; align-items: center; letter-spacing: .01em; color: #000; margin-bottom: -27px } .swiper-slide .para { font-family: Roboto; font-style: normal; font-weight: 300; font-size: 1.25rem; line-height: 2.4rem; color: #111 } .swiper-slide .name-position { margin-top: 60px } .swiper-slide .name { font-family: Roboto; font-style: normal; font-weight: 700; font-size: 1.25rem; line-height: 1.5rem; color: #111 } .swiper-slide .position { font-family: Roboto; font-style: normal; font-weight: 300; font-size: 1rem; line-height: 2.2rem; color: #cd2028 } .swiper-slide .testimonial-img { width: 200px } .common-button { display: flex; flex-direction: row; align-items: center; padding: 15px 65px 15px 30px; gap: 10px; width: -moz-fit-content; width: fit-content; background: #cd2028; border-radius: 5px; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 1rem; line-height: 190%; color: #fff; cursor: pointer } .hoverClassColor:hover { margin-left: var(--hover-color) !important } .common-button img { width: 15px; margin-left: var(--color) !important; position: absolute; transition: 1s } .common-button:hover img { margin-left: var(--hover-color) !important } .common-button:hover p { color: #fff } @media screen and (max-width:767px) { .hero-box { height: 90vh !important } .contact-us-topic b { line-height: 48px !important } .herosub { height: 90vh !important } .banner-hero { margin-top: 0 !important } .artech { padding-left: 4%; padding-right: 4%; margin-top: 50px; flex-direction: column-reverse; padding-left: 3%; padding-right: 3%; padding-top: 0 !important } .artech h1 { width: 100%; font-size: 41px } .banner-parallax { height: 140vh !important; margin-top: -15px !important } .banner-hero { padding-top: 60px !important; padding-bottom: 50px !important } .card .card-bottom img { padding-left: 115px; width: 138px } .galleries { padding: 0 } .slider-nav-thumbnails { width: auto; position: relative; margin-right: -10px; margin-left: -10px } .slider-nav-thumbnails .slick-slide { margin-right: 10px; margin-left: 10px } .slider-nav-thumbnails .slick-prev { left: -11px; transform: rotate(-90deg); bottom: auto; top: 50%; margin-top: -10px; right: auto } .slider-nav-thumbnails .slick-next { right: -10px; left: auto; transform: rotate(-90deg); bottom: auto; top: 50%; margin-top: -10px } .deals-countdown { right: -15px } .product-image-slider { min-height: auto; line-height: auto } .btn.btn-tab { padding: 11px 12px !important; font-size: 13px } .box-green-2 { background-image: none } .box-green-2 .block-1, .box-green-2 .block-2 { display: none } .contact-btn { width: 100% } .card { margin-bottom: 25px } .CEO-section h3 { margin-top: 30px } .CEO-section .designation, .CEO-section .name, .CEO-section h3 { margin-left: 20px } .contact-footer-social img { padding-right: 0 !important } .company-section { margin-top: 50px !important } .text-body-lead-large-1 { padding-right: 0 !important } .innovation { padding-right: 12px !important } .footer-content-mobile { padding-right: 10px !important } .footer-content-mobile .text-heading-5 { align-items: center !important } .CEO { margin-top: 20px !important; margin-bottom: 0 !important } .card .card-bottom img { padding-left: 168px; width: 192px } .row { margin-left: 0 !important; margin-right: 0 !important } .hero-parallax { height: 594px } .ARComponent h1 { font-size: 44px; padding-bottom: 20px } .product-bg { padding-left: 4%; padding-right: 4% } .product-btn { margin-top: 0 !important } .product-bg:nth-of-type(odd) { background: url(/assets/imgs/Solution/solutionbg.png) } .comp-content h1 { display: none } .solution-sectiontwo-parallax { padding-top: 50px !important; padding-bottom: 50px !important } .solution-sectionthree .content { display: flex; align-items: start; justify-content: left; padding-top: 40px !important } .path-section { padding-top: 50px !important; padding-bottom: 50px !important } .path-section .title { padding-bottom: 0 } .path-content { margin-top: 0 !important; margin-bottom: 0 !important } .process { padding-top: 50px !important; padding-bottom: 10px !important } .process .process-para, .process .process-title { width: 100% } .process-content .content-section { margin-top: 50px !important; margin-bottom: 15px } .process .process-content hr { width: 307px !important } .blog-section .commonTitle { font-size: 38px } .blog-sectiontwo { padding-top: 0 !important; padding-bottom: 0 !important } .blog-sectiontwo img { padding-top: 50px } .blog-section .blogCradTitle { padding-left: 10px; padding-top: 6px; padding-bottom: 18px } .blog-section .blogCradrightTitle { width: 212px !important; padding-left: 10px; padding-bottom: 4px } .blog-section .datetime { gap: 14px } .innerMainBg img { margin-top: 50px !important } .text-body-lead-large-1 { padding-left: 0; padding-right: 0 } .header-right { display: none } .ARComponent .link { margin-left: 0 } .our-company .content { width: 100%; padding-top: 0 !important } .blog-section .longCard { width: 100% !important } .blog-section .datetime { padding-top: 10px } .path-section .title { font-size: 42px } .company-parallax-video { height: 26vh !important } .herosub .title { width: 100% !important } .process .process-title { font-size: 36px } .process .process-content hr { width: 140px; margin-left: 17px !important } .common-button { padding: 10px 48px 10px 20px; height: 46px } .subAR .video-ar { height: 50vh } .packaging p { width: 100% } .footer .footerPara { font-family: Roboto; font-style: normal; font-weight: 300; font-size: 16px; line-height: 190%; color: #111; display: flex; align-items: center; justify-content: center } .indblog .subtitle { display: block; padding-bottom: 20px } .indblog .subtitle .type { display: flex; width: 100% } .indblog .subtitle .date { display: flex; justify-content: start; width: 100% } .blog-section .side-card-list { margin-bottom: 20px } .indblog .indblog-second img { width: 100% } .indblog-second { padding-top: 0 !important } .solution-sectionone h4 { margin-left: 5px; margin-right: 5px } .box { margin-bottom: 20px } } @media screen and (max-width:769px) { .header { position: relative !important } .card { margin-bottom: 25px } .artech { padding-left: 4%; padding-right: 4% } .side-card-list { margin-bottom: 20px } .blog-section .blogCradrightTitle { width: 220px } .card .card-bottom img { padding-left: 41% !important; width: 48% !important; height: 10% !important } .banner-parallax { height: 100vh } .btn.btn-default { display: none } .burger-icon { position: absolute; width: 24px !important; height: 20px; cursor: pointer; transition: all .25s cubic-bezier(.645, .045, .355, 1); top: 27px; right: 27px; z-index: 1002 } .banner-imgs img { width: 100%; margin-top: 30px } .header-right .header-button { display: none } .subAR .video-ar { height: auto !important } .path-section .path-content h4 { font-size: 1.2rem; line-height: 1.6rem } .process .process-content hr { width: 140px; margin-left: 8px } .herosub { height: 70vh } .process .process-para, .process .process-title { width: 100% } .product-bg { padding-left: 4% !important; padding-right: 4% !important } .innovation { padding-bottom: 50px } .solution-sectionone { height: 50vh !important } .solution-sectionthree .content { padding-top: 100px } .path-section .path-content { margin-top: 20px !important } .path-section img { padding-top: 25px } .our-company .content { width: 100%; padding-bottom: 40px; padding-top: 50px } .our-company-parallax { height: 100% } .ARComponent .link { margin-left: 0 } .hero-parallax { height: 32vh } .hero-parallax .hero-video-content { height: 40vh !important; position: absolute; width: 90% !important } .company-parallax-video { height: 39vh } .hero-parallax .hero-video-parallax .video-parallax { position: relative } .packaging p { width: 100% } .our-company-parallax .our-company-video-parallax { clip: rect(0, 100vw, 700px, 0); position: relative; top: 0; left: 0; height: 100%; overflow: hidden; visibility: hidden; z-index: -100; margin-bottom: 40px } .our-company-parallax { position: relative; display: block; justify-content: center; align-items: center } .our-company { display: block } .our-company h1 { font-size: 40px } .our-company p { font-size: 19px } .path-section .path-content img { width: 210px } .company-hero { height: 100% !important } .comp-content h2 { color: #000; width: 100%; margin-top: 40px } .comp-content { position: relative !important; bottom: 14%; z-index: 5; margin-bottom: 40px } } @media screen and (min-width:678px) and (max-width:900px) { .burger-icon>span { display: block; position: absolute; left: 90%; width: 28px; height: 2px } .burger-icon>span.burger-icon-top { top: 13px } .burger-icon>span.burger-icon-mid { top: 22px } .burger-icon>span.burger-icon-bottom { bottom: 16px } } @media screen and (min-width:1025px) and (max-width:1367px) { .herosub { height: 75vh } .blog-section .blogCradTitle { line-height: 140%; padding-left: 17px; padding-top: 3px; padding-bottom: 20px } .blog-section .blogCradrightTitle { padding-left: 12px } .blog-section .datetime { padding-left: 6px } .artech { padding-left: 4%; padding-right: 4% } .banner-parallax { height: 75vh } .product-bg { padding-left: 10% !important; padding-right: 10% !important } .solution-sectionone { height: 48vh; margin-top: -10px } .company-parallax-video { height: 65vh } } @media screen and (min-width:900px) and (max-width:1024px) { .our-company-parallax { height: 590px } .blog-section .longCard { border: 1px solid #afaaaa; border-radius: 5px; width: 440px } .blog-section .longCard img { width: -webkit-fill-available; height: 300px } .artech { padding-left: 4%; padding-right: 4% } .process .process-content hr { width: 200px !important; margin-left: 10px } .banner-imgs img { width: 80% } .process .process-title { width: 85% } .process .process-para { width: 100% } .company-parallax-video { height: 71vh } .path-section .path-content { margin-top: 60px !important } .card .card-bottom img { padding-left: 16%; width: 45px; height: 19px } .card .card-bottom { padding: 25px 18px } .side-card-list { margin-bottom: 20px } } .banner-parallax { height: 100vh; align-items: center; display: flex } .subAR .video-ar { height: 80vh } .hero-box { height: 100% } .product-bg { padding-left: 17%; padding-right: 17% } .solution-sectionone { height: 46vh } .herosub { height: 100vh } .text-display-3 { font-family: Raleway; font-style: normal; font-weight: 500 } .hero-parallax .hero-video-content { height: 100vh; position: absolute; width: 70% } .artech h1 { width: 90% } .card .card-bottom img { padding-left: 39%; width: 115px } .swiper-slide .testimonial-img { width: 260px } .blog-section .longCard { width: 410px } .blog-section .smallCard .blogsimg { width: 114px } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 99.4%; background-color: rgba(0, 0, 0, .5) } .comp-hero-video { position: relative; height: 100% !important } .company-hero { position: relative; height: 100% } .comp-video { width: 100% } @media (max-width:1440px) { .videoframe { width: 100% !important; height: 820px !important } } @media (max-width:1366px) { .videoframe { width: 100% !important; height: 770px !important } } @media (max-width:1200px) { .videoframe { width: 100% !important; height: 680px !important } } @media (max-width:1024px) { .videoframe { width: 100% !important; height: 600px !important } } @media (max-width:768px) { .videoframe { width: 100% !important; height: 430px !important } } @media (max-width:480px) { .videoframe { width: 100% !important; height: 230px !important } } .videoframe { width: 100% !important; height: 115vh } .modal__bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(28, 28, 28, .5); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 1; animation-timing-function: ease-out; animation-duration: .3s; animation-name: modal-video; transition: opacity .3s ease-out; z-index: 100 } .modal__align { display: flex; justify-content: center; align-items: center; height: 100vh } .modal__content { width: 800px; height: 500px; box-shadow: 0 100px 80px hsla(0, 0%, 72%, .07), 0 25.8162px 19px 4px hsla(0, 0%, 70%, .046), 0 7.779px 7.30492px rgba(0, 0, 0, .035), 0 1.48838px 2.0843px rgba(0, 0, 0, .024); border-radius: 8px; background: transparent; color: #000; margin: 0 4rem } .modal__close { background-color: #fff; border-radius: 50%; cursor: pointer; position: relative; bottom: 50px; width: 32px; height: 32px; padding: 0 } .modal__video-align { display: flex; position: relative; bottom: 37px } .modal__video-style { border-radius: 8px; z-index: 10000; overflow: hidden; border: 8px solid #fff3ea; background-color: #fff3ea } .modal__spinner { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: -50px; animation: spin 2s linear infinite; font-size: 30px; color: #006d77 !important } @keyframes spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } @media screen and (max-width:800px) { .modal__content { margin: 0 1rem; width: 100% } .modal__video-style { width: 100% } } @media screen and (max-width:499px) { .modal__content { background: transparent; height: auto } .modal__video-align { bottom: 0 } .modal__video-style { height: auto } } .slider-nav-thumbnails .swiper-wrapper { display: flex; flex-direction: column } .slider-nav-thumbnails .swiper-slide { min-width: 177px } .swiper-button-next, .swiper-button-prev { color: #004b52 } .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto } .ps__rail-x { height: 15px; bottom: 0 } .ps__rail-x, .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; position: absolute } .ps__rail-y { width: 15px; right: 0 } .ps--active-x>.ps__rail-x, .ps--active-y>.ps__rail-y { display: block; background-color: transparent } .ps--focus>.ps__rail-x, .ps--focus>.ps__rail-y, .ps--scrolling-x>.ps__rail-x, .ps--scrolling-y>.ps__rail-y, .ps:hover>.ps__rail-x, .ps:hover>.ps__rail-y { opacity: .6 } .ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover { background-color: #eee; opacity: .9 } .ps__thumb-x { transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; bottom: 2px } .ps__thumb-x, .ps__thumb-y { background-color: #aaa; border-radius: 6px; position: absolute } .ps__thumb-y { transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; right: 2px } .ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus>.ps__thumb-x, .ps__rail-x:hover>.ps__thumb-x { background-color: #999; height: 11px } .ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y, .ps__rail-y:hover>.ps__thumb-y { background-color: #999; width: 11px } @supports (-ms-overflow-style:none) { .ps { overflow: auto !important } } @media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) { .ps { overflow: auto !important } } .scrollbar-container { position: relative; height: 100% } [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] { transition-delay: 0 } [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: .1s } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: .1s } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: .15s } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: .15s } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: .2s } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: .2s } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: .25s } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: .25s } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: .3s } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: .3s } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: .35s } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: .35s } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: .4s } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: .4s } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: .45s } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: .45s } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: .5s } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: .5s } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: .55s } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: .55s } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: .6s } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: .6s } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: .65s } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: .65s } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: .7s } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: .7s } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: .75s } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: .75s } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: .8s } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: .8s } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: .85s } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: .85s } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: .9s } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: .9s } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: .95s } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: .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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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] { transition-delay: 0 } [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(.25, .25, .75, .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(.6, -.28, .735, .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(.175, .885, .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(.68, -.55, .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(.47, 0, .745, .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(.39, .575, .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(.445, .05, .55, .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(.55, .085, .68, .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(.25, .46, .45, .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(.455, .03, .515, .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(.55, .085, .68, .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(.25, .46, .45, .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(.455, .03, .515, .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(.55, .085, .68, .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(.25, .46, .45, .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(.455, .03, .515, .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(0) } [data-aos=fade-up] { transform: translate3d(0, 100px, 0) } [data-aos=fade-down] { transform: translate3d(0, -100px, 0) } [data-aos=fade-right] { transform: translate3d(-100px, 0, 0) } [data-aos=fade-left] { transform: translate3d(100px, 0, 0) } [data-aos=fade-up-right] { transform: translate3d(-100px, 100px, 0) } [data-aos=fade-up-left] { transform: translate3d(100px, 100px, 0) } [data-aos=fade-down-right] { transform: translate3d(-100px, -100px, 0) } [data-aos=fade-down-left] { transform: translate3d(100px, -100px, 0) } [data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity, transform } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translateZ(0) scale(1) } [data-aos=zoom-in] { transform: scale(.6) } [data-aos=zoom-in-up] { transform: translate3d(0, 100px, 0) scale(.6) } [data-aos=zoom-in-down] { transform: translate3d(0, -100px, 0) scale(.6) } [data-aos=zoom-in-right] { transform: translate3d(-100px, 0, 0) scale(.6) } [data-aos=zoom-in-left] { transform: translate3d(100px, 0, 0) scale(.6) } [data-aos=zoom-out] { transform: scale(1.2) } [data-aos=zoom-out-up] { transform: translate3d(0, 100px, 0) scale(1.2) } [data-aos=zoom-out-down] { transform: translate3d(0, -100px, 0) scale(1.2) } [data-aos=zoom-out-right] { transform: translate3d(-100px, 0, 0) scale(1.2) } [data-aos=zoom-out-left] { transform: translate3d(100px, 0, 0) scale(1.2) } [data-aos^=slide][data-aos^=slide] { transition-property: transform } [data-aos^=slide][data-aos^=slide].aos-animate { transform: translateZ(0) } [data-aos=slide-up] { transform: translate3d(0, 100%, 0) } [data-aos=slide-down] { transform: translate3d(0, -100%, 0) } [data-aos=slide-right] { transform: translate3d(-100%, 0, 0) } [data-aos=slide-left] { transform: translate3d(100%, 0, 0) } [data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; 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(0) } [data-aos=flip-right] { transform: perspective(2500px) rotateY(100deg) } [data-aos=flip-right].aos-animate { transform: perspective(2500px) rotateY(0) } [data-aos=flip-up] { transform: perspective(2500px) rotateX(-100deg) } [data-aos=flip-up].aos-animate { transform: perspective(2500px) rotateX(0) } [data-aos=flip-down] { transform: perspective(2500px) rotateX(100deg) } [data-aos=flip-down].aos-animate { transform: perspective(2500px) rotateX(0) }