:root { --lqd-color-primary: #184341; --lqd-color-secondary: #54595f; --lqd-color-link: #5b7bfb; --lqd-color-link-hover: #181b31; --lqd-color-gradient-start: #007fff; --lqd-color-gradient-stop: #ff4d54; --lqd-container-width: 1170px; --lqd-row-gutter-x: 30px; --lqd-row-gutter-y: 0; --lqd-body-font-family: 'Outfit', sans-serif; --lqd-body-font-size: 18px; --lqd-body-line-height: 1.7; --lqd-body-font-weight: 400; --lqd-body-letter-spacing: ; --lqd-body-text-color: #626974; --lqd-secondary-font-family: ; --lqd-secondary-font-size: ; --lqd-secondary-line-height: ; --lqd-secondary-font-weight: ; --lqd-secondary-text-color: ; --lqd-accent-font-family: ; --lqd-accent-font-size: ; --lqd-accent-line-height: ; --lqd-accent-font-weight: ; --lqd-accent-text-color: ; --lqd-heading-font-family: 'Outfit', sans-serif; --lqd-heading-line-height: 1.2em; --lqd-heading-font-weight: 600; --lqd-heading-text-transform: ; --lqd-heading-letter-spacing: ; --lqd-heading-color: #181b31; --lqd-sticky-header-height: 0px; --lqd-sticky-header-sentinel-top: 100%; --lqd-sticky-header-placeholder-height: 80px; --lqd-snickersbar-animation-time: 1.2s; --lqd-snickersbar-stay-time: 4s; --lqd-cc-bc: var(--lqd-color-primary); --lqd-cc-bg: var(--lqd-color-primary); --lqd-cc-size-outer: 35px; --lqd-cc-size-inner: 7px; --lqd-cc-bw: 1px; --lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2); --lqd-cc-active-bc: var(--lqd-color-primary); --lqd-cc-active-bg: var(--lqd-color-primary); --lqd-cc-active-bw: 1px; --lqd-cc-active-circle-color: #fff; --lqd-cc-active-circle-txt: #000; --lqd-cc-active-arrow-color: #fff; --lqd-z-index: 20; --lqd-top-scroll-ind-height: 0; } *, ::after, ::before { box-sizing: border-box; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } 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: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 0.875em; } mark { padding: 0.1875em; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { text-decoration: underline; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } code, kbd, pre, samp { font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0; } 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; } select:disabled { opacity: 1; } [list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not( [type="week"] ):not([type="time"])::-webkit-calendar-picker-indicator { display: none !important; } [type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; 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: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: textfield; appearance: textfield; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } ::file-selector-button { font: inherit; -webkit-appearance: button; appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } section { position: relative; } [hidden] { display: none !important; } .container, .container-fluid { width: 100%; padding-right: calc(var(--lqd-row-gutter-x) * 0.5); padding-left: calc(var(--lqd-row-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: calc(-0.5 * var(--lqd-row-gutter-x)); margin-left: calc(-0.5 * var(--lqd-row-gutter-x)); } .col { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--lqd-row-gutter-x) * 0.5); padding-left: calc(var(--lqd-row-gutter-x) * 0.5); padding-bottom: calc(var(--lqd-row-gutter-y) * 0.5); padding-top: calc(var(--lqd-row-gutter-y) * 0.5); } @media (min-width: 576px) { .container { max-width: var(--lqd-container-width-xs, 540px); } } @media (min-width: 768px) { .container { max-width: var(--lqd-container-width-sm, 720px); } } @media (min-width: 992px) { .container { max-width: 870px; } } @media (min-width: 1200px) { .container { max-width: var(--lqd-container-width-lg, 1140px); } } @media (min-width: 1400px) { .container { max-width: var(--lqd-container-width); } } /* .col { flex: 1 0 0%; } */ .row-cols-auto > .col { flex: 0 0 auto; width: auto; } .row-cols-1 > .col { flex: 0 0 auto; width: 100%; } .row-cols-2 > .col { flex: 0 0 auto; width: 50%; } .row-cols-3 > .col { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > .col { flex: 0 0 auto; width: 25%; } .row-cols-5 > .col { flex: 0 0 auto; width: 20%; } .row-cols-6 > .col { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > .col { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > .col { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > .col { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > .col { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > .col { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > .col { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > .col { 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.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > .col { flex: 0 0 auto; width: auto; } .row-cols-md-1 > .col { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > .col { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > .col { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > .col { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > .col { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > .col { 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.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > .col { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > .col { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > .col { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > .col { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > .col { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > .col { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > .col { 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.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > .col { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > .col { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > .col { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > .col { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > .col { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > .col { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > .col { 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.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > .col { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > .col { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > .col { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > .col { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > .col { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > .col { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > .col { 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.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } } body, html { max-width: 100vw; } html { font-size: 100%; overflow-x: hidden; } body { margin: 0; font-family: var(--lqd-body-font-family); font-size: var(--lqd-body-font-size); font-weight: var(--lqd-body-font-weight); letter-spacing: var(--lqd-body-letter-spacing); line-height: var(--lqd-body-line-height); color: var(--lqd-body-text-color); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } iframe { max-width: 100%; } .font_small, small { font-size: 0.667em; } a { text-decoration: none; color: var(--lqd-color-link); transition: all 0.3s; } a:focus, a:hover { text-decoration: none; } img { max-width: 100%; height: auto; } figure { margin-bottom: 0; } label { font-weight: 400; } textarea { resize: vertical; } dd { margin-inline-start: 1.5em; margin-top: 0.5em; margin-bottom: 0.5em; } table { width: 100%; color: #333; } table tr { border-bottom: 1px solid #dedede; } table td, table th { border: none; padding: 0.5em 1em 0.5em 0; } table th, table th a { color: #000; } table thead th { padding-top: 0.8em; padding-bottom: 0.8em; font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.1em; } table tbody th { font-weight: 400; } table tbody tr:nth-child(odd) { background-color: #f7f7f7; } pre { margin-bottom: 1.5em; } blockquote { display: block; margin-bottom: 2.5em; font-style: italic; } blockquote cite { display: inline-block; position: relative; padding-top: 1em; margin-top: 1em; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; font-style: normal; } blockquote cite:before { content: ""; display: inline-block; width: 30px; height: 2px; position: absolute; top: 0; left: 0; background-color: currentColor; } #lqd-site-content, #wrap { position: relative; } #lqd-site-content { z-index: 2; transition: transform 0.3s; } @media screen and (max-width: 879px) { body { overflow: hidden; } } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } .h1, h1 { font-family: var(--lqd-h1-font-family, var(--lqd-heading-font-family)); font-size: var(--lqd-h1-font-size, var(--lqd-heading-font-size)); line-height: var(--lqd-h1-line-height, var(--lqd-heading-line-height)); font-weight: var(--lqd-h1-font-weight, var(--lqd-heading-font-weight)); text-transform: var( --lqd-h1-text-transform, var(--lqd-heading-text-transform) ); letter-spacing: var( --lqd-h1-letter-spacing, var(--lqd-heading-letter-spacing) ); color: var(--lqd-h1-color, var(--lqd-heading-color)); } .h2, h2 { font-family: var(--lqd-h2-font-family, var(--lqd-heading-font-family)); font-size: var(--lqd-h2-font-size, var(--lqd-heading-font-size)); line-height: var(--lqd-h2-line-height, var(--lqd-heading-line-height)); font-weight: var(--lqd-h2-font-weight, var(--lqd-heading-font-weight)); text-transform: var( --lqd-h2-text-transform, var(--lqd-heading-text-transform) ); letter-spacing: var( --lqd-h2-letter-spacing, var(--lqd-heading-letter-spacing) ); color: var(--lqd-h2-color, var(--lqd-heading-color)); } .h3, h3 { font-family: var(--lqd-h3-font-family, var(--lqd-heading-font-family)); font-size: var(--lqd-h3-font-size, var(--lqd-heading-font-size)); line-height: var(--lqd-h3-line-height, var(--lqd-heading-line-height)); font-weight: var(--lqd-h3-font-weight, var(--lqd-heading-font-weight)); text-transform: var( --lqd-h3-text-transform, var(--lqd-heading-text-transform) ); letter-spacing: var( --lqd-h3-letter-spacing, var(--lqd-heading-letter-spacing) ); color: var(--lqd-h3-color, var(--lqd-heading-color)); } .h4, h4 { font-family: var(--lqd-h4-font-family, var(--lqd-heading-font-family)); font-size: var(--lqd-h4-font-size, var(--lqd-heading-font-size)); line-height: var(--lqd-h4-line-height, var(--lqd-heading-line-height)); font-weight: var(--lqd-h4-font-weight, var(--lqd-heading-font-weight)); text-transform: var( --lqd-h4-text-transform, var(--lqd-heading-text-transform) ); letter-spacing: var( --lqd-h4-letter-spacing, var(--lqd-heading-letter-spacing) ); color: var(--lqd-h4-color, var(--lqd-heading-color)); } .h5, h5 { font-family: var(--lqd-h5-font-family, var(--lqd-heading-font-family)); font-size: var(--lqd-h5-font-size, var(--lqd-heading-font-size)); line-height: var(--lqd-h5-line-height, var(--lqd-heading-line-height)); font-weight: var(--lqd-h5-font-weight, var(--lqd-heading-font-weight)); text-transform: var( --lqd-h5-text-transform, var(--lqd-heading-text-transform) ); letter-spacing: var( --lqd-h5-letter-spacing, var(--lqd-heading-letter-spacing) ); color: var(--lqd-h5-color, var(--lqd-heading-color)); } .h6, h6 { font-family: var(--lqd-h6-font-family, var(--lqd-heading-font-family)); font-size: var(--lqd-h6-font-size, var(--lqd-heading-font-size)); line-height: var(--lqd-h6-line-height, var(--lqd-heading-line-height)); font-weight: var(--lqd-h6-font-weight, var(--lqd-heading-font-weight)); text-transform: var( --lqd-h6-text-transform, var(--lqd-heading-text-transform) ); letter-spacing: var( --lqd-h6-letter-spacing, var(--lqd-heading-letter-spacing) ); color: var(--lqd-h6-color, var(--lqd-heading-color)); } .main-header { max-width: 100vw; position: relative; top: var(--lqd-top-scroll-ind-height, 0); z-index: 99; transition: background-color 0.3s; } .main-header-overlay { /* position: absolute; */ top: var(--lqd-top-scroll-ind-height, 0); left: 0; right: 0; } @keyframes stickySlideDown { from { transform: translateY(-100%); } to { transform: translateY(0); } } @keyframes stickySlideOut { to { transform: translateY(-100%); } } .is-stuck { position: fixed; left: 0; right: 0; top: var(--lqd-top-scroll-ind-height, 0); box-shadow: -2px 3px 90px -20px rgba(0, 0, 0, 0.25); animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; } .is-stuck > .megamenu-hover-bg { display: none !important; } .lqd-smart-sticky-header { animation: none; } .lqd-smart-sticky-header.lqd-just-stuck { transform: translateY(-100%); } .lqd-smart-sticky-hide { animation: stickySlideOut 0.4s cubic-bezier(0.23, 1, 0.32, 1) both; } .lqd-smart-sticky-show { animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; } .lqd-sticky-placeholder { height: var(--lqd-sticky-header-placeholder-height, 0); } .lqd-sticky-sentinel { width: 100%; min-height: 1px; top: var(--lqd-sticky-header-sentinel-top); left: 0; } .titlebar > .lqd-sticky-sentinel { --lqd-sticky-header-sentinel-top: calc( 100% - var(--lqd-sticky-header-height, 0px) - 2px ); } .lqd-show-onstuck:not(.lqd-stickybar-wrap) { display: none; } .is-stuck .lqd-show-onstuck:not(.lqd-stickybar-wrap) { display: block; } .is-stuck .lqd-hide-onstuck { display: none; } .is-stuck.sticky-header-noshadow { box-shadow: none; } .lqd-head-col { display: flex; width: 100%; padding-inline-start: 15px; padding-inline-end: 15px; align-items: stretch; } .lqd-stickybar .lqd-head-col { padding-inline-start: 0; padding-inline-end: 0; } .main-header .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .main-header .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .header-module { position: relative; display: inline-flex; justify-content: center; align-items: center; } .navbar-collapse { flex: 1 auto; overflow: visible; } @media (min-width: 992px) { .navbar-collapse { display: flex !important; height: auto !important; overflow: visible !important; } } .main-header .nav-trigger-dark .bar, .main-header .nav-trigger-dark .bar:after, .main-header .nav-trigger-dark .bar:before { background-color: #fff; } .lqd-stickybar-wrap { --padding-top: 5vh; --padding-bottom: 5vh; --container-default-padding: 0; display: flex; justify-content: center; width: 100px; height: 100vh; padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); position: absolute !important; top: 0; z-index: 10; background: 0 0 !important; } .lqd-smart-sticky-header .lqd-stickybar-wrap, .lqd-stickybar-wrap.lqd-hide-onstuck, .lqd-stickybar-wrap.lqd-show-onstuck { transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s 0.3s; } .is-stuck .lqd-stickybar-wrap.lqd-show-onstuck { transition-delay: 0.15s; } [data-sticky-header] .lqd-stickybar-wrap { position: fixed !important; } .is-stuck .lqd-stickybar-wrap { display: flex; } @media (max-width: 991px) { .lqd-stickybar-wrap { display: none !important; } } .lqd-stickybar-left { left: 0; } .is-stuck .lqd-stickybar-left.lqd-hide-onstuck, .is-stuck.lqd-smart-sticky-hide .lqd-stickybar-left, [data-sticky-header].is-not-stuck .lqd-stickybar-left.lqd-show-onstuck { transform: translateX(-100%); } .lqd-stickybar-right { right: 0; } .is-stuck .lqd-stickybar-right.lqd-hide-onstuck, .is-stuck.lqd-smart-sticky-hide .lqd-stickybar-right, [data-sticky-header].is-not-stuck .lqd-stickybar-right.lqd-show-onstuck { transform: translateX(100%); } /* .main-nav-hover-fade-inactive:hover > li > a { opacity: 0.35; } .main-nav-hover-fade-inactive:hover > li:hover > a { opacity: 1; } */ .main-nav-hover-fill > li > a:before { content: ""; display: inline-block; position: absolute; top: calc(var(--lqd-menu-items-top-padding) - 0.25em); left: calc(var(--lqd-menu-items-left-padding) - 0.85em); bottom: calc(var(--lqd-menu-items-bottom-padding) - 0.25em); right: calc(var(--lqd-menu-items-right-padding) - 0.85em); z-index: -1; background: rgba(0, 0, 0, 0.07); border-radius: 4px; opacity: 0; transform: scale(0.85); transition: opacity 0.35s, transform 0.35s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .main-nav-hover-fill > li.current-menu-ancestor > a:before, .main-nav-hover-fill > li.current-menu-item > a:before, .main-nav-hover-fill > li.is-ative > a:before, .main-nav-hover-fill > li:hover > a:before { opacity: 1; transform: scale(1); } .navbar-visible-ontoggle { padding-inline-end: 5px; padding-inline-start: 5px; } .navbar-visible-ontoggle .main-nav > li { opacity: 0; visibility: hidden; transform: translateX(5px); transition: all 0.3s ease; transition-property: opacity, visibility, transform; } .navbar-visible-ontoggle.in { display: inline-flex; overflow: unset; } .navbar-visible-ontoggle.is-active .main-nav > li { opacity: 1; visibility: visible; transform: none; } .navbar-visible-ontoggle:not(.is-active).collapsing .main-nav > li { transform: translateX(-5px); } .nav-item-children { min-width: 232px; padding: 1.0625em 0; border-radius: 5px; position: absolute; top: 100%; left: 0; z-index: 11; list-style: none; opacity: 0; visibility: hidden; text-align: start; pointer-events: none; transform: translateY(10px); transition: all 0.85s cubic-bezier(0.19, 1, 0.22, 1); transition-property: transform, opacity, visibility; } .nav-item-children:before { content: ""; display: inline-block; border-radius: inherit; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-color: #fff; box-shadow: 0 16px 50px rgba(0, 0, 0, 0.07); pointer-events: none; } .nav-item-children > li { position: relative; font-size: 1em; line-height: normal; } .nav-item-children > li > a { display: block; padding: 0.75em 1.75em; width: 100%; color: rgba(0, 0, 0, 0.55); } .nav-item-children > li.current-menu-ancestor > a, .nav-item-children > li.current-menu-item > a, .nav-item-children > li.is-active > a, .nav-item-children > li:hover > a { color: #000; } .nav-item-children .nav-item-children { bottom: auto; top: 0; left: 104%; } .nav-item-children .nav-item-children:after { content: ""; display: inline-block; width: 4%; height: 100%; position: absolute; left: -4%; top: 0; } .nav-item-children .nav-item-children.to-left { right: 100%; } .nav-item-children.to-left { left: auto; right: 0; } .nav-item-children.to-left .nav-item-children { left: auto; right: 100%; } .lqd-submenu-toggle-hover .position-applied:hover > .nav-item-children { opacity: 1; visibility: visible; transform: translateY(0); } .lqd-submenu-toggle-click .nav-item-children { display: none; opacity: 1; visibility: visible; pointer-events: auto; } .main-nav li.is-active > .nav-item-children { pointer-events: auto; } .submenu-expander { display: none; width: 36px; height: 36px; flex: 0 0 auto; margin-inline-start: auto; border-radius: 3px; background-color: rgba(0, 0, 0, 0.05); align-items: center; justify-content: center; z-index: 3; font-size: 18px; } .lqd-mobile-sec-nav .menu-item-has-children > .submenu-expander, .lqd-mobile-sec-nav .page_item_has_children > .submenu-expander { display: inline-flex; } .lqd-submenu-cover .main-nav > .menu-item-has-children:not(.megamenu) .nav-item-children { min-width: 120px; box-shadow: 0 10px 35px -5px rgba(0, 0, 0, 0.05); border-radius: 15px; } .lqd-submenu-cover .main-nav > .menu-item-has-children:not(.megamenu) > .nav-item-children, .lqd-submenu-cover .main-nav > .menu-item-has-children:not(.megamenu) > .nav-item-children > li { transform: translateY(15px); } .lqd-submenu-cover .main-nav > .menu-item-has-children:not(.megamenu) > a { z-index: 1; } .lqd-submenu-cover .main-nav > .menu-item-has-children:not(.megamenu) > .nav-item-children { --bg-position: clamp( 5px, var(--lqd-menu-items-top-padding), calc( var(--item-height) - var(--lqd-menu-items-top-padding) - (var(--lqd-menu-items-top-padding) / 2) - 10px ) ); padding-top: var(--item-height); top: 0; z-index: 3; white-space: nowrap; } .lqd-submenu-cover .main-nav > .menu-item-has-children:not(.megamenu) > .nav-item-children:before { top: var(--bg-position); left: clamp(-5px, var(--lqd-menu-items-left-padding, 15px) * -1, -20px); right: clamp( var(--lqd-menu-items-right-padding, 15px) * -1, var(--lqd-menu-items-right-padding, 15px) / 2 * -1, var(--lqd-menu-items-right-padding, 15px) * -1 ); } .lqd-submenu-cover .main-nav > .menu-item-has-children:not(.megamenu) > .nav-item-children > li { opacity: 0; transition: all 0.5s cubic-bezier(0.17, 0.84, 0.44, 1); transition-property: transform, opacity; } .lqd-submenu-cover .main-nav > .menu-item-has-children:not(.megamenu) > .nav-item-children > li > a { padding: 0.5em var(--lqd-menu-items-right-padding, 15px) 0.5em var(--lqd-menu-items-left-padding, 15px); } .lqd-submenu-cover .main-nav > .menu-item-has-children:not(.megamenu):hover > .nav-item-children, .lqd-submenu-cover .main-nav > .menu-item-has-children:not(.megamenu):hover > .nav-item-children > li { opacity: 1; transform: translateY(0); } .lqd-submenu-cover .main-nav > .menu-item-has-children:not(.megamenu):hover > a { z-index: 4; transition: color 0.3s, background 0.3s, border 0.3s, z-index 50ms step-start; } .lqd-submenu-dark .nav-item-children:before { background-color: #424040; } .lqd-submenu-dark .nav-item-children > li > a { color: rgba(255, 255, 255, 0.8); } .lqd-submenu-dark .nav-item-children > li > a:hover { color: #fff; } .lqd-submenu-dark.lqd-submenu-cover .main-nav > .menu-item-has-children:not(.megamenu):after, .lqd-submenu-dark.lqd-submenu-cover .main-nav > .menu-item-has-children:not(.megamenu):before { background-color: #424040; } .lqd-megamenu-rows-wrap { background-color: #fff; box-shadow: 0 16px 50px rgba(0, 0, 0, 0.07); } .megamenu { position: static !important; } .main-nav .megamenu:not(.position-applied) .nav-item-children { display: block !important; visibility: hidden; } .megamenu .megamenu-container { width: unset; max-width: unset; padding: 0; } .megamenu .nav-item-children { max-width: 100vw; border-radius: 0; padding: 0; } .megamenu .nav-item-children:before { background-color: transparent !important; box-shadow: none; } .megamenu .flickity-viewport { width: 100%; } .megamenu[data-megamenu-bg-scheme="transparent"] .megamenu-row { box-shadow: none; } .megamenu.megamenu-content-stretch .nav-item-children { left: 0; right: 0; } .megamenu.megamenu-fullwidth .nav-item-children { width: 100vw; left: 50%; right: 50%; margin-inline-start: -50vw; margin-inline-end: -50vw; } .megamenu.megamenu-fullwidth .megamenu-container { width: 100%; max-width: none; } .megamenu.position-applied .megamenu-row { display: flex; flex-wrap: wrap; } .megamenu.position-applied .megamenu-col { flex: 1 0 auto; } .megamenu.position-applied .megamenu-col:only-of-type { width: 100%; } .lqd-submenu-dark .megamenu .megamenu-row { background-color: #030516; } .main-header[data-react-to-megamenu="true"]:not(.is-stuck) .megamenu-hover-bg { display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background-color: var(--lqd-megamenu-background-color, #fff); transition: opacity 0.3s cubic-bezier(0.02, 0.01, 0.47, 1), background 0.3s; } .main-header[data-react-to-megamenu="true"]:not(.is-stuck).megamenu-item-active .megamenu-hover-bg { opacity: 1; } @keyframes lqdMegamenuSlideReveal { from { transform: rotateX(-15deg); opacity: 0; } to { transform: rotateX(0); opacity: 1; } } @keyframes lqdMegamenuSlideIn { from { transform: translateX(var(--lqd-megamenu-slide-from-val, 0)); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes lqdMegamenuSlideOut { from { transform: translateX(0); opacity: 1; } to { transform: translateX(var(--lqd-megamenu-slide-to-val, 0)); opacity: 0; } } .lqd-megamenu-slide-stuff { position: absolute !important; top: 100%; left: 0; right: 0; transition: opacity var(--lqd-megamenu-slide-trans-dur); opacity: 0; perspective: 1200px; min-height: 1px; } .lqd-megamenu-slide-stuff-wrap { left: 0; right: 0; } .lqd-megamenu-slide-arrow { display: inline-block; width: 12px; height: 12px; transform: translate(var(--lqd-megamenu-slide-arrow-pos, 0), -6px) scaleY(0); transition: transform var(--lqd-megamenu-slide-trans-dur); transform-origin: bottom; } .lqd-megamenu-slide-arrow:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 3px 0 0 0; box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.03); background-color: var(--lqd-megamenu-background-color, #fff); transform: rotate(45deg); transition: background var(--lqd-megamenu-slide-trans-dur); } .lqd-megamenu-slide-bg, .lqd-megamenu-slide-bg-inner { display: inline-block; } .lqd-megamenu-slide-bg { width: calc(var(--lqd-megamenu-init-width, 0) * 1px); height: calc(var(--lqd-megamenu-init-height, 0) * 1px); background: var(--lqd-megamenu-background-color, #fff); box-shadow: 0 25px 55px -6px rgba(0, 0, 0, 0.07); transform: translate3d(var(--lqd-megamenu-x, 0), var(--lqd-megamenu-y, 0), 0) scale( calc(var(--lqd-megamenu-current-width) / var(--lqd-megamenu-init-width)), calc(var(--lqd-megamenu-current-height) / var(--lqd-megamenu-init-height)) ); transition: all var(--lqd-megamenu-slide-trans-dur); transition-property: background, transform; transform-origin: top left; } [data-megamenu-slide="true"] { --lqd-megamenu-slide-trans-dur: 0.3s; --lqd-megamenu-slide-from-val: -65px; --lqd-megamenu-slide-to-val: 65px; } [data-megamenu-slide="true"].lqd-megamenu-slide-from-right { --lqd-megamenu-slide-from-val: 65px; --lqd-megamenu-slide-to-val: -65px; } [data-megamenu-slide="true"] .megamenu .nav-item-children { overflow: hidden; transition: width var(--lqd-megamenu-slide-trans-dur), height var(--lqd-megamenu-slide-trans-dur); } [data-megamenu-slide="true"] .megamenu.lqd-megamenu-item-slide-out .lqd-megamenu-rows-wrap { animation: lqdMegamenuSlideOut var(--lqd-megamenu-slide-trans-dur) both; } .lqd-megamenu-slide-active .lqd-megamenu-slide-stuff { opacity: 1; } .lqd-megamenu-slide-active .lqd-megamenu-slide-arrow { transform: translate(var(--lqd-megamenu-slide-arrow-pos, 0), -6px) scaleY(1); } .lqd-megamenu-slide-active .lqd-megamenu-rows-wrap, .lqd-megamenu-slide-active .megamenu-row { background-color: transparent !important; box-shadow: none !important; } .lqd-megamenu-slide-active .megamenu.is-active .lqd-megamenu-rows-wrap { animation: lqdMegamenuSlideIn var(--lqd-megamenu-slide-trans-dur) both; } .lqd-megamenu-slide-reveal { --lqd-megamenu-slide-from-val: 0; --lqd-megamenu-slide-to-val: 0; } .lqd-megamenu-slide-reveal .megamenu.is-active .nav-item-children { perspective: 1200px; } .lqd-megamenu-slide-reveal .lqd-megamenu-slide-stuff-wrap, .lqd-megamenu-slide-reveal .megamenu.is-active .lqd-megamenu-rows-wrap { transform-origin: center -60px; animation: lqdMegamenuSlideReveal var(--lqd-megamenu-slide-trans-dur) both; } .lqd-megamenu-slide-reveal .lqd-megamenu-slide-arrow, .lqd-megamenu-slide-reveal .lqd-megamenu-slide-arrow:before, .lqd-megamenu-slide-reveal .lqd-megamenu-slide-bg, .lqd-megamenu-slide-reveal .lqd-megamenu-slide-stuff, .lqd-megamenu-slide-reveal .megamenu.is-active .nav-item-children { transition: none; } .ld-module-trigger { display: inline-flex; position: relative; align-items: center; cursor: pointer; transition: color 0.3s; } .ld-module-trigger-icon, .ld-module-trigger-txt { transition: color 0.3s; } .ld-module-trigger-icon { display: flex; position: relative; justify-content: center; align-items: center; } .ld-module-trigger-txt { display: inline-grid; margin-inline-end: 8px; align-items: center; grid-template-columns: 1fr auto auto; } .ld-module-trigger-txt:last-child, .ld-module-trigger-txt:only-child { margin-inline-end: 0; } .ld-module-trigger-txt img, .ld-module-trigger-txt svg { margin-inline-end: 0.5em; margin-inline-start: 0.5em; } .ld-module-trigger-txt img.emoji:first-child { margin-inline-end: 0.5em !important; } .ld-module-trigger-txt img.emoji:last-child { margin-inline-start: 0.5em !important; } .ld-module-trigger-txt i { margin-inline-start: 0.5em; } .ld-module-trigger-txt .amount + span { grid-column: 1 / span 3; order: -1; } .ld-module-trigger-txt:empty { display: none; } .ld-module-trigger-count { display: inline-flex; width: 20px; height: 20px; margin-inline-start: 5px; background-color: var(--lqd-color-primary); border-radius: 20px; align-items: center; justify-content: center; font-size: 12px; line-height: 20px; color: #fff; } .ld-module-trigger-txt + .ld-module-trigger-count { margin-inline-start: 0; } .ld-module-trigger-count-sup { position: absolute; top: -0.75em; right: -0.75em; } .lqd-module-trigger-txt-right .ld-module-trigger-txt { margin-inline-start: 0.75em; margin-inline-end: 0; order: 1; text-align: start; } .lqd-module-trigger-txt-right .ld-module-trigger-count-sup { left: -0.75em; right: auto; } .lqd-module-trigger-txt-left .ld-module-trigger-txt { margin-inline-end: 0.75em; order: -1; } .lqd-module-trigger-txt-left .ld-module-trigger-count-sup { right: -0.75em; left: auto; } .lqd-module-hide-icon .ld-module-trigger-count { width: 2em; height: 2em; position: relative; top: auto; left: auto; right: auto; font-size: 1em; } .lqd-module-icon-outline .ld-module-trigger-icon { width: 48px; height: 48px; font-size: 20px; border-radius: 50em; } .lqd-module-icon-outline .ld-module-trigger-icon:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid; opacity: 0.15; border-radius: inherit; } .lqd-module-icon-outline .ld-module-trigger-count-sup { margin: 0; top: -0.25em; right: -0.25em; } .lqd-module-icon-outline.lqd-module-trigger-txt-right .ld-module-trigger-count-sup { left: 35px; } .lqd-module-badge-outline .ld-module-trigger-count { background: 0 0; border: 1px solid; color: inherit; } @keyframes spin { 100% { transform: rotate(360deg); } } .nav-trigger, .nav-trigger:focus, .nav-trigger:hover { border: none; background: 0 0; font-size: 1em; text-shadow: none; outline: 0; padding: 0; border-radius: 3em; background: 0 0; background-color: transparent; box-shadow: none; } .nav-trigger { transition: all 0.3s; } .nav-trigger .bars { width: 55px; height: 55px; border-radius: inherit; } .nav-trigger .bars:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; border-radius: inherit; transition: border 0.3s, background 0.3s; } .nav-trigger .bars, .nav-trigger .bars-inner { border-radius: inherit; align-items: inherit; justify-content: inherit; } .nav-trigger .bar { background-color: currentColor; transition: all 0.3s; } .nav-trigger .bar:after, .nav-trigger .bar:before { background-color: inherit; transition: all 0.3s; } .nav-trigger .bar:last-child { margin-bottom: 0 !important; } .nav-trigger .txt { line-height: 1; white-space: nowrap; transition: transform 0.45s, opacity 0.45s, color 0.3s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .nav-trigger svg { transition: all 0.3s; } .nav-trigger .loading-spinner { display: inline-block; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 2px solid transparent; border-top-color: currentColor; border-radius: inherit; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; animation: spin 1s linear infinite; } .nav-trigger.style-mobile .bars { width: 20px; height: 15px; transform: rotate(0); transition: all 0.45s 0.2s cubic-bezier(0.23, 1, 0.32, 1); } .nav-trigger.style-mobile .bar { width: 20px; height: 2px; border-radius: 50px; margin-bottom: 4.25px; transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1); } .nav-trigger.style-mobile .bar:first-child, .nav-trigger.style-mobile .bar:last-child { opacity: 0; visibility: hidden; transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1); } .nav-trigger.style-mobile .bar:first-child { transform: translateY(-3px); } .nav-trigger.style-mobile .bar:last-child { transform: translateY(3px); } .nav-trigger.style-mobile .bar:nth-child(2) { width: 22px; margin-inline-end: auto; transform: rotate(45deg); transition-delay: 0.1s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .nav-trigger.style-mobile .bar:nth-child(2):before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; transition: inherit; background-color: inherit; transform: rotate(-90deg); } .nav-trigger.solid .bars:before { background-color: #f5f5f5; } .nav-trigger.bordered .bars:before { border: 1px solid #e1e1e1; } .nav-trigger.circle .bars { width: 62px; height: 62px; flex: 1 0 62px; margin-inline-end: 10px; } .nav-trigger.round { border-radius: 4px; } .nav-trigger.txt-left { flex-direction: row-reverse; } .nav-trigger.txt-left.circle .bars { margin-inline-start: 10px; margin-inline-end: 0; } .nav-trigger.rotate-90 { transform: rotate(-90deg); } .nav-trigger.is-loading .loading-spinner { opacity: 1; visibility: visible; } .nav-trigger.collapsed .bars { transform: none; transition-delay: 0s; } .nav-trigger.collapsed .bar:first-child, .nav-trigger.collapsed .bar:last-child, .nav-trigger.collapsed .bar:nth-child(2) { opacity: 1; visibility: visible; transform: none; } .nav-trigger.collapsed .bar:first-child:after, .nav-trigger.collapsed .bar:first-child:before, .nav-trigger.collapsed .bar:last-child:after, .nav-trigger.collapsed .bar:last-child:before, .nav-trigger.collapsed .bar:nth-child(2):after, .nav-trigger.collapsed .bar:nth-child(2):before { transform: rotate(0) translate(0, 0); } .nav-trigger.collapsed.style-mobile .bar:first-child, .nav-trigger.collapsed.style-mobile .bar:last-child { transition-delay: 0.15s; } .nav-trigger.collapsed.style-mobile .bar:nth-child(2) { width: 16px; } .nav-trigger.collapsed.style-mobile .bar:nth-child(2):before { opacity: 0; } .lqd-stickybar-wrap .nav-trigger { writing-mode: horizontal-tb; transform: rotate(90deg); } .lqd-stickybar-wrap .nav-trigger .bars { transform: rotate(180deg); } .lqd-stickybar-wrap .nav-trigger .bars:only-child { transform: rotate(-90deg); } .nav-trigger.style-1 .bars { transform: rotate(90deg); transition: all 0.3s 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); } .nav-trigger.style-1 .bar { width: 25px; height: 1px; margin-bottom: 5px; margin-inline-start: auto; margin-inline-end: auto; } .nav-trigger.style-1 .bar:first-child, .nav-trigger.style-1 .bar:last-child { width: 16px; opacity: 0; visibility: hidden; } .nav-trigger.style-1 .bar:first-child { transform: translateY(-7px); margin-inline-end: 15px; } .nav-trigger.style-1 .bar:last-child { transform: translateY(7px); } .nav-trigger.style-1 .bar:nth-child(2) { transform: rotate(45deg); transition: transform 0.3s 0.2s, backgroud 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); } .nav-trigger.style-1 .bar:nth-child(2):before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: inherit; background: inherit; transform: rotate(-90deg); } .nav-trigger.style-1.collapsed .bars { transform: none; transition-delay: 0s; } .nav-trigger.style-1.collapsed .bar:first-child, .nav-trigger.style-1.collapsed .bar:last-child, .nav-trigger.style-1.collapsed .bar:nth-child(2) { opacity: 1; visibility: visible; transform: none; } .nav-trigger.style-1.collapsed .bar:first-child:after, .nav-trigger.style-1.collapsed .bar:first-child:before, .nav-trigger.style-1.collapsed .bar:last-child:after, .nav-trigger.style-1.collapsed .bar:last-child:before, .nav-trigger.style-1.collapsed .bar:nth-child(2):after, .nav-trigger.style-1.collapsed .bar:nth-child(2):before { transform: rotate(0) translate(0, 0); } .nav-trigger.style-1.collapsed .bar:nth-child(2):before { opacity: 0; } .nav-trigger.style-2 .bars-inner { justify-content: center; } .nav-trigger.style-2 .bar { width: 24px; height: 2px; background: 0 0 !important; } .nav-trigger.style-2 .bar:not(:last-child) { margin-top: 3px; margin-bottom: 3px; } .nav-trigger.style-2 .bar:after, .nav-trigger.style-2 .bar:before { content: ""; display: inline-block; width: 100%; height: 2px; position: absolute; top: 0; left: 0; background: #000; } .nav-trigger.style-2 .bar:first-child, .nav-trigger.style-2 .bar:nth-child(2) { overflow: hidden; } .nav-trigger.style-2 .bar:first-child:after, .nav-trigger.style-2 .bar:nth-child(2):after { content: none; } .nav-trigger.style-2 .bar:first-child:before { transform-origin: right; transform: translateX(-100%); transition: transform 0.3s 0.15s cubic-bezier(0.65, 0.05, 0.36, 1), background 0.3s; } .nav-trigger.style-2 .bar:nth-child(2):before { transform: translateX(100%); transition: transform 0.3s 75ms cubic-bezier(0.65, 0.05, 0.36, 1), background 0.3s; } .nav-trigger.style-2 .bar:last-child { width: 24px; height: 10px; position: absolute; top: calc(50% - 5px); left: calc(50% - 13px); } .nav-trigger.style-2 .bar:last-child:after, .nav-trigger.style-2 .bar:last-child:before { transform-origin: 73%; } .nav-trigger.style-2 .bar:last-child:before { transition: transform 0.3s 125ms cubic-bezier(0.65, 0.05, 0.36, 1), background 0.3s; transform: scale(1) rotate(-45deg) translate(0); } .nav-trigger.style-2 .bar:last-child:after { top: auto; bottom: 0; transition: transform 0.3s 175ms cubic-bezier(0.65, 0.05, 0.36, 1), background 0.3s; transform: scale(1) rotate(45deg) translate(0); } .nav-trigger.style-2.collapsed .bar:first-child:before { transform: scaleX(0.666); } .nav-trigger.style-2.collapsed .bar:nth-child(2):before { transform: rotate(0) translate(0, 0); } .nav-trigger.style-2.collapsed .bar:last-child:after, .nav-trigger.style-2.collapsed .bar:last-child:before { transition-delay: 0s; } .nav-trigger.style-2.collapsed .bar:last-child:before { transform: scale(0) rotate(-45deg) translate(150%); } .nav-trigger.style-2.collapsed .bar:last-child:after { transform: scale(0) rotate(45deg) translate(150%); } .nav-trigger.style-3 .bar { width: 4px; height: 4px; background-color: currentColor; border-radius: 5px; box-shadow: 11px 0 0; } .nav-trigger.style-3 .bar:last-of-type { position: absolute; top: 50%; left: 50%; width: 24px; height: 2px; opacity: 1; transform: translate(-50%, -50%) rotate(-45deg) scale(1); box-shadow: none !important; } .nav-trigger.style-3 .bar:last-of-type:before { content: ""; display: inline-block; width: inherit; height: inherit; position: absolute; top: 0; left: 0; border-radius: inherit; transform: rotate(90deg); } .nav-trigger.style-3 .bar:not(:last-of-type) { margin: 4px 11px 4px 0; } .nav-trigger.style-3 .bar:first-of-type, .nav-trigger.style-3 .bar:nth-of-type(2) { opacity: 0; } .nav-trigger.style-3.is-loading .bar:last-of-type { opacity: 0; } .nav-trigger.style-3.is-loading .bar:first-of-type, .nav-trigger.style-3.is-loading .bar:nth-of-type(2) { opacity: 1; } .nav-trigger.style-3.is-loading .bars { animation: spin 3s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; } .nav-trigger.style-3.collapsed .bar:first-of-type, .nav-trigger.style-3.collapsed .bar:nth-of-type(2) { opacity: 1; } .nav-trigger.style-3.collapsed .bar:last-of-type { opacity: 0; transform: translate(-50%, -50%) rotate(-45deg) scale(0); } .nav-trigger.style-4 .bar:last-of-type { position: absolute; top: 50%; left: 50%; width: 24px; height: 2px; opacity: 1; transform: translate(-50%, -50%) rotate(-45deg) scale(1); box-shadow: none !important; } .nav-trigger.style-4 .bar:last-of-type:before { content: ""; display: inline-block; width: inherit; height: inherit; position: absolute; top: 0; left: 0; border-radius: inherit; transform: rotate(90deg); } .nav-trigger.style-4 svg { opacity: 0; } .lqd-stickybar-wrap .nav-trigger.style-4 svg { transform: scale(-1); } .lqd-stickybar-wrap .nav-trigger.style-4.txt-left svg { transform: scaleY(-1); } .nav-trigger.style-4.txt-left svg { transform: scaleX(-1); } .nav-trigger.style-4.is-loading .bar:last-of-type { opacity: 0; } .nav-trigger.style-4.collapsed .bar:last-of-type { opacity: 0; transform: translate(-50%, -50%) rotate(-45deg) scale(0); } .nav-trigger.style-4.collapsed svg { opacity: 1; } .nav-trigger.style-5 .bars { width: 18px; height: 18px; margin-inline-end: 6px; } .nav-trigger.style-5 .bars:before { width: 150%; height: 150%; top: -25%; left: -25%; } .nav-trigger.style-5 .bars-inner { align-items: center; justify-content: center; } .nav-trigger.style-5 .bar { width: 14px; height: 2px; } .nav-trigger.style-5 .bar:not(:last-child) { margin-bottom: 2px; } .nav-trigger.style-5.circle .bars:before { width: 100%; height: 100%; top: 0; left: 0; } .nav-trigger.style-5.is-active .bar:first-child { transform: rotate(45deg) translate(2.5px, 3px); } .nav-trigger.style-5.is-active .bar:nth-child(2) { opacity: 0; transform: scale(0); } .nav-trigger.style-5.is-active .bar:last-child { transform: rotate(-45deg) translate(2.5px, -3px); } .nav-trigger.style-6:not(.circle) .bars { width: 17px; height: 13px; margin-inline-end: 15px; } .nav-trigger.style-6 .bar { width: 17px; height: 1px; transform-origin: left; } .nav-trigger.style-6 .bar:not(:last-child) { margin-bottom: 5px; } .nav-trigger.style-6.is-active .bar:first-child { transform: rotate(45deg) translate(1px, -2px); } .nav-trigger.style-6.is-active .bar:nth-child(2) { transform-origin: center; transform: scale(0); } .nav-trigger.style-6.is-active .bar:last-child { transform: rotate(-45deg) translate(2px, 1px); } .nav-trigger.style-6.txt-left .bars { margin-inline-end: 0; margin-inline-start: 15px; } .ld-module-dropdown { top: 100%; right: 0; z-index: 20; background-color: #fff; text-align: left; } .ld-module-dropdown.left { right: auto; left: 0; } .ld-module-dropdown .e-con, .ld-module-dropdown .e-container { --position: relative; } .lqd-dropdown-fade-onhover { display: block !important; height: auto !important; pointer-events: none; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.85s cubic-bezier(0.19, 1, 0.22, 1); transition-property: transform, opacity, visibility; } .lqd-dropdown-fade-onhover.is-active { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } .collapse.positioning { display: block !important; position: absolute !important; visibility: hidden !important; } .ld-dropdown-menu-content { width: 210px; padding: 20px 30px; border: 1px solid rgba(0, 0, 0, 0.1); } .ld-dropdown-menu-content a { display: inline-block; position: relative; } .ld-dropdown-menu-content ul { padding: 0; margin: 0; list-style: none; } .ld-dropdown-menu-content ul ul { margin-inline-start: 0.3em; } .ld-dropdown-menu-content li { position: relative; } .ld-dropdown-menu-content li:not(:last-child) a { margin-bottom: 0.625em; } .ld-dropdown-menu-underlined li a:before { content: ""; display: inline-block; width: 100%; height: 1px; position: absolute; bottom: -2px; left: 0; background-color: currentColor; transform-origin: right center; transform: scaleX(0); transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); } .ld-dropdown-menu-underlined li a:hover:before { transform-origin: left center; transform: scaleX(1); } .ld-module-cart .ld-cart-product-name { font-size: inherit; } .ld-module-cart .ld-module-trigger { order: -1; } .ld-module-cart .ld-module-dropdown { max-height: 85vh; } .ld-module-cart .ld-module-dropdown.in { overflow-x: hidden; overflow-y: auto; } .ld-cart-contents { width: 400px; height: 100%; border: 1px solid rgba(0, 0, 0, 0.1); color: #000; } .ld-cart-contents .empty { padding-top: 20px; } .ld-cart-contents .empty h3 { margin: 0.5em 0 1.5em; font-size: 22px; text-align: center; } .ld-cart-contents .empty, .ld-cart-foot, .ld-cart-head, .ld-cart-product { padding-inline-start: 35px; padding-inline-end: 35px; } .ld-cart-foot, .ld-cart-head { font-size: 12px; } .ld-cart-head { margin-bottom: 20px; display: none; } a.remove.ld-cart-product-remove { display: inline-flex; width: 20px; height: 20px; border: 1px solid #dedede; border-radius: 50em; background-color: #fff; position: absolute; top: 7px; left: 25px; z-index: 2; align-items: center; justify-content: center; font-size: 18px; color: #000 !important; opacity: 0; visibility: hidden; transition: all 0.3s; } a.remove.ld-cart-product-remove:before { content: ""; display: inline-block; width: 150%; height: 150%; position: absolute; top: -25%; left: -25%; } a.remove.ld-cart-product-remove:hover { border-color: red; background-color: red; color: #fff !important; } .ld-cart-product { padding-top: 17px; padding-bottom: 17px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px; line-height: 1.571em; } .ld-cart-product img { width: 65px; border-radius: 3px; } .ld-cart-product:hover .ld-cart-product-remove { opacity: 1; visibility: visible; } .ld-cart-product-info a { color: inherit; } figure + .ld-cart-product-details { margin-inline-start: 15px; } .ld-cart-product-details dl.variation { margin-top: 3px; margin-bottom: 10px; font-size: 0.9em; } .ld-cart-product-details dl.variation:after, .ld-cart-product-details dl.variation:before { content: ""; display: table; } .ld-cart-product-details dl.variation:after { clear: both; } .ld-cart-product-details dl.variation dd, .ld-cart-product-details dl.variation dt { float: left; } .ld-cart-product-details dl.variation dt { clear: both; } .ld-cart-product-details dl.variation dd { margin: 0 0 0 5px; } .ld-cart-foot { margin-top: 15px; margin-bottom: 20px; } .ld-cart-foot .btn { width: 100%; font-weight: 700; } .ld-cart-foot .btn-solid { padding: 1.5em; border: none; background-color: #2a2a2a; color: #fff; line-height: 1em; } .ld-cart-foot .btn-solid:hover { background-color: var(--lqd-color-primary); color: #fff; } .ld-cart-foot .btn-solid + .btn { margin-inline-start: 0; margin-top: 2em; } .ld-cart-foot .btn-naked { color: #2a2a2a; } .ld-cart-total { margin-bottom: 10px; } .ld-cart-total-price { font-size: 20px; font-weight: 600; } .ld-cart-message { padding: 1em; background-color: var(--lqd-color-primary); font-size: 14px; font-weight: 500; line-height: 1.5em; letter-spacing: 0.024em; color: #fff; text-align: center; } .ld-module-cart-dropdown .ld-cart-head { display: none !important; } .ld-module-cart-offcanvas .ld-module-dropdown { height: 100vh !important; position: fixed; top: 0; right: 0; z-index: 12; opacity: 0; max-height: none; box-shadow: -20px 0 60px rgba(0, 0, 0, 0.1); transform: translateX(100%); transition: transform 0.65s 0s, opacity 0.25s 0.4s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ld-module-cart-offcanvas .ld-module-dropdown.is-active { opacity: 1; transform: translateX(0); transition-delay: 0.1s; } .ld-module-cart-offcanvas .ld-cart-contents { width: 435px; padding: 30px 35px 0; border: none; overflow-y: auto; max-width: 90vw; } .ld-module-cart-offcanvas .header-quickcart { display: flex; flex-direction: column; min-height: 100%; } .ld-module-cart-offcanvas .ld-cart-head { display: flex !important; padding: 0 0 15px; border-bottom: 1px solid #e1e1e1; font-size: 20px; font-weight: 500; } .ld-module-cart-offcanvas .ld-cart-head .ld-module-trigger-count { width: 2em; height: 2em; margin-inline-start: 1em; background-color: #000; } .is-stuck .ld-module-cart-offcanvas .ld-cart-head .ld-module-trigger, .ld-module-cart-offcanvas .ld-cart-head .ld-module-trigger { color: #000 !important; } .ld-module-cart-offcanvas .ld-cart-foot, .ld-module-cart-offcanvas .ld-cart-product { padding-inline-start: 0; padding-inline-end: 0; } .ld-module-cart-offcanvas .ld-cart-product:last-child { border-bottom: none; } .ld-module-cart-offcanvas .ld-cart-product:hover .ld-cart-product-info figure { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); transform: translateY(-2px); } .ld-module-cart-offcanvas .ld-cart-product-details { width: 45%; flex-grow: 0; padding-inline-end: 15px; } .ld-module-cart-offcanvas .ld-cart-product-info figure { border-radius: 2px; box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); transition: box-shadow 0.3s, transform 0.3s; } .ld-module-cart-offcanvas .ld-cart-product-name { font-size: 17px; } .ld-module-cart-offcanvas .ld-cart-product-price { max-width: 45%; font-size: 16px; } .ld-module-cart-offcanvas a.ld-cart-product-remove.remove { width: 16px; height: 16px; border: none; left: auto; right: 0; top: calc(50% - 8px); opacity: 1; visibility: visible; font-size: 26px; color: var(--lqd-color-primary) !important; } .ld-module-cart-offcanvas a.ld-cart-product-remove.remove:hover { background: 0 0; color: red !important; } .ld-module-cart-offcanvas .ld-cart-foot { margin-top: auto; margin-bottom: 40px; } .ld-module-cart-offcanvas .ld-cart-total { padding-top: 20px; padding-bottom: 10px; border-top: 1px solid #e1e1e1; } .ld-module-cart-offcanvas .ld-cart-total-label, .ld-module-cart-offcanvas .ld-cart-total-price { font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; } .ld-module-cart-offcanvas .ld-cart-total-label { font-size: 16px; } .ld-module-cart-offcanvas .ld-cart-total-price { font-size: 20px; } .ld-module-cart-offcanvas .ld-cart-button .btn { font-size: 15px; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; } .ld-module-cart-offcanvas .ld-cart-button .btn + .btn { margin-top: 1em; } .ld-module-cart-offcanvas .ld-cart-button .btn-naked i { display: none; } .ld-module-cart-offcanvas .blockUI.blockOverlay { width: auto !important; left: -35px !important; right: -35px !important; } .ld-module-cart-offcanvas .ld-cart-message { margin: -19px -35px -30px; } .ld-module-to-left .ld-module-cart-offcanvas .ld-module-dropdown { right: auto; left: 0; transform: translateX(-100%); } .ld-module-to-left .ld-module-cart-offcanvas .ld-module-dropdown.is-active { transform: translateX(0); } .navbar-fullscreen { display: flex !important; width: 100vw; z-index: 90; opacity: 0; transition: all 0.15s 0.8s ease; transform: translateZ(0); } .navbar-fullscreen .main-nav-trigger { position: fixed; top: 4em; right: 4em; z-index: 92; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; } .navbar-fullscreen .main-nav-trigger .txt { display: none; } .navbar-fullscreen .navbar-collapse { height: auto !important; overflow: visible !important; } .navbar-fullscreen .nav-item-children { box-shadow: none; } .navbar-fullscreen .nav-item-children > li > a { padding: 0; } .navbar-fullscreen .nav-item-children > li:hover > a { background-color: transparent; } .navbar-fullscreen .megamenu .nav-item-children { display: none; visibility: visible; left: auto !important; right: auto !important; } .navbar-fullscreen .megamenu .ld-container, .navbar-fullscreen .megamenu .megamenu-col, .navbar-fullscreen .megamenu .megamenu-container { width: 100% !important; } .navbar-fullscreen .megamenu section.vc_row { padding: 0 !important; } .navbar-fullscreen .megamenu .ld-row { display: block; } .navbar-fullscreen .lqd-fsh-bg-col:before, .navbar-fullscreen .lqd-fsh-bg-side-container:before { content: ""; display: inline-block; width: 1px; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.1); transform: scaleY(0); transform-origin: center top; transition: transform 0.75s cubic-bezier(0.7, 0, 0.2, 1); } .navbar-fullscreen .lqd-fsh-bg-col span, .navbar-fullscreen .lqd-fsh-bg-side-container span { transform: scaleX(0); transform-origin: left center; transition: transform 0.65s 0.3s cubic-bezier(0.7, 0, 0.2, 1); } .navbar-fullscreen .header-modules-container { clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); transition: clip-path 0.8s 0s cubic-bezier(0.4, 0, 0.2, 1); } .navbar-fullscreen .module-primary-nav:only-child { display: flex; flex-direction: column; flex-grow: 1; } .navbar-fullscreen .module-primary-nav:only-child .navbar-collapse { flex-grow: 1; width: 100%; } .navbar-fullscreen .main-nav { width: auto; flex-grow: 1; justify-content: unset; margin-inline-start: 0; position: relative; } .navbar-fullscreen .main-nav > li { width: auto; padding-inline-start: 0 !important; padding-inline-end: 0 !important; align-items: inherit; justify-content: inherit; position: static; } .navbar-fullscreen .main-nav > li:after { content: ""; display: inline-block; width: 100%; position: absolute; top: 0; left: 100%; bottom: 0; visibility: hidden; } .navbar-fullscreen .main-nav > li, .navbar-fullscreen .main-nav > li > a { align-items: stretch; } .navbar-fullscreen .main-nav > li > a { width: 100%; flex-grow: 0; font-size: 4.5vw; line-height: 1.1em; font-weight: 700; } .navbar-fullscreen .main-nav > li > a .txt { display: flex; position: relative; } .navbar-fullscreen .main-nav > li:after { visibility: visible; } .navbar-fullscreen .main-nav > li .nav-item-children { transform: translateX(0); } .navbar-fullscreen .main-nav .link-sup { top: 0; right: 0; } .navbar-fullscreen .main-nav .nav-item-children { width: calc(100% + 7px); left: 110%; top: 0; padding: 0.625em 0 0; background-color: transparent; visibility: visible; font-size: 16px; line-height: 1.5em; overflow-x: hidden; overflow-y: auto; transform: translateX(-10px); } .navbar-fullscreen .main-nav .nav-item-children:before { background: 0 0; box-shadow: none; } .navbar-fullscreen .main-nav .nav-item-children > li { display: block; width: 100%; padding: 0.75em 1.25em; font-size: 1em; font-weight: 400; } .navbar-fullscreen .main-nav .nav-item-children .nav-item-children { width: 100%; } .navbar-fullscreen .module-primary-nav, .navbar-fullscreen .navbar-collapse { width: auto; } .navbar-fullscreen.is-active { opacity: 1; visibility: visible; transition-delay: 0s; } .navbar-fullscreen.is-active .main-nav-trigger { opacity: 1; visibility: visible; transition-delay: 0.6s; } .navbar-fullscreen.is-active .lqd-fsh-bg-col:before, .navbar-fullscreen.is-active .lqd-fsh-bg-side-container:before { transform: scaleY(1); transition-delay: 0.25s; } .navbar-fullscreen.is-active .lqd-fsh-bg-col > span, .navbar-fullscreen.is-active .lqd-fsh-bg-side-container > span { transform: scaleX(1); transition-delay: 50ms; } .navbar-fullscreen.is-active .header-modules-container { transition-duration: 2s; transition-delay: 0.15s; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } .navbar-brand { height: auto; line-height: normal; order: 0; transition: none; } .navbar-brand img { transition: opacity 0.3s, visibiliy 0.3s; } .navbar-brand img.visible { opacity: 1 !important; visibility: visible !important; } .navbar-brand img.invisible { opacity: 0; } .navbar-brand .logo-sticky { display: none; } .navbar-brand .logo-dark, .navbar-brand .logo-light { top: 0; left: 0; opacity: 0; visibility: hidden; position: absolute; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .is-stuck .navbar-brand .logo-sticky { display: block; } .is-stuck .navbar-brand .logo-sticky ~ img { display: none; } .navbar-brand-inner { display: grid; place-items: center; position: relative; } [data-lqd-interactive-color].lqd-active-row-light .navbar-brand .logo-dark { opacity: 1; visibility: visible; } [data-lqd-interactive-color].lqd-active-row-light .navbar-brand .logo-dark ~ img { opacity: 0; visibility: hidden; } [data-lqd-interactive-color].lqd-active-row-dark .navbar-brand .logo-light { opacity: 1; visibility: visible; } [data-lqd-interactive-color].lqd-active-row-dark .navbar-brand .logo-light ~ img { opacity: 0; visibility: hidden; } .navbar-brand-solid .navbar-brand-inner { width: 64px; height: 64px; background-color: var(--lqd-color-primary); } .navbar-brand-solid .logo-dark, .navbar-brand-solid .logo-light { top: 50%; left: 50%; transform: translate(-50%, -50%); } .navbar-brand-solid img { max-width: 80%; } .navbar-brand-round .navbar-brand-inner { border-radius: 4px; } .navbar-brand-circle .navbar-brand-inner { border-radius: 3em; } .navbar-brand-hover { transition: clip-path 0.65s cubic-bezier(0.23, 1, 0.32, 1); -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); } .navbar-brand:hover .navbar-brand-hover { -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); } .link-badge:empty, .link-icon:empty, .link-sup:empty { display: none !important; } .link-badge { display: inline-flex; align-items: center; padding: 0.6em 0.9em; margin: -0.6em 0; margin-inline-start: 1.1em; border-radius: 2em; position: relative; font-size: 0.75em; line-height: 1em; white-space: nowrap; } .link-badge:before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; background: var(--lqd-badge-color); box-shadow: 0 8px 15px -8px var(--lqd-badge-color); opacity: 0.125; } .module-primary-nav { position: static; min-height: 100%; } .main-nav { --lqd-menu-items-top-padding: 10px; --lqd-menu-items-bottom-padding: 10px; --lqd-menu-items-left-padding: 15px; --lqd-menu-items-right-padding: 15px; flex: 1 auto; } .main-nav > li { position: relative; flex-direction: column; } .main-nav > li, .main-nav > li > a { display: flex; } .main-nav{ gap: 5px; } .main-nav > li > a { z-index: 1; flex: 1 auto; position: relative; flex-direction: row; align-items: center; white-space: nowrap; font-size: 13px; font-weight: 500; } @media (min-width:1199px) { .main-nav > li > a { font-size: 18px; } .main-nav{ gap: 10px; } } .main-nav > li > a .link-icon .icon-ion-ios-arrow-down { transition: transform 0.35s; } .main-nav > li > a:focus, .main-nav > li > a:hover { background-color: transparent; } .main-nav > li.is-hovered > a .link-icon .icon-ion-ios-arrow-down { transform: rotateX(-180deg); } .main-nav .link-sup { top: -1.5em; right: -1em; font-size: 0.625em; line-height: 1; } .main-nav .link-icon > i { vertical-align: middle; } .main-nav .link-icon svg { width: 1em; height: 1em; } .main-nav.lqd-menu-items-block { display: block !important; margin: 0; justify-content: unset !important; } .main-nav.lqd-menu-items-block > li { align-items: unset !important; } .main-nav.lqd-menu-items-block > li > a { width: 100%; } .main-nav.lqd-menu-items-block .nav-item-children { width: 100%; min-width: 0; padding: 0; transform: none; position: relative; top: auto; left: auto !important; right: auto !important; } .main-nav.lqd-menu-items-block .nav-item-children:before { content: none; } .main-nav.lqd-menu-items-block .nav-item-children > li > a { padding-inline-start: 10px; padding-inline-end: 10px; } .main-nav.lqd-menu-items-block .lqd-megamenu-rows-wrap { background: 0 0; box-shadow: none; } .main-nav.lqd-menu-counter-left .link-sup { order: -1; right: auto; left: 1em; } .ld-sd-inner .main-nav { flex-wrap: wrap; } .ld-sd-inner .main-nav > li { width: 100%; } .left-icon { margin-inline-end: 0.75em; } .right-icon { order: 1; margin-inline-start: 0.75em; } .lqd-top-scrol-ind { height: var(--lqd-top-scroll-ind-height); } .lqd-scrl-indc { writing-mode: vertical-lr; font-size: 13px; font-weight: 500; letter-spacing: 0.01em; } .lqd-stickybar-wrap .lqd-scrl-indc .lqd-scrl-indc-inner { flex-direction: row-reverse; } .lqd-stickybar-wrap .lqd-scrl-indc .lqd-scrl-indc-line { transform: rotate(-180deg) translate3d(0, 0, 0); } .lqd-scrl-indc-inner { color: inherit; } .lqd-scrl-indc-txt { margin: 1em 0; } .lqd-scrl-indc-el { background-color: currentColor; } .lqd-scrl-indc-style-dot .lqd-scrl-indc-line { position: relative; width: 1px; height: 60px; color: inherit; } .lqd-scrl-indc-style-dot .lqd-scrl-indc-line:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: -0.5px; background: currentColor; opacity: 0.3; } .lqd-scrl-indc-style-dot .lqd-scrl-indc-el { width: 8px; height: 8px; top: -4px; left: -4px; } .ld-module-search .ld-module-dropdown { right: -15px; } .ld-module-search .ld-module-dropdown.left { right: auto; left: -15px; } .ld-search-form-container { background-color: #fff; width: 360px; padding: 30px 30px; border: 1px solid rgba(0, 0, 0, 0.1); } .ld-search-form { line-height: 1; } .ld-search-form input { padding: 10px 20px 10px 30px; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 16px; letter-spacing: 0.025em; } .ld-search-form input::-webkit-input-placeholder { color: #808188; } .ld-search-form input::-moz-placeholder { color: #808188; } .ld-search-form input:-moz-placeholder { color: #808188; } .ld-search-form input:-ms-input-placeholder { color: #808188; } .ld-search-form input:focus { outline: 0; border-color: rgba(0, 0, 0, 0.2); } .ld-search-form .input-icon { top: 50%; left: 0; transform: translateY(-50%); color: #b8beca; } .lqd-module-search-frame { color: #a0a2ae; } .lqd-module-search-frame .ld-module-dropdown { width: 100vw; height: 100vh !important; top: 0; z-index: 1000; background: rgba(18, 23, 56, 0.96); overscroll-behavior: contain; opacity: 0; transition: opacity 0.5s; } .lqd-module-search-frame .ld-search-form-container { width: unset; height: 100%; padding: 2em; border: none; background: 0 0; overflow: hidden auto; } .lqd-module-search-frame .ld-search-form-container:after, .lqd-module-search-frame .ld-search-form-container:before { content: ""; position: absolute; width: calc(100% + 15px); height: calc(100% + 15px); pointer-events: none; border: 1.5em solid #212fa0; transition: transform 0.5s; } .lqd-module-search-frame .ld-search-form-container:before { top: 0; left: 0; border-right-width: 0; border-bottom-width: 0; transform: translate(-15px, -15px); } .lqd-module-search-frame .ld-search-form-container:after { right: 0; bottom: 0; border-top-width: 0; border-left-width: 0; transform: translate(15px, 15px); } .lqd-module-search-frame .lqd-module-search-close { border: none; top: 30px; right: 70px; font-size: 120px; line-height: 50px; box-shadow: none; cursor: pointer; transform: scale(0.8, 0.8); transition: opacity 0.5s, transform 0.5s; } .lqd-module-search-frame .lqd-module-search-close:hover { background: 0 0; transform: scale(0.9) !important; } .lqd-module-search-frame .ld-search-form { margin: 5em 0; opacity: 0; transform: scale3d(0.8, 0.8, 1); transition: opacity 0.5s, transform 0.5s; } .lqd-module-search-frame .ld-search-form input { width: 75%; padding: 0.05em 0; border: none; border-bottom: 2px solid; background: 0 0; font-family: inherit; font-size: 10vw; line-height: 1; color: #d17c78; } .lqd-module-search-frame .ld-search-form input::-webkit-input-placeholder { opacity: 0.3; } .lqd-module-search-frame .ld-search-form input::-moz-placeholder { opacity: 0.3; } .lqd-module-search-frame .ld-search-form input:-moz-placeholder { opacity: 0.3; } .lqd-module-search-frame .ld-search-form input:-ms-input-placeholder { opacity: 0.3; } .lqd-module-search-frame .ld-search-form input:-webkit-search-cancel-button, .lqd-module-search-frame .ld-search-form input:-webkit-search-decoration { -webkit-appearance: none; } .lqd-module-search-frame .ld-search-form input:-ms-clear { display: none; } .lqd-module-search-frame .ld-search-form input:focus { outline: 0; border-color: currentColor; } .lqd-module-search-frame .lqd-module-search-info { font-size: 90%; width: 75%; margin: 0 auto; padding: 0.85em 0; color: #d17c78; } .lqd-module-search-frame .lqd-module-search-related { width: 75%; } .lqd-module-search-frame .lqd-module-search-suggestion { width: 33.33%; opacity: 0; transform: translateY(-30px); transition: opacity 0.5s, transform 0.5s; } .lqd-module-search-frame .lqd-module-search-suggestion:nth-child(2) { margin: 0 3em; } .lqd-module-search-frame .lqd-module-search-suggestion h3 { margin: 0; font-size: 1.35em; color: inherit; } .lqd-module-search-frame .lqd-module-search-suggestion h3:before { content: "⇾"; display: inline-block; padding: 0 0.5em 0 0; } .lqd-module-search-frame .lqd-module-search-suggestion p { font-size: 1.15em; line-height: 1.4; margin: 0.75em 0 0 0; } .lqd-module-search-frame .ld-module-dropdown.is-active { pointer-events: auto; opacity: 1; } .lqd-module-search-frame .ld-module-dropdown.is-active .ld-search-form-container:after, .lqd-module-search-frame .ld-module-dropdown.is-active .ld-search-form-container:before { transform: translate(0, 0); } .lqd-module-search-frame .ld-module-dropdown.is-active .lqd-module-search-close { transform: scale3d(1, 1, 1); } .lqd-module-search-frame .ld-module-dropdown.is-active .ld-search-form { opacity: 1; transform: scale3d(1, 1, 1); } .lqd-module-search-frame .ld-module-dropdown.is-active .lqd-module-search-suggestion { opacity: 1; transform: translate(0, 0); } .lqd-module-search-frame .ld-module-dropdown.is-active .lqd-module-search-suggestion:nth-child(2) { transition-delay: 0.1s; } .lqd-module-search-frame .ld-module-dropdown.is-active .lqd-module-search-suggestion:nth-child(3) { transition-delay: 0.2s; } @media screen and (max-width: 991px) { .ld-module-search .ld-module-dropdown { width: 100vw; inset-inline-start: 0; inset-inline-end: auto; } .ld-search-form input, .ld-search-form-container { width: 100%; } .lqd-module-search-frame .lqd-module-search-close { right: 30px; font-size: 90px; } .lqd-module-search-frame .ld-search-form-container { display: block; } .lqd-module-search-frame .ld-search-form-container:after, .lqd-module-search-frame .ld-search-form-container:before { border-width: 1em; } .lqd-module-search-frame .ld-search-form input, .lqd-module-search-frame .lqd-module-search-info, .lqd-module-search-frame .lqd-module-search-related { width: 85%; } .lqd-module-search-frame .lqd-module-search-related { display: block; } } @media screen and (max-width: 768px) { .lqd-module-search-frame .ld-search-form input, .lqd-module-search-frame .lqd-module-search-info, .lqd-module-search-frame .lqd-module-search-related { width: 78vw; } } @media screen and (max-width: 479px) { .lqd-module-search-frame .lqd-module-search-close { right: 30px; font-size: 45px; } .lqd-module-search-frame .ld-search-form { margin-top: 50vw; } .lqd-module-search-frame .ld-search-form input { font-size: 15vw; } .lqd-module-search-frame .lqd-module-search-suggestion { width: 100%; margin: 0 0 30px !important; } } .lqd-module-search-slide-top { --ease: cubic-bezier(0.175, 1, 0.275, 1); } .lqd-module-search-slide-top .ld-search-form-container { transition: transform 0.85s var(--ease); } .lqd-module-search-slide-top p { font-size: 16px; } .lqd-module-search-slide-top .ld-search-form input { height: 100px; padding: 0; margin-bottom: 20px; border-bottom: 4px solid #000; background: 0 0; font-size: 70px; font-weight: 600; color: #000; } .lqd-module-search-slide-top .ld-search-form input::-webkit-input-placeholder { color: #000; } .lqd-module-search-slide-top .ld-search-form input::-moz-placeholder { color: #000; } .lqd-module-search-slide-top .ld-search-form input:-moz-placeholder { color: #000; } .lqd-module-search-slide-top .ld-search-form input:-ms-input-placeholder { color: #000; } .lqd-module-search-slide-top .ld-search-form .input-icon { width: 50px; height: 50px; margin-top: -30px; left: auto; right: 0; pointer-events: all; cursor: pointer; } .lqd-module-search-slide-top .ld-search-form .input-icon:before { content: ""; display: inline-block; width: 100%; height: 100%; border-radius: 50em; background-color: rgba(0, 0, 0, 0.05); transform: scale(0); transition: transform 0.85s var(--ease); } .lqd-module-search-slide-top .ld-search-form .input-icon i:after, .lqd-module-search-slide-top .ld-search-form .input-icon i:before { content: ""; display: inline-block; width: 22px; height: 2px; margin: -1px 0 0 -11px; border-radius: 50em; position: absolute; top: 50%; left: 50%; background-color: #000; transition: transform 0.85s 0.3s var(--ease); } .lqd-module-search-slide-top .ld-search-form .input-icon i:before { transform: rotate(45deg) translateX(-17px) scale(0, 1); } .lqd-module-search-slide-top .ld-search-form .input-icon i:after { transform: rotate(-45deg) translateX(17px) scale(0, 1); } .lqd-module-search-slide-top .ld-search-form .input-icon:hover:before { transition-delay: 0 !important; transform: scale(1.125) !important; } .lqd-module-search-slide-top .ld-search-form-container { width: 100%; max-width: 1200px; border: none; padding: 0; background: 0 0; transform: translate3d(0, calc(100% - 100px), 0); transition: transform 0.85s var(--ease); } .lqd-module-search-slide-top .ld-module-dropdown { display: flex !important; height: 380px !important; top: 0; left: 0; right: 0; z-index: 999; background: #fff; transform: translate3d(0, -100%, 0); transition: transform 0.85s var(--ease), visibility 0.8s step-end; } .lqd-module-search-slide-top .ld-module-dropdown.is-active { visibility: visible; transition: transform 0.85s var(--ease), visibility 0.8s step-start; } .lqd-module-search-slide-top .ld-module-dropdown.is-active, .lqd-module-search-slide-top .ld-module-dropdown.is-active .ld-search-form-container { transform: translate3d(0, 0, 0); } .lqd-module-search-slide-top .ld-module-dropdown.is-active .ld-search-form .input-icon:before { transition-delay: 0.15s; transform: scale(1); } .lqd-module-search-slide-top .ld-module-dropdown.is-active .ld-search-form .input-icon i:before { transition-delay: 0.35s; transform: rotate(45deg) translate(0, 0) scale(1); } .lqd-module-search-slide-top .ld-module-dropdown.is-active .ld-search-form .input-icon i:after { transition-delay: 0.42s; transform: rotate(-45deg) translate(0, 0) scale(1); } .lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form { color: rgba(255, 255, 255, 0.65); } .lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form input { border-color: #fff; color: #fff; } .lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.65); } .lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form input::-moz-placeholder { color: rgba(255, 255, 255, 0.65); } .lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form input:-moz-placeholder { color: rgba(255, 255, 255, 0.65); } .lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.65); } .lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form .input-icon:before { background-color: rgba(255, 255, 255, 0.13); } .lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form .input-icon i:after, .lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form .input-icon i:before { background-color: #fff; } .lqd-module-search-slide-top.lqd-module-search-dark p { color: rgba(255, 255, 255, 0.6); } .lqd-module-search-slide-top.lqd-module-search-dark .ld-module-dropdown { background-color: #000; } .lqd-search-style-slide-top:before { content: ""; display: inline-block; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 3; opacity: 0; visibility: hidden; transition: opacity 0.85s var(--ease), visibility 0.85s var(--ease); } .lqd-module-search-expanded .lqd-search-style-slide-top:before { opacity: 1; visibility: visible; } .lqd-module-search-expanded.module-collapsing .lqd-search-style-slide-top:before { opacity: 0; visibility: hidden; } @media screen and (max-width: 1200px) { .lqd-module-search-slide-top .ld-search-form-container { max-width: 90vw; } } @media screen and (max-width: 768px) { .lqd-module-search-slide-top .ld-search-form input { height: 90px; font-size: 60px; } } @media screen and (max-width: 480px) { .lqd-module-search-slide-top .ld-module-dropdown { height: 35vh !important; } .lqd-module-search-slide-top .ld-search-form input { height: 80px; font-size: 40px; padding-right: 50px; } .lqd-module-search-slide-top .ld-search-form .input-icon { width: 45px; height: 45px; } } .lqd-module-search-zoom-out { color: #cecae0; } .lqd-module-search-zoom-out .ld-module-dropdown { display: block; height: 100vh !important; top: 0; z-index: 1000; border: none; background: 0 0; opacity: 0; transition: opacity 0.3s, visibility 0.3s; } .lqd-module-search-zoom-out .ld-module-dropdown:before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); } .lqd-module-search-zoom-out .ld-search-form-container { width: 100%; padding: unset; background: unset; border: unset; overflow: hidden auto; overscroll-behavior: contain; } .lqd-module-search-zoom-out .lqd-module-search-close { top: 25px; right: 55px; font-size: 68px; cursor: pointer; } .lqd-module-search-zoom-out .lqd-module-search-close:hover { color: #fff; } .lqd-module-search-zoom-out .ld-search-form, .lqd-module-search-zoom-out .lqd-module-search-related { width: 75%; } .lqd-module-search-zoom-out .ld-search-form { margin: 30vh auto 5vh; } .lqd-module-search-zoom-out .ld-search-form input { padding: 0.05em 0; border-bottom: 5px solid; background: 0 0; font-family: inherit; font-size: 10vw; line-height: 1; color: #eaba82; transform: scale3d(0, 1, 1); transform-origin: 0% 50%; transition: transform 0.3s; } .lqd-module-search-zoom-out .ld-search-form input::-webkit-input-placeholder { opacity: 1; color: #4a319e; } .lqd-module-search-zoom-out .ld-search-form input::-moz-placeholder { opacity: 1; color: #4a319e; } .lqd-module-search-zoom-out .ld-search-form input:-moz-placeholder { opacity: 1; color: #4a319e; } .lqd-module-search-zoom-out .ld-search-form input:-ms-input-placeholder { opacity: 1; color: #4a319e; } .lqd-module-search-zoom-out .ld-search-form input:-webkit-search-cancel-button, .lqd-module-search-zoom-out .ld-search-form input:-webkit-search-decoration { -webkit-appearance: none; } .lqd-module-search-zoom-out .ld-search-form input:-ms-clear { display: none; } .lqd-module-search-zoom-out .lqd-module-search-info, .lqd-module-search-zoom-out .lqd-module-search-suggestion { opacity: 0; transform: translate3d(0, 50px, 0); transition: opacity 0.4s, transform 0.4s; } .lqd-module-search-zoom-out .lqd-module-search-info { font-size: 90%; padding: 0.85em 0; color: #eaba82; } .lqd-module-search-zoom-out .lqd-module-search-suggestion:first-child { padding: 0 2em 0 0; } .lqd-module-search-zoom-out .lqd-module-search-suggestion:last-child { padding: 0 0 0 2em; } .lqd-module-search-zoom-out .lqd-module-search-suggestion h3 { margin: 0; font-size: 1.35em; color: inherit; } .lqd-module-search-zoom-out .lqd-module-search-suggestion h3:before { content: "⇾"; display: inline-block; padding: 0 0.5em 0 0; } .lqd-module-search-zoom-out .lqd-module-search-suggestion p { font-size: 1.15em; line-height: 1.4; margin: 0.75em 0 0 0; } .lqd-module-search-zoom-out .ld-module-dropdown.is-active { opacity: 1; visibility: visible; } .lqd-module-search-zoom-out .ld-module-dropdown.is-active .ld-search-form input { transform: scale3d(1, 1, 1); transition-duration: 0.5s; } .lqd-module-search-zoom-out .ld-module-dropdown.is-active .lqd-module-search-info, .lqd-module-search-zoom-out .ld-module-dropdown.is-active .lqd-module-search-suggestion { opacity: 1; transform: translate3d(0, 0, 0); } .lqd-module-search-zoom-out .ld-module-dropdown.is-active .lqd-module-search-suggestion:first-child { transition-delay: 0.15s; } .lqd-module-search-zoom-out .ld-module-dropdown.is-active .lqd-module-search-suggestion:nth-child(2) { transition-delay: 0.2s; } @media screen and (min-width: 1200px) { .lqd-module-search-zoom-out .ld-search-form-container { display: flex; flex-wrap: wrap; } } @media screen and (max-width: 991px) { .lqd-module-search-zoom-out .ld-search-form { margin: 35vh auto 15vh; } } @media screen and (max-width: 479px) { .lqd-module-search-zoom-out .lqd-module-search-close { top: 20px; right: 30px; font-size: 45px; } .lqd-module-search-zoom-out .ld-search-form, .lqd-module-search-zoom-out .lqd-module-search-related { width: 85vw; } .lqd-module-search-zoom-out .lqd-module-search-suggestion { width: 100%; padding: 0 !important; margin-bottom: 30px; } } .ld-sd-inner { display: flex; min-height: 100%; text-align: start; } .ld-sd-inner > div { width: 100%; } .ld-sd-inner > .header-module { display: grid; align-items: start; justify-content: start; } .ld-sd-inner > .header-module > .lqd-custom-menu { width: 100%; } .ld-sd-inner .lqd-custom-menu .submenu-expander { position: relative; top: auto; left: auto; right: auto; transform: none; } .woocommerce .lqd-main-sidebar .ld-sd-inner .widget:not(:last-of-type):not(:empty) { margin-bottom: 20px; padding-bottom: 25px; } .ld-sd-inner .ld-module-dropdown { left: 0; right: auto; } .ld-sd-wrap { width: 100%; height: 100%; padding: 60px; position: relative; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; opacity: 0; transform: translate3d(25%, 0, 0); transition: transform 0.85s, opacity 0.85s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ld-module-sd { display: flex; justify-content: center; writing-mode: horizontal-tb; } .ld-module-sd > .ld-module-dropdown { display: block; position: fixed; top: 0; right: 0; z-index: 999; width: 400px; max-width: 87vw; height: 100vh !important; background-color: #fff; box-shadow: 0 0 50px rgba(0, 0, 0, 0.15); transform: translate3d(100%, 0, 0); opacity: 0; transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s step-end; } .ld-module-sd > .ld-module-dropdown > .nav-trigger { padding: 0; border: none; position: absolute; top: 1em; left: 1em; background: 0 0; flex-grow: 1; z-index: 2; opacity: 0; transition: opacity 0.3s 50ms; } .ld-module-sd > .ld-module-dropdown > .nav-trigger .txt { display: none; } .ld-module-sd > .ld-module-dropdown > .nav-trigger.style-5 .bars { margin: 0; } .main-header .ld-module-sd > .ld-module-dropdown > .nav-trigger.is-active .txt { opacity: 0; transform: translateX(25%); } .ld-module-sd > .ld-module-dropdown:only-child, style + .ld-module-sd > .ld-module-dropdown:last-child { flex-grow: 1; } .ld-module-sd > .ld-module-dropdown.is-active { transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s step-start; } .ld-module-sd > .ld-module-dropdown.is-active, .ld-module-sd > .ld-module-dropdown.is-active .ld-sd-wrap { opacity: 1; transform: translate3d(0, 0, 0); } .ld-module-sd > .ld-module-dropdown.is-active .ld-sd-wrap { transition-delay: 175ms; } .ld-module-sd > .ld-module-dropdown.is-active > .nav-trigger { opacity: 1; } .ld-module-sd > .ld-module-dropdown.is-active ~ .lqd-module-backdrop { opacity: 1; visibility: visible; } .vc_mobile .ld-module-sd > .ld-module-dropdown.is-active ~ .lqd-module-backdrop { opacity: 1; visibility: visible; } .lqd-stickybar-wrap .ld-module-sd { flex-grow: 0; } .lqd-stickybar-wrap .ld-module-sd .nav-trigger { flex-grow: 0; } .lqd-stickybar-left .ld-module-sd .ld-sd-wrap { transform: translate3d(-25%, 0, 0); } .lqd-stickybar-left .ld-module-sd .ld-module-dropdown { left: 0; right: auto; transform: translate3d(-100%, 0, 0); } .lqd-stickybar-left .ld-module-sd .ld-module-dropdown > .nav-trigger { left: auto; right: 1em; } .lqd-stickybar-left .ld-module-sd .ld-module-dropdown.is-active, .lqd-stickybar-left .ld-module-sd .ld-module-dropdown.is-active .ld-sd-wrap { transform: translate3d(0, 0, 0); } .ld-module-sd-left .ld-module-dropdown { left: 0; right: auto; transform: translate3d(-100%, 0, 0); } .ld-module-sd-left .ld-sd-wrap { transform: translate3d(-25%, 0, 0); } .ld-module-sd-hover > .nav-trigger { pointer-events: none; } .ld-module-sd-hover > .nav-trigger.collapsed { z-index: auto; pointer-events: auto; } .ld-module-sd, .ld-module-sd > .nav-trigger { height: 100%; } .ld-module-v-sep { width: 1px; } .navbar-header .navbar-toggle { order: 3; margin-inline-start: 20px; } .lqd-mobile-modules-container { display: flex; } .lqd-mobile-modules-container:empty { display: none; } .lqd-mobile-sec-nav { position: absolute; width: 100%; top: 100%; left: 0; z-index: 10; } .lqd-mobile-sec-inner:after, .lqd-mobile-sec-inner:before { content: none; } .lqd-mobile-sec { display: none; pointer-events: auto; } .lqd-mobile-sec .navbar-header { padding-inline-start: 15px; padding-inline-end: 15px; } .lqd-mobile-sec .lqd-module-hide-icon .ld-module-trigger-count { width: 1.5em; height: 1.5em; font-size: 0.9em; } [data-mobile-nav-trigger-alignment="left"] .lqd-mobile-sec .navbar-brand { order: 2; justify-content: flex-end; } [data-mobile-nav-trigger-alignment="left"] .lqd-mobile-sec .navbar-brand-inner { margin-inline-start: -20px !important; } [data-mobile-nav-trigger-alignment="left"] .lqd-mobile-sec .lqd-mobile-modules-container { order: 3; justify-content: flex-end; } [data-mobile-nav-trigger-alignment="left"] .lqd-mobile-sec .lqd-mobile-modules-container + .navbar-brand { justify-content: center; } [data-mobile-nav-trigger-alignment="left"] .lqd-mobile-sec .lqd-mobile-modules-container + .navbar-brand, [data-mobile-nav-trigger-alignment="left"] .lqd-mobile-sec .lqd-mobile-modules-container + .navbar-brand .navbar-brand-inner { margin-inline-start: 0 !important; margin-inline-end: 0 !important; } [data-mobile-nav-trigger-alignment="left"] .lqd-mobile-sec .navbar-toggle { order: 1; margin-inline-start: 0 !important; justify-content: flex-start; } [data-mobile-nav-trigger-alignment="right"] .lqd-mobile-sec .navbar-brand { margin-inline-end: 0; margin-inline-start: 0 !important; } [data-mobile-nav-trigger-alignment="right"] .lqd-mobile-sec .navbar-brand-inner { margin-inline-end: -20px !important; } [data-mobile-nav-trigger-alignment="right"] .lqd-mobile-sec .navbar-toggle { justify-content: flex-end; } [data-mobile-nav-trigger-alignment="right"] .lqd-mobile-sec .lqd-mobile-modules-container + .navbar-brand { justify-content: center; } [data-mobile-nav-trigger-alignment="right"] .lqd-mobile-sec .lqd-mobile-modules-container + .navbar-brand, [data-mobile-nav-trigger-alignment="right"] .lqd-mobile-sec .lqd-mobile-modules-container + .navbar-brand .navbar-brand-inner { margin-inline-start: 0 !important; margin-inline-end: 0 !important; } [data-mobile-logo-alignment="center"] .lqd-mobile-sec .navbar-brand { margin-inline-start: auto !important; margin-inline-end: auto !important; justify-content: center !important; order: 2; } [data-mobile-logo-alignment="center"] .lqd-mobile-sec .navbar-brand-inner { margin-inline-start: 0; margin-inline-end: 0; } [data-mobile-logo-alignment="center"] .lqd-mobile-sec .lqd-mobile-modules-container { order: 3; justify-content: flex-end; } [data-mobile-logo-alignment="center"] .lqd-mobile-sec .lqd-mobile-modules-container ~ .navbar-brand, [data-mobile-logo-alignment="center"] .lqd-mobile-sec .lqd-mobile-modules-container ~ .navbar-brand .navbar-brand-inner { margin-inline-start: 0 !important; margin-inline-end: 0 !important; } [data-mobile-logo-alignment="center"] .lqd-mobile-sec .lqd-mobile-modules-container:empty ~ .navbar-brand { margin-inline-start: auto !important; margin-inline-end: auto !important; } [data-mobile-logo-alignment="center"][data-mobile-nav-trigger-alignment="right"] .lqd-mobile-sec .navbar-brand { justify-content: center; } [data-mobile-logo-alignment="center"][data-mobile-nav-trigger-alignment="right"] .lqd-mobile-sec .lqd-mobile-modules-container { order: 1; justify-content: flex-start; } [data-mobile-logo-alignment="center"][data-mobile-nav-trigger-alignment="right"] .lqd-mobile-sec .lqd-mobile-modules-container:empty ~ .navbar-brand { margin-inline-end: 0 !important; } [data-mobile-logo-alignment="center"][data-mobile-nav-trigger-alignment="left"] .lqd-mobile-sec .lqd-mobile-modules-container:empty ~ .navbar-brand { margin-inline-start: 0 !important; } @media screen and (max-width: 991px) { [data-overlay-onmobile="true"] .main-header:not(.is-stuck) { width: 100%; position: absolute; top: 0; left: 0; } [data-overlay-onmobile="false"] .main-header:not(.is-stuck) { position: relative; top: auto; left: auto; } } .lqd-mobile-sec .navbar-collapse .header-module { display: flex; margin-inline-start: 0 !important; margin-inline-end: 0 !important; align-items: flex-start; padding-inline-start: 15px; padding-inline-end: 15px; } .lqd-mobile-sec .navbar-collapse .header-module:first-of-type { margin-top: 20px; } .lqd-mobile-sec .header-module { display: inline-flex; position: static; order: 2; } .lqd-mobile-sec .header-module + .header-module { margin-inline-start: 15px; } .lqd-mobile-sec .navbar-brand + .header-module { margin-inline-start: auto; } [data-mobile-nav-align="left"] .lqd-mobile-sec .navbar-collapse .header-module { align-items: flex-start; padding-inline-start: 15px; padding-inline-end: 15px; } .lqd-mobile-sec .nav-trigger { margin: 0; } .lqd-mobile-sec .ld-module-trigger-icon { display: inline-flex !important; } .ld-module-cart .ld-module-trigger-icon + .lqd-mobile-sec .ld-module-trigger-txt, .ld-module-search .lqd-mobile-sec .ld-module-trigger-txt { display: none; } .lqd-mobile-sec .lqd-mobile-modules-container .lqd-module-icon-outline .ld-module-trigger-icon { width: auto; height: auto; font-size: 26px; } .lqd-mobile-sec .ld-module-cart .lqd-module-icon-plain .ld-module-trigger-txt { display: inline-grid; } .lqd-mobile-sec .ld-module-cart .lqd-module-hide-icon .ld-module-trigger-count { position: relative; top: auto; right: auto; } .lqd-mobile-sec .lqd-module-icon-outline.lqd-module-trigger-txt-right .ld-module-trigger-count-sup { left: 20%; } .lqd-mobile-sec .ld-module-cart .ld-module-dropdown { height: auto !important; max-height: none; position: absolute; top: 100%; left: 0 !important; right: 0 !important; transform: none; transition: opacity 0.3s, visibility 0.3s; } .lqd-mobile-sec .ld-module-cart .ld-module-dropdown:not(.is-active) { visibility: hidden; opacity: 0; } .lqd-mobile-sec .ld-module-cart .ld-cart-contents { display: flex; flex-direction: column; padding: 0; width: 100%; height: calc(85vh - var(--lqd-mobile-sec-height, 0)); border: none; } .lqd-mobile-sec .ld-module-cart .header-quickcart { display: flex; flex-grow: 1; flex-direction: column; } .lqd-mobile-sec .ld-module-cart .ld-cart-products { margin-bottom: 1.25em; } .lqd-mobile-sec .ld-module-cart .ld-cart-product { margin: 0; flex-wrap: nowrap; padding: 15px 10px; } .lqd-mobile-sec .ld-module-cart .ld-cart-product:last-child { border-bottom: none; } .lqd-mobile-sec .ld-module-cart .ld-cart-product img { width: 75px; } .lqd-mobile-sec .ld-module-cart .ld-cart-foot { border-top: 1px solid #e1e1e1; padding: 15px 30px 45px; margin: auto 0 0; } .lqd-mobile-sec .ld-module-cart .ld-cart-total { border: none; } .lqd-mobile-sec .ld-module-cart .ld-cart-message { margin-bottom: auto; } .lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon { display: inline-block; position: relative; color: inherit !important; } .lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon:before { content: none; } .lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon i { display: inline-block; opacity: 0; transform: scale(0.85); transition: transform 0.3s, opacity 0.3s; } .lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon i:not([class^="fa"]) { font-family: lqd-essentials !important; } .lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon .ld-module-trigger-close-cross { width: 26px; height: 26px; position: absolute; top: calc(50% - 13px); left: calc(50% - 13px); overflow: hidden; } .lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon .ld-module-trigger-close-cross:after, .lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon .ld-module-trigger-close-cross:before { content: ""; display: inline-block; width: 2px; height: 24px; position: absolute; top: calc(50% - 10px); background-color: currentColor; transform-origin: bottom center; border-radius: 1px; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon .ld-module-trigger-close-cross:before { left: 0; transform: rotate(45deg) translate(-1px, -6px) scaleY(1); } .lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon .ld-module-trigger-close-cross:after { right: 0; transform: rotate(-45deg) translate(1px, -6px) scaleY(1); } .lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon ~ .ld-module-trigger-count { position: absolute; top: 0; right: -9px; left: auto; } .lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon + .ld-module-trigger-txt { display: none; } .lqd-mobile-sec .ld-module-cart .ld-module-trigger-count { opacity: 0; transition: opacity 0.3s; } .lqd-mobile-sec .ld-module-cart .ld-module-trigger { position: relative; } .lqd-mobile-sec .ld-module-cart .ld-module-trigger:before { content: none; } .lqd-mobile-sec .ld-module-cart .ld-module-trigger.collapsed .ld-module-trigger-icon { display: inline-block; position: relative; } .lqd-mobile-sec .ld-module-cart .ld-module-trigger.collapsed .ld-module-trigger-icon i { opacity: 1; transform: scale(1); } .lqd-mobile-sec .ld-module-cart .ld-module-trigger.collapsed .ld-module-trigger-close-cross:before { transform: rotate(45deg) translate(-1px, -40px) scaleY(0); } .lqd-mobile-sec .ld-module-cart .ld-module-trigger.collapsed .ld-module-trigger-close-cross:after { transform: rotate(-45deg) translate(1px, -40px) scaleY(0); } .lqd-mobile-sec .ld-module-cart .ld-module-trigger.collapsed .ld-module-trigger-count { opacity: 1; } .lqd-mobile-sec .ld-module-cart .ld-module-trigger.lqd-module-hide-icon .ld-module-trigger-count { opacity: 1; } .lqd-mobile-sec .ld-module-cart .ld-module-trigger.is-active .ld-module-trigger-icon > svg { opacity: 0; } .lqd-mobile-sec a.remove.ld-cart-product-remove { width: 30px; height: 30px; border: none; background: red; position: relative; top: auto; left: auto; opacity: 1; visibility: visible; color: #fff !important; } .lqd-mobile-sec .ld-cart-product-info { padding-inline-end: 15px; order: -1; } .lqd-mobile-sec .ld-cart-product-details { display: block; } .lqd-mobile-sec .ld-cart-product-details > span { display: block; width: 100%; } .lqd-mobile-sec .ld-cart-product-price { justify-content: center; align-items: flex-end; line-height: 1; text-align: end; } .lqd-mobile-sec .ld-module-cart-offcanvas-dropdown .ld-cart-head { display: none !important; } .lqd-mobile-sec .ld-module-search .ld-module-trigger-txt { display: none; } .lqd-mobile-sec .liquid-wc-product-search { height: 50px; border-radius: 0; border-bottom: 1px solid #e0e0e0; background-color: #fff; } .lqd-mobile-sec .liquid-wc-product-search .ui-selectmenu-button.ui-button { padding-inline-start: 20px; padding-inline-end: 20px; } .lqd-mobile-sec .liquid-wc-product-search .ui-selectmenu-button.ui-button, .lqd-mobile-sec .liquid-wc-product-search .ui-selectmenu-button.ui-button:focus, .lqd-mobile-sec .liquid-wc-product-search .ui-selectmenu-button.ui-button:hover { border-left: 1px solid #e0e0e0; } .lqd-mobile-sec .liquid-wc-product-search button { background-color: var(--lqd-color-primary); color: #fff; border-radius: 0; } .lqd-mobile-sec .navbar-brand { padding: 22px 0; max-width: 75% !important; } .lqd-mobile-sec .mobile-logo-default ~ .logo-default { display: none; } .lqd-mobile-sec .main-nav { width: 100%; font-size: 14px; font-weight: 500; line-height: 1.5em; text-transform: none; letter-spacing: 0; text-align: start; } .lqd-mobile-sec .main-nav:after, .lqd-mobile-sec .main-nav:before { content: none; } .lqd-mobile-sec .main-nav > li { width: 100%; } .lqd-mobile-sec .main-nav > li > a { font-size: inherit; font-weight: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; } .lqd-mobile-sec .main-nav > li > a > .icon-ion-ios-arrow-down { display: none; } .lqd-mobile-sec .main-nav > li.menu-item-has-children > a > .link-icon .icon-ion-ios-arrow-down { display: none; } .lqd-mobile-sec .main-nav .link-sup { display: none; } .lqd-mobile-sec .main-nav .nav-item-children { pointer-events: auto; transform: none; transition: none; } .lqd-mobile-sec .submenu-expander { order: 3; } .lqd-mobile-sec .menu-item-has-children > a, .lqd-mobile-sec .page_item_has_children > a { position: relative; } .lqd-mobile-sec .navbar-header { padding-inline-start: 20px; padding-inline-end: 20px; justify-content: space-between; } .lqd-mobile-sec .navbar-header > * { width: 33.33%; flex: 0 0 auto; } .lqd-mobile-sec .navbar-collapse { overflow-x: hidden; overflow-y: auto; } .lqd-mobile-sec .navbar-collapse .social-icon li a { color: inherit; opacity: 0.7; } .lqd-mobile-sec .navbar-collapse .social-icon li a:hover { opacity: 1; } .lqd-mobile-sec .navbar-collapse .btn-naked, .lqd-mobile-sec .navbar-collapse .btn-underlined { color: inherit; border-color: currentColor; } .lqd-mobile-sec .navbar-collapse .btn-naked:after, .lqd-mobile-sec .navbar-collapse .btn-naked:before, .lqd-mobile-sec .navbar-collapse .btn-underlined:after, .lqd-mobile-sec .navbar-collapse .btn-underlined:before { background-color: currentColor; } .lqd-mobile-sec .navbar-collapse .btn-naked:before, .lqd-mobile-sec .navbar-collapse .btn-underlined:before { opacity: 0.5; } .lqd-mobile-sec .navbar-collapse .btn-naked .btn-txt, .lqd-mobile-sec .navbar-collapse .btn-underlined .btn-txt { opacity: 0.7; transition: opacity 0.3s; } .lqd-mobile-sec .navbar-collapse .btn-naked:hover, .lqd-mobile-sec .navbar-collapse .btn-underlined:hover { color: inherit; } .lqd-mobile-sec .navbar-collapse .btn-naked:hover .btn-txt, .lqd-mobile-sec .navbar-collapse .btn-underlined:hover .btn-txt { opacity: 1; } .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li { padding-inline-start: 0; padding-inline-end: 0; } .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a { display: flex; padding: 15px 25px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); align-items: center; color: inherit; } .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a:hover { color: #000; } .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav + .header-module { margin-top: 15px; } [data-mobile-nav-align="center"] .lqd-mobile-sec .navbar-collapse { text-align: center; } [data-mobile-nav-align="center"] .lqd-mobile-sec .navbar-collapse .header-module { align-items: center !important; } [data-mobile-nav-align="center"] .lqd-mobile-sec .submenu-expander { right: auto; position: relative; margin-inline-start: 10px; } [data-mobile-nav-align="center"] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a { justify-content: center; } [data-mobile-nav-align="right"] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a { flex-direction: row-reverse; } [data-mobile-nav-align="right"] .lqd-mobile-sec .submenu-expander { right: auto; left: 25px; margin-inline-start: 0; } [data-mobile-nav-align="right"] .lqd-mobile-sec .navbar-collapse { text-align: end; } [data-mobile-nav-align="right"] .lqd-mobile-sec .navbar-collapse .header-module { align-items: flex-end !important; } [data-mobile-nav-style="classic"] .lqd-mobile-sec .navbar-collapse, [data-mobile-nav-style="minimal"] .lqd-mobile-sec .navbar-collapse { max-height: 80vh; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.05); } [data-mobile-nav-style="minimal"] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav, [data-mobile-nav-style="modern"] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav { padding: 12px 15px; font-size: 16px; } [data-mobile-nav-style="minimal"] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a, [data-mobile-nav-style="modern"] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a { border: none; } [data-mobile-nav-style="modern"] .lqd-mobile-sec:before { content: ""; display: inline-block; width: 80vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 1; transform: translate3d(120vw, 0, 0); background-color: #131313; } [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse, [data-mobile-nav-style="modern"] .lqd-mobile-sec:before { transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1); transition-property: opacity, visibility, transform; } [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse { display: flex !important; justify-content: center; width: 80vw !important; height: 80vh !important; padding: 20px 0; border: none; position: fixed; top: 60px; right: 0; z-index: 90; background: 0 0 !important; box-shadow: none; flex-direction: column; overflow: visible; opacity: 0; visibility: hidden; transform: translate3d(50vw, 0, 0); } [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse .nav-trigger { position: absolute; top: -40px; right: 15px; z-index: 10; justify-content: flex-end; color: #fff; pointer-events: all; transform: none !important; transition: none !important; } [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse .nav-trigger .bars { justify-content: center; padding-inline-start: 8px; width: 42px; height: 42px; border: 2px solid rgba(255, 255, 255, 0.4); border-radius: 50em; transform: none !important; transition: none !important; } [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse .nav-trigger .bar { background-color: #fff; } [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse .nav-trigger .bar:first-child, [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse .nav-trigger .bar:last-child { display: none; } [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse .nav-trigger .bar:nth-child(2) { transform: translateY(2px) rotate(135deg) !important; transition: none !important; } [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse ul, [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse ul.main-nav.lqd-mobile-main-nav { flex: 0 auto; background: 0 0; } [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse ul .nav-item-children > li > a, [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse ul.main-nav.lqd-mobile-main-nav .nav-item-children > li > a, [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse ul.main-nav.lqd-mobile-main-nav > li > a, [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse ul > li > a { color: #fff; } [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse ul .nav-item-children > li > a:hover, [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse ul.main-nav.lqd-mobile-main-nav .nav-item-children > li > a:hover, [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse ul.main-nav.lqd-mobile-main-nav > li > a:hover, [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse ul > li > a:hover { color: #fff; } [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse-inner { display: block; position: relative; overflow-x: hidden; overflow-y: auto; } [data-mobile-nav-style="modern"] .lqd-mobile-sec .megamenu .ld-fh-element, [data-mobile-nav-style="modern"] .lqd-mobile-sec .megamenu .lqd-simple-heading { color: #fff; } .mobile-nav-activated [data-mobile-nav-style="modern"] #lqd-site-content, .mobile-nav-activated [data-mobile-nav-style="modern"] .lqd-mobile-sec-inner, .mobile-nav-activated [data-mobile-nav-style="modern"] .main-footer, .mobile-nav-activated [data-mobile-nav-style="modern"] .titlebar-inner { transform: translate3d(-80vw, 0, 0); } .mobile-nav-activated [data-mobile-nav-style="modern"] .lqd-mobile-sec:before { transform: translate3d(20vw, 0, 0); } .mobile-nav-activated [data-mobile-nav-style="modern"] .lqd-mobile-sec .navbar-collapse { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .mobile-nav-activated [data-mobile-nav-style="modern"] .navbar-header .nav-trigger { opacity: 0; } .module-collapsing [data-mobile-nav-style="modern"] #lqd-site-content, .module-collapsing [data-mobile-nav-style="modern"] .lqd-mobile-sec-inner, .module-collapsing [data-mobile-nav-style="modern"] .main-footer, .module-collapsing [data-mobile-nav-style="modern"] .titlebar-inner, .module-expanding [data-mobile-nav-style="modern"] #lqd-site-content, .module-expanding [data-mobile-nav-style="modern"] .lqd-mobile-sec-inner, .module-expanding [data-mobile-nav-style="modern"] .main-footer, .module-expanding [data-mobile-nav-style="modern"] .titlebar-inner { transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); } .module-expanding [data-mobile-nav-style="modern"] #lqd-site-content, .module-expanding [data-mobile-nav-style="modern"] .lqd-mobile-sec-inner, .module-expanding [data-mobile-nav-style="modern"] .main-footer, .module-expanding [data-mobile-nav-style="modern"] .titlebar-inner { transition-delay: 25ms; } .module-collapsing [data-mobile-nav-style="modern"] .lqd-mobile-sec:before { transition-delay: 50ms; } [data-mobile-nav-scheme="gray"] .lqd-mobile-sec .navbar-collapse { background-color: #f9f9f9; color: #000; } [data-mobile-nav-scheme="gray"] .lqd-mobile-sec .header-module .social-icon > li > a, [data-mobile-nav-scheme="gray"] .lqd-mobile-sec .main-nav .lqd-custom-menu > li > a, [data-mobile-nav-scheme="gray"] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a { color: #000; } [data-mobile-nav-scheme="gray"] .lqd-mobile-sec .header-module .social-icon > li:hover, [data-mobile-nav-scheme="gray"] .lqd-mobile-sec .main-nav .lqd-custom-menu > li:hover, [data-mobile-nav-scheme="gray"] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li:hover { color: #000; } [data-mobile-nav-scheme="dark"] .lqd-mobile-sec .navbar-collapse { background-color: #191d18; color: #fff; } [data-mobile-nav-scheme="dark"] .lqd-mobile-sec .header-module .social-icon > li > a, [data-mobile-nav-scheme="dark"] .lqd-mobile-sec .main-nav .lqd-custom-menu > li > a, [data-mobile-nav-scheme="dark"] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a { border-color: rgba(255, 255, 255, 0.1); color: #fff; } [data-mobile-nav-scheme="dark"] .lqd-mobile-sec .header-module .social-icon > li > a:hover, [data-mobile-nav-scheme="dark"] .lqd-mobile-sec .main-nav .lqd-custom-menu > li > a:hover, [data-mobile-nav-scheme="dark"] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a:hover { color: #fff; } [data-mobile-nav-scheme="dark"] .lqd-mobile-sec .submenu-expander { background-color: rgba(255, 255, 255, 0.05); } [data-mobile-header-scheme] .lqd-mobile-sec .navbar-header .ld-module-trigger .ld-module-trigger-txt { color: inherit; } [data-mobile-header-scheme="light"] .lqd-mobile-sec .navbar-header { background-color: #fff; } [data-mobile-header-scheme="light"] .lqd-mobile-sec .navbar-header .ld-module-trigger { color: #000; } [data-mobile-header-scheme="light"] .lqd-mobile-sec .navbar-header .ld-module-trigger .ld-module-trigger-txt { color: inherit; } [data-mobile-header-scheme="gray"] .lqd-mobile-sec .navbar-header { background-color: #f6f6f6; } [data-mobile-header-scheme="gray"] .lqd-mobile-sec .navbar-header .ld-module-trigger { color: #000; } [data-mobile-header-scheme="gray"] .lqd-mobile-sec .navbar-header .ld-module-trigger .ld-module-trigger-txt { color: inherit; } [data-mobile-header-scheme="dark"] .lqd-mobile-sec .navbar-header { background-color: #191d18; } [data-mobile-header-scheme="dark"] .lqd-mobile-sec .navbar-header .ld-module-trigger { color: #fff; } [data-mobile-header-scheme="dark"] .lqd-mobile-sec .navbar-header .ld-module-trigger .ld-module-trigger-txt { color: inherit; } [data-mobile-header-scheme="dark"] .lqd-mobile-sec .nav-trigger .bar { background-color: #fff; } [data-mobile-header-scheme="dark"] .lqd-mobile-sec .ld-search-form-container { background-color: #191d18; } [data-mobile-header-scheme="dark"] .lqd-mobile-sec .ld-search-form input { border-color: rgba(255, 255, 255, 0.45); color: #fff; } [data-mobile-header-scheme="dark"] .lqd-mobile-sec .ld-search-form .input-icon { color: #fff; } [data-mobile-header-scheme="dark"] .lqd-mobile-sec .ld-search-form .input-icon:hover { background-color: rgba(255, 255, 255, 0.1); } .lqd-mobile-sec .nav-item-children { display: none; min-width: 0; padding: 15px 0; border-radius: 0; position: static; top: auto; left: auto; right: auto; opacity: 1; visibility: visible; text-align: inherit; box-shadow: none; font-size: inherit; font-weight: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; pointer-events: auto; transform: none; } .lqd-mobile-sec .nav-item-children:after, .lqd-mobile-sec .nav-item-children:before { content: none; } .lqd-mobile-sec .nav-item-children > li > a { padding: 8px 35px; color: inherit; } .lqd-mobile-sec .nav-item-children > li:hover > a { background: 0 0; } .lqd-mobile-sec .nav-item-children .nav-item-children { padding-top: 8px; padding-bottom: 8px; } .lqd-mobile-sec .submenu-expander { top: calc(50% - 16px); right: 25px; } [data-mobile-nav-scheme="dark"] .lqd-mobile-sec .nav-item-children > li.active > a, [data-mobile-nav-scheme="dark"] .lqd-mobile-sec .nav-item-children > li.current-menu-ancestor > a, [data-mobile-nav-scheme="dark"] .lqd-mobile-sec .nav-item-children > li.current-menu-item > a, [data-mobile-nav-scheme="dark"] .lqd-mobile-sec .nav-item-children > li:hover > a { color: inherit; opacity: 1; } [data-mobile-nav-align="left"] .lqd-mobile-sec .nav-item-children .nav-item-children { padding-inline-start: 15px; } [data-mobile-nav-align="left"] .lqd-mobile-sec .menu-item-has-children > a, [data-mobile-nav-align="left"] .lqd-mobile-sec .page_item_has_children > a { padding-inline-end: 70px; } [data-mobile-nav-align="center"] .lqd-mobile-sec .nav-item-children { text-align: center; } [data-mobile-nav-align="center"] .lqd-mobile-sec .nav-item-children .nav-item-children { padding-inline-start: 15px; padding-inline-end: 15px; } [data-mobile-nav-align="right"] .lqd-mobile-sec .nav-item-children .nav-item-children { padding-inline-end: 15px; } [data-mobile-nav-align="right"] .lqd-mobile-sec .menu-item-has-children > a, [data-mobile-nav-align="right"] .lqd-mobile-sec .page_item_has_children > a { padding-inline-start: 70px; } [data-mobile-nav-style="minimal"] .lqd-mobile-sec .nav-item-children { font-size: 14px; } .lqd-mobile-sec .lqd-megamenu-rows-wrap { display: block; background: 0 0; box-shadow: none; } .lqd-mobile-sec .megamenu .nav-item-children { width: 100% !important; margin: 0 !important; position: relative; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } .lqd-custom-menu .lqd-mobile-sec .megamenu .nav-item-children { width: 100% !important; } .lqd-mobile-sec .megamenu .nav-item-children > li { animation: none !important; } .lqd-mobile-sec .megamenu .ld-container, .lqd-mobile-sec .megamenu .megamenu-col { border: none !important; background: 0 0 !important; box-shadow: none !important; } .lqd-mobile-sec .megamenu .ld-container, .lqd-mobile-sec .megamenu .megamenu-col { width: 100%; } .lqd-mobile-sec .megamenu .lqd-fancy-menu > li > a { color: inherit; } .lqd-mobile-sec .megamenu .lqd-fancy-menu.menu-items-has-fill > ul > li > a { padding-inline-start: 0; padding-inline-end: 0; } .lqd-mobile-sec .megamenu-container { width: auto !important; } .lqd-mobile-sec .lqd-megamenu-slide-stuff { display: none; } @media screen and (max-width: 991px) { .lqd-mobile-sec { display: block; } } [data-lqd-interactive-color].lqd-active-row-dark { color: #fff; } .lqd-main-footer-default { margin-top: 30px; background-color: #292d36; font-size: 16px; color: #cbcbcb; } @media screen and (min-width: 1200px) { [data-sticky-footer] { position: -webkit-sticky; position: sticky; bottom: 0; overflow: hidden; } .lqd-footer-cant-stick { position: relative; bottom: auto; transform: none !important; } .lqd-sticky-footer-shadow-1 #lqd-site-content { box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1); } .lqd-sticky-footer-shadow-2 #lqd-site-content { box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.1); } .lqd-sticky-footer-shadow-3 #lqd-site-content { box-shadow: 0 25px 50px -15px rgba(0, 0, 0, 0.1); } .lqd-sticky-footer-shadow-4 #lqd-site-content { box-shadow: 0 30px 70px -25px rgba(0, 0, 0, 0.1); } } @media screen and (max-width: 768px) { .main-footer { transform: none !important; visibility: visible !important; } .lqd-sticky-footer-sentinel { display: none; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .titlebar-scroll-link { font-size: 30px; position: absolute; bottom: 1.25em; left: auto; } .text-center .titlebar-scroll-link { margin-inline-start: -15px; } .titlebar-col { position: static; } .titlebar-inner { color: #000; padding: 80px 10px; } .titlebar-inner .breadcrumbs, .titlebar-inner h1, .titlebar-inner p { position: relative; z-index: 1; } .titlebar-inner a, .titlebar-inner p { color: inherit; } .titlebar-inner h1 { margin: 0 0 0.25em; font-size: 60px; font-weight: 600; } .titlebar-inner h1:only-child { margin-bottom: 0; } .titlebar-inner p { font-size: 20px; font-weight: 500; } .titlebar-inner p:last-child { margin-bottom: 0; } .titlebar-inner .titlebar-scroll-link, .titlebar-inner p { opacity: 0.6; } .titlebar-overlay + .titlebar-inner { position: relative; z-index: 2; } .titlebar { position: relative; z-index: 3; background-color: #f7f7f7; } .titlebar .breadcrumbs { margin-top: 1.5em; } .titlebar .breadcrumbs ol { background: 0 0; border-radius: 0; } .titlebar .breadcrumbs:only-child { margin-top: 0; } .titlebar .titlebar-scroll-link:hover { opacity: 1; } .titlebar .main-header-overlay:not(.is-stuck) { position: relative; top: auto; left: auto; } .titlebar[data-parallax="true"]:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #999; transition: opacity 0.3s, visibility 0.3s; } .titlebar[data-parallax="true"] .lqd-parallax-container { opacity: 0; } .titlebar[data-parallax="true"].lqd-parallax-bg:before { opacity: 0; visibility: hidden; } .titlebar[data-parallax="true"].lqd-parallax-bg .lqd-parallax-container { animation: fadeIn 0.3s 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) both alternate; } .titlebar[data-parallax="true"].bg-none { background-image: none !important; } .titlebar[data-parallax="true"] .lqd-parallax-figure { height: 110%; } .titlebar-default .titlebar-inner { padding-top: 65px; padding-bottom: 65px; } .has-sidebar .titlebar-default { margin-bottom: 0; } .titlebar.scheme-light { background-color: #10131d; color: #fff; } .titlebar.scheme-light .titlebar-inner, .titlebar.scheme-light .titlebar-inner h1, .titlebar.scheme-light .titlebar-inner p { color: inherit; } @media screen and (max-width: 991px) { .titlebar-split .titlebar-col { text-align: start; } } @media screen and (max-width: 767px) { .titlebar-inner h1 { font-size: 48px; } } @media screen and (max-width: 479px) { .titlebar-inner h1 { font-size: 37px; } } .titlebar.scheme-light { background-color: #10131d; color: #fff; } .titlebar.scheme-light .titlebar-inner, .titlebar.scheme-light .titlebar-inner h1, .titlebar.scheme-light .titlebar-inner p { color: inherit; } @media screen and (min-width: 992px) { .lqd-contents { width: 66.66666667%; } .lqd-sidebar-container { width: 30%; margin-inline-start: auto; } body.has-sidebar #lqd-contents-wrap { display: flex; flex-wrap: wrap; padding-top: 25px; } body.has-sidebar #lqd-contents-wrap:after, body.has-sidebar #lqd-contents-wrap:before { content: none; } body.sidebar-widgets-default .lqd-sidebar-container { width: 25%; margin-bottom: 30px; } body.has-left-sidebar #lqd-contents-wrap { flex-direction: row-reverse; } body.has-left-sidebar .lqd-sidebar-container { margin-inline-start: 0; margin-inline-end: auto; } } @media screen and (max-width: 991px) { .lqd-contents { margin-bottom: 30px; } .lqd-hide-sidebar-on-mobile .lqd-sidebar-container { display: none; } } .widget { --widget-input-border-color: #d8d8d8; --widget-input-border-radius: 6px; padding: 35px; border: 1px solid #e2e2e2; border-radius: 10px; margin-bottom: 35px; font-size: 16px; transition: opacity 0.3s; } .widget .widget { padding: 0; border: none; margin: 0; } .widget .wp-block-group__inner-container > h1, .widget .wp-block-group__inner-container > h2, .widget .wp-block-group__inner-container > h3, .widget .wp-block-group__inner-container > h4, .widget .wp-block-group__inner-container > h5, .widget .wp-block-group__inner-container > h6 { margin: 0 0 1.5em; } .widget.wcan-ajax-loading { opacity: 0.6; } .widget ul { margin: 0; padding: 0; list-style: none; } .widget ul ol, .widget ul ul { margin-inline-start: 1.25em; margin-top: 1em; margin-bottom: 1em; } .widget a { color: rgba(0, 0, 0, 0.75); } .widget a:hover { color: var(--lqd-color-primary); } .widget input, .widget.ld-sf button, .widget.ld-sf input { border-radius: var(--widget-input-border-radius); } .widget input, .widget.ld-sf input { border: 1px solid var(--widget-input-border-color); } .widget .select2-container--default .select2-selection--single, .widget .ui-selectmenu-button.ui-button, .widget select { display: flex; width: 100%; height: 45px; padding: 5px 15px; background: 0 0; border: 1px solid var(--widget-input-border-color); border-radius: 0; align-items: center; color: #2b2b2b; justify-content: space-between; } .widget .ui-selectmenu-button.ui-button .ui-selectmenu-icon { width: auto; height: 1em; order: 1; background: 0 0; text-indent: 0; } .widget .ui-selectmenu-button.ui-button .ui-selectmenu-icon:before { content: "\ea2f"; font: normal 1em/1 lqd-essentials; } .widget .ui-selectmenu-button.ui-button:active { color: #2b2b2b; } .widget .select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; right: 20px; } .widget .filter-title, .widget .widget-title, .widget .widgettitle { margin: 0 0 1.5em; font-size: 18px; line-height: 1.5em; } .woocommerce .widget:not(:last-of-type):not(:empty) { padding-bottom: 40px; border-bottom: 1px solid #ededed; border-radius: 0; } .woocommerce .widget .filter-title, .woocommerce .widget .widget-title, .woocommerce .widget .widgettitle { margin-bottom: 2em; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.13em; } .ld-sd-inner .widget { padding: 0; border: none; border-radius: 0; } .widget.ld-sf, .widget_calendar, .widget_search { padding: 0; border: none; } .widget.ld-sf { margin-bottom: 0; } .sidebar-widgets-default .widget-title, .sidebar-widgets-default .widgettitle { margin-bottom: 1.25em; } .sidebar-widgets-default .widget { padding: 10px 0 0; border: none; } .widget { border-radius: 5px; } .widget .children, .widget .sub-menu { width: 100%; margin-bottom: 0; } .wp-block-archives-dropdown, .wp-block-archives-list, .wp-block-calendar, .wp-block-categories-dropdown, .wp-block-latest-comments, .wp-block-latest-posts__list, .wp-block-rss, .wp-block-search { margin: 0 0 30px; } .wp-block-archives-dropdown a, .wp-block-archives-list a, .wp-block-calendar a, .wp-block-categories-dropdown a, .wp-block-latest-comments a, .wp-block-latest-posts__list a, .wp-block-rss a, .wp-block-search a { color: #000; } .wp-block-archives-dropdown a:hover, .wp-block-archives-list a:hover, .wp-block-calendar a:hover, .wp-block-categories-dropdown a:hover, .wp-block-latest-comments a:hover, .wp-block-latest-posts__list a:hover, .wp-block-rss a:hover, .wp-block-search a:hover { color: var(--lqd-color-primary); } .wp-block-archives-dropdown p:last-child, .wp-block-archives-list p:last-child, .wp-block-calendar p:last-child, .wp-block-categories-dropdown p:last-child, .wp-block-latest-comments p:last-child, .wp-block-latest-posts__list p:last-child, .wp-block-rss p:last-child, .wp-block-search p:last-child { margin-bottom: 0; } .wp-block-archives-list, .wp-block-latest-comments, .wp-block-latest-posts__list, .wp-block-rss { padding: 0; list-style: none; } .wp-block-archives-list[class*="columns-"] li, .wp-block-latest-comments[class*="columns-"] li, .wp-block-latest-posts__list[class*="columns-"] li, .wp-block-rss[class*="columns-"] li { border-bottom: none !important; } .widget_archive li:not(:last-child), .widget_categories li:not(:last-child), .widget_meta li:not(:last-child), .widget_nav_menu li:not(:last-child), .widget_pages li:not(:last-child), .widget_recent_comments li:not(:last-child), .widget_recent_entries li:not(:last-child), .widget_rss li:not(:last-child), .wp-block-archives-list li:not(:last-child), .wp-block-categories li:not(:last-child), .wp-block-latest-comments li:not(:last-child), .wp-block-latest-posts__list li:not(:last-child), .wp-block-rss li:not(:last-child) { margin-bottom: 0.75em; } .widget_archive li:not(:last-child), .widget_categories li:not(:last-child), .widget_meta li:not(:last-child), .widget_nav_menu li:not(:last-child), .widget_pages li:not(:last-child), .widget_recent_comments li:not(:last-child), .widget_recent_entries li:not(:last-child), .widget_rss li:not(:last-child), .wp-block-archives-list li:not(:last-child), .wp-block-categories li:not(:last-child), .wp-block-latest-comments li:not(:last-child), .wp-block-latest-posts__list li:not(:last-child), .wp-block-rss li:not(:last-child) { margin-bottom: 0.65em; padding-bottom: 0.65em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .widget_archive a, .widget_categories a, .widget_meta a, .widget_nav_menu a, .widget_pages a, .widget_recent_comments a, .widget_recent_entries a, .widget_rss a, .wp-block-archives-list a, .wp-block-categories a, .wp-block-latest-comments a, .wp-block-latest-posts__list a, .wp-block-rss a { position: relative; } .widget_archive .children > li, .widget_archive .sub-menu > li, .widget_categories .children > li, .widget_categories .sub-menu > li, .widget_meta .children > li, .widget_meta .sub-menu > li, .widget_nav_menu .children > li, .widget_nav_menu .sub-menu > li, .widget_pages .children > li, .widget_pages .sub-menu > li, .widget_recent_comments .children > li, .widget_recent_comments .sub-menu > li, .widget_recent_entries .children > li, .widget_recent_entries .sub-menu > li, .widget_rss .children > li, .widget_rss .sub-menu > li, .wp-block-archives-list .children > li, .wp-block-archives-list .sub-menu > li, .wp-block-categories .children > li, .wp-block-categories .sub-menu > li, .wp-block-latest-comments .children > li, .wp-block-latest-comments .sub-menu > li, .wp-block-latest-posts__list .children > li, .wp-block-latest-posts__list .sub-menu > li, .wp-block-rss .children > li, .wp-block-rss .sub-menu > li { border-bottom: none !important; } .widget_archive .children > li > a:before, .widget_archive .sub-menu > li > a:before, .widget_categories .children > li > a:before, .widget_categories .sub-menu > li > a:before, .widget_meta .children > li > a:before, .widget_meta .sub-menu > li > a:before, .widget_nav_menu .children > li > a:before, .widget_nav_menu .sub-menu > li > a:before, .widget_pages .children > li > a:before, .widget_pages .sub-menu > li > a:before, .widget_recent_comments .children > li > a:before, .widget_recent_comments .sub-menu > li > a:before, .widget_recent_entries .children > li > a:before, .widget_recent_entries .sub-menu > li > a:before, .widget_rss .children > li > a:before, .widget_rss .sub-menu > li > a:before, .wp-block-archives-list .children > li > a:before, .wp-block-archives-list .sub-menu > li > a:before, .wp-block-categories .children > li > a:before, .wp-block-categories .sub-menu > li > a:before, .wp-block-latest-comments .children > li > a:before, .wp-block-latest-comments .sub-menu > li > a:before, .wp-block-latest-posts__list .children > li > a:before, .wp-block-latest-posts__list .sub-menu > li > a:before, .wp-block-rss .children > li > a:before, .wp-block-rss .sub-menu > li > a:before { content: ""; display: inline-block; width: 0.75em; height: 1px; position: absolute; top: 50%; left: -1.25em; background-color: rgba(0, 0, 0, 0.15); } .widget_archive ul li, .widget_categories ul li, .widget_nav_menu ul li, .widget_pages ul li, .wp-block-categories li { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .widget_archive ul li > a, .widget_categories ul li > a, .widget_nav_menu ul li > a, .widget_pages ul li > a, .wp-block-categories li > a { flex-grow: 1; } .widget_menu li { margin-bottom: 0.75em; } .widget_product_search, .widget_search, .wp-block-search { position: relative; } .widget_product_search input, .widget_product_search label, .widget_search input, .widget_search label, .wp-block-search input, .wp-block-search label { width: 100%; display: block; } .widget_product_search input, .widget_search input, .wp-block-search input { padding: 15px; } .widget_product_search input[type="search"], .widget_search input[type="search"], .wp-block-search input[type="search"] { height: 60px; padding-inline-start: 45px; } .widget_product_search input[type="search"]:focus, .widget_search input[type="search"]:focus, .wp-block-search input[type="search"]:focus { outline: 0; border-color: #b8b8b8; } .widget_search label { position: relative; } .widget_search label:not(.wp-block-search__label):after { content: "\ea03"; font: normal 17px/1 lqd-essentials; } .widget_search input[type="submit"], .widget_search label:after { display: inline-flex; width: 32px; height: 100%; position: absolute; top: 0; left: 8px; align-items: center; justify-content: center; } .widget_search input[type="submit"] { border: none; background: 0 0; opacity: 0; } .wp-block-search .wp-block-search__inside-wrapper { padding: 0; border: none; } .wp-block-search .wp-block-search__input { border-color: var(--widget-input-border-color); } .wp-block-search input[type="search"] { height: 50px; padding-inline-start: 15px; } .wp-block-search button.wp-block-search__button[type="submit"] { border: none; border-radius: var(--widget-input-border-radius); padding: 0.15em 1.5em; background-color: var(--lqd-color-primary); color: #fff; } .wp-block-search button.wp-block-search__button[type="submit"] svg { fill: currentColor; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border: 1px solid #d8d8d8; border-radius: 4px; } .widget_product_search button[type="submit"] { display: inline-block; width: 32px; height: 100%; position: absolute; top: 0; left: 8px; background: 0 0; border: none; text-indent: -99999px; } .widget_product_search button[type="submit"]:after { content: "\ea03"; display: inline-flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-indent: 0; align-items: center; justify-content: center; font: normal normal 24px/1 lqd-essentials; } .widget_product_search button[type="submit"]:focus { outline: 0; } .wp-calendar-table { width: 100%; margin-bottom: 0; border: 1px solid #ededed; font-size: 15px; } .wp-calendar-table caption, .wp-calendar-table tfoot td { font-weight: 600; padding: 10px 15px; color: #000; } .wp-calendar-table caption { border: 1px solid #ededed; border-bottom: none; } .wp-calendar-table thead { background-color: #f2f2f2; } .wp-calendar-table thead th { font-size: 1em; font-weight: 600; } .wp-calendar-table tbody td, .wp-calendar-table tbody th, .wp-calendar-table thead td, .wp-calendar-table thead th { text-align: center; padding: 5px; } .wp-calendar-table tbody tr { background-color: transparent !important; } .wp-calendar-table tbody #today { font-weight: 700; background-color: #f2f2f2; } .wp-calendar-table tbody a { color: var(--lqd-color-primary); } .wp-calendar-table tfoot { border-top: 1px solid #ededed; } .wp-calendar-nav { display: flex; justify-content: space-between; } .ld_widget_recent_entries li { display: flex; font-size: 14px; line-height: 22px; } .ld_widget_recent_entries li:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .ld_widget_recent_entries li figure { margin-inline-end: 15px; width: 60px; height: 60px; } .ld_widget_recent_entries li figure img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; } .ld_widget_recent_entries li span { display: block; font-size: 13px; margin-top: 4px; } .ld_widget_recent_entries li .ld_entries_contents { overflow: hidden; flex: 1; margin-top: -6px; } .ld_widget_recent_entries li .ld_entries_contents a { font-size: inherit; } .ld_widget_popular_entries li { font-size: 20px; line-height: 26px; } .ld_widget_popular_entries li:not(:last-child) { margin-bottom: 30px; } .ld_widget_popular_entries li figure { width: 100%; margin-bottom: 0.5em; } .ld_widget_popular_entries li figure img { width: 100%; } .ld_widget_popular_entries li span { display: block; margin-top: 0.15em; font-size: 15px; } .ld_widget_popular_entries li a { font-size: 17px; line-height: 1.41em; font-weight: 500; } .ld_widget_social_icons a { color: #fff; } .ld_widget_social_icons a:hover { color: #fff; } .lqd-main-sidebar input[type="text"] { height: 53px; margin-bottom: 7px; } .lqd-main-sidebar .ld_sf_submit { height: 60px; } .lqd-main-sidebar .ld_sf_paragraph { margin-bottom: 12px; } .widget_subscribe .wysija-paragraph:before { content: "\ea15"; display: inline-block; position: absolute; top: 50%; right: 2em; transform: translateY(-50%); font: normal 1em/1 lqd-essentials; } .widget_tag_cloud a, .wp-block-tag-cloud a { display: inline-block; padding: 0.5em 1em; margin-bottom: 7px; margin-inline-end: 5px; border-radius: 50em; background: #f2f3f5; font-size: 14px !important; line-height: 1.5em; color: #666d81; } .widget_tag_cloud a:hover, .wp-block-tag-cloud a:hover { background-color: var(--lqd-color-primary); color: #fff; } .ld_widget_next_post { padding: 10% 15% 13% !important; border: 1px solid #eaeaea; } .ld_widget_next_post figure { margin-bottom: 18px; } .ld_widget_next_post img { width: 100%; } .ld_widget_next_post .ld_entries_cat, .ld_widget_next_post .widget-title, .ld_widget_next_post .widgettitle { margin-bottom: 0.75em; font-size: 13px; } .ld_widget_next_post .ld_entries_cat, .ld_widget_next_post .ld_entries_title { display: block; font-weight: 500; } .ld_widget_next_post .widget-title, .ld_widget_next_post .widgettitle { text-transform: uppercase; letter-spacing: 0.1em; } .ld_widget_next_post .ld_entries_title { margin-top: 0; font-size: 22px; line-height: 1.1363636364em; font-weight: 700; } .woocommerce .widget_product_categories, .woocommerce .woocommerce-widget-layered-nav-list { font-size: 15px; } .woocommerce .widget_product_categories li, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; color: #000; margin-bottom: 0.45em; } .woocommerce .widget_product_categories li:after, .woocommerce .widget_product_categories li:before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:before { content: none; } .woocommerce .widget_product_categories li a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a { color: inherit; flex-grow: 1; } .woocommerce .widget_product_categories li span, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { display: inline-flex; padding: 0.85em 1em; align-items: center; justify-content: center; border-radius: 50em; background-color: #f4f4f7; font-size: 12px; line-height: 1; color: inherit; } .woocommerce .widget_product_categories li span.count, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span.count { width: 32px; height: 29px; padding: 0; } .woocommerce .widget_product_categories ul { width: 100%; margin-top: 0.5em; margin-bottom: 0.5em; } .woocommerce .widget_product_categories ul.children { margin-bottom: 0; } .woocommerce .widget_product_categories ul.children li:last-of-type { margin-bottom: 0; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 0; margin-bottom: 20px; font-size: 15px; line-height: 1.8em; font-weight: 500; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; width: 77px; margin-inline-start: 0; margin-inline-end: 17px; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { font-weight: inherit; } .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount { color: var(--lqd-color-primary); } .woocommerce ul.cart_list li .lqd-star-rating, .woocommerce ul.product_list_widget li .lqd-star-rating { font-size: 11px; margin-top: 0.25em; margin-bottom: 0.25em; color: var(--lqd-color-primary); } .woocommerce .widget_price_filter form { position: relative; } .woocommerce .widget_price_filter input[type="text"] { width: 35px; height: 35px; text-align: center; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: 3px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #eceded; } .woocommerce .widget_price_filter .price_slider_amount { font-size: 1em; } .woocommerce .widget_price_filter .price_label { display: inline-block; font-size: 12px; font-weight: 700; color: #000; } .woocommerce .widget_price_filter .ui-slider { margin-bottom: 1em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: var(--lqd-color-primary); } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { z-index: 5; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { width: 12px; height: 12px; top: -5px; margin-inline-start: -6px; border: none; z-index: 3; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:before { content: ""; display: inline-block; width: 160%; height: 160%; position: absolute; top: -40%; left: -40%; } .woocommerce .widget_price_filter .price_slider_amount { display: flex; flex-direction: row-reverse; justify-content: space-between; text-align: start; } .woocommerce .widget_price_filter .price_slider_amount .clear { display: none; } .woocommerce .widget_price_filter .price_slider_amount button[type="submit"] { padding: 0; background: 0 0; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; color: #000; } .woocommerce .widget_price_filter .price_slider_amount button[type="submit"]:focus, .woocommerce .widget_price_filter .price_slider_amount button[type="submit"]:hover { background: 0 0; box-shadow: none; transform: none; color: var(--lqd-color-primary); outline: 0; } .woocommerce .yith-woo-ajax-reset-navigation { display: flex; align-items: center; justify-content: space-between; } .woocommerce .yith-woo-ajax-reset-navigation .widget-title, .woocommerce .yith-woo-ajax-reset-navigation .widgettitle { margin-bottom: 0; font-size: 1em; text-transform: none; letter-spacing: normal; font-weight: inherit; } .woocommerce .yith-woo-ajax-reset-navigation:not(:empty) { padding-top: 2em; } .woocommerce .yith-wcan a.button { padding: 0; background: 0 0; font-size: inherit; font-weight: inherit; color: #000; } .woocommerce .yith-wcan a.button:hover { background: 0 0; box-shadow: none; color: var(--lqd-color-primary); } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li { border-radius: 30px; position: relative; margin: 6px 13px 6px 0; } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li:before { content: ""; display: inline-block; width: 31px; height: 31px; position: absolute; top: calc(50% - 16px); left: calc(50% - 16px); border: 2px solid #000; border-radius: inherit; opacity: 0; transition: opacity 0.65s cubic-bezier(0.19, 1, 0.22, 1); } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li a { width: 21px; height: 21px; margin: 0; border: none !important; border-radius: inherit; position: relative; } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li a:hover { border-radius: inherit; } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li.chosen:before { opacity: 1; } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li.chosen a { border-radius: inherit; } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-label li a { display: inline-flex; width: auto; min-width: 45px; height: 43px; padding: 0 0.5em; border: 1px solid rgba(0, 0, 0, 0.1); background: 0 0; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; text-transform: uppercase; transition: border 0.3s, color 0.3s; } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-label li a:hover { border-color: rgba(0, 0, 0, 0.5); background: 0 0; color: #000; } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-label li.chosen a { border-color: currentColor; background: 0 0; color: #000; } .woocommerce .yit-wcan-select-open { display: flex; justify-content: space-between; align-items: center; padding: 7px 0; border: none; border-bottom: 1px solid #000; background: 0 0; color: #000; } .woocommerce .yit-wcan-select-open:after { content: "\ea2f"; font: normal 12px/1 lqd-essentials; } .woocommerce .yit-wcan-select-open:hover { color: #000; } .woocommerce .yith-wcan-select-wrapper { border-radius: 0 0 4px 4px; border-color: #eaeaea; margin-top: -15px; box-shadow: 0 10px 35px rgba(0, 0, 0, 0.035); } .woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li { padding: 0; border: none; box-shadow: none; } .woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li a { display: flex; align-items: center; padding: 0.5em 1em; color: #000; } .woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li a:hover { text-indent: 3px; color: var(--lqd-color-primary); } .woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li.chosen a { background: 0 0; } .woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li.chosen a:before { content: "\ea20"; font: normal 1.15em/1 lqd-essentials; margin-inline-end: 0.5em; position: relative; top: 0.15em; } .woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li:hover { border: none; box-shadow: none; } .ld-lazyload { opacity: 0.0001; transition: opacity 1s; } .ld-lazyload.loaded { opacity: 1; } @keyframes lqdBackToTopArrow { 40% { transform: translateY(-15px); opacity: 0; } 41% { transform: translateY(15px); } 100% { transform: translateY(0); opacity: 1; } } .lqd-back-to-top { bottom: 50px; right: 50px; z-index: 10; opacity: 0; visibility: hidden; transform: translateY(25px); transition: all 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-back-to-top a { width: 45px; height: 45px; background-color: #fff; box-shadow: 0 0 30px -2px rgba(0, 0, 0, 0.15); color: #000; transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 1s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-back-to-top a svg { line-height: 1; margin-top: -1px; transition: transform 0.3s ease; mix-blend-mode: difference; } .lqd-back-to-top a:hover { transform: translateY(-2px); box-shadow: 0 0 40px rgba(0, 0, 0, 0.15); } .lqd-back-to-top a:hover svg { animation: lqdBackToTopArrow 1s cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-back-to-top .lqd-scrl-indc-el { background-color: currentColor; } .lqd-back-to-top .lqd-scrl-indc-el, .lqd-back-to-top .lqd-scrl-indc-line { width: 100%; height: 100%; border-radius: inherit; } .lqd-back-to-top .lqd-scrl-indc-el { top: 0; left: 0; } .lqd-back-to-top .lqd-scrl-indc-line { background: 0 0; } @media screen and (min-width: 480px) { .lqd-back-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); } } [data-custom-animations="true"]:not(.ca-initvalues-applied) { opacity: 0 !important; } @media (max-width: 768px) { [data-disable-animations-onmobile="true"] [data-custom-animations="true"]:not(.ca-initvalues-applied) { opacity: 1 !important; } } .lqd-cc-solid { width: 86px; height: 86px; top: -43px; left: -43px; opacity: 0; font-size: 14px; font-weight: 500; color: var(--lqd-cc-active-circle-txt); } .lqd-cc-solid-bg, .lqd-cc-solid-inner { transition-delay: 50ms; } .lqd-cc-solid-bg { border-radius: inherit; background-color: var(--lqd-cc-active-circle-color); transform: scale(0.2); transition: transform 0.65s, opacity 0.6s, width 0.6s, height 0.6s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-cc-arrow, .lqd-cc-solid-ext, .lqd-cc-solid-inner { opacity: 0; transition: transform 0.65s, opacity 0.65s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .lqd-cc-solid-txt-inner { transition: transform 1s, opacity 1s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .lqd-cc-solid-ext { font-size: 24px; color: var(--lqd-cc-active-circle-color); } .lqd-cc-solid-ext-left { transform: translateX(-25px); } .lqd-cc-solid-ext-right { transform: translateX(25px); } .lqd-cc { border-radius: var(--lqd-cc-br); } .lqd-cc--el, .lqd-cc--inner, .lqd-cc--outer { opacity: 0; } .lqd-cc--el { z-index: 1200; transition: opacity 0.1s; } .lqd-cc--el.lqd-is-active { opacity: 1; } .lqd-cc--el.lqd-is-active .lqd-cc-solid-bg, .lqd-cc--el.lqd-is-active .lqd-cc-solid-inner { transition-delay: 0s; } .lqd-cc--el.lqd-is-active .lqd-cc-solid-bg { opacity: 1; transform: scale(1); transition-duration: 0.65s; } .lqd-cc--el.lqd-is-active .lqd-cc-solid-inner { opacity: 1; } .lqd-cc--inner, .lqd-cc--outer { z-index: 1100; mix-blend-mode: var(--lqd-cc-blend-mode); transform-origin: center; } .lqd-cc--outer { width: var(--lqd-cc-size-outer); height: var(--lqd-cc-size-outer); border: var(--lqd-cc-bw) solid var(--lqd-cc-bc); } .lqd-cc-hide-outer .lqd-cc--outer { opacity: 0; } .lqd-cc--inner { width: var(--lqd-cc-size-inner); height: var(--lqd-cc-size-inner); left: calc(var(--lqd-cc-size-inner) / 2 * -1); top: calc(var(--lqd-cc-size-inner) / 2 * -1); background-color: var(--lqd-cc-bg); } .lqd-cc-init .flickity-enabled.is-draggable .flickity-viewport, .lqd-cc-init .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down, .lqd-cc-init .lqd-cc-label-trigger { cursor: none; } .lqd-cc-arrow svg { fill: var(--lqd-cc-active-arrow-color); transform: rotate(-15deg) scale(0); transform-origin: left top; transition-duration: 0.35s; transition-timing-function: cubic-bezier(0.3, 0.86, 0.36, 0.95); } .lqd-cc-arrow.lqd-is-active svg { opacity: 1; transform: rotate(0) scale(1); } .lqd-cc-custom-icon { --cc-icon-color: #fff; top: -27px; left: -27px; transition: opacity 0.3s; } .lqd-cc-custom-icon .lqd-cc-ci { width: 54px; height: 54px; font-size: 30px; line-height: 1; color: var(--cc-icon-color); transform: scale(1.35); transition: transform 0.45s, color 0.3s; } .lqd-cc-custom-icon .lqd-cc-ci:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid; border-radius: inherit; color: inherit; opacity: 0.5; transition: border 0.3s; } .lqd-cc-custom-icon.lqd-is-active .lqd-cc-ci { transform: scale(1); } .lqd-extra-cursor { --extra-cc-w: 390px; --extra-cc-h: 390px; width: var(--extra-cc-w); height: var(--extra-cc-h); top: calc(var(--extra-cc-w) / 2 * -1); left: calc(var(--extra-cc-h) / 2 * -1); border-radius: 50em; opacity: 0; background-color: var(--lqd-color-primary); transform: scale(0.15); visibility: hidden; transition: visibility 0.3s; } .lqd-extra-cursor.lqd-is-active { visibility: visible; mix-blend-mode: multiply; -webkit-backdrop-filter: blur(8px) brightness(117%); backdrop-filter: blur(8px) brightness(117%); } .lqd-cc-drag.lqd-carousel-pointer-down .lqd-cc-solid-txt-inner { transform: scale(0.5); opacity: 0; transition-delay: 0.1s; } .lqd-cc-drag.lqd-carousel-pointer-down .lqd-cc-solid-bg { transform: scale(0.55) !important; } .lqd-cc-drag.lqd-carousel-pointer-down .lqd-cc-solid-ext { opacity: 1; transition-duration: 0.35s; } .lqd-cc-drag.lqd-carousel-pointer-down .lqd-cc-solid-ext-left { transform: translateX(-45px); } .lqd-cc-drag.lqd-carousel-pointer-down .lqd-cc-solid-ext-right { transform: translateX(45px); } .lqd-cc-explore.lqd-is-active ~ .lqd-cc-drag:not(.lqd-carousel-pointer-down) .lqd-cc-solid-bg, .lqd-cc-explore.lqd-is-active ~ .lqd-cc-drag:not(.lqd-carousel-pointer-down) .lqd-cc-solid-ext, .lqd-cc-explore.lqd-is-active ~ .lqd-cc-drag:not(.lqd-carousel-pointer-down) .lqd-cc-solid-txt-inner { transform: scale(0) !important; } .lqd-cc-explore.lqd-is-active.lqd-carousel-pointer-down .lqd-cc-solid-bg, .lqd-cc-explore.lqd-is-active.lqd-carousel-pointer-down .lqd-cc-solid-txt-inner { transform: scale(0); } .lqd-cc-outer-hidden .lqd-cc--outer { display: none; } :root { --frame-width: 20px; } @media screen and (min-width: 1200px) { .lqd-page-frame { position: fixed; z-index: 3; background-color: var(--lqd-color-primary); } .lqd-page-frame[data-orientation="h"] { height: var(--frame-width); left: var(--frame-width); right: var(--frame-width); } .lqd-page-frame[data-orientation="v"] { width: var(--frame-width); top: 0; bottom: 0; } .lqd-page-frame-top { top: 0; transform-origin: center top; } .lqd-page-frame-right { right: 0; transform-origin: right center; } .lqd-page-frame-bottom { bottom: 0; transform-origin: center bottom; } .lqd-page-frame-left { left: 0; transform-origin: left center; } .page-has-frame #wrap { padding: var(--frame-width); } .page-has-frame .is-stuck, .page-has-frame .main-header-overlay { top: var(--frame-width); left: var(--frame-width); right: var(--frame-width); } .page-has-frame .main-header-overlay { width: auto; } .page-has-frame .is-stuck .ld-module-sd .ld-module-dropdown { top: calc(var(--frame-width) * -1); } .page-has-frame .ld-module-sd .ld-module-dropdown { right: calc(var(--frame-width) * -1); } } .lqd-section-scroll-dots { top: 50%; right: 65px; transform: translateY(-50%); counter-reset: section-scroll-dots; } .lqd-section-scroll-dot { width: 40px; height: 40px; border: 1px solid #ddd; cursor: pointer; font-size: 14px; color: #000; transition: background 0.3s; counter-increment: section-scroll-dots; } .lqd-section-scroll-dot:before { content: counter(section-scroll-dots, decimal-leading-zero); } .lqd-section-scroll-dot.is-active, .lqd-section-scroll-dot:hover { border-color: #000; background-color: #000; color: #fff; } .lqd-section-scroll-dot:not(:last-child) { margin-bottom: 17px; } @media screen and (min-width: 992px) { [data-lqd-section-scroll="true"].lqd-section-scroll-activated { --transition-duration: 1s; position: relative; height: 100vh; overflow: hidden; } [data-lqd-section-scroll="true"].lqd-section-scroll-activated > .container, [data-lqd-section-scroll="true"].lqd-section-scroll-activated > .container-fluid { height: 100%; position: static; } .lqd-section-scroll-sections { transition: transform var(--transition-duration) ease; } } @media (max-width: 991px) { .lqd-section-scroll-dots { display: none; } } @keyframes wave { 0% { transform: translateX(0); } 50% { transform: translateX(-50%); } 100% { transform: translateX(0); } } .lqd-animate-bottom-shape .lqd-shape-bottom, .lqd-animate-top-shape .lqd-shape-top { overflow: hidden; } .lqd-animate-bottom-shape .lqd-shape-bottom svg, .lqd-animate-top-shape .lqd-shape-top svg { width: 200% !important; left: 0; animation: wave 10s cubic-bezier(0.455, 0.03, 0.515, 0.955) both infinite; } .lqd-preloader-el { position: relative; } .lqd-preloader-inner { display: inline-flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; align-items: inherit; justify-content: inherit; overflow: hidden; } .lqd-preloader-wrap { display: flex; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; align-items: center; justify-content: center; z-index: 9999; } .lqd-page-loaded .lqd-preloader-wrap { pointer-events: none; } .lqd-page-not-loaded { overflow: hidden; } @keyframes lqd-spinner-classical { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .lqd-preloader-spc-el { width: 50px; height: 50px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.5); border-radius: 50em; animation: lqd-spinner-classical 0.7s infinite linear; } .lqd-preloader-spinner-classsical { background-color: #fff; } .lqd-preloader-curtain-el { width: 100vw; height: 100vh; } .lqd-preloader-curtain-front { background-color: #131314; z-index: 1; } .lqd-preloader-curtain-back { background-color: #1a1c1e; z-index: 0; } .lqd-preloader-dissolve-el { background-color: var(--lqd-color-primary); transform-origin: center bottom; } .lqd-preloader-fade { background-color: #fff; } @keyframes lqd-wrap-sliding-in { from { transform: translate3d(5vw, 0, 0); } to { transform: translate3d(0, 0, 0); } } .lqd-preloader-sliding-el { background-color: #fff; } .lqd-preloader-style-sliding:not(.lqd-preloader-animations-done), .lqd-preloader-style-sliding:not(.lqd-preloader-animations-done) #wrap { overflow-x: hidden; } .lqd-preloader-style-sliding.lqd-preloader-animations-started #wrap { animation: lqd-wrap-sliding-in 0.65s cubic-bezier(0.19, 1, 0.22, 1) both alternate; } @keyframes lqd-spinner-rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } @keyframes lqd-spinner-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 130, 200; stroke-dashoffset: -40; } 100% { stroke-dasharray: 130, 200; stroke-dashoffset: -170; } } .lqd-preloader-spinner { background-color: #fff; } .lqd-spinner-circular { animation: lqd-spinner-rotate 2s linear infinite; } .lqd-spinner-circular circle { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: lqd-spinner-dash 1.5s ease-in-out infinite both; stroke-linecap: round; stroke: var(--lqd-color-primary); } .accordion { --accordion-space: 30px; } .accordion-collapse { overflow: hidden; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .accordion-heading, .accordion-title { border-radius: inherit; } .accordion-title { margin: 0; position: relative; line-height: 1.5em; text-align: start; } .accordion-title a { display: flex; align-items: center; width: 100%; padding: 0.93em 0; color: inherit; border-top-right-radius: inherit; border-top-left-radius: inherit; } .accordion-content { padding: 1em 0; } .accordion-content > :last-child, .accordion-content > :only-child { margin-bottom: 0; } .accordion-expander { margin-inline-end: 1em; line-height: 1em; display: inline-flex; } .accordion-expander > i { display: inline-block; } .accordion-expander > i:last-child { display: none; } .accordion-expander:last-of-type { margin-inline-start: auto; margin-inline-end: 0; } .accordion-item.active .accordion-expander > i:last-child { display: inline-block; } .accordion-item.active .accordion-expander > i:first-child { display: none; } .accordion-xs .accordion-title a { padding-top: 0; padding-bottom: 0; } .accordion-sm .accordion-title a { padding-top: 0.65em; padding-bottom: 0.65em; } .accordion-lg .accordion-title a { padding-top: 1em; padding-bottom: 1em; } .accordion-xl .accordion-title a { padding-top: 1.25em; padding-bottom: 1.25em; } .accordion-active-has-fill .accordion-item.active .accordion-title a { background-color: var(--lqd-color-primary); color: #fff; } .accordion-active-has-shadow .accordion-title a { box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); } .accordion-active-has-shadow .accordion-item.active .accordion-title a { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); } .accordion-body-bordered .accordion-content, .accordion-body-bordered .accordion-title a { padding-inline-start: var(--accordion-space); padding-inline-end: var(--accordion-space); } .accordion-body-bordered .accordion-item { border: 1px solid rgba(0, 0, 0, 0.1); } .accordion-body-bordered .accordion-item:not(:last-child) { margin-bottom: 20px; } .accordion-body-bordered .accordion-content { padding-top: 10px; padding-bottom: var(--accordion-space); } .accordion-body-round .accordion-item { border-radius: 4px; } .accordion-body-shadow .accordion-item { box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } .accordion-body-shadow .accordion-content { padding-bottom: 45px; } .accordion-body-underlined .accordion-item { border-bottom: 1px solid #e0e1eb; } .accordion-body-underlined .accordion-item:last-child { border-width: 0; } .accordion-content-has-fill .accordion-content { padding: 30px; } .accordion-title-bg-transparent .accordion-title a { background-color: transparent; color: inherit; } .accordion-title-bordered .accordion-title a { padding-inline-start: var(--accordion-space); padding-inline-end: var(--accordion-space); border: 1px solid #d8dbe2; } .accordion-title-circle .accordion-title a { border-radius: 100px; } .accordion-title-round .accordion-title a { border-radius: 4px; } .accordion-title-underlined .accordion-title a { padding-inline-end: 0; border-bottom: 1px solid #dadde1; } .accordion-title-underlined .accordion-expander { right: 0; } .accordion-heading-has-shadow .accordion-item.active .accordion-title a, .accordion-heading-has-shadow .accordion-title a { box-shadow: 0 22px 70px rgba(0, 0, 0, 0.08); } .accordion-side-spacing .accordion-title a { padding-inline-start: var(--accordion-space); padding-inline-end: var(--accordion-space); } .accordion-side-spacing .accordion-expander { right: var(--accordion-space); } .accordion-side-spacing .accordion-content { padding-inline-start: var(--accordion-space); padding-inline-end: var(--accordion-space); } .lqd-af:not(.lqd-af--navigation-init) .lqd-af-slide.lqd-af-slide--current { opacity: 1; pointer-events: auto; } .lqd-af:not(.lqd-af--navigation-init) .lqd-af-slide.lqd-af-slide--current .lqd-af-slide__img figure, .lqd-af:not(.lqd-af--navigation-init) .lqd-af-slide.lqd-af-slide--current .lqd-af-slide__img__inner { transform: scale(1); } .lqd-af-slides > p { display: none; } .lqd-af-slide { opacity: 0; pointer-events: none; align-content: center; visibility: hidden; } .lqd-af-slide--current { opacity: 1; visibility: visible; pointer-events: auto; } .lqd-af-slide__img__inner { transform: scale(0.5); } .lqd-af-slide__img figure { transform: scale(1.25); } .lqd-af-slide__img .lqd-vbg-inner, .lqd-af-slide__img .lqd-vbg-wrap, .lqd-af-slide__img .mejs-container, .lqd-af-slide__img .mejs-inner, .lqd-af-slide__img mediaelementwrapper, .lqd-af-slide__img video { display: block; width: 100%; height: 100%; } .lqd-af-slide__img img:not(.objfit-cover) { opacity: 0 !important; } .lqd-af-slide__img .liquid-overlay-link { background-color: rgba(0, 0, 0, 0.3); } .lqd-af-slide--movin-out .lqd-af-slide__img { z-index: 2; } .lqd-af-slide--movin-in .lqd-af-slide__img { z-index: 3; } .lqd-af-slide--current:first-of-type .lqd-af-slide__img figure, .lqd-af-slide--current:first-of-type .lqd-af-slide__img__inner { transform: scale(1); } .lqd-af-slide__desc, .lqd-af-slide__title { color: #fff; } .lqd-af-slide__desc .split-inner, .lqd-af-slide__title .split-inner { will-change: transform; } .lqd-af-slide__title { margin: 0 0 0.1em; font-size: 65px; letter-spacing: 0.01em; line-height: 1.15; transition: color 0.3s; } .lqd-af-slide__title .lqd-lines, .lqd-af-slide__title .split-inner { display: inline-flex; } .lqd-af-slide__title .lqd-lines { overflow: hidden; } .lqd-af-slide__title .split-inner { position: relative; } .lqd-af-slide__desc { margin: 0 0 2em 0; font-size: 1.25em; line-height: 1.5em; } .lqd-af-slide__desc .lqd-lines, .lqd-af-slide__desc .split-inner { display: inline-block; } .lqd-af-slide__desc .lqd-lines { display: inline-block; overflow: hidden; } @media screen and (min-width: 768px) { .lqd-af-slide__title { font-size: 85px; } } @media screen and (min-width: 992px) { .lqd-af-slide__content { width: 75vw; } .lqd-af-slide__title { font-size: 110px; } } @media screen and (min-width: 1200px) { .lqd-af-slide__title { max-width: 80%; } .lqd-af-slide__desc { max-width: 65%; } } @media screen and (max-width: 991px) { .lqd-af { height: 100svh; } .lqd-af-slide__content { width: 100%; padding: 0 15px; } } .lqd-af-slidenav { left: 15px; bottom: 4em; } .lqd-af-slidenav__item { width: 30px; height: 30px; border: 0 !important; padding: 0 !important; background: 0 0 !important; font-size: 24px; color: #fff !important; } .lqd-af-slidenav__item svg { transition: stroke 0.3s; } .lqd-af-slidenav__item:focus { outline: 0; } .lqd-af-slidenav__item:hover svg { stroke: var(--lqd-color-primary); } .lqd-af--navigating .lqd-af-slidenav__item { pointer-events: none; } .lqd-af-slidenav__item--prev .lqd-af-button-arrow { margin-inline-start: -2px; transform: translate(-50%, -50%) rotate(-180deg); } .lqd-af-slidenav__item--next { margin-inline-start: 1.5em; } @media screen and (min-width: 992px) { .lqd-af-slidenav { left: calc(5vw - 15px); } } @media screen and (max-width: 479px) { .lqd-af-slidenav { position: fixed; bottom: 30px; } .lqd-af-slidenav { left: 30px; } .lqd-af-slidenav__item { padding: 0; width: 25px; height: 25px; } } .lqd-af-slidenum { display: grid; height: 40vh; top: 30vh; right: 40px; z-index: 10; place-items: center; grid-template-rows: 1fr auto 1fr; font-size: 13px; color: #fff; } .lqd-af-slidenum__line { width: 2px; height: 100%; background-color: currentColor; opacity: 1; } .lqd-af-slidenum__nums { margin: 3vh 0; } .lqd-af-slidenum__current { margin-top: -0.2em; width: 1em; height: 1.1em; } .lqd-af-slidenum__current span { width: 100%; height: 100%; } .lqd-af-slidenum__current > span { display: flex; flex-wrap: wrap; transition: transform 1.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-af-slidenum__total { margin-top: 2em; } .lqd-af-slidenum__total:before { content: "/"; display: inline-block; position: relative; top: -1em; margin-inline-end: 0.5em; transform: skewX(-25deg) scaleX(1.5); } .page-has-right-stickybar .lqd-af-slidenum { right: 150px; } @media screen and (max-width: 479px) { .lqd-af-slidenum { position: fixed; bottom: 30px; } .lqd-af-slidenum { width: auto; height: auto; top: auto; right: 30px; font-size: 1em; } .lqd-af-slidenum__nums { margin: 0; align-items: center; } .lqd-af-slidenum__current { margin-top: 0; } .lqd-af-slidenum__total { margin: 0; padding-inline-start: 0.5em; } .lqd-af-slidenum__total:before { content: "|"; top: 0; margin-inline-end: 1em; } } .lqd-asym-slider-img, .lqd-asym-slider-info, .lqd-asym-slider-title { flex: 1 0 100%; } .lqd-asym-slider-img.active, .lqd-asym-slider-info.active, .lqd-asym-slider-title.active { z-index: 1; } .lqd-asym-slider-img.is-next, .lqd-asym-slider-info.is-next, .lqd-asym-slider-title.is-next { z-index: 2; } .lqd-asym-slider-info .lqd-asym-slider-description-element, .lqd-asym-slider-info .lqd-asym-slider-subtitle-element, .lqd-asym-slider-info hr { opacity: 0; } .lqd-asym-slider-info hr { transform-origin: right; border-top: 2px solid #000; } .lqd-asym-slider-title { visibility: hidden; } .lqd-asym-slider-title .lqd-asym-slider-title-element { font-size: 162px; line-height: 0.8641975309em; } .lqd-asym-slider-title .lqd-chars { opacity: 0; } .lqd-asym-slider-title .lqd-words { white-space: nowrap; } .lqd-asym-slider-info-wrap, .lqd-asym-slider-title-wrap { flex-grow: 0; } .lqd-asym-slider-arrows { top: 0; right: 0; } .lqd-asym-slider-arrow { display: inline-grid; width: 70px; height: 60px; place-items: center; border: none; background: #f2f2f2; color: #000; font-size: 20px; opacity: 0; visibility: hidden; } .lqd-asym-slider-arrow:before { content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; background-color: #000; transform: scaleX(0); } .lqd-asym-slider-arrow i, .lqd-asym-slider-arrow:before { transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-asym-slider-arrow:hover { color: #fff; } .lqd-asym-slider-arrow:hover:before { transform: scaleX(1); } .lqd-asym-slider-arrow:focus { outline: 0; } .lqd-asym-slider-prev:before { transform-origin: right center; } .lqd-asym-slider-prev:hover i { transform: translateX(-6px); } .lqd-asym-slider-next:before { transform-origin: left center; } .lqd-asym-slider-next:hover i { transform: translateX(6px); } .lqd-asym-slider-btn, .lqd-asym-slider-btn-wrap { transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-asym-slider-btn { transform: translateX(100%); } .lqd-asym-slider-btn-wrap { transform: translateX(-100%); } .lqd-asym-slider-img { transform: translateX(-100%); } .lqd-asym-slider-img-wrap { margin-inline-start: 2.5em; } .lqd-asym-slider-t { margin-bottom: -4em; } .lqd-asym-slider:not(.lqd-asym-slider-ready) .lqd-asym-slider-img:not(.active), .lqd-asym-slider:not(.lqd-asym-slider-ready) .lqd-asym-slider-info:not(.active), .lqd-asym-slider:not(.lqd-asym-slider-ready) .lqd-asym-slider-title:not(.active) { visibility: hidden; } .lqd-asym-slider-ready .lqd-asym-slider-arrow { opacity: 1; visibility: visible; transition: color 0.3s, transform 0.3s, opacity 0.45s 0.8s, visibility 0.45s 0.8s; } .lqd-asym-slider-ready .lqd-asym-slider-img, .lqd-asym-slider-ready .lqd-asym-slider-info, .lqd-asym-slider-ready .lqd-asym-slider-title { position: absolute; top: 0; left: 0; } .lqd-asym-slider-ready .lqd-asym-slider-title { visibility: visible; } .lqd-asym-slider-ready .lqd-asym-slider-title:not(.active) [data-split-text]:not(.split-text-applied) { visibility: hidden; } .lqd-asym-slider-ready .active.lqd-asym-slider-title .lqd-chars { opacity: 1; } .lqd-asym-slider-ready .active.lqd-asym-slider-info .lqd-asym-slider-description-element, .lqd-asym-slider-ready .active.lqd-asym-slider-info .lqd-asym-slider-subtitle-element, .lqd-asym-slider-ready .active.lqd-asym-slider-info hr { opacity: 1; } .lqd-asym-slider-ready .active.lqd-asym-slider-img { transform: translateX(0); } .lqd-asym-slider-ready .active.lqd-asym-slider-img .lqd-asym-slider-btn, .lqd-asym-slider-ready .active.lqd-asym-slider-img .lqd-asym-slider-btn-wrap { transform: translateX(0); } @media screen and (min-width: 992px) { .lqd-asym-slider-ready .lqd-asym-slider-info { top: -2em; } .lqd-asym-slider-content { flex-direction: row; } .lqd-asym-slider-title-wrap { width: 50%; } .lqd-asym-slider-info-wrap { width: 25%; } } @media screen and (min-width: 480px) and (max-width: 768px) { .lqd-asym-slider-info hr { width: 50%; margin-inline-start: 0; } } @media screen and (max-width: 479px) { .lqd-asym-slider-t, .lqd-asym-slider-title-wrap { margin-bottom: 1em; } .lqd-asym-slider-img-wrap { margin-inline-start: 0; } } .lqd-bnnr-1 .lqd-bnnr-left { padding: 45px 55px 50px; background: #f3f4f4; } @media screen and (min-width: 992px) { .lqd-bnnr-1 { flex-direction: row; } .lqd-bnnr-1 .lqd-bnnr-left { width: 65%; margin-inline-end: -10%; -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); } .lqd-bnnr-1 .lqd-bnnr-right { width: 45%; } .lqd-bnnr-1 .lqd-bnnr-right .lqd-bnnr-in, .lqd-bnnr-1 .lqd-bnnr-right figure, .lqd-bnnr-1 .lqd-bnnr-right img { height: 100%; } .lqd-bnnr-1 .lqd-bnnr-right img { width: 100%; object-fit: cover; } } @media screen and (max-width: 991px) { .lqd-bnnr-1 .lqd-bnnr-left { padding-bottom: calc(10% + 20px); margin-bottom: -10%; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%); } } @media screen and (max-width: 767px) { .lqd-bnnr-1 .lqd-bnnr-left { padding: 35px 20px calc(10% + 20px); } } .lqd-bnr-bnns-h, .lqd-bnr-bnns-h-inner { font-size: clamp(62px, 7vw, 110px); font-weight: 700; } .lqd-bnr-bnns-h-wrap-first { padding: 50px 0; position: sticky; top: var(--lqd-sticky-header-height, 0); left: 0; right: 0; } .lqd-bnr-bnns-h { margin: 0 0 1em; } .lqd-bnr-bnns-h-inner { color: #fff; } .lqd-bnr-bnns { height: 225vh; } .lqd-bnr-bnns .ld-parallax-wrap:first-of-type { height: 100%; position: absolute; top: 0; left: 0; right: 0; } .lqd-bnr-bnns .ld-parallax-wrap:last-of-type { width: 100vw; position: relative; top: 0; left: 50%; right: 50%; margin-inline-start: -50vw; margin-inline-end: -50vw; } .vc_mobile .lqd-bnr-bnns-h, .vc_mobile .lqd-bnr-bnns-h-inner { margin-bottom: 0; } .vc_mobile .lqd-bnr-bnns-media { height: auto; margin: 0; left: 0; right: 0; } .vc_mobile .lqd-bnr-bnns-inner { position: relative; left: auto; right: auto; height: auto; } .vc_mobile .lqd-bnr-bnns { height: auto; text-align: center; } .vc_mobile .lqd-bnr-bnns .ld-parallax-wrap, .vc_mobile .lqd-bnr-bnns .lqd-bnr-bnns-h-wrap { width: 100%; } .vc_mobile .lqd-bnr-bnns .lqd-bnr-bnns-h-wrap:last-child { height: auto; position: absolute !important; top: calc(100px + clamp(62px, 7vw, 110px)); bottom: 0; left: 0; right: 0; } @media screen and (max-width: 479px) { .lqd-bnr-bnns-h, .lqd-bnr-bnns-h-inner { font-size: clamp(34px, 7vw, 110px); } .lqd-bnr-bnns .lqd-bnr-bnns-h-wrap:last-child { top: calc(100px + clamp(34px, 7vw, 110px)); } } .block-revealer__element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; border-radius: inherit; pointer-events: none; opacity: 0; } .breadcrumb { background: 0 0; } .breadcrumb > li { display: inline-block; } .breadcrumb > li:after, .breadcrumb > li:before { content: none; } .breadcrumb > li:not(:last-child):after { content: "/ "; display: inline-flex; align-items: center; margin-inline-start: 0.75em; margin-inline-end: 0.75em; font-size: 0.85em; } .breadcrumb > li:hover { opacity: 1; } .breadcrumb, .breadcrumb > .active { color: inherit; } .breadcrumb span { opacity: 0.6; transition: opacity 0.3s; } .breadcrumb a:hover span { opacity: 1; } .lqd-bullet-list li { margin-bottom: 0.5em; } .lqd-bullet-list li:before { content: ""; display: inline-block; width: 4px; height: 4px; flex: 0 0 auto; margin-inline-end: 1em; border-radius: 50em; background-color: currentColor; } .lqd-bullet-list .inline-ul li + li { margin-inline-start: 2.5em; } @media screen and (max-width: 767px) { .lqd-bullet-list .inline-ul { display: flex; flex-flow: row wrap; align-items: center; } .lqd-bullet-list .inline-ul li { margin-inline-start: 0 !important; width: 50%; } } .btn { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; position: relative; overflow: hidden; text-align: unset; transition: all 0.3s; } .btn i { transition: transform 0.3s cubic-bezier(0.22, 0.665, 0.34, 0.875); } .btn-icon, .btn-txt { position: relative; /* z-index: 3; */ } .btn-txt small, .btn-txt span { display: block; } .btn-txt small { font-size: 0.67em; } .btn-icon-sep .btn-txt { text-align: start; } .btn-naked { --btn-pt: 0 !important; --btn-pe: 0 !important; --btn-pb: 0 !important; --btn-ps: 0 !important; padding: 0 !important; background: 0 0 !important; border: none !important; overflow: visible; } .btn-xs { --btn-pt: 0.3em; --btn-pe: 1em; --btn-pb: 0.3em; --btn-ps: 1em; } .btn-xsm { --btn-pt: 0.6em; --btn-pe: 1em; --btn-pb: 0.6em; --btn-ps: 1em; } .btn-sm { --btn-pt: 0.85em; --btn-pe: 1.3em; --btn-pb: 0.85em; --btn-ps: 1.3em; } .btn-md { --btn-pt: 1.15em; --btn-pe: 2.1em; --btn-pb: 1.15em; --btn-ps: 2.1em; } .btn-lg { --btn-pt: 1.3em; --btn-pe: 2.7em; --btn-pb: 1.3em; --btn-ps: 2.7em; } .btn-xl { --btn-pt: 1.5em; --btn-pe: 3.5em; --btn-pb: 1.5em; --btn-ps: 3.5em; } .btn-solid { padding: var(--btn-pt) var(--btn-pe) var(--btn-pb) var(--btn-ps); } .btn-solid:hover { border-color: transparent; transform: translate3d(0, -2px, 0); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12); } .btn-underlined { --btn-pt: 0 !important; --btn-pe: 0 !important; --btn-pb: 0 !important; --btn-ps: 0 !important; padding: 0 !important; background-color: transparent !important; overflow: visible; position: relative; } .btn-underlined:after, .btn-underlined:before { content: ""; display: inline-block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; } .btn-underlined:after { transform: scaleX(0); transform-origin: right center; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .btn-underlined:hover { background-color: transparent; } .btn-underlined:hover:after { transform-origin: left center; transform: scaleX(1); } .btn-underlined .btn-txt { padding-bottom: 0.2em; } .btn-underlined.border-thin:after, .btn-underlined.border-thin:before { height: 1px; } .btn-underlined.border-thick:after, .btn-underlined.border-thick:before { height: 2px; } .btn-underlined.border-thicker:after, .btn-underlined.border-thicker:before { height: 3px; } .btn-block { width: 100%; justify-content: center; } .btn { --icon-w: 0px; --icon-h: 0px; --icon-mt: 0px; --icon-me: 0px; --icon-mb: 0px; --icon-ms: 8px; --icon-font-size: 1em; } .btn-icon { display: inline-flex; align-items: center; justify-content: center; transition: background 0.3s, color 125ms, box-shadow 0.3s, border 0.3s, opacity 0.25s, transform 0.5s; margin-top: var(--icon-mt); margin-inline-end: var(--icon-me); margin-bottom: var(--icon-mb); margin-inline-start: var(--icon-ms); } .btn-icon i, .btn-icon svg { position: relative; /* z-index: 3; */ } .btn-icon i { font-size: var(--icon-font-size); letter-spacing: 0; } .banner .btn-icon i { font-size:11px; letter-spacing: 0; } .btn-icon svg { width: var(--icon-font-size); max-height: var(--icon-font-size); fill: currentColor; } .btn-icon:only-child { --icon-mb: 0px !important; } .btn-icon:first-child { --icon-ms: auto; --icon-me: auto; } .btn-icon-left .btn-icon, .btn-icon-top .btn-icon { order: -1; } .btn-icon-block { flex-direction: column; --icon-mt: 0.5em; --icon-ms: auto !important; --icon-me: auto !important; } .btn-icon-block .btn-icon, .btn-icon-block .btn-txt { text-align: center; } .btn-icon-block .btn-icon { align-items: center; justify-content: center; } .btn-icon-block .btn-txt { width: 100%; margin-inline-start: auto; margin-inline-end: auto; } .btn-icon-left { --icon-ms: 0px; --icon-me: 8px; } .btn-icon-top.btn-icon-block { --icon-mt: 0; --icon-mb: 0.5em; } .btn-icon-shaped { --icon-mt: -5%; --icon-mb: -5%; } .btn-icon-shaped .btn-icon { width: var(--icon-w); height: var(--icon-h); border: 1px solid; } .btn-icon-solid .btn-icon { border: none; } .btn-icon-circle .btn-icon { border-radius: 10em; } .btn-icon-round .btn-icon { border-radius: 4px; } .btn-icon-semi-round .btn-icon { border-radius: 2px; } .btn-icon-border-thick .btn-icon { border-width: 2px; } .btn-icon-border-thicker .btn-icon { border-width: 3px; } .btn-icon-border-thickest .btn-icon { border-width: 4px; } .btn-icon-xs { --icon-w: 1.5em; --icon-h: 1.5em; } .btn-icon-sm { --icon-w: 2em; --icon-h: 2em; } .btn-icon-sm .btn-icon { width: 2em; height: 2em; } .btn-icon-md { --icon-w: 2.5em; --icon-h: 2.5em; } .btn-icon-lg { --icon-w: 3.2em; --icon-h: 3.2em; } .btn-icon-xl { --icon-w: 3.5em; --icon-h: 3.5em; } .btn-icon-xl .btn-icon { width: 3.5em; height: 3.5em; } .btn-icon-sep { --icon-ms: 1.1em; } .btn-icon-sep .btn-icon { padding-inline-start: var(--icon-ms); } .btn-icon-sep .btn-icon:before { content: ""; display: inline-block; width: 1px; height: 200%; position: absolute; left: 0; top: -50%; background-color: #ddd; } .btn-icon-sep.btn-icon-left { --icon-ms: 0; --icon-me: 1.1em; } .btn-icon-sep.btn-icon-left .btn-icon { padding-inline-end: var(--icon-me); } .btn-icon-sep.btn-icon-left .btn-icon:before { left: auto; right: 0; } @keyframes btnIconRipple { 0% { border-width: 4px; transform: scale(1); } 80% { border-width: 1px; transform: scale(1.35); } 100% { opacity: 0; } } .btn-icon-ripple .btn-icon:before { content: ""; display: inline-block; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; border-radius: inherit; border: 1px solid var(--lqd-color-primary); animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; } .btn-hover-reveal { --icon-move: 0px; --icon-ms: 0px; --icon-me: 0px; --txt-move: calc(var(--icon-move) * -1); } .btn-hover-reveal .btn-icon { position: absolute; top: auto; opacity: 0; text-decoration: none; transform: translateX(0); transition: opacity 0.25s, transform 0.5s; } .btn-hover-reveal .btn-txt { transition: transform 0.5s; } .btn-hover-reveal .btn-icon, .btn-hover-reveal .btn-txt { transition-timing-function: cubic-bezier(0, 0.71, 0.4, 1); } .btn-hover-reveal.btn-icon-right { --icon-move: calc(var(--icon-font-size) + var(--icon-ms)); } .btn-hover-reveal.btn-icon-right .btn-icon { margin-inline-end: 0; right: var(--btn-pe, 0); } .btn-hover-reveal.btn-icon-left { --icon-move: calc((var(--icon-font-size) + var(--icon-me)) * -1); } .btn-hover-reveal.btn-icon-left .btn-icon { margin-inline-start: 0; left: var(--btn-ps, 0); } .btn-hover-reveal.btn-block .btn-icon, .btn-hover-reveal.btn-custom-size .btn-icon { position: relative; right: auto; left: auto; } .btn-hover-reveal.btn-custom-size.btn-icon-left .btn-txt { margin-inline-start: calc(var(--icon-me) * -1); } .btn-hover-reveal.btn-custom-size.btn-icon-right .btn-txt { margin-inline-end: calc(var(--icon-ms) * -1); } .btn-hover-reveal:hover .btn-icon { opacity: 1; transform: translateX(var(--icon-move)); } .btn-hover-reveal:hover.btn-naked.btn-icon-left .btn-txt, .btn-hover-reveal:hover.btn-solid .btn-txt, .btn-hover-reveal:hover.btn-underlined.btn-icon-left .btn-txt { transform: translateX(var(--txt-move)); } .btn-hover-reveal:hover.btn-naked.btn-icon-left .btn-icon, .btn-hover-reveal:hover.btn-underlined.btn-icon-left .btn-icon { transform: translateX(0); } .btn-hover-swp.btn-solid .btn-txt { margin-inline-start: -1em; } .btn-hover-swp .btn-icon { text-decoration: none; transition: opacity 0.4s 0.25s, transform 0.6s 0.25s; transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1); } .btn-hover-swp .btn-icon + .btn-icon { display: inline-flex; order: -2; opacity: 0; transform: translateX(-1em); transition-delay: 0s; margin-inline-start: var(--icon-me); margin-inline-end: var(--icon-ms); } .btn-hover-swp .btn-txt { transition: transform 0.6s 125ms cubic-bezier(0.1, 0.75, 0.25, 1); } .btn-hover-swp.btn-icon-left.btn-solid .btn-txt { margin-inline-start: 0; margin-inline-end: -1em; } .btn-hover-swp.btn-icon-left .btn-icon + .btn-icon { order: 2; transform: translateX(1em); } .btn-hover-swp.btn-naked .btn-icon + .btn-icon, .btn-hover-swp.btn-underlined .btn-icon + .btn-icon { position: absolute; top: auto; left: 0; } .btn-hover-swp.btn-naked.btn-icon-left .btn-icon + .btn-icon, .btn-hover-swp.btn-underlined.btn-icon-left .btn-icon + .btn-icon { left: auto; right: 0; } .btn-hover-swp:hover .btn-icon { transition-delay: 0s; transform: translateX(1em); } .btn-hover-swp:hover .btn-txt { transition-delay: 0.1s; transform: translateX(1.5em); } .btn-hover-swp:hover .btn-icon { opacity: 0; } .btn-hover-swp:hover .btn-icon + .btn-icon { opacity: 1; transform: translateX(0); transition-delay: 225ms; } .btn-hover-swp:hover.btn-icon-left .btn-icon { transform: translateX(-1em); } .btn-hover-swp:hover.btn-icon-left .btn-icon + .btn-icon { transform: translateX(0); } .btn-hover-swp:hover.btn-icon-left .btn-txt { transform: translateX(-1.5em); } .btn-hover-txt-switch .btn-txt { transition: opacity 0.65s, transform 0.85s; transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1); } .btn-hover-txt-switch .btn-txt:after { content: attr(data-text); display: inline-block; position: absolute; white-space: nowrap; top: 50%; opacity: 0; transition: inherit; } .btn-hover-txt-switch:hover .btn-txt:after { opacity: 1; } @keyframes btnHoverTxtLiquidXAlt { 50% { opacity: 0; transform: translateX(0.3em); } 51% { opacity: 0; transform: translateX(-0.3em); } 100% { opacity: 1; transform: translateX(0); } } .btn-hover-txt-liquid-x-alt:hover .lqd-chars { animation: btnHoverTxtLiquidXAlt 0.6s calc(var(--chars-last-index, 0s) * 0.03s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } @keyframes btnHoverTxtLiquidX { 50% { opacity: 0; transform: translateX(-0.3em); } 51% { opacity: 0; transform: translateX(0.3em); } 100% { opacity: 1; transform: translateX(0); } } .btn-hover-txt-liquid-x:hover .lqd-chars { animation: btnHoverTxtLiquidX 0.6s calc(var(--chars-index, 0s) * 0.03s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } @keyframes btnHoverTxtLiquidYAlt { 50% { opacity: 0; transform: translateY(-0.3em); } 51% { opacity: 0; transform: translateY(0.3em); } 100% { opacity: 1; transform: translateY(0); } } .btn-hover-txt-liquid-y-alt:hover .lqd-chars { animation: btnHoverTxtLiquidYAlt 0.6s calc(var(--chars-index, 0s) * 0.03s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } @keyframes btnHoverTxtLiquidY { 50% { opacity: 0; transform: translateY(0.3em); } 51% { opacity: 0; transform: translateY(-0.3em); } 100% { opacity: 1; transform: translateY(0); } } .btn-hover-txt-liquid-y:hover .lqd-chars { animation: btnHoverTxtLiquidY 0.6s calc(var(--chars-index, 0s) * 0.03s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .btn-hover-txt-marquee .btn-txt:after { content: attr(data-text); display: inline-block; position: absolute; white-space: nowrap; top: 50%; } @keyframes btnTxtMarqueeX { 100% { transform: translateX(-200%); } } .btn-hover-txt-marquee-x .btn-txt:after { left: 100%; transform: translate(100%, -50%); } .btn-hover-txt-marquee-x:hover .btn-txt { animation: btnTxtMarqueeX 2s linear infinite; } @keyframes btnTxtMarqueeY { 100% { transform: translateY(-200%); } } .btn-hover-txt-marquee-y .btn-txt:after { top: 100%; left: 50%; transform: translate(-50%, 100%); } .btn-hover-txt-marquee-y:hover .btn-txt { animation: btnTxtMarqueeY 1s linear infinite; } .btn-hover-txt-switch .btn-txt { transition: opacity 0.65s, transform 0.85s; transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1); } .btn-hover-txt-switch .btn-txt:after { content: attr(data-text); display: inline-block; position: absolute; white-space: nowrap; top: 50%; opacity: 0; transition: inherit; } .btn-hover-txt-switch:hover .btn-txt:after { opacity: 1; } .btn-hover-txt-switch-x .btn-txt:after { left: 100%; transform: translate(50%, -50%); } .btn-hover-txt-switch-x:hover .btn-txt { transform: translateX(-200%); } .btn-hover-txt-switch-x:hover .btn-txt:after { transform: translate(100%, -50%); } .btn-hover-txt-switch-y .btn-txt:after { left: 50%; transform: translate(-50%, 150%); } .btn-hover-txt-switch-y:hover .btn-txt { transform: translateY(-250%); } .btn-hover-txt-switch-y:hover .btn-txt:after { transform: translate(-50%, 200%); } .btn-custom-size { padding: 0 !important; } @keyframes dotAnimations { from { transform: translateY(-6px); } to { transform: translateY(0); } } .btn.ld-ajax-loadmore { padding: 1.25em 2.5em; border-radius: 4px; background-color: #292929; color: #fff; overflow: visible !important; line-height: 1.15em; } .btn.ld-ajax-loadmore span { padding: 0; } .btn.ld-ajax-loadmore .all-loaded, .btn.ld-ajax-loadmore .loading, .btn.ld-ajax-loadmore .static { transition: opacity 0.3s, visibility 0.3s, transform 0.3s; } .btn.ld-ajax-loadmore .dots > span { width: 6px; height: 6px; margin: 0 1px; border-radius: 3px; background-color: currentColor; transform: translateY(0); } .btn.ld-ajax-loadmore .all-loaded, .btn.ld-ajax-loadmore .loading { position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transform: translate(-50%, -50%); } .btn.ld-ajax-loadmore .loading { font-size: 11px; } .btn.ld-ajax-loadmore .all-loaded { display: flex; align-items: center; } .btn.ld-ajax-loadmore .all-loaded i { margin-inline-start: 8px; } .btn.ld-ajax-loadmore.all-items-loaded, .btn.ld-ajax-loadmore.items-loading { pointer-events: none; border-color: transparent; } .btn.ld-ajax-loadmore.all-items-loaded .static, .btn.ld-ajax-loadmore.items-loading .static { opacity: 0; visibility: hidden; transform: translate(0, -50%); } .btn.ld-ajax-loadmore.items-loading .loading { opacity: 1; visibility: visible; transform: translate(-50%, -50%); } .btn.ld-ajax-loadmore.items-loading .loading .dots > span { animation: dotAnimations 0.6s cubic-bezier(0.23, 1, 0.32, 1) infinite alternate backwards; } .btn.ld-ajax-loadmore.items-loading .loading .dots > span:first-child { animation-delay: 0.1s; } .btn.ld-ajax-loadmore.items-loading .loading .dots > span:nth-child(2) { animation-delay: 0.2s; } .btn.ld-ajax-loadmore.all-items-loaded { background-color: transparent !important; color: #000 !important; } .btn.ld-ajax-loadmore.all-items-loaded .all-loaded { opacity: 1; visibility: visible; transform: translate(-50%, -50%); } .btn.ld-ajax-loadmore:hover { color: #fff; background-color: #000; box-shadow: 0 10px 32px rgba(0, 0, 0, 0.07); transform: translateY(-2px); } .flickity-enabled { flex-wrap: wrap; } .flickity-enabled:focus { outline: 0; } .flickity-viewport, .flickity-viewport-wrap { flex: 1 0 100%; position: relative; overflow: hidden; } .carousel-items { display: flex; } .carousel-item { flex: 0 0 auto; } .carousel-item.has-one-child .carousel-item-content, .carousel-item.has-one-child .carousel-item-inner { display: flex; flex-grow: 1; align-items: inherit; } .carousel-item.has-one-child .carousel-item-content { flex: 1 0 100%; } .carousel-item.has-one-child .carousel-item-content > article, .carousel-item.has-one-child .carousel-item-content > div { flex-grow: 1; max-width: 100%; } .carousel-item-content { white-space: nowrap; } .carousel-item-content > * { white-space: normal; } .carousel-item-content > p:only-child { width: 100%; margin-bottom: 0; } .carousel-dots-to-hide { display: none; } @media screen and (max-width: 767px) { .carousel-item { width: 100%; } } @media screen and (max-width: 768px) { .carousel-container { max-width: 100vw; } } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } .flickity-button { padding: 0 !important; border-radius: 0; } .flickity-button, .flickity-button:focus, .flickity-button:hover { background-color: transparent; color: #000; } .flickity-button { display: inline-flex; position: relative; top: auto; left: auto; flex-shrink: 0; border: 1px solid transparent; align-items: center; justify-content: center; opacity: 1; transform: translateY(0); transition: all 0.3s; } .flickity-button svg { width: auto; height: auto; position: relative; top: auto; left: auto; fill: currentColor; } .flickity-button i { position: relative; z-index: 1; } .flickity-button.previous { margin-inline-end: 5px; left: 0; } .flickity-button.next { margin-inline-start: 5px; right: 0; } .flickity-button[disabled] { pointer-events: none; opacity: 0.5; } .flickity-button:focus, .flickity-button:hover { background: 0 0; box-shadow: none; outline: 0; } .flickity-button:active { opacity: 1; } .carousel-container{ position: relative; } .carousel-nav { display: flex; align-items: center; justify-content: space-between; position: absolute; bottom: 50%; left: 0px; width: 100%; } .flickity-button.next{ /* position: absolute; right: 0px; */ } .lqd-section > .carousel-nav:not(.carousel-nav-floated) { width: 100%; } .carousel-nav.carousel-nav-bottom { top: auto; bottom: 0; transform: translate(0); } .carousel-nav.carousel-nav-bottom .flickity-button.next, .carousel-nav.carousel-nav-bottom .flickity-button.previous { transform: translateY(0); } .carousel-nav.carousel-nav-middle { top: 50%; } .carousel-nav.carousel-nav-middle .flickity-button { top: 50%; } .carousel-nav.carousel-nav-middle .flickity-button.next, .carousel-nav.carousel-nav-middle .flickity-button.previous { transform: translateY(-50%); } .carousel-nav.carousel-nav-top { top: 0; } .carousel-nav.carousel-nav-top .flickity-button.next, .carousel-nav.carousel-nav-top .flickity-button.previous { transform: translateY(0); } .carousel-nav.carousel-nav-center { text-align: center; justify-content: center; } .carousel-nav.carousel-nav-left { text-align: start; justify-content: flex-start; } .carousel-nav.carousel-nav-right { text-align: end; justify-content: flex-end; } .carousel-nav.carousel-nav-appear-onhover { transition: opacity 0.3s, visibility 0.3s; opacity: 0; visibility: hidden; } .carousel-container:hover .carousel-nav.carousel-nav-appear-onhover { opacity: 1; visibility: visible; } @media screen and (min-width: 992px) { .carousel-nav.carousel-nav-dot-between .flickity-button.previous { margin-inline-end: 40px; } .carousel-nav.carousel-nav-dot-between .flickity-button.previous:after { content: ""; display: inline-block; width: 6px; height: 6px; position: absolute; top: calc(50% - 3px); right: -27px; background-color: #000; opacity: 0.3; border-radius: 50em; } .carousel-nav.carousel-nav-dot-between .flickity-button:hover:after { background: #000; } } .carousel-nav.carousel-nav-floated { position: absolute; left: 0; right: 0; z-index: 9; margin: 0; } .carousel-nav.carousel-nav-floated.carousel-nav-center .flickity-button, .carousel-nav.carousel-nav-floated.carousel-nav-middle .flickity-button { position: absolute; } .carousel-nav.carousel-nav-left.carousel-nav-floated { right: auto; left: 0; } .carousel-nav.carousel-nav-right.carousel-nav-floated { left: auto; right: 0; } .carousel-nav.carousel-nav-shadowed .flickity-button { box-shadow: 0 7px 28px rgba(0, 0, 0, 0.12); } .carousel-nav.carousel-nav-shadowed-onhover .flickity-button:hover { box-shadow: 0 7px 28px rgba(0, 0, 0, 0.12); } .carousel-nav.carousel-nav-circle .flickity-button { border-radius: 10em; } .carousel-nav.carousel-nav-circle .flickity-button svg { max-width: 50%; } .carousel-nav.carousel-nav-square .flickity-button svg { max-width: 50%; } .carousel-nav.carousel-nav-shaped .flickity-button:hover { color: #fff; fill: #fff; } .carousel-nav.carousel-nav-shaped .flickity-button:hover svg { fill: inherit; } .carousel-nav.carousel-nav-shaped .flickity-button:hover:before { opacity: 1; } .carousel-nav.carousel-nav-bordered .flickity-button { border-color: #181b30; } .carousel-nav.carousel-nav-bordered .flickity-button:before { background: #181b30; } .carousel-nav.carousel-nav-solid .flickity-button { background: #fff; border: none !important; } .carousel-nav.carousel-nav-sm .flickity-button { font-size: 20px; width: 35px; height: 35px; } .carousel-nav.carousel-nav-lg .flickity-button { font-size: 26px; width: 50px; height: 50px; } .carousel-nav.carousel-nav-xl .flickity-button { font-size: 28px; width: 60px; height: 60px; } .carousel-nav.carousel-nav-vertical.carousel-nav-right .flickity-button { margin-inline-start: auto; } .carousel-nav.carousel-nav-vertical.carousel-nav-center { left: 50%; transform: translateY(-50%) translateX(-50%); } .carousel-nav.carousel-nav-vertical.carousel-nav-center .flickity-button { margin-inline-start: auto !important; margin-inline-end: auto !important; } .carousel-nav.carousel-nav-vertical.carousel-nav-left .flickity-button { margin-inline-end: auto; } .carousel-nav.carousel-nav-vertical { width: auto; flex-direction: column; } .carousel-nav.carousel-nav-vertical .flickity-button { display: flex; position: relative; margin-inline-start: 0; margin-inline-end: 0; transform: none !important; } .carousel-nav.carousel-nav-vertical .flickity-button.previous { margin-bottom: 5px; } .carousel-nav.carousel-nav-vertical .flickity-button.next { margin-top: 5px; } .carousel-nav.carousel-nav-vertical.carousel-nav-center { left: 50%; transform: translateY(-50%) translateX(-50%); } .carousel-nav.carousel-nav-vertical.carousel-nav-center .flickity-button { margin-inline-start: auto !important; margin-inline-end: auto !important; } .carousel-nav.carousel-nav-vertical.carousel-nav-left .flickity-button { margin-inline-end: auto; } .carousel-nav.carousel-nav-vertical.carousel-nav-right .flickity-button { margin-inline-start: auto; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots { width: 100%; padding: 0; margin: 0; list-style: none; line-height: 1; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; position: relative; border-radius: 5em; background-color: rgba(51, 51, 51, 0.25); color: rgba(51, 51, 51, 0.25); transition: all 0.3s; cursor: pointer; } .flickity-page-dots .dot.is-selected { background-color: #333; color: #333; } .carousel-dots { text-align: center; } .lqd-section > .carousel-dots { width: 100%; z-index: 2; } .carousel-dots-to-hide { display: none; } .carousel-dots-mobile { display: none; } .carousel-dots-mobile .flickity-page-dots { display: block; width: 100%; padding: 0; margin-top: 1.5em; position: relative; top: auto; left: auto; bottom: auto; right: auto; text-align: center; } .carousel-dots-mobile .flickity-page-dots .dot { margin: 0 6px; } .carousel-dots-mobile .flickity-page-dots .dot:first-child { margin-inline-start: 0; } .carousel-dots-center.carousel-dots { text-align: center; } .carousel-dots-left.carousel-dots { text-align: start; } .carousel-dots-right.carousel-dots { text-align: end; } .carousel-dots-bottom.carousel-dots { top: auto; bottom: 25px; } .carousel-dots-middle.carousel-dots { top: 50%; bottom: auto; transform: translateY(-50%); } .carousel-dots-top.carousel-dots { top: 25px; bottom: auto; } .carousel-dots-inside.carousel-dots { width: auto; position: absolute; left: 0; right: 0; bottom: 25px; padding: 0 20px; } .carousel-dots-inside.carousel-dots.carousel-dots-left { right: auto; } .carousel-dots-inside.carousel-dots.carousel-dots-right { left: auto; } .lqd-carousel-slides-numbers { font-size: 18px; color: #000; transition: color 0.3s; } .lqd-carousel-slides-numbers svg { stroke: currentColor; transition: stroke 0.3s; } .lqd-carousel-slides-numbers .flickity-page-dots { display: none; } .lqd-carousel-slides > svg { display: none; } .carousel-nav .lqd-carousel-slides { display: inline-flex; width: auto; height: auto; margin-inline-start: 1em; margin-inline-end: 1em; position: relative; top: auto; left: auto; font-size: 1em; color: #000; align-items: center; justify-content: center; } .carousel-nav .lqd-carousel-slides > svg { display: inline-block; margin: 0 0.25em; } .carousel-nav .lqd-carousel-slides .lqd-carousel-slides-total:before { content: none; } .lqd-carousel-slides-total:before { content: "/"; margin: 0 0.25em; } .lqd-carousel-slides-current { width: 0.75em; margin-top: -0.35em; font-size: 2.1111111111em; line-height: 1.15em; -webkit-mask-image: linear-gradient( to right, transparent 0%, #000 22%, #000 78%, transparent 100% ); mask-image: linear-gradient( to right, transparent 0%, #000 22%, #000 78%, transparent 100% ); } .carousel-nav .lqd-carousel-slides-current { margin-top: 0; top: auto; font-size: 1em; line-height: 1; } .lqd-carousel-slides-current-inner span { width: 0.75em; text-indent: 0.05em; } @media screen and (max-width: 768px) { .carousel-dots-desktop { display: none !important; } } .lqd-carousel-numbers-line { font-size: 13px; color: #000; } .lqd-carousel-numbers-line .flickity-page-dots, .lqd-carousel-numbers-line svg { margin-inline-start: 3em; margin-inline-end: 3em; } .lqd-carousel-numbers-line .flickity-page-dots { width: 200px; display: flex; justify-content: space-between; position: absolute; bottom: -6px; } .lqd-carousel-numbers-line .flickity-page-dots .dot { flex: 1; height: 12px; border-radius: 0; margin: 0; color: inherit; } .lqd-carousel-numbers-line .flickity-page-dots .dot, .lqd-carousel-numbers-line .flickity-page-dots .dot.is-selected { opacity: 0; background-color: currentColor; } .lqd-carousel-numbers-line .flickity-page-dots .dot:hover { opacity: 0.1; } .lqd-carousel-numbers-line .lqd-carousel-slides { justify-content: space-between; } .lqd-carousel-numbers-line .lqd-carousel-slides-current { margin-top: 0; width: 1.4em; font-size: 1em; -webkit-mask-image: none; mask-image: none; } .lqd-carousel-numbers-line .lqd-carousel-slides-current-inner span { width: 1em; margin: 0 0.2em; text-indent: 0; } .lqd-carousel-numbers-line .lqd-carousel-slides-total:before { content: none; } .carousel-dots-vertical .carousel-dots .flickity-page-dots { display: flex; flex-direction: column; justify-content: center; } .carousel-dots-vertical .carousel-dots .flickity-page-dots .dot { margin: 8px 0; } .carousel-dots-vertical .carousel-dots .flickity-page-dots .dot:first-child { margin-top: 0; } .carousel-dots-vertical .carousel-dots .flickity-page-dots .dot:last-child { margin-bottom: 0; } .carousel-dots-sm .dot { width: 9px; height: 9px; } .carousel-dots-lg .dot { width: 12px; height: 12px; } .carousel-dots-style2 .dot { background-color: #a4a4a4; transition: background 0.3s; } .carousel-dots-style2 .dot.is-selected, .carousel-dots-style2 .dot:hover { transform: scale(1.35); background-color: #000; } .carousel-dots-style3 .dot:before { content: ""; display: inline-block; position: absolute; top: -1.5px; left: -1.5px; bottom: -1.5px; right: -1.5px; border: 3px solid; border-radius: inherit; transform: scale(0.5); opacity: 0; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.15s; } .carousel-dots-style3 .dot.is-selected, .carousel-dots-style3 .dot:hover { background: 0 0; } .carousel-dots-style3 .dot.is-selected:before, .carousel-dots-style3 .dot:hover:before { opacity: 1; transform: scale(1); } .carousel-dots-style4 .dot { width: 6px; height: 6px; background-color: rgba(23, 24, 26, 0.2); } .carousel-dots-style4 .dot:before { width: 200%; height: 200%; top: -50%; left: -50%; border: none; } .carousel-dots-style4 .dot.is-selected { width: 15px; background-color: #17181a; } .carousel-dots-style4.carousel-dots-lg .dot.is-selected { width: 25px; } .carousel-dots-mobile-left.carousel-dots-mobile .flickity-page-dots { text-align: start; } .carousel-dots-mobile-right.carousel-dots-mobile .flickity-page-dots { text-align: end; } @media screen and (max-width: 768px) { .carousel-dots-desktop, .carousel-nav, .lqd-carousel-slides-numbers { display: none !important; } .carousel-nav { width: 100%; position: relative !important; top: auto !important; left: auto !important; bottom: auto !important; right: auto !important; justify-content: center !important; transform: none !important; } .carousel-dots-mobile { display: block; width: 100%; } .carousel-dots-mobile .flickity-page-dots { top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; } .carousel-dots-mobile .flickity-page-dots + .carousel-dots-from-options { display: none; } } @media screen and (max-width: 768px) { .carousel-dots-mobile-inside.carousel-dots-mobile { width: auto; position: absolute; bottom: 15px; left: 45px; right: 45px; } } .flickity-slider, .flickity-viewport { width: 100% !important; height: 100%; } .flickity-enabled .flickity-slider, .flickity-enabled .flickity-viewport { height: 100%; } .flickity-equal-cells .flickity-slider > .carousel-item { min-height: 100%; } .flickity-equal-cells .carousel-item-content, .flickity-equal-cells .carousel-item-inner { min-height: inherit; } .flickity-enabled.is-fade .carousel-item { pointer-events: none; z-index: 0; transition: none; } .flickity-enabled.is-fade .is-selected { pointer-events: auto; z-index: 1; } .carousel-items-random-v-offset .carousel-item.has-one-child .carousel-item-inner { display: block; flex-grow: 0; } .lqd-scroll-badge-container { display: none; } .lqd-scroll-badge { padding: 1em 1.25em; margin-bottom: 25px; box-shadow: 0 10px 25px -2px rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 12px; line-height: 1em; color: #000; } .carousel-shadow-active .carousel-item-inner { margin-bottom: 100px; } .carousel-shadow-active .carousel-item-content { transition: box-shadow 0.3s; box-shadow: 0 0 0 transparent; } .carousel-shadow-active .is-selected .carousel-item-content { box-shadow: 0 50px 75px rgba(0, 0, 0, 0.1); } .carousel-shadow-all .carousel-item-inner { margin-bottom: 100px; } .carousel-shadow-all .carousel-item-content { box-shadow: 0 30px 45px -2px rgba(0, 0, 0, 0.15); } @media screen and (min-width: 769px) { .lqd-carousel-stack { padding: 0; margin-bottom: 80px; position: relative; } .lqd-carousel-stack .carousel-items { display: block; overflow: visible; width: 100%; height: 100%; perspective: 1200px; perspective-origin: 50% 200%; } .lqd-carousel-stack .carousel-item { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; cursor: pointer; visibility: visible; transform-origin: 50% -10%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translate3d(0, 0, -180px); } .lqd-carousel-stack .carousel-item > * { margin: 0; } .lqd-carousel-stack .carousel-item.is-first, .lqd-carousel-stack .carousel-item.is-second, .lqd-carousel-stack .carousel-item.is-third { opacity: 1; } .lqd-carousel-stack .lqd-carousel-handle { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .lqd-carousel-stack-btn { width: 58px; height: 58px; border: none; border-radius: 30px; background: #fff; position: absolute; top: 50%; z-index: 2; cursor: pointer; transform: translateY(-50%); box-shadow: 0 15px 30px rgba(131, 150, 255, 0.25); } .lqd-carousel-stack-btn, .lqd-carousel-stack-btn svg { transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1), background 0.3s; } .lqd-carousel-stack-btn svg { fill: currentColor; transition: fill 0.3s; } .lqd-carousel-stack-btn:focus { outline: 0; } .lqd-carousel-stack-btn:hover { transform: translate(var(--trans-val), -50%) scale(1.1); background-color: var(--lqd-color-primary); } .lqd-carousel-stack-btn:hover svg { fill: #fff; } .lqd-carousel-stack-prev { left: -29px; } .lqd-carousel-stack-prev:hover { --trans-val: -2px; } .lqd-carousel-stack-prev:hover svg { transform: translateX(-3px); } .lqd-carousel-stack-next { right: -29px; --trans-val: 2px; } .lqd-carousel-stack-next:hover svg { transform: translateX(3px); } } @media screen and (max-width: 768px) { .lqd-carousel-stack .carousel-items { display: flex; } .lqd-carousel-stack .carousel-items:after { content: "flickity"; display: none; } .lqd-carousel-stack .carousel-item { width: 100%; flex: 0 0 auto; padding: 0 10px; } .lqd-carousel-stack .carousel-item-content { white-space: normal; } .lqd-carousel-stack-nav { display: none; } } .ui-widget { font-family: inherit !important; } .ui-datepicker { border-color: #f7f7f7 !important; border-radius: 12px; background-color: #fff; box-shadow: 0 20px 70px rgba(0, 0, 0, 0.07); } .ui-datepicker table { border: none; } .ui-datepicker table tr { border: none; } .ui-datepicker .ui-datepicker-calendar { margin-bottom: 0; } .ui-datepicker .ui-datepicker-calendar td { padding: 5px; text-align: center; } .ui-datepicker .ui-datepicker-calendar td a { display: inline-block; width: 30px; height: 30px; padding: 0; background: 0 0; border: none; font-size: 14px; line-height: 30px; border-radius: 50em; text-align: center; } .ui-datepicker .ui-datepicker-calendar td a:hover { background-color: var(--lqd-color-primary); color: #fff; } .ui-datepicker .ui-datepicker-calendar td .ui-state-active, .ui-datepicker .ui-datepicker-calendar td .ui-state-highlight { color: #fff; } .ui-datepicker .ui-datepicker-calendar td .ui-state-highlight { background-color: #666; } .ui-datepicker .ui-datepicker-calendar td .ui-state-active { background-color: var(--lqd-color-primary); } .ui-datepicker .ui-datepicker-calendar td .ui-state-active { box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12); } .ui-datepicker-header { display: flex; align-items: center; background-color: #e9e9e9; padding: 0.5em 1em; justify-content: space-between; border: none; border-bottom: 1px solid #eee; border-radius: 0; background: 0 0; text-align: center; } .ui-datepicker-next, .ui-datepicker-prev { position: relative !important; top: auto !important; left: auto !important; right: auto !important; border: none !important; background: 0 0 !important; cursor: pointer; font-weight: 400; } .ui-datepicker-next span, .ui-datepicker-prev span { position: relative; background: 0 0 !important; font-size: 12px; transition: transform 0.3s; } .ui-datepicker-next span:before, .ui-datepicker-prev span:before { content: none !important; } .ui-datepicker-prev { order: 0; } .ui-datepicker-prev span:before { content: "\e988"; } .ui-datepicker-prev:hover span { transform: translateX(-2px); } .ui-datepicker-next { order: 2; } .ui-datepicker-next span:before { content: "\e96e"; } .ui-datepicker-next:hover span { transform: translateX(2px); } .ui-datepicker-title { order: 1; } .ui-front .ui-button.ui-state-active:hover, .ui-front .ui-button:active, .ui-front .ui-state-active, .ui-front .ui-widget-content .ui-state-active, .ui-front .ui-widget-header .ui-state-active, .ui-front a.ui-button:active { background-color: #ededed; border-color: #ededed; color: #000; } .ui-front .ui-selectmenu-button:active { background-color: transparent; color: #9c9eb1; } .ui-front .ui-widget.ui-widget-content { border-color: #e4e4eb; } .ui-selectmenu-button { display: flex; width: 100%; cursor: pointer; } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px 0.4em; cursor: pointer; } .ui-selectmenu-menu { display: none; z-index: 10; } .ui-selectmenu-menu ul { padding: 0; margin: 0; list-style: none; background-color: #fff; } .lqd-select-dropdown { width: 100%; position: absolute; top: 100%; left: 0; z-index: 99; } .lqd-select-dropdown .ui-selectmenu-menu { font-size: 14px; border-radius: 0 0 4px 4px; } .lqd-select-dropdown .ui-selectmenu-menu .ui-menu { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } .lqd-select-dropdown .ui-selectmenu-menu .ui-widget.ui-widget-content { border: none; } .ui-spinner-button { color: #000; } .ui-selectmenu-open { display: block; } .select2-container .select2-dropdown { border-color: #d8dbe2; } .lqd-contact-form { --input-margin-bottom: 20px; --inputs-margin: 0 0 var(--input-margin-bottom) 0; } .lqd-contact-form h1, .lqd-contact-form h2, .lqd-contact-form h3, .lqd-contact-form h4, .lqd-contact-form h5, .lqd-contact-form h6 { margin-top: 0; } .lqd-contact-form p { margin-bottom: 0; position: relative; } .lqd-contact-form p > label:only-child { width: 100%; margin-inline-end: 0; } .lqd-contact-form form > .lqd-cf-form-control:last-child { margin-bottom: 0; } .lqd-contact-form form > .row > div:last-child .lqd-cf-form-control { margin-bottom: 0; } .lqd-contact-form form .lqd-cf-not-valid-tip { text-align: start; } .lqd-contact-form .lqd-cf-response-output { margin: 15px 0 0; } .lqd-contact-form .form-message { padding: 0.7em 1em; border-radius: 4px; } .lqd-contact-form .form-message.form-success { background-color: #00cb99; color: #18302a; } .lqd-contact-form .form-message.form-error { background-color: #fe8282; color: #301818; } .lqd-contact-form .lqd-form-control-wrap { display: block; margin: var(--inputs-margin); flex-grow: 1; position: relative; } .lqd-contact-form .ui-button.ui-selectmenu-button, .lqd-contact-form input, .lqd-contact-form select, .lqd-contact-form textarea { display: flex; width: 100%; height: 50px; position: relative; align-items: center; transition: all 0.3s; } .lqd-contact-form .ui-button.ui-selectmenu-button::-webkit-input-placeholder, .lqd-contact-form input::-webkit-input-placeholder, .lqd-contact-form select::-webkit-input-placeholder, .lqd-contact-form textarea::-webkit-input-placeholder { color: inherit; } .lqd-contact-form .ui-button.ui-selectmenu-button::-moz-placeholder, .lqd-contact-form input::-moz-placeholder, .lqd-contact-form select::-moz-placeholder, .lqd-contact-form textarea::-moz-placeholder { color: inherit; } .lqd-contact-form .ui-button.ui-selectmenu-button:-moz-placeholder, .lqd-contact-form input:-moz-placeholder, .lqd-contact-form select:-moz-placeholder, .lqd-contact-form textarea:-moz-placeholder { color: inherit; } .lqd-contact-form .ui-button.ui-selectmenu-button:-ms-input-placeholder, .lqd-contact-form input:-ms-input-placeholder, .lqd-contact-form select:-ms-input-placeholder, .lqd-contact-form textarea:-ms-input-placeholder { color: inherit; } .lqd-contact-form .ui-button.ui-selectmenu-button:focus, .lqd-contact-form input:focus, .lqd-contact-form select:focus, .lqd-contact-form textarea:focus { outline: 0; } .lqd-contact-form input[type="date"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .lqd-contact-form input[type="file"] { height: auto !important; padding: 0 !important; border: none !important; background: 0 0 !important; } .lqd-contact-form button[type="submit"], .lqd-contact-form input[type="submit"] { display: inline-flex; width: auto; height: 50px; margin-bottom: 0; padding: 0 2.8em; align-items: center; transition: all 0.3s ease; } .lqd-contact-form button[type="submit"]:hover, .lqd-contact-form input[type="submit"]:hover { transform: translateY(-1px); box-shadow: 0 10px 35px rgba(0, 0, 0, 0.125); } .text-center .lqd-contact-form button[type="submit"], .text-center .lqd-contact-form input[type="submit"] { margin-inline-start: auto; margin-inline-end: auto; } .lqd-contact-form button[type="submit"] i { position: relative; top: auto; left: auto; margin-top: 0; transform: none; } .lqd-contact-form input[type="checkbox"], .lqd-contact-form input[type="radio"] { display: initial; width: auto; height: auto; } .lqd-contact-form select { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .lqd-contact-form select[multiple] { padding: 0; height: auto; } .lqd-contact-form select[multiple] option { padding: 0.5em 2em; } .lqd-contact-form label { font-weight: inherit; margin-inline-end: 5px; } .lqd-contact-form textarea { height: auto !important; padding-top: 1em; padding-bottom: 1em; border-radius: 0 !important; } .lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon, .lqd-contact-form i, .lqd-contact-form svg { display: inline-block; position: absolute; z-index: 2; top: 50%; right: calc(1em + 15px); pointer-events: none; transform: translateY(-50%); } .lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon ~ input, .lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon ~ label, .lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon ~ textarea, .lqd-contact-form i ~ input, .lqd-contact-form i ~ label, .lqd-contact-form i ~ textarea, .lqd-contact-form svg ~ input, .lqd-contact-form svg ~ label, .lqd-contact-form svg ~ textarea { text-indent: 1em; } .lqd-contact-form .ajax-loader { margin: 0; position: absolute; top: calc(50% - 8px); right: 20px; } .lqd-contact-form .ui-selectmenu-button { height: 100%; position: absolute; top: 0; left: 0; } .lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-text { flex: 1 auto; } .lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon { order: 1; background: 0 0; width: 1em; height: 1em; font-size: 1em; } .lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon:after { content: "\ea2f"; display: inline-flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; text-indent: 0; font: normal 1.15em/1 lqd-essentials; } .lqd-contact-form .ui-spinner { width: 100%; padding: 0; border-radius: 0; border: none; } .lqd-contact-form input.ui-spinner-input { margin: 0; box-shadow: none; } .lqd-contact-form a.ui-spinner-button { border: none; border-radius: 0; background-color: transparent; } .lqd-contact-form a.ui-spinner-button:active { background-color: #181b31; } .lqd-contact-form[class*="vc_custom_"] { background-color: transparent !important; } .lqd-cf-radio .lqd-cf-list-item { margin-inline-start: 0; } .lqd-cf-radio .lqd-cf-list-item, .lqd-cf-radio .lqd-cf-list-item > label { display: flex; position: relative; } .lqd-cf-radio .lqd-cf-list-item > label { cursor: pointer; } .lqd-cf-radio .lqd-cf-list-item input[type="radio"] { position: absolute; top: 0; left: 0; width: 0; height: 0; visibility: hidden; } .lqd-cf-radio .lqd-cf-list-item input[type="radio"]:checked + .lqd-cf-list-item-label:after { opacity: 1; transform: scale(1); } .lqd-cf-radio .lqd-cf-list-item .lqd-cf-list-item-label { padding-inline-start: calc(1em + 20px); } .lqd-cf-radio .lqd-cf-list-item .lqd-cf-list-item-label:before { content: ""; display: inline-block; width: 20px; height: 20px; position: absolute; top: calc(50% - 10px); left: 0; border: 2px solid; border-radius: 0.625em; } .lqd-cf-radio .lqd-cf-list-item .lqd-cf-list-item-label:after { content: ""; display: inline-block; position: absolute; top: calc(50% - 5px); left: 5px; width: 10px; height: 10px; background-color: currentColor; border-radius: 0.625em; opacity: 0; transform: scale(0); transition: all 0.65s cubic-bezier(0.23, 1, 0.32, 1); transition-property: transform, opacity; } .lqd-cf-spinner { position: absolute; top: calc(50% - 12px); left: 30px; margin: 0; } .lqd-cf-acceptance { font-size: 0.8571428571em; } .lqd-cf-acceptance span.lqd-cf-list-item { margin: 0; } .lqd-cf-acceptance label { display: flex; align-items: center; line-height: 1.5em; cursor: pointer; } .lqd-cf-acceptance .lqd-cf-list-item-label { display: inline-flex; position: relative; padding-inline-start: 2.5em; } .lqd-cf-acceptance .lqd-cf-list-item-label:after, .lqd-cf-acceptance .lqd-cf-list-item-label:before { content: ""; display: inline-flex; width: 1.7em; height: 1.7em; position: absolute; top: 50%; left: 0; margin-top: -0.85em; align-items: center; justify-content: center; } .lqd-cf-acceptance .lqd-cf-list-item-label:before { border: 1px solid #d5d6de; } .lqd-cf-acceptance .lqd-cf-list-item-label:after { content: "\ea1b"; font: normal 1em/1 lqd-essentials; transform: scale(0); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-cf-acceptance input { width: 0; height: 0; margin: 0 1em 0 0 !important; position: absolute; top: 0; left: 0; visibility: hidden; } .lqd-cf-acceptance input:checked + .lqd-cf-list-item-label:after { transform: scale(1); } @media screen and (max-width: 768px) { .lqd-cf-acceptance { display: block; margin-bottom: 15px; } } @media screen and (max-width: 991px) { .lqd-contact-form .row > div { width: 100%; } } .ui-widget { font-family: inherit !important; } .ui-datepicker { border-color: #f7f7f7 !important; border-radius: 12px; background-color: #fff; box-shadow: 0 20px 70px rgba(0, 0, 0, 0.07); } .ui-datepicker table { border: none; } .ui-datepicker table tr { border: none; } .ui-datepicker .ui-datepicker-calendar { margin-bottom: 0; } .ui-datepicker .ui-datepicker-calendar td { padding: 5px; text-align: center; } .ui-datepicker .ui-datepicker-calendar td a { display: inline-block; width: 30px; height: 30px; padding: 0; background: 0 0; border: none; font-size: 14px; line-height: 30px; border-radius: 50em; text-align: center; } .ui-datepicker .ui-datepicker-calendar td a:hover { background-color: var(--lqd-color-primary); color: #fff; } .ui-datepicker .ui-datepicker-calendar td .ui-state-active, .ui-datepicker .ui-datepicker-calendar td .ui-state-highlight { color: #fff; } .ui-datepicker .ui-datepicker-calendar td .ui-state-highlight { background-color: #666; } .ui-datepicker .ui-datepicker-calendar td .ui-state-active { background-color: var(--lqd-color-primary); } .ui-datepicker .ui-datepicker-calendar td .ui-state-active { box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12); } .ui-datepicker-header { display: flex; align-items: center; background-color: #e9e9e9; padding: 0.5em 1em; justify-content: space-between; border: none; border-bottom: 1px solid #eee; border-radius: 0; background: 0 0; text-align: center; } .ui-datepicker-next, .ui-datepicker-prev { position: relative !important; top: auto !important; left: auto !important; right: auto !important; border: none !important; background: 0 0 !important; cursor: pointer; font-weight: 400; } .ui-datepicker-next span, .ui-datepicker-prev span { position: relative; background: 0 0 !important; font-size: 12px; transition: transform 0.3s; } .ui-datepicker-next span:before, .ui-datepicker-prev span:before { content: none !important; } .ui-datepicker-prev { order: 0; } .ui-datepicker-prev span:before { content: "\e988"; } .ui-datepicker-prev:hover span { transform: translateX(-2px); } .ui-datepicker-next { order: 2; } .ui-datepicker-next span:before { content: "\e96e"; } .ui-datepicker-next:hover span { transform: translateX(2px); } .ui-datepicker-title { order: 1; } .ui-front .ui-button.ui-state-active:hover, .ui-front .ui-button:active, .ui-front .ui-state-active, .ui-front .ui-widget-content .ui-state-active, .ui-front .ui-widget-header .ui-state-active, .ui-front a.ui-button:active { background-color: #ededed; border-color: #ededed; color: #000; } .ui-front .ui-selectmenu-button:active { background-color: transparent; color: #9c9eb1; } .ui-front .ui-widget.ui-widget-content { border-color: #e4e4eb; } .ui-selectmenu-button { display: flex; width: 100%; cursor: pointer; } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px 0.4em; cursor: pointer; } .ui-selectmenu-menu { display: none; } .ui-selectmenu-menu ul { padding: 0; margin: 0; list-style: none; background-color: #fff; } .lqd-select-dropdown { width: 100%; position: absolute; top: 100%; left: 0; z-index: 99; } .lqd-select-dropdown .ui-selectmenu-menu { font-size: 14px; border-radius: 0 0 4px 4px; } .lqd-select-dropdown .ui-selectmenu-menu .ui-menu { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } .lqd-select-dropdown .ui-selectmenu-menu .ui-widget.ui-widget-content { border: none; } .ui-spinner-button { color: #000; } .ui-selectmenu-open { display: block; } .select2-container .select2-dropdown { border-color: #d8dbe2; } .lqd-contact-form-inputs-filled .ui-button.ui-selectmenu-button, .lqd-contact-form-inputs-filled input, .lqd-contact-form-inputs-filled select, .lqd-contact-form-inputs-filled textarea { border: none; } .lqd-contact-form-inputs-underlined .ui-button.ui-selectmenu-button, .lqd-contact-form-inputs-underlined input, .lqd-contact-form-inputs-underlined select, .lqd-contact-form-inputs-underlined textarea { border-bottom-width: 1px; border-top: none; border-right: none; border-left: none; } .lqd-contact-form-inputs-underlined .ui-button.ui-selectmenu-button .ui-selectmenu-icon, .lqd-contact-form-inputs-underlined i, .lqd-contact-form-inputs-underlined svg { right: 15px; } .lqd-contact-form-inputs-underlined .ui-button.ui-selectmenu-button .ui-selectmenu-icon ~ input, .lqd-contact-form-inputs-underlined .ui-button.ui-selectmenu-button .ui-selectmenu-icon ~ label, .lqd-contact-form-inputs-underlined .ui-button.ui-selectmenu-button .ui-selectmenu-icon ~ textarea, .lqd-contact-form-inputs-underlined i ~ input, .lqd-contact-form-inputs-underlined i ~ label, .lqd-contact-form-inputs-underlined i ~ textarea, .lqd-contact-form-inputs-underlined svg ~ input, .lqd-contact-form-inputs-underlined svg ~ label, .lqd-contact-form-inputs-underlined svg ~ textarea { text-indent: 2em; } .lqd-contact-form-inputs-round .ui-button.ui-selectmenu-button, .lqd-contact-form-inputs-round input, .lqd-contact-form-inputs-round select, .lqd-contact-form-inputs-round textarea { border-radius: 4px; } .lqd-contact-form-inputs-round button[type="submit"], .lqd-contact-form-inputs-round input[type="submit"] { border-radius: 4px; } .lqd-contact-form-inputs-circle .ui-button.ui-selectmenu-button, .lqd-contact-form-inputs-circle input, .lqd-contact-form-inputs-circle select, .lqd-contact-form-inputs-circle textarea { border-radius: 50em; } .lqd-contact-form-inputs-circle textarea { border-radius: 15px !important; } .lqd-contact-form-inputs-circle button[type="submit"], .lqd-contact-form-inputs-circle input[type="submit"] { border-radius: 50em; } .lqd-contact-form-inputs-circle .ui-spinner-button { right: 1em; } .lqd-contact-form-inputs-border-none .ui-button.ui-selectmenu-button, .lqd-contact-form-inputs-border-none input, .lqd-contact-form-inputs-border-none select, .lqd-contact-form-inputs-border-none textarea { border-width: 0; } .lqd-contact-form-inputs-border-none button[type="submit"], .lqd-contact-form-inputs-border-none input[type="submit"] { border-width: 0; } .lqd-contact-form-inputs-border-thick .ui-button.ui-selectmenu-button, .lqd-contact-form-inputs-border-thick input, .lqd-contact-form-inputs-border-thick select, .lqd-contact-form-inputs-border-thick textarea { border-width: 2px; } .lqd-contact-form-inputs-border-thick button[type="submit"], .lqd-contact-form-inputs-border-thick input[type="submit"] { border-width: 2px; } .lqd-contact-form-inputs-border-thicker .ui-button.ui-selectmenu-button, .lqd-contact-form-inputs-border-thicker input, .lqd-contact-form-inputs-border-thicker select, .lqd-contact-form-inputs-border-thicker textarea { border-width: 3px; } .lqd-contact-form-inputs-border-thicker button[type="submit"], .lqd-contact-form-inputs-border-thicker input[type="submit"] { border-width: 3px; } .lqd-contact-form-inputs-border-thin .ui-button.ui-selectmenu-button, .lqd-contact-form-inputs-border-thin input, .lqd-contact-form-inputs-border-thin select, .lqd-contact-form-inputs-border-thin textarea { border-width: 1px; } .lqd-contact-form-inputs-border-thin button[type="submit"], .lqd-contact-form-inputs-border-thin input[type="submit"] { border-width: 1px; } .lqd-contact-form-inputs-sm .ui-button.ui-selectmenu-button, .lqd-contact-form-inputs-sm input, .lqd-contact-form-inputs-sm select, .lqd-contact-form-inputs-sm textarea { height: 40px; } .lqd-contact-form-inputs-sm button[type="submit"], .lqd-contact-form-inputs-sm input[type="submit"] { height: 40px; } .lqd-contact-form-inputs-md .ui-button.ui-selectmenu-button, .lqd-contact-form-inputs-md input, .lqd-contact-form-inputs-md select, .lqd-contact-form-inputs-md textarea { height: 50px; } .lqd-contact-form-inputs-md button[type="submit"], .lqd-contact-form-inputs-md input[type="submit"] { height: 50px; } .lqd-contact-form-inputs-lg .ui-button.ui-selectmenu-button, .lqd-contact-form-inputs-lg input, .lqd-contact-form-inputs-lg select, .lqd-contact-form-inputs-lg textarea { height: 60px; } .lqd-contact-form-inputs-lg button[type="submit"], .lqd-contact-form-inputs-lg input[type="submit"] { height: 60px; } .lqd-contact-form-button-underlined button[type="submit"], .lqd-contact-form-button-underlined input[type="submit"] { padding-inline-start: 0; padding-inline-end: 0; border-width: 0; border-bottom-width: 1px; } .lqd-contact-form-button-underlined button[type="submit"]:hover, .lqd-contact-form-button-underlined input[type="submit"]:hover { box-shadow: none; transform: none; } .lqd-contact-form-button-round button[type="submit"], .lqd-contact-form-button-round input[type="submit"] { border-radius: 4px !important; } .lqd-contact-form-button-circle button[type="submit"], .lqd-contact-form-button-circle input[type="submit"] { border-radius: 50em !important; } .lqd-contact-form-button-border-none button[type="submit"], .lqd-contact-form-button-border-none input[type="submit"] { border-width: 0; } .lqd-contact-form-button-border-thick button[type="submit"], .lqd-contact-form-button-border-thick input[type="submit"] { border-width: 2px; } .lqd-contact-form-button-border-thicker button[type="submit"], .lqd-contact-form-button-border-thicker input[type="submit"] { border-width: 3px; } .lqd-contact-form-button-border-thin button[type="submit"], .lqd-contact-form-button-border-thin input[type="submit"] { border-width: 1px; } .lqd-contact-form-button-sm button[type="submit"], .lqd-contact-form-button-sm input[type="submit"] { height: 40px; } .lqd-contact-form-button-md button[type="submit"], .lqd-contact-form-button-md input[type="submit"] { height: 50px; } .lqd-contact-form-button-lg button[type="submit"], .lqd-contact-form-button-lg input[type="submit"] { height: 60px; } .lqd-contact-form-button-block button[type="submit"], .lqd-contact-form-button-block input[type="submit"] { width: 100%; justify-content: center; text-align: center; } .countdown { font-size: 5.3125em; line-height: 1em; font-weight: 600; font-variant-numeric: tabular-nums; } .countdown .countdown-row { display: flex; } .countdown .countdown-section { display: inline-flex; margin: 0 2%; flex: 0 1; flex-direction: column; text-align: center; position: relative; } .countdown .countdown-amount { line-height: 1em; } .countdown .countdown-period { margin-top: 0.5em; font-size: 0.1764705882em; line-height: 1em; text-transform: uppercase; opacity: 0.5; } @media screen and (max-width: 991px) { .countdown .countdown-section { flex-basis: 45%; margin-top: 0.2352941176em; margin-bottom: 0.2352941176em; } .countdown .countdown-section:nth-child(3) + .countdown-sep { display: none; } } @media screen and (max-width: 540px) { .countdown .countdown-row { flex-wrap: wrap; justify-content: space-between; } .countdown .countdown-sep { display: none; } } @media screen and (min-width: 768px) { .countdown-inline .countdown-section { flex-direction: row; align-items: center; } .countdown-inline .countdown-period { margin-top: 0; margin-inline-start: 10px; } } .lqd-counter { transition: color 0.3s, border 0.3s; } .lqd-counter-element { line-height: 1em; color: inherit; } .lqd-counter-element > span { white-space: nowrap; } .lqd-animator-numbers, .lqd-animator-numbers li, .lqd-animator-numbers ul, .lqd-counter-animator { background: inherit; } .lqd-animator-numbers { transform: translateZ(1px); } .lqd-counter-icon { top: 20px; right: 20px; font-size: 23px; line-height: 1; } .lqd-counter-overlay-bg { background: linear-gradient( to bottom right, var(--lqd-color-gradient-start) 0, var(--lqd-color-gradient-stop) 100% ); border-radius: inherit; z-index: -1; opacity: 0; transform: scale(0.975); transition: opacity 0.65s, transform 0.65s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-counter:hover .lqd-counter-overlay-bg { opacity: 1; transform: scale(1); } .lqd-counter-bordered { padding: 30px 5%; border: 1px solid #d8dbe2; } .lqd-counter-bordered .lqd-counter-text { color: #a7a9b8; } .lqd-counter-solid { background-color: #fff; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); } .lqd-counter-solid:hover { color: #fff; } .lqd-counter-solid:hover .lqd-counter-element, .lqd-counter-solid:hover .lqd-counter-text { color: inherit; } .lqd-custom-menu { transition: opacity 0.3s, visibility 0.3s; } .lqd-custom-menu .nav-item-children > li > a, .lqd-custom-menu > ul > li > a { display: flex; align-items: center; position: relative; } .lqd-custom-menu .nav-item-children { top: 0; left: 100%; } .lqd-custom-menu > ul:not(.inline-ul) > li { display: flex; width: 100%; } .lqd-custom-menu > ul > li { position: relative; flex-wrap: wrap; } .lqd-custom-menu > ul > li > a svg { fill: currentColor; } .lqd-custom-menu > ul .link-sup { display: inline-flex; right: 0; top: -2.5em; } .ld-sd-wrap .lqd-custom-menu > ul .link-sup { top: -1em; } .lqd-custom-menu li.is-active > .nav-item-children { pointer-events: auto; } .lqd-custom-menu .submenu-expander { width: 30px; height: 30px; top: 50%; right: 1.85em; transform: translateY(-50%); } .lqd-custom-menu .submenu-expander .icon-ion-ios-arrow-down:before { content: "\ea2c"; } .lqd-stickybar-wrap .lqd-custom-menu li { margin-inline-start: 0; margin-inline-end: 0; } @media screen and (min-width: 992px) and (max-width: 1199px) { .lqd-custom-menu .submenu-expander { right: 15px; } } @media screen and (max-width: 479px) { .lqd-custom-menu .submenu-expander { right: 15px; } } .main-header .lqd-custom-menu-dropdown { position: absolute; top: 100%; left: 0; min-width: 300px; } .lqd-custom-menu-dropdown-btn { cursor: pointer; white-space: nowrap; transition: color 0.3s, background 0.3s, border 0.3s; } .main-header .lqd-custom-menu-dropdown-btn .expander-icon { margin-inline-start: 1.5em !important; } .toggle-has-fill .lqd-custom-menu-dropdown-btn { padding: 1em 1.5714285714em; } .link-icon { margin-inline-end: 0.75em; } .link-icon svg { width: 1em; height: 1em; } .left-icon.icon-push-to-edge { margin-inline-end: auto; } .right-icon { order: 1; margin-inline-start: 0.75em; margin-inline-end: 0; text-align: end; } .right-icon.icon-push-to-edge { margin-inline-start: auto; } .menu-items-has-border > ul > li > a { padding-top: 1em; padding-bottom: 1em; } .menu-items-has-border > ul > li:not(:last-child) > a { border-bottom: 1px solid #e8e8e8; } @media screen and (max-width: 479px) { .menu-items-has-border > ul > li > a { padding-top: 0.75em; padding-bottom: 0.75em; } } .menu-items-has-border > ul.inline-ul > li { margin-inline-start: 0; margin-inline-end: 0; } .menu-items-has-border > ul.inline-ul > li:not(:last-child) { border-inline-end: 1px solid #e8e8e8; } .menu-items-has-border > ul.inline-ul > li:not(:last-child) > a { border: none; } @media screen and (max-width: 479px) { .menu-items-has-border > ul > li > a { padding-top: 0.75em; padding-bottom: 0.75em; } } .menu-items-has-fill > ul > li > a { padding: 1em 1.5714285714em; } @media screen and (max-width: 479px) { .menu-items-has-fill > ul > li > a { padding: 0.75em 15px; } } .lqd-custom-menu-mobile-collapsible .lqd-custom-menu-dropdown-btn { display: none !important; padding: 1em 1.5714285714em; border-bottom: 1px solid transparent; } .lqd-custom-menu-mobile-collapsible .lqd-custom-menu-dropdown-btn.is-active { border-bottom-color: #e8e8e8; } @media screen and (min-width: 767px) { .lqd-custom-menu-mobile-collapsible > ul { display: block; } } @media screen and (max-width: 768px) { .lqd-custom-menu-mobile-collapsible .lqd-custom-menu-dropdown-btn { display: flex !important; } .lqd-custom-menu-mobile-collapsible > ul { display: none !important; width: 100%; flex-direction: column; background-color: #fff; } .lqd-custom-menu-mobile-collapsible > ul > li { width: 100% !important; } .lqd-custom-menu-mobile-collapsible > ul.collapsing, .lqd-custom-menu-mobile-collapsible > ul.in { display: block !important; } .lqd-custom-menu-mobile-collapsible.lqd-sticky-menu > ul { position: absolute; top: 100%; left: 0; } } .lqd-custom-menu[data-move-element]:not([data-inview]) { opacity: 0; visibility: hidden; } .lqd-custom-menu[data-move-element]:not([data-inview]).element-was-moved { opacity: 1; visibility: visible; } .lqd-sticky-menu { width: 100%; margin-inline-start: 0 !important; margin-inline-end: 0 !important; z-index: 20; bottom: 0; } .lqd-sticky-menu > .inline-ul { max-width: 1170px; margin: 0 auto; } .lqd-sticky-menu > .inline-ul > li > a { padding: 1em; } .lqd-sticky-menu > .inline-ul > li:first-of-type { margin-inline-start: 0; } .lqd-sticky-menu > .inline-ul > li:last-of-type { margin-inline-end: 0; } .lqd-custom-menu-expand-items > .inline-ul { display: grid; grid-auto-flow: column; } .lqd-custom-menu-expand-items.menu-items-has-border > .inline-ul > li > a, .lqd-custom-menu-expand-items.menu-items-has-fill > .inline-ul > li > a { padding: 0; } .lqd-sticky-menu .lqd-scrl-indc { height: 3px; border-radius: 2px; } .lqd-sticky-menu .lqd-scrl-indc .lqd-scrl-indc-el, .lqd-sticky-menu .lqd-scrl-indc .lqd-scrl-indc-inner, .lqd-sticky-menu .lqd-scrl-indc .lqd-scrl-indc-line { border-radius: inherit; } .lqd-sticky-menu .lqd-scrl-indc .lqd-scrl-indc-el, .lqd-sticky-menu .lqd-scrl-indc .lqd-scrl-indc-line { width: 100%; height: 100%; top: 0; left: 0; } .lqd-sticky-menu .lqd-scrl-indc .lqd-scrl-indc-el { transform: scale(0); transform-origin: left top; } .lqd-sticky-menu-floating { width: auto; padding: 5px; position: fixed; bottom: 3vh; left: 50%; border-radius: 50em; z-index: 12; transform: translate(-50%, 50%); opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s, transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1); box-shadow: 0 10px 35px -3px rgba(0, 0, 0, 0.1); } .lqd-sticky-menu-floating > ul > li { border-radius: 2em; } .lqd-sticky-menu-floating > ul > li > a { z-index: 2; border-radius: inherit; } .lqd-sticky-menu-floating > ul.inline-ul > li { padding: 0; margin: 0 0.25em !important; } .lqd-sticky-menu-floating > ul.inline-ul > li > a { padding: 0.5em 1em; } .lqd-sticky-menu-floating.is-in-view { opacity: 1; visibility: visible; transform: translate(-50%, 0); } @media screen and (max-width: 768px) { .lqd-sticky-menu-floating { min-width: 80vw; } .lqd-sticky-menu-floating > ul { display: flex; } .lqd-sticky-menu-floating > ul > li { flex-grow: 1; margin: 0; } } @media screen and (max-width: 540px) { .lqd-sticky-menu-floating { min-width: calc(100% - 6vh); max-width: calc(100% - 2vh); } .lqd-sticky-menu-floating > ul > li > a { font-size: 13px; } } .lqd-sticky-menu-floating.lqd-custom-menu-expand-items { width: 96vw; } .lqd-sticky-menu-floating.lqd-custom-menu-expand-items > .inline-ul { max-width: none; } .lqd-sticky-menu-floating-vertical { width: 46px; padding: 16px 0; border-radius: 25px; position: fixed; top: 50%; bottom: auto; background-color: #fff; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.07); transform: translateY(-50%); } .lqd-sticky-menu-floating-vertical li { display: flex !important; align-items: center; justify-content: center; margin-inline-start: auto !important; margin-inline-end: auto !important; width: 29px !important; height: 29px; border-radius: 15px; } .lqd-sticky-menu-floating-vertical li.is-active a:after { border-width: 2px; transform: scale(1); } .lqd-sticky-menu-floating-vertical a { align-items: center; justify-content: center; padding: 0 !important; height: 100%; border-radius: inherit; position: static !important; } .lqd-sticky-menu-floating-vertical a:after, .lqd-sticky-menu-floating-vertical a:before { content: ""; display: inline-block; text-indent: 0; border-radius: inherit; } .lqd-sticky-menu-floating-vertical a:before { width: 6px; height: 6px; background-color: currentColor; transition: transform 0.85s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-sticky-menu-floating-vertical a:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 15px solid; transform: scale(0.2); transition: border 0.3s, transform 0.85s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-sticky-menu-floating-vertical a .link-txt { position: absolute; top: 50%; right: 100%; opacity: 0; text-indent: 0; margin-inline-end: 15px; transform: translate(1em, -50%); transition: opacity 0.3s, transform 0.85s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-sticky-menu-floating-vertical a:hover:before { transform: scale(2); } .lqd-sticky-menu-floating-vertical a:hover .link-txt { opacity: 1; transform: translate(0, -50%); } .toggle-has-fill .lqd-custom-menu-dropdown-btn { padding: 1em 1.5714285714em; } .lqd-menu-td-underline > ul > li > a { text-decoration: underline; } @media (max-width: 767px) { .lqd-sticky-menu-floating-vertical { display: none; } } .lqd-fb { transition: transform 0.65s, box-shadow 0.65s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-fb .lqd-fb-content h2 a { color: inherit; } @media screen and (max-width: 479px) { .lqd-fb[class*="h-pt-"] { padding-top: 100%; } } .lqd-fb-img img.h-100 { height: 100% !important; } .lqd-fb-img figure { background-size: cover; background-position: center; background-repeat: no-repeat; } .lqd-fb-content-overlay .lqd-fb-img { opacity: 0; transform: scale(1.075); transition: transform 0.65s, opacity 0.65s; } .lqd-fb-content-overlay .lqd-fb-content p:last-child { margin-bottom: 0 !important; } .lqd-fb-content-overlay.is-in-view .lqd-fb-img { opacity: 1; transform: scale(1); } .lqd-fb-zoom-img-onhover .lqd-fb-img figure img { transition: transform 0.7s ease-out; transform: scale(1.01); } .lqd-fb-zoom-img-onhover:hover .lqd-fb-img figure img { transition-duration: 7s; transform: scale(1.2); } .lqd-fb-hover-overlay { opacity: 0; transition: opacity 0.3s; } .lqd-fb:hover .lqd-fb-hover-overlay { opacity: 1; } .lqd-fb-style-1 { transition: transform 0.85s cubic-bezier(0.15, 0.95, 0.4, 1), box-shadow 0.3s; } .lqd-fb-style-1 .lqd-fb-content h2, .lqd-fb-style-1 .lqd-fb-content h3, .lqd-fb-style-1 .lqd-fb-content h6 { color: #fff; } .lqd-fb-style-1 .lqd-fb-content p { color: rgba(255, 255, 255, 0.85); font-size: 0.9em; } .lqd-fb-style-1 .lqd-fb-content h6 { display: inline-block; line-height: 1.5em; border-radius: 4px; } .lqd-fb-style-1 .lqd-fb-content h3 { font-size: 16px; line-height: 1.625em; } .lqd-fb-style-1 .lqd-fb-content h2 { margin-bottom: 0; } .lqd-fb-style-1 .lqd-fb-bg { height: 125%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0, transparent 50%); transform: translateY(2%); transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-fb-style-1:hover { transform: translateY(-3px); box-shadow: 0 15px 80px rgba(0, 0, 0, 0.25); } .lqd-fb-style-1:hover .lqd-fb-bg { transform: translateY(-20%); } .carousel-item .lqd-fb-style-1 { margin-top: 3px; margin-bottom: 35px; } .carousel-item .lqd-fb-style-1:hover { box-shadow: 0 10px 35px rgba(0, 0, 0, 0.25); } .lqd-fb-style-1-1 .lqd-fb-content-inner { padding: 3rem 3rem 2rem; } .lqd-fb-style-1-1 .ld-slideelement-hidden { opacity: 0; transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-fb-style-1-1 .ld-slideelement-hidden { margin-top: 1rem; } .lqd-fb-style-1-1:hover .ld-slideelement-hidden { opacity: 1; } @media (max-width: 991px) { .lqd-fb-style-1-1 .lqd-fb-content-inner { padding: 1.5rem; } } @media (max-width: 767px) { .lqd-fb-style-1-2 .lqd-fb-content-holder { width: 100%; } } .lqd-fb-style-1-3 .lqd-fb-content h2 { font-size: 31px; font-weight: 400; line-height: 1.2903225806em; } .lqd-fb-style-1-3 .lqd-fb-content h6 { padding: 0 0 1em; position: relative; background: 0 0; font-size: 14px; } .lqd-fb-style-1-3 .lqd-fb-content h6:after { content: ""; display: inline-block; width: 11.5%; height: 0.15em; position: absolute; bottom: 0; left: 0; background-color: currentColor; } .lqd-fb-style-1-3 .lqd-fb-content p { font-size: 16px; line-height: 1.5em; color: rgba(255, 255, 255, 0.55); } @media (min-width: 992px) { .lqd-fb-style-1-3 .lqd-fb-content-inner { padding: 2rem; } } .lqd-fb-style-2 .lqd-fb-content h2 { font-size: 24px; color: #fff; } .lqd-fb-style-2 .lqd-fb-bg { background-color: rgba(0, 0, 0, 0.2); opacity: 0; transition: opacity 0.3s; } .lqd-fb-style-2 .element-uncovered .lqd-fb-bg { opacity: 1; } @media (min-width: 992px) { .lqd-fb-style-2 .lqd-fb-content-holder { width: 100%; } .lqd-fb-style-2 .lqd-fb-content-inner { padding: 2.5rem 3rem; } .lqd-fb-style-2 .lqd-fb-content-right { text-align: end; } } .lqd-fb-style-3 .lqd-fb-content h2, .lqd-fb-style-3 .lqd-fb-content h6 { color: #fff; } .lqd-fb-style-3 .lqd-fb-content h2 { font-size: 18px; } .lqd-fb-style-3 .lqd-fb-content h6 { font-size: 16px; color: rgba(255, 255, 255, 0.8); } .lqd-fb-style-3 .lqd-fb-bg { background-color: #141618; opacity: 0; transition: opacity 0.3s; } .lqd-fb-style-3 .element-uncovered .lqd-fb-bg { opacity: 1; } .lqd-fb-style-3:hover { transform: translateY(-3px); box-shadow: 0 15px 75px rgba(0, 0, 0, 0.35); } .lqd-fb-footer { border-top: 1px solid rgba(0, 0, 0, 0.065); } .lqd-fb-style-4 { background-color: #fff; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); } .lqd-fb-style-4 .lqd-fb-content h2 { font-size: 20px; } .lqd-fb-style-4 .lqd-fb-content p { font-size: 15px; line-height: 1.6em; letter-spacing: 0.01em; } .lqd-fb-style-4:hover { transform: translateY(-5px); box-shadow: 0 12px 45px rgba(0, 0, 0, 0.05); } .lqd-fb-style-5 { background-color: #fff; box-shadow: 0 15px 50px rgba(0, 0, 0, 0.05); } .lqd-fb-style-5 .lqd-fb-content h2 { font-size: 18px; } .lqd-fb-style-5 .lqd-fb-content p { font-size: 14px; line-height: 1.7857142857em; } .lqd-fb-style-5 .lqd-fb-content-left { margin-inline-start: -5%; margin-inline-end: -5%; } .lqd-fb-style-5 .lqd-fb-img { margin-inline-start: -50%; margin-inline-end: -25%; } .lqd-fb-style-5:hover { transform: translateY(-5px); box-shadow: 0 12px 45px rgba(0, 0, 0, 0.05); } .lqd-fb-shadow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; box-shadow: 0 70px 200px rgba(0, 0, 0, 0.3); transition: opacity 0.3s; } .carousel-item .lqd-fb-shadow { box-shadow: 0 30px 50px -4px rgba(0, 0, 0, 0.3); } .lqd-fb-style-6 { margin-bottom: 0; transform: translateZ(0); } .lqd-fb-style-6 .lqd-fb-content, .lqd-fb-style-6 .lqd-fb-img, .lqd-fb-style-6 .lqd-fb-img figure { transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-fb-style-6 .lqd-fb-content-wrap { transform: perspective(1300px); } .lqd-fb-style-6 .lqd-fb-content { transform: translate3d(0, 0, 1px) scale(1, 1); } .lqd-fb-style-6 .lqd-fb-img { transform: scale(1, 1); } .lqd-fb-style-6 .lqd-fb-img figure { transform: scale(1.125, 1.125); } .lqd-fb-style-6 .lqd-fb-content .lqd-fb-icon, .lqd-fb-style-6 .lqd-fb-content h2, .lqd-fb-style-6 .lqd-fb-content h6 { color: #fff; } .lqd-fb-style-6 .lqd-fb-content h6 { font-size: 12px; letter-spacing: 0.1em; opacity: 0.7; transition: opacity 0.3s; } .lqd-fb-style-6 .lqd-fb-content h2 { font-weight: 600; } .lqd-fb-style-6 .lqd-fb-content h2:last-child { margin-bottom: 0 !important; } .lqd-fb-style-6 .lqd-fb-icon { font-size: 38px; transform: scale(0.925, 0.925); opacity: 0; transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .lqd-fb-style-6 .lqd-fb-icon:empty { display: none; } .lqd-fb-style-6 .lqd-fb-bg { background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0, transparent 50%); } .lqd-fb-style-6 .liquid-overlay-link { transform: translateZ(150px); } .lqd-fb-style-6:hover { z-index: 2; } .lqd-fb-style-6:hover .lqd-fb-shadow { opacity: 1; } .lqd-fb-style-6:hover .lqd-fb-content h6 { opacity: 1; } .lqd-fb-style-6:hover .lqd-fb-icon { transform: scale(1, 1); opacity: 1; } .lqd-fb-style-6:hover .lqd-fb-img { transform: scale(1.09, 1.09); } .lqd-fb-style-6:hover .lqd-fb-img figure { transform: scale(1, 1); } .lqd-fb-style-6:hover .lqd-fb-content { transform: translate3d(0, 0, 80px); } @media screen and (min-width: 1200px) { .lqd-fb-style-6 .lqd-fb-content { padding: 3rem 3.5rem; } .carousel-item .lqd-fb-style-6 .lqd-fb-content-inner { padding: 30px 40px !important; } } .lqd-fb-style-7 { box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05); } .lqd-fb-style-7 .lqd-fb-content i { margin-inline-end: 0.75em; } .lqd-fb-style-7 .lqd-fb-content p { margin-bottom: 0.75em; } .lqd-fb-style-7 .lqd-fb-content p:last-child { margin-bottom: 0; } .lqd-fb-style-7 .lqd-fb-content h2 { font-size: 26px; line-height: 1.2307692308em; } .lqd-fb-style-7:hover { transform: translateY(-5px); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05); } .lqd-fb-style-8 .lqd-fb-img { box-shadow: 0 20px 30px rgba(0, 0, 0, 0.13); } .lqd-fb-style-8 .lqd-fb-img figure { transition: transform 0.45s ease-out; transform: scale(1.01); } .lqd-fb-style-8 .lqd-fb-content { z-index: 2; } .lqd-fb-style-8 .block-revealer, .lqd-fb-style-8 .block-revealer__element { border-radius: inherit; } .lqd-fb-style-8 .block-revealer__element { background-color: #fff !important; transition: box-shadow 0.3s; box-shadow: 0 0 0 transparent; } .lqd-fb-style-8 .block-revealer__element:before { content: ""; display: inline-block; width: 100%; height: 100%; border-radius: inherit; background-color: var(--lqd-color-primary); position: absolute; top: 0; left: 0; opacity: 0; transform: scale(0.95); transition: opacity 0.45s, transform 0.45s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-fb-style-8 .block-revealer.element-uncovered .block-revealer__element { box-shadow: 0 12px 45px rgba(0, 0, 0, 0.02); } .lqd-fb-style-8 .lqd-fb-content .lqd-fb-icon, .lqd-fb-style-8 .lqd-fb-content h2 { transition: color 0.3s; } .lqd-fb-style-8 .lqd-fb-content h2 { font-size: 19px; line-height: 1.2631578947em; color: var(--lqd-color-primary); } .lqd-fb-style-8 .lqd-fb-content .lqd-fb-icon { font-size: 20px; color: var(--lqd-color-secondary, #00cb99); } .lqd-fb-style-8:hover .lqd-fb-img figure { transition-duration: 7s; transform: scale(1.1); } .lqd-fb-style-8:hover .lqd-fb-content { color: #fff; } .lqd-fb-style-8:hover .block-revealer__element:before { opacity: 1; transform: scale(1); } .lqd-fb-style-8:hover .lqd-fb-content .lqd-fb-icon, .lqd-fb-style-8:hover .lqd-fb-content h2 { color: inherit; } @media screen and (min-width: 768px) { .lqd-fb-style-8 .lqd-fb-content { margin-top: -60px; margin-inline-start: -28px; } .lqd-fb-style-8.lqd-fb-content-bc .lqd-fb-content { margin-inline-start: 0; left: 50%; transform: translateX(-50%); } .lqd-fb-style-8.lqd-fb-content-br .lqd-fb-content { margin-inline-start: auto; margin-inline-end: -28px; } .lqd-fb-style-8.lqd-fb-content-mid .lqd-fb-content { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } @media screen and (max-width: 767px) { .lqd-fb-style-8 .lqd-fb-img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .lqd-fb-style-8 .lqd-fb-content { width: 100%; } .lqd-fb-style-8 .lqd-fb-content-inner { border-top-left-radius: 0; border-top-right-radius: 0; } } .lqd-fb-style-9 { box-shadow: 0 6px 40px rgba(0, 0, 0, 0.08); transform: translateY(0); transition: transform 0.65s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.3s; } .lqd-fb-style-9 .lqd-fb-content { background-color: #fff; } .lqd-fb-style-9 .lqd-fb-content h2 { margin-bottom: 0.5em; } .lqd-fb-style-9 .lqd-fb-content h2:only-child { margin-bottom: 0; } .lqd-fb-style-9:hover { transform: translateY(-4px); box-shadow: 0 12px 50px rgba(0, 0, 0, 0.06); } .lqd-fb-style-10 .lqd-fb-content .lqd-fb-title i, .lqd-fb-style-10 .lqd-fb-content h2 { font-weight: 500; color: var(--lqd-color-primary); font-size: 1em; } .lqd-fb-style-10 .lqd-fb-content h2 { display: inline-block; } .lqd-fb-style-10 .lqd-fb-title i { font-weight: inherit; opacity: 0; transform: translateX(calc(1em - 100%)); transition: transform 0.5s, opacity 0.5s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); vertical-align: middle; } .lqd-fb-style-10:hover .lqd-fb-title i { opacity: 1; transform: translateX(1em, -50%); } .lqd-fb-style-11 .lqd-fb-img figure { border: 15px solid #fff; box-shadow: 0 22px 50px rgba(0, 0, 0, 0.08); } .lqd-fb-style-11 .lqd-fb-img img { width: auto; transform: scale(1); transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-fb-style-11 .lqd-fb-icn { display: inline-flex; width: 44px; height: 44px; position: relative; top: -20px; margin-top: -100%; border-radius: 22px; align-items: center; justify-content: center; background-color: #fff; color: #000; } .lqd-fb-style-11 .lqd-fb-content h2 { font-size: 22px; transition: color 0.3s, transform 0.85s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-fb-style-11:hover .lqd-fb-content h2 { color: var(--lqd-color-primary); text-decoration: underline; transform: translateY(10%); } .lqd-fb-style-11:hover .lqd-fb-img img { transform: scale(1.1); } @media screen and (min-width: 1200px) { .lqd-fb-style-11 h2 { width: 60%; margin: 0 auto; } } .ld-fancy-heading > ol, .ld-fancy-heading > ul { padding: 0; margin: 0; list-style-position: inside; } .ld-fh-element { vertical-align: middle; transition: color 0.3s; display: inline-block; } .ld-fh-element .h1, .ld-fh-element .h2, .ld-fh-element .h3, .ld-fh-element .h4, .ld-fh-element .h5, .ld-fh-element .h6 { font-size: 1em; text-transform: inherit; letter-spacing: normal; font-weight: inherit; } .ld-fh-element small { display: inline-block; } .ld-fh-element > :last-child { margin-bottom: 0; } .gradient-word, .ld-gradient-heading { -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-fill-color: transparent !important; } .ld-gradient-heading .split-inner, .ld-gradient-heading .split-inner > i, .ld-gradient-heading .split-unit, .ld-gradient-heading .txt-rotate-keyword, .ld-gradient-heading .txt-rotate-keywords { background: inherit; } .e--ua-safari .ld-gradient-heading .fa, .e--ua-safari .ld-gradient-heading .fab, .e--ua-safari .ld-gradient-heading .far, .e--ua-safari .ld-gradient-heading .fas, .e--ua-safari .ld-gradient-heading .lqd-icn-ess { background: inherit; } .mask-text .split-unit { overflow: hidden; } .ld-fh-txt-outline { position: absolute; top: 0; left: 0; color: transparent; opacity: 0; -webkit-text-stroke: 2px #000; transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .ld-fh-outline-static .ld-fh-element { color: transparent; } .ld-fh-outline-static .ld-fh-txt-outline { opacity: 1; } .ld-fh-outline:hover .ld-fh-txt-outline { opacity: 1; } @media (max-width: 767px) { .ld-fh-element.text-vertical { writing-mode: unset; transform: none; } } .lqd-imggrp-img-container { max-width: 100%; } .lqd-imggrp-img-container, .lqd-imggrp-single, .lqd-imggrp-single .lqd-imggrp-img-container, .lqd-imggrp-single figure { border-radius: inherit; } .lqd-imggrp-single { transition: transform 0.65s cubic-bezier(0.05, 0.7, 0.2, 1), opacity 0.3s; } .lqd-imggrp-single figure { display: inline-block; margin: 0 !important; } .lqd-imggrp-single figure:empty { display: none; } @media screen and (max-width: 991px) { .lqd-imggrp-img-container { flex-direction: column; } .lqd-imggrp-content { order: 2; margin-top: 1em; } .lqd-imggrp-content:not( .lqd-imggrp-content-fixed-in ).lqd-imggrp-content-fixed { writing-mode: inherit; position: relative; top: auto; bottom: auto; left: auto; right: auto; transform: none !important; } .lqd-imggrp-content:not(.lqd-imggrp-content-fixed-in).lqd-imggrp-content-fixed .lqd-imggrp-content-inner { transform: none; } } .lqd-imggrp-content { transition: opacity 0.65s, visibility 0.65s, transform 1s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-delay: 0.2s; } .lqd-imggrp-content-fixed { writing-mode: vertical-rl; bottom: 0; min-width: 1em; max-height: 50%; color: #000; } .lqd-imggrp-content-fixed .lqd-imggrp-content-inner { transform: rotate(180deg); } .lqd-imggrp-content-fixed p { flex-grow: 1; } .lqd-imggrp-content-fixed p a { color: inherit; } .lqd-imggrp-content-fixed strong { font-size: 1.1875em; margin-bottom: 0.5em; font-weight: inherit; text-decoration: underline; } [data-reveal] .lqd-imggrp-content { opacity: 0; visibility: hidden; } .element-uncovered .lqd-imggrp-content { opacity: 1; visibility: visible; } [data-reveal]:not(.element-uncovered) .lqd-imggrp-content-fixed-left .lqd-imggrp-content-inner { transform: rotate(180deg) translateY(-4em) translateX(1em); } .lqd-imggrp-content-fixed-left { left: 0; margin-block-start: 0.75em; } [data-reveal]:not(.element-uncovered) .lqd-imggrp-content-fixed-left .lqd-imggrp-content-inner { transform: rotate(180deg) translateY(-4em) translateX(1em); } [data-reveal]:not(.element-uncovered) .lqd-imggrp-content-fixed-right .lqd-imggrp-content-inner { transform: rotate(180deg) translateY(-4em) translateX(-1em); } .lqd-imggrp-content-fixed-right { order: 1; right: 0; margin-block-end: 0.75em; } .lqd-imggrp-content-fixed-in { justify-content: flex-start; margin: 0; min-height: 45%; max-height: 100%; position: absolute; z-index: 3; } .lqd-imggrp-content-fixed-in p { padding: 1.25em 0.65em; } [data-reveal]:not(.element-uncovered) .lqd-imggrp-content-fixed-in.lqd-imggrp-content-fixed-left .lqd-imggrp-content-inner { transform: translateX(-1em); } [data-reveal]:not(.element-uncovered) .lqd-imggrp-content-fixed-in.lqd-imggrp-content-fixed-right .lqd-imggrp-content-inner { transform: translateX(1em); } @keyframes lqdFIFloatOne { 0% { transform: translateY(var(--float-animate-from, 0)); } 100% { transform: translateY(var(--float-animate-to, 3%)); } } .lqd-imggrp-single[data-float] { --float-animation-ease: ease; --float-animate-from: 0%; --float-animate-to: 3%; --float-delay: 0s; animation: lqdFIFloatOne 1s var(--float-animation-ease) infinite alternate; animation-delay: var(--float-delay); } .lqd-imggrp-single[data-shadow-style="1"] figure { box-shadow: 0 25px 30px rgba(0, 0, 0, 0.07); } .lqd-imggrp-single[data-shadow-style="2"] figure { box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15); } .lqd-imggrp-single[data-shadow-style="3"] figure { box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15); } .lqd-imggrp-single[data-shadow-style="4"] figure { box-shadow: 0 30px 100px rgba(0, 0, 0, 0.17); } .lqd-imggrp-single[data-animate-shadow] figure { box-shadow: 0 0 0 rgba(0, 0, 0, 0.3); transition: box-shadow 0.5s cubic-bezier(0.7, 0, 0.3, 1); } .lqd-imggrp-single[data-animate-shadow] img { opacity: 0.00000001; transition: opacity 0.65s cubic-bezier(0.5, 1, 0.5, 1); } .lqd-imggrp-single[data-animate-shadow].is-in-view img { opacity: 1; transition-delay: 0.35s; } .lqd-imggrp-single[data-animate-shadow].is-in-view img.ld-lazyload { opacity: 0.00000001; } .lqd-imggrp-single[data-animate-shadow].is-in-view img.ld-lazyload.loaded { opacity: 1; } .lqd-imggrp-single[data-animate-shadow][data-shadow-style="1"].is-in-view figure { box-shadow: 0 25px 30px rgba(0, 0, 0, 0.07); } .lqd-imggrp-single[data-animate-shadow][data-shadow-style="2"].is-in-view figure { box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15); } .lqd-imggrp-single[data-animate-shadow][data-shadow-style="3"].is-in-view figure { box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15); } .lqd-imggrp-single[data-animate-shadow][data-shadow-style="4"].is-in-view figure { box-shadow: 0 30px 100px rgba(0, 0, 0, 0.17); } .liquid-filter-items { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 1.5em; color: #16171e; } .liquid-filter-items .btn, .liquid-filter-items .carousel-nav { margin-inline-start: auto; } .liquid-filter-items .btn { margin-bottom: 0.5em; } .lqd-lp-carousel-header .liquid-filter-items .btn, .lqd-pf-carousel-header .liquid-filter-items .btn { margin-inline-start: 0; } .liquid-filter-items-inner { display: inherit; flex-wrap: inherit; align-items: inherit; justify-content: inherit; } .liquid-filter-items-inner:only-child { width: 100%; } .filter-list { padding: 0; margin: 0 0 30px; list-style: none; } .filter-list li { margin-bottom: 0.5em; position: relative; color: #b8beca; cursor: pointer; transition: color 0.3s; } .filter-list li span { display: inline-block; } .filter-list li.active, .filter-list li:hover { color: #16171e; } .lqd-filter-dropdown { position: relative; } .lqd-filter-dropdown .lqd-select-dropdown, .lqd-filter-dropdown .ui-button, .lqd-filter-dropdown .ui-selectmenu-menu, .lqd-filter-dropdown:last-child { width: 100%; min-width: 200px; } .lqd-filter-dropdown .lqd-select-dropdown { position: absolute; top: 100%; left: 0; z-index: 99; } .lqd-filter-dropdown .ui-menu-item-wrapper { padding: 0.25em 0.75em; } .lqd-filter-dropdown .ui-selectmenu-menu { display: none; background-color: #fff; font-size: 1em; line-height: 1.5em; } .lqd-filter-dropdown .ui-menu { box-shadow: 0 10px 32px rgba(0, 0, 0, 0.25); padding: 0.5em 0; } .lqd-filter-dropdown .ui-button { display: flex; justify-content: space-between; width: 100% !important; padding: 0.5em 0; border-radius: 0; color: #000; } .lqd-filter-dropdown .ui-button, .lqd-filter-dropdown .ui-button:active, .lqd-filter-dropdown .ui-button:focus { border: none; border-bottom: 1px solid #000; background: 0 0; outline: 0; } .lqd-filter-dropdown .ui-button:active { color: #000; } .lqd-filter-dropdown .ui-selectmenu-icon { order: 1; background: 0 0 !important; text-indent: 0; } .lqd-filter-dropdown .ui-selectmenu-icon:before { content: "\ea2f"; display: inline-flex; width: 100%; height: 100%; align-items: center; justify-content: center; font: normal 1em/1 lqd-essentials; } .lqd-filter-dropdown .ui-selectmenu-open { display: block; } .lqd-filter-dropdown .ui-selectmenu-button-open .ui-selectmenu-icon:before { content: "\ea2b"; } @media screen and (min-width: 992px) { .liquid-filter-items.items-center .filter-list { margin-bottom: 0; } } @media screen and (max-width: 991px) { .liquid-filter-items-inner { width: 100%; } .liquid-filter-items-inner + .carousel-nav { margin-top: 0 !important; } .liquid-filter-items-label { margin-inline-end: 15px; } .liquid-filter-items-label + .filter-list { margin-inline-start: 0; } } @media screen and (max-width: 767px) { .filter-list li { margin-bottom: 1em; text-align: center; } } @media screen and (max-width: 768px) { .liquid-filter-items-inner { margin-inline-start: auto; margin-inline-end: auto; flex-direction: row; align-items: center; justify-content: space-between; } .lqd-lp-carousel-header .liquid-filter-items-inner, .lqd-pf-carousel-header .liquid-filter-items-inner { max-width: none; } .liquid-filter-items-label { order: 0; } .liquid-filter-items-label ~ .lqd-filter-dropdown { width: 100%; order: 2; margin-top: 15px; } .lqd-filter-dropdown { width: 47%; order: -1; } .lqd-filter-dropdown .ui-selectmenu-button { min-width: 0; } .liquid-filter-items-inner > .btn, .lqd-pf-carousel-header > .btn { order: 1; margin: 0 !important; } .liquid-filter-items-inner > .btn > span, .lqd-pf-carousel-header > .btn > span { width: 100%; } .lqd-lp-carousel-header .liquid-filter-items-label ~ .lqd-filter-dropdown, .lqd-pf-carousel-header .liquid-filter-items-label ~ .lqd-filter-dropdown { margin-top: 2.5em; } } .filter-list-inline li { display: inline-block; } @media screen and (min-width: 992px) { .filter-list-inline li + li { margin-inline-start: 2.5em; } } @media screen and (max-width: 991px) { .filter-list-inline li { margin: 0 0.5em; } } .filter-list.size-sm { font-size: 12px; } .filter-list.size-md { font-size: 18px; } .filter-list.size-lg { font-size: 24px; } .filter-list-decorated li > span { position: relative; } .filter-list-decorated li > span:after { content: ""; height: 0.0909090909em; min-height: 1px; position: absolute; background-color: #16171e; transform-origin: right center; transition: transform 0.3s; transform: scaleX(0); } .filter-list-decorated li.active span:after, .filter-list-decorated li:hover span:after { transform: scaleX(1); transform-origin: left center; } .filters-line-through li > span:after { width: 110%; top: 50%; left: -5%; margin-top: -0.0454545455em; } .filters-underline li > span:after { bottom: -0.5833333333em; left: 0; width: 100%; height: 0.1666666667em; min-height: 2px; } .filters-underline-alt li > span:after { bottom: 0.15em; height: 0.0666666667em; min-height: 1px; } .liquid-filter-items-label { line-height: 1; } .liquid-filter-items-label + .filter-list li { margin-bottom: 0; } .liquid-filter-items-label + .filter-list { margin-inline-start: 1.5em; margin-bottom: 0; } @media (max-width: 768px) { .liquid-filter-items-label { margin-bottom: 0.5em; } } .liquid-filter-items-label.size-sm { font-size: 13px; } .liquid-filter-items-label.size-md { font-size: 15px; } .liquid-filter-items-label.size-lg { font-size: 18px; } .liquid-filter-items-label.size-xl { font-size: 22px; line-height: 1; } .liquid-filter-items-label.size-xxl { font-size: 26px; letter-spacing: -0.025em; } .filter-list-style-1 span { transition: transform 0.4s cubic-bezier(0.4, 1, 0.5, 1); } .filter-list-style-1 li { margin-bottom: 2em; } .filter-list-style-1 li:before { content: ""; display: inline-block; width: 2px; height: 1.2em; position: absolute; top: 50%; left: 0; margin-top: -0.6em; background-image: linear-gradient( to bottom, var(--lqd-color-gradient-start) 0, var(--lqd-color-gradient-stop) 100% ); opacity: 0; transform: translateX(-5px); transition: transform 0.3s cubic-bezier(0.4, 1, 0.5, 1), opacity 0.3s cubic-bezier(0.4, 1, 0.5, 1); } .filter-list-style-1 li.active:before, .filter-list-style-1 li:hover:before { opacity: 1; transform: translateX(0); transition-delay: 50ms; } .filter-list-style-1 li.active span, .filter-list-style-1 li:hover span { transform: translateX(15px); } .filter-list-scheme-light li { color: rgba(255, 255, 255, 0.5); } .filter-list-scheme-light li.active, .filter-list-scheme-light li:hover { color: #fff; } .ld-flipbox-face, .ld-flipbox-inner, .ld-flipbox-wrap { min-height: inherit; border-radius: inherit; } .ld-flipbox-inner :last-child { margin-bottom: 0; } .ld-flipbox-face { background-size: cover; background-position: center; background-color: var(--lqd-color-primary); } .ld-flipbox-front .ld-flipbox-face { display: grid; grid-auto-columns: 1fr; } .ld-flipbox-front .ld-flipbox-inner { transform: translate3d(0, 0, 60px) scale(0.85); } .ld-flipbox-back { transform: rotateY(180deg) translateZ(1px); } .ld-flipbox-back .ld-flipbox-inner { transform: translate3d(0, 0, 60px) scale(0.95); } .ld-flipbox-wrap { transition-property: box-shadow, transform; transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ld-flipbox { min-height: 270px; } .ld-flipbox:hover .ld-flipbox-wrap { transform: rotateY(180deg); transform-origin: 50% 50% !important; } @media screen and (max-width: 768px) { .ld-flipbox-inner { padding: 35px; } } @media screen and (max-width: 479px) { .ld-flipbox-inner { padding: 25px; } } .ld-flipbox-bt .ld-flipbox-back { transform: rotateY(-180deg) rotateZ(-180deg); } .ld-flipbox-bt.ld-flipbox-shadow:hover .ld-flipbox-wrap { box-shadow: 0 -50px 60px rgba(0, 0, 0, 0.15); } .ld-flipbox:hover.ld-flipbox-bt .ld-flipbox-wrap { transform: rotateX(180deg); } .ld-flipbox:hover.ld-flipbox-rl .ld-flipbox-wrap { transform: rotateY(-180deg); } .ld-flipbox-tb .ld-flipbox-back { transform: rotateY(-180deg) rotateZ(-180deg); } .ld-flipbox:hover.ld-flipbox-tb .ld-flipbox-wrap { transform: rotateX(-180deg); } .ld-flipbox-shadow .ld-flipbox-wrap { box-shadow: 0 50px 60px rgba(0, 0, 0, 0.15); } .ld-flipbox-tb.ld-flipbox-shadow:hover .ld-flipbox-wrap { box-shadow: 0 -50px 60px rgba(0, 0, 0, 0.15); } .ld-flipbox-bt.ld-flipbox-shadow:hover .ld-flipbox-wrap { box-shadow: 0 -50px 60px rgba(0, 0, 0, 0.15); } .ld-flipbox:hover.ld-flipbox-shadow-onhover .ld-flipbox-wrap { box-shadow: 0 50px 60px rgba(0, 0, 0, 0.15); } .ld-flipbox:hover.ld-flipbox-shadow-onhover.ld-flipbox-bt .ld-flipbox-wrap { box-shadow: 0 -50px 60px rgba(0, 0, 0, 0.15); } .ld-flipbox:hover.ld-flipbox-shadow-onhover.ld-flipbox-tb .ld-flipbox-wrap { box-shadow: 0 -50px 60px rgba(0, 0, 0, 0.15); } .lqd-fullproj-media { opacity: 0; z-index: var(--lqd-z-index, 20); transition: opacity 0.3s, transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-fullproj-title { z-index: 1085; transition: opacity 0.3s; mix-blend-mode: difference; } .lqd-fullproj-menu { font-size: 5vw; text-transform: uppercase; } .lqd-fullproj-menu small { margin-inline-start: -0.15em; font-size: 0.2727272727em; line-height: 1; font-weight: inherit; color: inherit; } .lqd-fullproj-menu a { color: #fff; } .lqd-fullproj-menu li { margin-inline-end: 0.2em; } .lqd-fullproj-menu li.lqd-is-active .lqd-fullproj-title { opacity: 1 !important; } .lqd-fullproj-menu li.lqd-is-active .lqd-fullproj-media { opacity: 1; } .lqd-fullproj-menu:hover .lqd-fullproj-title { opacity: 0.1; } .lqd-fullproj-scrn-inner { display: grid; padding: 4rem 7vw; min-height: 100vh; } .lqd-fullproj-scrn { top: 0; left: 0; transition: opacity 0.3s, visibility 0.3s; } .lqd-fullproj-scrn img, .lqd-fullproj-scrn video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; object-fit: cover; object-position: center; } .lqd-fullproj-scrn button.nav-trigger { position: absolute; top: 30px; right: 30px; z-index: 885; mix-blend-mode: difference; } .lqd-fullproj-scrn button.nav-trigger .bar { background-color: #fff; } .lqd-fullproj-scrn button.nav-trigger .txt { display: none; } .lqd-fullproj-scrn.pos-fix { width: 100vw; height: 100vh !important; background-color: #fff; z-index: 110; opacity: 0; visibility: hidden; } .lqd-fullproj-scrn.pos-fix.in, .lqd-fullproj-scrn.pos-fix.show { opacity: 1; visibility: visible; } .lqd-stickybar-wrap .lqd-fullproj-scrn, .lqd-stickybar-wrap .lqd-fullproj-trigger { writing-mode: horizontal-tb; } @media (min-width: 768px) { .lqd-fullproj-scrn-inner { padding: 2rem; } } @media (min-width: 992px) { .lqd-fullproj-scrn-inner { padding: 4rem; } } .ld-gmap-contents { padding: 45px; color: #ccc; background-color: rgba(0, 0, 0, 0.65); -webkit-backdrop-filter: blur(10px) saturate(180%); backdrop-filter: blur(10px) saturate(180%); } .ld-gmap-contents h3 { margin: 0; color: inherit; } .ld-gmap-contents > h3 { margin-bottom: 30px; font-size: 26px; font-weight: 700; color: #fff; } .ld-gmap-contents .iconbox { max-width: 75%; margin-bottom: 20px; justify-content: flex-start; } @media screen and (min-width: 992px) { .ld-gmap-contents { max-width: 40%; border-radius: 8px; position: absolute; top: 50%; right: 6%; transform: translateY(-50%); } } @keyframes markerWave { 0% { transform: scale(1); opacity: 0.8; } 20% { opacity: 0.8; } 100% { transform: scale(5.5); opacity: 0; } } .lqd-custom-map-marker { width: 18px; height: 18px; background-color: var(--lqd-color-primary); border-radius: 4em; } .lqd-custom-map-marker div { opacity: 1; background-color: var(--lqd-color-primary); border-radius: inherit; } .lqd-custom-map-marker > div:first-child { animation: markerWave 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards; } .lqd-custom-map-marker > div:first-child + div { animation: markerWave 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards; } .lqd-highlight, .lqd-highlight-txt { background: inherit; } .lqd-highlight-txt { position: relative; z-index: 1; } .lqd-highlight-inner { width: 100%; height: 100%; opacity: 0; z-index: 0; position: absolute; display: inline-block; transition-delay: inherit; transform-origin: left center; transition: transform 0.85s, opacity 0.85s, height 0.45s, bottom 0.45s, color 0.45s; transition-timing-function: cubic-bezier(0.3, 0.8, 0.35, 1); } .lqd-highlight { display: inline-block; padding: 0 0.125em; position: relative; color: inherit; } .lqd-highlight-custom .lqd-highlight .lqd-highlight-inner, .lqd-highlight-grow-bottom .lqd-highlight .lqd-highlight-inner, .lqd-highlight-grow-left .lqd-highlight .lqd-highlight-inner { opacity: 1 !important; } .lqd-highlight-grow-left .lqd-highlight .lqd-highlight-inner { transform: scaleX(0); } .lqd-highlight-grow-bottom .lqd-highlight .lqd-highlight-inner { transform: scaleY(0); transform-origin: center bottom; } .is-in-view .lqd-highlight .lqd-highlight-inner { opacity: 1; transform: scale(1, 1) !important; } .lqd-highlight-grow-left [data-custom-animations="true"] .lqd-highlight .lqd-highlight-inner, .lqd-highlight-grow-left [data-split-text="true"] .lqd-highlight .lqd-highlight-inner { transform: scaleX(0); } .lqd-highlight-grow-bottom [data-custom-animations="true"] .lqd-highlight .lqd-highlight-inner, .lqd-highlight-grow-bottom [data-split-text="true"] .lqd-highlight .lqd-highlight-inner { transform: scaleY(0); } [data-custom-animations="true"] .lqd-highlight .lqd-highlight-inner, [data-split-text="true"] .lqd-highlight .lqd-highlight-inner { opacity: 0; } .lqd-animations-done .lqd-highlight .lqd-highlight-inner, .lqd-unit-animation-done .lqd-highlight .lqd-highlight-inner { opacity: 1; transform: scale(1, 1); } .lqd-highlight:only-child { padding: 0 0.1em; } .lqd-highlight-classic .lqd-highlight svg { display: none; } .lqd-highlight-classic .lqd-highlight .lqd-highlight-inner { height: 3px; width: 200px; background-color: #F3F25B !important; } .lqd-highlight-custom .lqd-highlight svg { display: none; } .lqd-highlight-custom .lqd-highlight .lqd-highlight-brush-svg { display: none; width: 100%; height: auto; max-height: 0.475em; position: relative; transition-delay: inherit; fill: var(--lqd-color-primary); } .lqd-highlight-custom .lqd-highlight .lqd-highlight-brush-svg > path { -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); transition: clip-path 0.85s cubic-bezier(0.22, 0.61, 0.36, 1); transition-delay: inherit; } .lqd-highlight-custom .lqd-highlight .lqd-highlight-inner { height: auto; background: 0 0; color: inherit; opacity: 1 !important; transform: none !important; } .is-in-view .lqd-highlight .lqd-highlight-brush-svg > path { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } [data-custom-animations="true"] .lqd-highlight .lqd-highlight-brush-svg > path, [data-split-text="true"] .lqd-highlight .lqd-highlight-brush-svg > path { -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); } .lqd-highlight-custom .lqd-animations-done .lqd-highlight .lqd-highlight-brush-svg > path, .lqd-highlight-custom .lqd-unit-animation-done .lqd-highlight .lqd-highlight-brush-svg > path { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } .lqd-animations-done .lqd-highlight-custom .lqd-highlight .lqd-highlight-brush-svg > path, .lqd-unit-animation-done .lqd-highlight-custom .lqd-highlight .lqd-highlight-brush-svg > path { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } .lqd-highlight-custom-1 .lqd-highlight .lqd-highlight-brush-svg-1 { display: block; } @keyframes penAnimation { 0% { right: calc(100% - 15px); transform: translateY(-7px) rotateZ(-45deg); } 25% { transform: translateY(-12px) rotateZ(-15deg); } 100% { transform: translateY(0) rotateZ(0); right: -25px; } } .lqd-highlight-custom-2 .lqd-highlight .lqd-highlight-brush-svg-2, .lqd-highlight-custom-2 .lqd-highlight .lqd-highlight-pen { display: block; } .lqd-highlight-custom-2 .lqd-highlight .lqd-highlight-pen { width: 20px; height: 20px; position: absolute; top: calc(100% - 20px); right: calc(100% - 25px); opacity: 0; fill: currentColor; } .is-in-view .lqd-highlight .lqd-highlight-pen { opacity: 1; animation: penAnimation 0.85s cubic-bezier(0.22, 0.61, 0.36, 1) forwards; } [data-custom-animations="true"] .lqd-highlight .lqd-highlight-pen, [data-split-text="true"] .lqd-highlight .lqd-highlight-pen { opacity: 0; animation: none; } .lqd-highlight-custom .lqd-animations-done .lqd-highlight .lqd-highlight-pen, .lqd-highlight-custom .lqd-unit-animation-done .lqd-highlight .lqd-highlight-pen { opacity: 1; animation: penAnimation 0.85s cubic-bezier(0.22, 0.61, 0.36, 1) forwards; } .lqd-animations-done .lqd-highlight-custom .lqd-highlight .lqd-highlight-pen, .lqd-unit-animation-done .lqd-highlight-custom .lqd-highlight .lqd-highlight-pen { opacity: 1; animation: penAnimation 0.85s cubic-bezier(0.22, 0.61, 0.36, 1) forwards; } .lqd-highlight-custom-3 .lqd-highlight .lqd-highlight-brush-svg-3 { display: block; width: 100%; max-height: none; } .lqd-highlight-custom-4 .lqd-highlight .lqd-highlight-brush-svg-4 { display: block; max-height: none; } .lqd-highlight-custom-5 .lqd-highlight .lqd-highlight-brush-svg-5 { display: block; max-height: none; } .lqd-highlight-reset-onhover .lqd-highlight:hover .lqd-highlight-inner { height: 100% !important; bottom: 0 !important; } .lqd-hotspot-content { min-width: 20em; background-color: #fff; box-shadow: 0 20px 75px -8px rgba(0, 0, 0, 0.15); opacity: 0; visibility: hidden; transition: transform 1s, opacity 1s, visibility 0.35s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .lqd-hotspot-content:before { content: ""; display: inline-block; position: absolute; } .lqd-hotspot-content p { font-size: 14px; } .lqd-hotspot-mark { width: 1.8em; height: 1.8em; background-color: #fff; font-size: 20px; color: #000; -webkit-text-stroke: 0.75px currentColor; } .lqd-hotspot-mark:before { content: ""; display: inline-block; width: 135%; height: 135%; border-radius: inherit; position: absolute; top: 50%; left: 50%; z-index: 0; background-color: inherit; opacity: 0.6; transform: translate(-50%, -50%) scale(0.65); transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-hotspot-item { margin-top: -0.9em; margin-inline-start: -0.9em; } .lqd-hotspot-item:hover .lqd-hotspot-content { opacity: 1; visibility: visible; } .lqd-hotspot-item:hover .lqd-hotspot-mark:before { transform: translate(-50%, -50%) scale(1); } @media (max-width: 991px) { .lqd-hotspot-content { position: fixed !important; width: 90vw; top: 50%; left: 50%; transform: translate(-50%, -50%); } } @media (min-width: 992px) { .lqd-hotspot-x .lqd-hotspot-content { top: 50%; } .lqd-hotspot-x .lqd-hotspot-content:before { width: 1em; top: 0; bottom: 0; } .lqd-hotspot-x:hover .lqd-hotspot-content { transform: translate(0, -50%); } } @media (min-width: 992px) { .lqd-hotspot-y .lqd-hotspot-content { left: 50%; transform: translate(-50%, 10%); } .lqd-hotspot-y .lqd-hotspot-content:before { height: 1em; right: 0; left: 0; } .lqd-hotspot-y:hover .lqd-hotspot-content { transform: translate(-50%, 0); } } @media (min-width: 992px) { .lqd-hotspot-b .lqd-hotspot-content { top: 100%; margin-top: 1em; transform: translate(-50%, 10%); } .lqd-hotspot-b .lqd-hotspot-content:before { top: -1em; } } @media (min-width: 992px) { .lqd-hotspot-l .lqd-hotspot-content { right: 100%; margin-inline-end: 1em; transform: translate(-10%, -50%); } .lqd-hotspot-l .lqd-hotspot-content:before { left: 100%; } } @media (min-width: 992px) { .lqd-hotspot-r .lqd-hotspot-content { left: 100%; margin-inline-start: 1em; transform: translate(10%, -50%); } .lqd-hotspot-r .lqd-hotspot-content:before { left: -1em; } } @media (min-width: 992px) { .lqd-hotspot-t .lqd-hotspot-content { bottom: 100%; margin-bottom: 1em; transform: translate(-50%, -10%); } .lqd-hotspot-t .lqd-hotspot-content:before { bottom: -1em; } } .iconbox .iconbox-icon-container { display: inline-flex; align-items: center; justify-content: center; position: relative; } .iconbox-icon-container { line-height: 1em; transition: all 0.3s; transition-property: border, color, background, box-shadow; } .iconbox-icon-container i, .iconbox-icon-container > svg { display: inline-block; } .iconbox-icon-container > svg { line-height: 0; fill: currentColor; } .iconbox-icon-container i, .iconbox-icon-container img { height: auto; } .iconbox-icon-container i { font-size: 1em; } .iconbox { transition: box-shadow 0.3s ease, background 0.3s ease; display: flex; } .iconbox h3, .iconbox p { transition-property: color, background; transition-duration: 0.3s; transition-timing-function: ease; } .iconbox h3 { display: inline-block; } .iconbox p { margin-bottom: 0; } .iconbox .iconbox-icon-container, .iconbox .iconbox-icon-wrap { flex-shrink: 0; } .iconbox .contents > p > span { display: inline-block; } .iconbox .contents > mark { display: block; } .iconbox .contents .lqd-highlight-txt { display: inline-block; line-height: 1.5em; padding: 0.25em 1em; } .iconbox .contents .lqd-highlight-inner { opacity: 0.15 !important; transform: none; border-radius: 50em; } .iconbox-inline .iconbox-icon-wrap { margin-inline-end: 15px; } .iconbox-inline h3 { display: inline-flex; justify-content: inherit; align-items: center; flex-grow: 1; margin-bottom: 0; } .iconbox-inline .contents { flex-basis: 100%; } .iconbox-side .iconbox-icon-wrap { margin-inline-end: 15px; } .iconbox-side > h3:last-child { margin-bottom: 0; } .iconbox .btn { margin-top: 1.5em; } .iconbox-icon-shaped .iconbox-icon-container { background-color: var(--lqd-color-primary); font-size: 40px; color: #fff; } .iconbox-icon-shaped .iconbox-icon-container i, .iconbox-icon-shaped .iconbox-icon-container img, .iconbox-icon-shaped .iconbox-icon-container > svg { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .iconbox-icon-shaped .iconbox-icon-container img, .iconbox-icon-shaped .iconbox-icon-container > svg { width: 50px; } .iconbox-circle .iconbox-icon-container img[src$=".svg"], .iconbox-circle .iconbox-icon-container > svg { width: 44px; } .iconbox-custombg .iconbox-icon-container .icon-custom-bg { transition: opacity 0.15s; } .iconbox-custombg .iconbox-icon-container .icon-custom-bg > * { position: absolute; top: 50%; left: 50%; z-index: -1; transform: translateX(-50%) translateY(-50%); } .iconbox-custombg.iconbox-side .iconbox-icon-container { margin: 0; } .iconbox-lozenge .iconbox-icon-container { border-radius: 15px; transform: rotate(45deg); } .iconbox-lozenge .iconbox-icon-container i, .iconbox-lozenge .iconbox-icon-container img[src$=".svg"], .iconbox-lozenge .iconbox-icon-container > svg { transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .iconbox .iconbox-icon-container > svg, .iconbox .iconbox-icon-container > svg circle, .iconbox .iconbox-icon-container > svg ellipse, .iconbox .iconbox-icon-container > svg path, .iconbox .iconbox-icon-container > svg polygon, .iconbox .iconbox-icon-container > svg polyline, .iconbox .iconbox-icon-container > svg rect { transition: fill 0.3s, stroke 0.3s; } .iconbox .iconbox-icon-container > svg stop { transition: stop-color 0.3s ease; } .iconbox-label { padding: 6px 12px; font-size: 10px; line-height: 1.5em; } .contents .iconbox-label { position: relative; top: auto; right: auto; margin-bottom: 2em; } .iconbox-bubble { background: 0 0; } .iconbox-bubble .contents { padding: 35px 40px 25px; margin-top: 20px; background-color: #fff; box-shadow: 0 25px 55px rgba(0, 0, 0, 0.1); } .iconbox-bubble .contents:before { content: ""; display: inline-block; width: 16px; height: 16px; background-color: inherit; position: absolute; top: -8px; left: calc(50% - 8px); transform: rotate(45deg); } .iconbox-bubble .contents h6 { margin: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700; } .iconbox-contents-show-onhover .ld-slideelement-hidden-inner { opacity: 0; } .iconbox-contents-show-onhover.iconbox-bubble .contents { position: absolute; top: 100%; left: 50%; z-index: 10; opacity: 0; visibility: hidden; transform: translate(-50%, 5%); transition: transform 0.65s, opacity, 0.65s, visibility 0.65s; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .iconbox-contents-show-onhover.iconbox-bubble.iconbox-inline .contents, .iconbox-contents-show-onhover.iconbox-bubble.iconbox-side .contents { margin: 0; left: 0; right: 0; pointer-events: none; transform: translate(0, 5%); } .iconbox-contents-show-onhover.iconbox-bubble:hover .contents { opacity: 1; visibility: visible; transform: translate(-50%, 0); } .iconbox-contents-show-onhover.iconbox-bubble:hover.iconbox-inline .contents, .iconbox-contents-show-onhover.iconbox-bubble:hover.iconbox-side .contents { transform: translate(0, 0); } @media screen and (min-width: 992px) { .iconbox-contents-show-onhover.iconbox-bubble .contents { min-width: 350px; } } @media screen and (max-width: 768px) { .iconbox-contents-show-onhover.iconbox-bubble .contents { position: relative; top: auto; left: auto !important; right: auto !important; opacity: 1; visibility: visible; transform: none !important; } } @media screen and (max-width: 540px) { .iconbox-contents-show-onhover.iconbox-bubble { width: 100%; } } .iconbox-heading-arrow-onhover h3 svg { height: 1em; opacity: 0; transform: translateX(0); vertical-align: middle; transition: transform 0.5s, opacity 0.5s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-iconbox:hover .iconbox-heading-arrow-onhover h3 svg { opacity: 1; transform: translateX(0.5em); } [data-animate-icon="true"] .iconbox-icon-container > svg { opacity: 0; } [data-animate-icon="true"].iconbox-icon-animating .iconbox-icon-container > svg { opacity: 1; } .iconbox-icon-gradient .iconbox-icon-container i { background-clip: text !important; -webkit-background-clip: text !important; text-fill-color: transparent !important; -webkit-text-fill-color: transparent !important; line-height: 1.15em; } .iconbox-icon-linked .iconbox-icon-wrap:before { content: ""; display: inline-block; width: 1px; height: 170%; position: absolute; top: 0; left: 50%; z-index: -1; background-color: #e9e9e9; } .iconbox-icon-linked .iconbox-icon-wrap.items-center:before { top: 50%; height: 150%; } @keyframes iconRipple { 0% { border-width: 4px; transform: scale(1); } 80% { border-width: 1px; transform: scale(1.36); } 100% { opacity: 0; } } .iconbox-icon-ripple .iconbox-icon-container:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; border: 1px solid var(--lqd-color-primary); animation: iconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; } .lqd-iconbox-scale { transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1), background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; } .lqd-iconbox-scale:hover { transform: scale(1.1); } .lqd-ib-circ-icn { width: 80px; height: 80px; margin: -50px 0; margin-inline-start: -50px; font-size: 30px; opacity: 0; } .lqd-ib-circ-icn span { width: inherit; height: inherit; border-radius: inherit; background-color: #fff; color: #000; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); transition: color 0.3s, background 0.3s; } .lqd-ib-circ-icn span:after { content: ""; display: inline-block; width: 126%; height: 126%; position: absolute; top: -13%; left: -13%; } .lqd-ib-circ-icn i, .lqd-ib-circ-icn img, .lqd-ib-circ-icn svg { display: inline-block; position: relative; z-index: 1; transition: transform 0.3s; } .lqd-ib-circ-icn img, .lqd-ib-circ-icn svg { max-width: 60%; } .lqd-ib-circ-icn:hover i, .lqd-ib-circ-icn:hover img, .lqd-ib-circ-icn:hover svg { transform: scale(1.15); } .lqd-ib-circ-icn:hover ~ .lqd-ib-circ-cnt h3, .lqd-ib-circ-icn:hover ~ .lqd-ib-circ-cnt hr, .lqd-ib-circ-icn:hover ~ .lqd-ib-circ-cnt p { opacity: 1; visibility: visible; transform: translateY(0); } .lqd-ib-circ-icn:hover ~ .lqd-ib-circ-cnt hr { transition-delay: 70ms; } .lqd-ib-circ-icn:hover ~ .lqd-ib-circ-cnt p { transition-delay: 0.14s; } .lqd-ib-circ-cnt { width: 80%; margin: 0 auto; font-size: 16px; line-height: 1.625em; color: #666; } .lqd-ib-circ-cnt h3, .lqd-ib-circ-cnt hr, .lqd-ib-circ-cnt p { opacity: 0; visibility: hidden; transform: translateY(10px); transition-property: transform, opacity, visibility; transition-duration: 0.45s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-ib-circ-cnt h3 { color: #333; font-size: 21px; transition-delay: 0.1s; } .lqd-ib-circ-cnt hr { width: 17%; margin: 20px auto !important; border-color: rgba(0, 0, 0, 0.1); transition-delay: 50ms; } .lqd-ib-circ-cnt p { transition-delay: 0s; } .lqd-ib-circ-icn.lqd-is-active ~ .lqd-ib-circ-cnt h3, .lqd-ib-circ-icn.lqd-is-active ~ .lqd-ib-circ-cnt hr, .lqd-ib-circ-icn.lqd-is-active ~ .lqd-ib-circ-cnt p { opacity: 1; visibility: visible; transform: translateY(0); } .lqd-ib-circ-inner { top: 20px; left: 20px; right: 20px; bottom: 20px; transform: translateZ(80px) scale(0.86666); } .lqd-ib-circ-inner > .lqd-ib-circ-item { width: calc(100% - 100px); height: calc(100% - 100px); top: 50%; left: 50%; transform: translate(-50%, -50%); } .lqd-ib-circ-wrap { border: 1px solid #efefef; border-radius: 50%; } @keyframes cd-bounce-in { 0% { width: 0; } 100% { width: 50%; } } .cd-image-container { touch-action: pan-y; } .cd-image-container:hover .cd-image-label { opacity: 0; visibility: visible; transition-delay: 0s; } .cd-image-label { padding: 6px 14px; bottom: 15px; right: 15px; opacity: 0; background-color: #fff; font-size: 14px; line-height: 1.5em; font-weight: 500; color: #000; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); transform: translateY(20px); transition: transform 0.3s 0.7s, opacity 0.3s 0.7s; } .cd-image-label.is-hidden { visibility: hidden; } .is-visible .cd-image-label { opacity: 1; transform: translateY(0); } .cd-resize-img { width: 0; border-right: 3px solid rgba(255, 255, 255, 0.75); } .cd-resize-img img { width: var(--container-width, 100%) !important; max-width: none !important; } .cd-resize-img .cd-image-label { right: auto; left: 15px; } .is-visible .cd-resize-img { width: 50%; animation: cd-bounce-in 0.7s; } .cd-handle { height: 70px; width: 70px; left: 50%; top: 50%; border-radius: 27px; margin-top: -35px; margin-inline-start: -35px; background-color: #fff; cursor: move; opacity: 0; color: #000; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); transform: scale(0); transition: all 0.3s ease; } .cd-handle svg { display: inline-block; position: absolute; top: 50%; left: 50%; transition: all 0.3s ease; } .cd-handle svg:first-child { margin-inline-start: -1em; transform: translate(-50%, -50%); } .cd-handle svg:last-child { margin-inline-start: 1em; transform: translate(-50%, -50%) rotate(-180deg); } .cd-handle.draggable svg:first-child { transform: translate(-10%, -50%) scale(1.25); } .cd-handle.draggable svg:last-child { transform: translate(-90%, -50%) scale(1.25) rotate(-180deg); } .is-visible .cd-handle { opacity: 1; transform: scale(1); transition: transform 0.3s 0.7s, opacity 0s 0.7s; } .lqd-img-gal-thumbs { --thumb-spacing: 9px; margin-inline-start: calc(var(--thumb-spacing) * -1); margin-inline-end: calc(var(--thumb-spacing) * -1); } .lqd-img-gal-thumbs .carousel-item { width: 33.33333%; padding: 25px var(--thumb-spacing) 0; cursor: pointer; } .lqd-img-gal-thumbs figure { height: 120px; background-color: #000; } .lqd-img-gal-thumbs img { transition: opacity 0.3s; } .lqd-img-gal-thumbs .is-nav-selected img { opacity: 0.5; } .lqd-img-gal-imgs .flickity-button.previous { left: 25px; } .lqd-img-gal-imgs .flickity-button.next { right: 25px; } @media screen and (max-width: 768px) { .lqd-img-gal-imgs .carousel-dots-mobile { display: flex; justify-content: center; } .lqd-img-gal-imgs .flickity-page-dots { display: flex; width: auto; margin: 0; border-radius: 50px; padding: 10px; align-items: center; background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(5px) saturate(120%); } .lqd-img-gal-imgs .flickity-page-dots .dot { width: 4px; height: 4px; } .lqd-img-gal-imgs .flickity-page-dots .dot:before { content: ""; display: inline-block; width: 10px; height: 10px; position: absolute; top: -3px; left: -3px; } .lqd-img-gal-imgs .flickity-page-dots .dot.is-selected { width: 10px; } .lqd-img-gal-thumbs .carousel-dots-mobile { display: none; } } @media screen and (min-width: 992px) { .lqd-img-gal-thumbs .carousel-item { width: 16.6667%; } } @media screen and (min-width: 768px) { .lqd-img-gal-thumbs .carousel-item { width: 25%; } } @media screen and (max-width: 767px) { .lqd-img-gal-thumbs .carousel-item { padding-top: 15px; } .lqd-img-gal-thumbs figure { height: 100px; } .lqd-img-gal-thumbs figure img { position: absolute; top: 0; left: 0; } } .lqd-imgtxt-slider-img { width: 52vw; position: fixed; top: 50%; left: 24vw; opacity: 0; transform: translate3d(0, -45%, 0); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition-property: transform, opacity; } .lqd-imgtxt-slider-img.lqd-is-active { opacity: 1; transform: translate3d(0, -50%, 0); } .lqd-imgtxt-slider-link span, .lqd-imgtxt-slider-link:before { transition: opacity 0.3s; } .lqd-imgtxt-slider-link:before { content: attr(data-text); position: absolute; top: 0; left: 0; color: transparent; -webkit-text-stroke: 1px #fff; text-stroke: 1px #fff; } .lqd-imgtxt-slider-link span { opacity: 0; } .lqd-imgtxt-slider-link:hover span { opacity: 1; } .lqd-imgtxt-slider-link:hover:before { opacity: 0; } .lqd-imgtxt-slider-nav li { margin: 0.15em 0; } .lqd-imgtxt-slider-nav:hover .lqd-imgtxt-slider-link:not(:hover) { opacity: 0.25; } .lqd-imgtxt-slider-fade .lqd-imgtxt-slider-link:before { content: none; } .lqd-imgtxt-slider-fade .lqd-imgtxt-slider-link span { opacity: 1; } .lqd-imgtxt-slider-fade .lqd-imgtxt-slider-nav:hover .lqd-imgtxt-slider-link:not(:hover) { opacity: 0.1; } @media screen and (max-width: 768px) { .lqd-imgtxt-slider-img { width: 90%; left: 5%; } } @media screen and (max-width: 479px) { .lqd-imgtxt-slider-img { width: 98%; left: 1%; } } .lqd-lp-column { margin-bottom: 30px; position: static; } .lqd-lp-column[class*="col-"] > [class*="col-"] { width: 100%; } h2.lqd-lp-title { -ms-word-wrap: break-word; word-wrap: break-word; text-align: start; } h2.lqd-lp-title a { color: #000; } h2.lqd-lp-title a:hover { color: var(--lqd-color-primary); } .page-scheme-dark h2.lqd-lp-title a { color: inherit; } .lqd-lp { flex-grow: 1; } @media screen and (max-width: 991px) { .lqd-lp-column.col-md-12, .lqd-lp-column:not([class*="col-sm"]) { width: 100%; } } @media screen and (max-width: 479px) { .lqd-lp-column { width: 100%; } } .lqd-lp-author figure { width: 40px; } .lqd-lp-author h3 { font-size: 14px; color: #50585e; transition: color 0.3s; } .lqd-lp-meta .lqd-lp-author h3 { font-size: 1em; font-weight: inherit; letter-spacing: inherit; } .lqd-lp-author h6 { font-size: 12px; color: #9dafbd; } .lqd-lp-author:hover h3 { color: var(--lqd-color-primary); } .lqd-lp-date { color: rgba(0, 0, 0, 0.5); } .lqd-lp-date a { color: inherit; } .lqd-lp-date a:hover { color: #000; } .lqd-lp-date i { font-size: 20px; } .page-scheme-dark .lqd-lp-date { color: rgba(255, 255, 255, 0.5); } .lqd-lp-excerpt p:last-child { margin-bottom: 0; } .lqd-lp-animate-onhover { transition: box-shadow 0.65s, transform 0.65s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-lp-cat { line-height: 1.25em; } .lqd-lp-cat li:not(:last-child) { margin-inline-end: 0.5em; } .entry-terms .lqd-lp-cat:not(.lqd-lp-cat-solid) li:not(:last-child):after { content: ", "; } .lqd-lp-cat-shaped li { margin-bottom: 0.5em; } .lqd-lp-cat-shaped a { padding: 9px 16px; transition: all 0.3s; box-shadow: 0 0 0 rgba(0, 0, 0, 0.25); line-height: 1.25em; } .lqd-lp-cat-shaped a:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); transform: translateY(-1px); } .lqd-lp-cat-border a { border: 1px solid #eee; color: var(--lqd-color-primary); } .lqd-lp-cat-border a:hover { border-color: var(--lqd-color-primary); background-color: var(--lqd-color-primary); color: #fff; } .lqd-lp-cat-plain a { color: var(--lqd-color-primary); } .lqd-lp-cat-plain a:hover { color: #000; } .lqd-lp-cat-solid a { position: relative; background-color: #fff; color: #000; } .lqd-lp-cat-solid-colored a { border-radius: 2em; background: 0 0; color: var(--lqd-color-primary); } .lqd-lp-cat-solid-colored a:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; border-radius: inherit; background-color: var(--lqd-color-primary); opacity: 0.1; } .lqd-lp-cat-solid-colored a:hover { color: #fff; } .lqd-lp-cat-solid-colored a:hover:before { opacity: 1; } .lqd-lp-meta { font-size: 11px; } .lqd-lp-meta h3 { font-size: inherit; } .lqd-lp-img .lqd-lp-meta:not(:only-child) { position: absolute; } .lqd-lp-img .lqd-lp-meta:not(:only-child):not(.pos-bl) { top: 25px; left: 25px; } .lqd-lp-img figure:empty + .lqd-lp-meta { position: relative; top: auto; left: auto; } .lqd-lp-meta > :only-child { margin-inline-start: 0 !important; margin-inline-end: 0 !important; } .lqd-lp-meta-dot-between .entry-terms:not(:last-child), .lqd-lp-meta-dot-between .lqd-lp-author:not(:last-child), .lqd-lp-meta-dot-between .lqd-lp-cat:not(:last-child), .lqd-lp-meta-dot-between .lqd-lp-date:not(:last-child) { display: flex; align-items: center; } .lqd-lp-meta-dot-between .entry-terms:not(:last-child):after, .lqd-lp-meta-dot-between .lqd-lp-author:not(:last-child):after, .lqd-lp-meta-dot-between .lqd-lp-cat:not(:last-child):after, .lqd-lp-meta-dot-between .lqd-lp-date:not(:last-child):after { content: ""; display: inline-block; width: 4px; height: 4px; flex-shrink: 0; margin-inline-start: 1.3636363636em; border-radius: 50em; background-color: currentColor; vertical-align: middle; opacity: 0.35; } .lqd-lp-meta-dot-between > :not(:last-child) { margin-inline-end: 1.3636363636em; } .lqd-lp-meta-solid { padding: 11px 21px; background-color: #fff; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); } .lqd-lp-meta-solid.no-padding { padding: 0; } .lqd-lp-read-more .btn-line { width: 2.727em; height: 2px; margin-inline-end: 1em; background-color: currentColor; transition: transform 0.3s cubic-bezier(0.2, 0.95, 0.25, 1); transform-origin: left center; } .lqd-lp-read-more .btn-line ~ .btn-txt { transition: transform 0.3s cubic-bezier(0.2, 0.95, 0.25, 1); } .lqd-lp-read-more .btn-line-after { transform: scaleX(0) translateX(0); } .lqd-lp-read-more .btn-line-after svg { top: 50%; right: -0.275em; transform: translateY(-50%) scale(0); } .lqd-lp-read-more .btn-txt ~ .btn-line { margin-inline-end: 0; margin-inline-start: 1em; } .lqd-lp:hover .lqd-lp-read-more .btn-line ~ .btn-txt { transform: translateX(-3.727em); } .lqd-lp:hover .lqd-lp-read-more .btn-line-before { transform: scaleX(0); transform-origin: left center; } .lqd-lp:hover .lqd-lp-read-more .btn-line-after { transform: scaleX(1) translateX(-3.727em); } .lqd-lp:hover .lqd-lp-read-more .btn-line-after svg { transition: transform 0.35s; transform: translateY(-50%) scale(0.75); } .lqd-lp-img figure { transition: box-shadow 0.45s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-lp-img .lqd-overlay { background-color: var(--lqd-color-primary); opacity: 0; font-size: 21px; color: #fff; transition: opacity 0.3s; } .lqd-lp-img .lqd-overlay i { display: inline-block; transform: translateX(-20px); transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-lp:hover .lqd-lp-img .lqd-overlay { opacity: 1; } .lqd-lp:hover .lqd-lp-img .lqd-overlay i { transform: translateX(0); } .lqd-lp-hover-img-zoom .lqd-lp-img figure { transform: scale(1); transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-lp-hover-img-zoom:hover .lqd-lp-img figure { transform: scale(1.15); transition-duration: 10s; } .lqd-lp-hover-img-zoom-out .lqd-lp-img figure { transform: scale(1.05); transition-duration: 0.65s; } .lqd-lp-hover-img-zoom-out:hover .lqd-lp-img figure { transform: scale(1.0001); transition-duration: 0.65s; } .lqd-lp-content-overlay .lqd-lp-content-bg { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%); } .lqd-lp-content-overlay .lqd-lp-date a, .lqd-lp-content-overlay .lqd-lp-title a { color: inherit; } .lqd-lp-content-overlay h2.lqd-lp-title { color: #fff; } .lqd-lp-content-overlay .lqd-lp-date { color: rgba(255, 255, 255, 0.65); } .lqd-lp-content-overlay:hover .lqd-lp-date a, .lqd-lp-content-overlay:hover .lqd-lp-title a { color: #fff; } @media screen and (min-width: 992px) { .lqd-lp-title-highlight h2 .split-inner { display: inline-block; position: relative; } .lqd-lp-title-highlight h2 .split-inner:after, .lqd-lp-title-highlight h2 .split-inner:before { content: ""; display: inline-block; position: absolute; bottom: 0.15em; left: 0; right: 0; z-index: -1; transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-lp-title-highlight h2 .split-inner:after { height: 0.4137931034em; background-color: rgba(255, 218, 1, 0.35); transform-origin: left; transform: scaleX(0); } .lqd-lp-title-highlight:hover .split-inner:before { transform: scaleX(0); } .lqd-lp-title-highlight:hover .split-inner:after { transform: scaleX(1); } } .lqd-lp-style-1 { display: flex; flex-direction: column; } .lqd-lp-style-1 .lqd-lp-img { margin-top: auto; } .lqd-lp-style-1 .lqd-lp-img figure { box-shadow: 0 40px 90px rgba(70, 67, 67, 0.2); } .lqd-lp-style-1:hover .lqd-lp-img figure { box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); } .lqd-lp-style-2 { min-height: 360px; background-color: #eef2f4; } .lqd-lp-style-2:hover { box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1); } .lqd-lp-style-2-alt { min-height: 360px; border: 1px solid #ebebeb; background-color: #fff; } .lqd-lp-style-2-alt .lqd-lp-img { opacity: 0; transform: scale(1.05); transition: transform 0.65s, opacity 0.65s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .lqd-lp-style-2-alt .lqd-lp-img img { width: 100%; height: 100%; object-fit: cover; } .lqd-lp-style-2-alt .lqd-lp-content-bg { background-color: rgba(0, 0, 0, 0.5); } .lqd-lp-style-2-alt .lqd-lp-cat a { color: #000; background-color: #e8ecef; } .lqd-lp-style-2-alt .lqd-lp-date a:hover, .lqd-lp-style-2-alt .lqd-lp-date:hover { color: rgba(255, 255, 255, 0.7); } .lqd-lp-style-2-alt .lqd-lp-author figure { width: 50px; margin-inline-end: 20px; } .lqd-lp-style-2-alt .lqd-lp-author-info h3 { font-size: 14px; } .lqd-lp-style-2-alt .lqd-lp-author-info h6 { font-size: 12px; } .lqd-lp-style-2-alt:hover { box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1); } .lqd-lp-style-2-alt:hover .lqd-lp-img { transform: scale(1); opacity: 1; } .lqd-lp-style-2-alt:hover .lqd-lp-author-info h3, .lqd-lp-style-2-alt:hover .lqd-lp-date, .lqd-lp-style-2-alt:hover .lqd-lp-title a { color: #fff; } .lqd-lp-style-3 .lqd-lp-img figure { box-shadow: 0 45px 70px rgba(0, 0, 0, 0.1); } .lqd-lp-style-3:hover .lqd-lp-img figure { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25); } .lqd-lp-style-3:hover h2.lqd-lp-title a { color: var(--lqd-color-primary); } .lqd-lp-style-4 .lqd-lp-img { width: 25%; } .lqd-lp-style-4 .lqd-lp-header { width: 75%; } .lqd-lp-style-4 h2.lqd-lp-title { font-size: 15px; } .lqd-lp-style-4:hover .lqd-lp-img figure { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); } .lqd-lp-style-5 h2.lqd-lp-title { font-size: 34px; } .lqd-lp-style-5 .lqd-lp-author h3 { font-size: 11px; } .lqd-lp-style-5:hover .lqd-lp-img figure { box-shadow: 0 40px 75px rgba(0, 0, 0, 0.2); } @media screen and (min-width: 992px) { .lqd-lp-style-5 .lqd-lp-content, .lqd-lp-style-5 .lqd-lp-img { width: 50%; } .lqd-lp-style-5 .lqd-lp-content { padding-inline-start: 3.5rem; } } @media screen and (max-width: 479px) { .lqd-lp-style-5 h2.lqd-lp-title { font-size: 27px; line-height: 1.25em; } } .lqd-lp-style-6 { box-shadow: 0 20px 55px rgba(82, 71, 175, 0.09); background-color: #fff; } .lqd-lp-style-6 .lqd-lp-excerpt { font-size: 0.85em; } .lqd-lp-style-6 .lqd-lp-author { color: #000; } .lqd-lp-style-6 .lqd-lp-author a, .lqd-lp-style-6 .lqd-lp-author h3 { color: inherit; } .lqd-lp-style-6:hover { box-shadow: 0 25px 55px rgba(0, 0, 0, 0.075); transform: translateY(-2px); } .lqd-lp-style-6-alt .lqd-lp-cat-solid a { padding: 6px 10px; background-color: #292929; font-size: 10px; color: #fff; } .lqd-lp-style-6-alt .lqd-lp-meta { font-size: 13px; font-weight: 500; } @media (min-width: 992px) { .lqd-lp-style-6-alt .lqd-lp-excerpt, .lqd-lp-style-6-alt .lqd-lp-header { padding-inline-start: 2rem; padding-inline-end: 2rem; } } .lqd-lp-style-7 h2.lqd-lp-title { font-size: 34px; } .lqd-lp-column:not(:last-child) .lqd-lp-style-7, .lqd-lp-style-7:not(:last-child):not(:only-of-type) { padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px dashed #cecece; } .lqd-lp-column:not(:last-child) .lqd-lp-style-7 { margin-bottom: 1em; } .lqd-lp-style-7 .lqd-lp-img { box-shadow: 0 30px 60px rgba(0, 0, 0, 0.05); } .lqd-lp-style-7 .lqd-lp-author a { color: #000; } .lqd-lp-style-7 .lqd-lp-author a:hover { color: var(--lqd-color-primary); } @media screen and (max-width: 479px) { .lqd-lp-style-7 h2.lqd-lp-title { font-size: 27px; line-height: 1.25em; } } .lqd-lp-style-8 { border: 1px solid #f1f1f1; background-color: #fff; box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); } .lqd-lp-style-8 .lqd-lp-cat a { color: #000; } .lqd-lp-style-8 .lqd-lp-cat a:hover { color: var(--lqd-color-primary); } .lqd-lp-style-8 .lqd-lp-author figure { width: 80px; } .lqd-lp-style-8 .lqd-lp-footer i { display: inline-block; font-size: 21px; color: #000; transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-lp-style-8:hover { transform: translateY(-3px); box-shadow: 0 30px 75px rgba(0, 0, 0, 0.1); } .lqd-lp-style-8:hover .lqd-lp-footer i { transform: translateX(5px); } @media (min-width: 768px) { .lqd-lp-style-9 .lqd-lp-img { width: 35%; } .lqd-lp-style-9 .lqd-lp-contents { width: 65%; padding-inline-start: 2.5rem; } } @media (max-width: 767px) { .lqd-lp-style-9 .lqd-lp-img { margin-bottom: 1rem; } } .lqd-lp-style-10 .lqd-lp-cat-solid a { padding: 8px 10px; } .lqd-lp-style-10 .lqd-lp-date { font-size: 11px; } .lqd-lp-style-10 .lqd-lp-date a:not(:hover) { opacity: 0.65; } .lqd-lp-style-11 { color: rgba(255, 255, 255, 0.65); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .lqd-lp-style-11 h2.lqd-lp-title { font-size: 27px; } .lqd-lp-style-11 .lqd-lp-header a { color: #fff; } .lqd-lp-style-11 .lqd-lp-header a:hover { color: #fff; } .lqd-lp-style-11 .lqd-lp-author h3 { font-size: 16px; } .lqd-lp-style-11 .lqd-lp-date { font-size: 11px; } .lqd-lp-style-11 .lqd-lp-date a:not(:hover) { opacity: 0.65; } .lqd-lp-style-11:hover { box-shadow: 0 30px 75px rgba(0, 0, 0, 0.2); transform: translateY(-2px); } .lqd-lp-style-11:hover h2.lqd-lp-title a { color: #fff; } @media screen and (min-width: 768px) { .lqd-lp-style-11 .lqd-lp-contents { padding: 2rem 2rem 3rem 2rem; } } @media screen and (max-width: 479px) { .lqd-lp-style-11 { padding-top: 0; } .lqd-lp-style-11 .lqd-lp-contents { position: relative; } } .lqd-lp-style-12 { box-shadow: 0 11px 30px rgba(0, 0, 0, 0.1); color: #919191; } .lqd-lp-style-12 .lqd-lp-meta { background-color: #ecf2f8; } .lqd-lp-style-12:hover { box-shadow: 0 15px 45px rgba(0, 0, 0, 0.075); transform: translateY(-2px); } @media (min-width: 992px) { .lqd-lp-style-12 { padding-inline-start: 2rem; padding-inline-end: 2rem; } } .lqd-lp-style-13 .lqd-lp-meta { line-height: 1.25em; } .lqd-lp-style-13 .lqd-lp-date { color: var(--lqd-color-secondary, var(--lqd-color-primary)); } .lqd-lp-style-13 .lqd-lp-cat { padding-inline-start: 1rem; padding-inline-end: 1rem; background-color: var(--lqd-color-secondary, var(--lqd-color-primary)); } .lqd-lp-style-13 .lqd-lp-cat a { color: #fff; } @media screen and (min-width: 992px) { .related-posts .lqd-lp-style-13 h2 .split-inner:after { height: 1px; background-color: currentColor; } } .lqd-lp-style-14 .lqd-lp-meta { line-height: 1.5em; } .lqd-lp-style-14 .lqd-lp-content-bg { background-color: rgba(0, 0, 0, 0.45); } .lqd-lp-style-14 h2.lqd-lp-title { font-size: 36px; } .lqd-lp-style-14 h2.lqd-lp-title a { color: #fff; } .lqd-lp-style-14 h2.lqd-lp-title a:hover { color: #fff; } .lqd-lp-style-14 .lqd-lp-date { color: var(--lqd-color-secondary, var(--lqd-color-primary)); } .lqd-lp-style-14 .lqd-lp-cat { background-color: var(--lqd-color-secondary, var(--lqd-color-primary)); } .lqd-lp-style-14 .lqd-lp-cat a { color: #fff; } .lqd-lp-style-14 .lqd-lp-author h3 { font-size: 11px; color: rgba(255, 255, 255, 0.5); } .lqd-lp-style-14 .lqd-lp-author h3 a { color: #fff; text-decoration: underline; opacity: 0.5; } .lqd-lp-style-14 .lqd-lp-author h3 a:hover { opacity: 1; } .col-md-4 .lqd-lp-style-14 h2.lqd-lp-title { font-size: 20px; } @media screen and (min-width: 768px) { .lqd-lp-style-14 .lqd-lp-contents { padding: 2rem; } } @media screen and (max-width: 479px) { .lqd-lp-style-14 { padding-top: 0; } .lqd-lp-style-14 .lqd-lp-contents { position: relative; } .lqd-lp-style-14 h2.lqd-lp-title { font-size: 24px; } } .lqd-lp-style-15 .lqd-lp-cat { font-size: 13px; line-height: 1.25em; } .carousel-item .lqd-lp-style-15 div.lqd-lp-img { padding-top: 56.25%; position: relative; } .carousel-item .lqd-lp-style-15 div.lqd-lp-img figure { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .carousel-item .lqd-lp-style-15 div.lqd-lp-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .lqd-lp-carousel-filterable .lqd-lp-carousel-header h6 { padding: 0.5em 1em; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 50em; font-size: 13px; } .lqd-lp-style-16 .lqd-lp-read-more { font-size: 12px; } .lqd-lp-style-16 .lqd-lp-img figure { transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.45, 1); } .lqd-lp-style-16:hover .lqd-lp-img figure { transform: scale(1.1); } @media screen and (min-width: 992px) { .lqd-lp-style-16 .lqd-lp-excerpt, .lqd-lp-style-16 .lqd-lp-header { width: 85%; } } @media screen and (max-width: 479px) { .lqd-lp-style-16 { margin-bottom: 15px; } } .lqd-lp-style-17 h2.lqd-lp-title { font-size: 40px; } .lqd-lp-style-17 .lqd-lp-read-more { font-size: 12px; } .lqd-lp-style-17 .lqd-lp-img figure { transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.45, 1); } .lqd-lp-style-17 .lqd-lp-meta a, .lqd-lp-style-17 .lqd-lp-title a { color: #fff; } .lqd-lp-style-17 .lqd-lp-meta:hover a, .lqd-lp-style-17 .lqd-lp-title:hover a { color: rgba(255, 255, 255, 0.8); } .lqd-lp-style-17 .lqd-lp-meta { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .lqd-lp-style-17 .lqd-lp-content-bg { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%); } .lqd-lp-style-17 .lqd-lp-img figure { transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.45, 1); } .lqd-lp-style-17:hover .lqd-lp-img figure { transform: scale(1.1); } @media screen and (max-width: 479px) { .lqd-lp-style-17.fullheight { min-height: 75vh; } } @media screen and (max-width: 479px) { .lqd-lp-style-17 h2.lqd-lp-title { font-size: 27px; line-height: 1.25em; } } .lqd-lp-style-18 { position: static; } .lqd-lp-style-18 .lqd-lp-date { font-size: 17px; color: #000; } .lqd-lp-style-18 h2 { font-size: 29px; line-height: 1.3448275862em; } @media screen and (min-width: 992px) { .lqd-lp-style-18 h2 { width: 70%; } .lqd-lp-style-18 h2 .split-inner { display: inline-block; position: relative; } .lqd-lp-style-18 h2 .split-inner:before { height: 1px; background-color: #000; transform-origin: right; } .lqd-lp-style-18 .lqd-lp-meta { width: 30%; } .lqd-lp-style-18 .lqd-lp-header { flex-direction: row; width: 60%; } .lqd-lp-style-18 .lqd-lp-img { width: 35%; position: absolute; top: 0; right: 0; } .lqd-lp-style-18 .lqd-lp-img figure { opacity: 0; visibility: hidden; transform: scale(1.15); transition: opacity 0.65s, visibility 0.65s, transform 0.65s; transition-timing-function: cubic-bezier(0.16, 0.9, 0.7, 1); } .lqd-lp-style-18 .lqd-lp-header:hover + .lqd-lp-img figure { opacity: 1; visibility: visible; transform: scale(1); } } .lqd-lp-style-19 .lqd-lp-img { overflow: hidden; } .lqd-lp-style-19 .lqd-lp-img figure { transform: scale(1); transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-lp-style-19 .lqd-lp-img .lqd-lp-footer { top: 0; left: 0; } .lqd-lp-style-19 .lqd-lp-img .btn { font-size: 14px; line-height: 2em; text-transform: capitalize; letter-spacing: 0; background-color: #fff; color: #000; } .lqd-lp-style-19 .lqd-lp-img .btn:hover { transform: none; } .lqd-lp-style-19 .lqd-lp-img .btn-icon { font-size: 1.2em; -webkit-text-stroke: 0.5px; } .lqd-lp-style-19 .lqd-lp-meta { font-size: 13px; } .lqd-lp-style-19 .lqd-lp-meta a { color: #000; } .lqd-lp-style-19 h2 { font-size: 24px; line-height: 1.3333333333em; } .lqd-lp-style-19:hover .lqd-lp-img figure { transform: scale(1.15); } @media screen and (min-width: 992px) { .lqd-lp-style-19 h2:before { content: none; } } .lqd-lp-style-20 .lqd-lp-cat { font-size: 14px; text-transform: uppercase; letter-spacing: -0.01em; } .lqd-lp-style-20 .lqd-lp-cat a { padding: 0 0.25em; background-color: #292929; color: #fff; } .lqd-lp-style-20 .lqd-lp-cat a:before { background-color: inherit; } .lqd-lp-style-21 { padding: 4.5%; font-size: 17px; line-height: 1.4090909091em; color: #181b31; } .lqd-lp-style-21 .lqd-lp-img { min-height: 240px; } .lqd-lp-style-21 .lqd-lp-img figure { position: absolute; top: 0; left: 0; opacity: 1; } .lqd-lp-style-21 .lqd-lp-img img { height: 100%; object-fit: cover; object-position: center; } .lqd-lp-style-21 .lqd-lp-date { font-size: 12px; } .lqd-lp-style-21 .lqd-lp-cat a { font-size: 13px; color: #000; } .lqd-lp-style-21 h2.lqd-lp-title { font-size: 27px; font-weight: 700; line-height: 1.0571428571em; } .lqd-lp-style-21 .lqd-lp-footer .btn { font-size: 22px; color: inherit; } .lqd-lp-style-21-alt .lqd-lp-img { min-height: 200px; } @media screen and (min-width: 768px) { .lqd-lp-style-21 .lqd-lp-img { width: 35%; height: 100%; margin-bottom: 0; } .lqd-lp-style-21 .lqd-lp-contents { width: 65%; padding-inline-end: 2rem; padding-inline-start: 2.5rem; } .lqd-lp-style-21 .lqd-lp-footer { margin-top: auto; } .lqd-lp-style-21-alt .lqd-lp-img { width: 50%; } .lqd-lp-style-21-alt .lqd-lp-contents { width: 50%; padding-inline-start: 1.5em; padding-inline-end: 0; } } @media screen and (min-width: 992px) { .lqd-lp-style-21:not(.lqd-lp-style-21-alt) .lqd-lp-contents { padding-inline-start: 4rem; } } @media screen and (max-width: 479px) { .lqd-lp-style-21 { font-size: 1em; } .lqd-lp-style-21 h2.lqd-lp-title { font-size: 30px; } } .lqd-lp-style-22 { display: flex; flex-direction: column; } .lqd-lp-style-22 h2.lqd-lp-title { font-size: 34px; } .lqd-lp-style-22 .lqd-lp-meta { display: inline-grid; grid-auto-flow: column; font-size: 10px; font-weight: 700; letter-spacing: 0.1em; } .lqd-lp-style-22 .lqd-lp-meta a, .lqd-lp-style-22 .lqd-lp-meta h3 { color: #000; } .lqd-lp-column:not(:last-child) .lqd-lp-style-22, .lqd-lp-style-22:not(:last-child):not(:only-of-type) { padding-bottom: 1.25em; margin-bottom: 2em; border-bottom: 1px dashed #cecece; } .lqd-lp-column:not(:last-child) .lqd-lp-style-22 { margin-bottom: 1em; } .lqd-lp-style-22.sticky { border-left: 3px solid var(--lqd-color-primary); border-bottom: none !important; padding-left: 2em; } .lqd-lp-style-22:hover h2.lqd-lp-title a { color: var(--lqd-color-primary); } @media screen and (min-width: 992px) { .lqd-lp-style-22 .lqd-lp-excerpt, .lqd-lp-style-22 .lqd-lp-header { max-width: 68%; } } @media screen and (max-width: 479px) { .lqd-lp-style-22 h2.lqd-lp-title { font-size: 27px; line-height: 1.25em; } } .lqd-lp-style-23 h2.lqd-lp-title { font-size: 22px; } .lqd-lp-style-23 .lqd-lp-meta { font-size: 13px; } .lqd-lp-style-23 .lqd-lp-author { color: #000; } .lqd-lp-style-23 .lqd-lp-author a, .lqd-lp-style-23 .lqd-lp-author h3 { color: inherit; } .lqd-lp-style-23 .lqd-lp-cat-solid a { padding: 6px 10px; background-color: #292929; font-size: 10px; color: #fff; } .lqd-lp-style-23 .lqd-lp-cat-solid a:before { background-color: inherit; } .lqd-lp-style-23 .lqd-lp-img { border: 13px solid #fff; border-radius: 10px; box-shadow: 0 20px 50px rgba(40, 58, 116, 0.1); } .lqd-lp-style-23 .lqd-lp-img .lqd-lp-meta { top: 30px; left: 30px; } .lqd-lp-style-23 .lqd-lp-excerpt { font-size: 14px; line-height: 1.71em; } .fr-window { position: fixed; width: 100%; height: 100%; top: 0; left: 0; font: 13px/20px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif; transform: translateZ(0); } .fr-overlay { z-index: 99998; } .fr-window { z-index: 99999; } .fr-spinner { z-index: 100000; } .fr-overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; } .fr-overlay-background { float: left; width: 100%; height: 100%; background: #000; opacity: 0.9; } .fr-overlay-ui-fullclick .fr-overlay-background { background: #292929; opacity: 1; } .fr-overlay.fr-mobile-touch, .fr-window.fr-mobile-touch { position: absolute; overflow: visible; } .fr-measured { margin: 0 !important; min-width: 0 !important; min-height: 0 !important; } .fr-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fr-pages { position: absolute; width: 100%; height: 100%; overflow: hidden; user-select: none; } .fr-page { position: absolute; width: 100%; height: 100%; } .fr-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; text-align: center; } .fr-hovering-clickable .fr-container { cursor: pointer; } .fr-ui-inside .fr-container { padding: 20px 20px; } .fr-ui-inside.fr-no-sides .fr-container { padding: 20px; } .fr-ui-outside .fr-container { padding: 20px 82px; } .fr-ui-outside.fr-no-sides .fr-container { padding: 20px 48px; } @media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 700px) { .fr-ui-inside .fr-container { padding: 12px 12px; } .fr-ui-inside.fr-no-sides .fr-container { padding: 12px; } .fr-ui-outside .fr-container { padding: 12px 72px; } .fr-ui-outside.fr-no-sides .fr-container { padding: 12px 48px; } } @media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 500px) { .fr-ui-inside .fr-container { padding: 0 0; } .fr-ui-inside.fr-no-sides .fr-container { padding: 0; } .fr-ui-outside .fr-container { padding: 0 72px; } .fr-ui-outside.fr-no-sides .fr-container { padding: 0 48px; } } .fr-ui-fullclick .fr-container { padding: 0; } .fr-ui-fullclick.fr-no-sides .fr-container { padding: 0; } .fr-ui-fullclick.fr-type-video .fr-container { padding: 0 62px; } .fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container { padding: 48px 0; } .fr-overflow-y .fr-container { padding-top: 0 !important; padding-bottom: 0 !important; } .fr-content, .fr-content-background { position: absolute; top: 50%; left: 50%; overflow: visible; } .fr-content-element { float: left; width: 100%; height: 100%; } .fr-content-background { background: #101010; } .fr-info { position: absolute; top: 0; left: 0; width: 100%; color: #efefef; font-size: 13px; line-height: 20px; text-align: left; text-size-adjust: none; user-select: text; } .fr-info-background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; line-height: 1%; filter: none; opacity: 1; } .fr-ui-inside .fr-info-background { opacity: 0.8; zoom: 1; } .fr-ui-outside .fr-info-background { background: #0d0d0d; } .fr-content .fr-info { top: auto; bottom: 0; } .fr-info-padder { display: block; overflow: hidden; padding: 12px; position: relative; width: auto; } .fr-caption { width: auto; display: inline; } .fr-position { color: #b3b3b3; float: right; line-height: 21px; opacity: 0.99; position: relative; text-align: right; margin-left: 15px; white-space: nowrap; } .fr-position-inside, .fr-position-outside { position: absolute; bottom: 0; right: 0; margin: 12px; width: auto; padding: 2px 8px; border-radius: 10px; font-size: 11px; line-height: 20px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); display: none; overflow: hidden; white-space: nowrap; text-size-adjust: none; user-select: text; } .fr-position-inside { border: 0; } .fr-position-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0d0d0d; opacity: 0.8; zoom: 1; } .fr-position-text { color: #b3b3b3; } .fr-position-inside .fr-position-text, .fr-position-outside .fr-position-text { float: left; position: relative; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); opacity: 1; } .fr-ui-outside .fr-position-outside { display: block; } .fr-ui-outside .fr-info .fr-position { display: none; } .fr-ui-inside.fr-no-caption .fr-position-inside { display: block; } .fr-info a, .fr-info a:hover { color: #ccc; border: 0; background: 0 0; text-decoration: underline; } .fr-info a:hover { color: #eee; } .fr-ui-outside.fr-no-caption .fr-info { display: none; } .fr-ui-inside.fr-no-caption .fr-caption { display: none; } .fr-stroke { position: absolute; top: 0; left: 0; width: 100%; height: 1px; } .fr-stroke-vertical { width: 1px; height: 100%; } .fr-stroke-horizontal { padding: 0 1px; } .fr-stroke-right { left: auto; right: 0; } .fr-stroke-bottom { top: auto; bottom: 0; } .fr-stroke-color { float: left; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.08); } .fr-info .fr-stroke-color { background: rgba(80, 80, 80, 0.3); } .fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom { display: none; } .fr-ui-fullclick .fr-stroke { display: none; } .fr-ui-fullclick .fr-content-background { box-shadow: none; } .fr-info .fr-stroke-top { display: none; } .fr-side { position: absolute; top: 50%; width: 54px; height: 72px; margin: 0 9px; margin-top: -36px; cursor: pointer; -webkit-user-select: none; user-select: none; zoom: 1; } .fr-side-previous { left: 0; } .fr-side-next { right: 0; left: auto; } .fr-side-disabled { cursor: default; } .fr-side-hidden { display: none !important; } .fr-side-button { float: left; width: 100%; height: 100%; margin: 0; padding: 0; } .fr-side-button-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #101010; } .fr-side-button-icon { float: left; position: relative; height: 100%; width: 100%; zoom: 1; background-position: 50% 50%; background-repeat: no-repeat; } @media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-side { width: 54px; height: 60px; margin: 0; margin-top: -30px; } .fr-side-button { width: 48px; height: 60px; margin: 0 3px; } } .fr-close { position: absolute; width: 48px; height: 48px; top: 0; right: 0; cursor: pointer; -webkit-user-select: none; user-select: none; } .fr-close-background, .fr-close-icon { position: absolute; top: 12px; left: 12px; height: 26px; width: 26px; background-position: 50% 50%; background-repeat: no-repeat; } .fr-close-background { background-color: #000; } .fr-thumbnails { position: absolute; overflow: hidden; } .fr-thumbnails-disabled .fr-thumbnails { display: none !important; } .fr-thumbnails-horizontal .fr-thumbnails { width: 100%; height: 12%; min-height: 74px; max-height: 160px; bottom: 0; } .fr-thumbnails-vertical .fr-thumbnails { height: 100%; width: 10%; min-width: 74px; max-width: 160px; left: 0; } .fr-thumbnails, .fr-thumbnails * { user-select: none; } .fr-thumbnails-wrapper { position: absolute; top: 0; left: 50%; height: 100%; } .fr-thumbnails-vertical .fr-thumbnails-wrapper { top: 50%; left: 0; } .fr-thumbnails-slider { position: relative; width: 100%; height: 100%; float: left; zoom: 1; } .fr-thumbnails-slider-slide { position: absolute; top: 0; left: 0; height: 100%; } .fr-thumbnails-thumbs { float: left; height: 100%; overflow: hidden; position: relative; top: 0; left: 0; } .fr-thumbnails-slide { position: absolute; top: 0; height: 100%; width: 100%; } .fr-thumbnail-frame { position: absolute; zoom: 1; overflow: hidden; } .fr-thumbnail { position: absolute; width: 30px; height: 100%; left: 50%; top: 50%; zoom: 1; cursor: pointer; margin: 0 10px; } .fr-thumbnail-wrapper { position: relative; background: #161616; width: 100%; height: 100%; float: left; overflow: hidden; display: inline; z-index: 0; } .fr-thumbnail-overlay { cursor: pointer; } .fr-thumbnail-active .fr-thumbnail-overlay { cursor: default; } .fr-thumbnail-overlay, .fr-thumbnail-overlay-background, .fr-thumbnail-overlay-border { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; overflow: hidden; border-style: solid; border-color: transparent; } .fr-thumbnail .fr-thumbnail-image { position: absolute; opacity: 0.85; max-width: none; } .fr-thumbnail-active:hover .fr-thumbnail-image, .fr-thumbnail:hover .fr-thumbnail-image { opacity: 0.99; } .fr-thumbnail-active .fr-thumbnail-image, .fr-thumbnail-active:hover .fr-thumbnail-image { opacity: 0.35; } .fr-thumbnail-active { cursor: default; } .fr-thumbnail-loading, .fr-thumbnail-loading-background, .fr-thumbnail-loading-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fr-thumbnail-loading-background { background-color: #161616; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0.8; position: relative; float: left; } .fr-thumbnail-loading-icon { display: none; } .fr-thumbnail-error .fr-thumbnail-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #202020; } .fr-thumbnails-side { float: left; height: 100%; width: 28px; margin: 0 5px; position: relative; overflow: hidden; } .fr-thumbnails-side-previous { margin-left: 12px; } .fr-thumbnails-side-next { margin-right: 12px; } .fr-thumbnails-vertical .fr-thumbnails-side { height: 28px; width: 100%; margin: 10px 0; } .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; } .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; } .fr-thumbnails-side-button { position: absolute; top: 50%; left: 50%; margin-top: -14px; margin-left: -14px; width: 28px; height: 28px; cursor: pointer; } .fr-thumbnails-side-button-background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.8; transition: background-color 0.2s ease-in; background-color: #333; cursor: pointer; border-radius: 4px; } .fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background { background-color: #3b3b3b; } .fr-thumbnails-side-button-disabled * { cursor: default; } .fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background { background-color: #333; } .fr-thumbnails-side-button-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fr-thumbnails-vertical .fr-thumbnail-frame, .fr-thumbnails-vertical .fr-thumbnails-side, .fr-thumbnails-vertical .fr-thumbnails-thumbs { clear: both; } .fr-window-ui-fullclick .fr-thumbnails { background: #090909; } .fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal .fr-info .fr-stroke-bottom { display: block !important; } .fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical .fr-info .fr-stroke-left { display: block !important; } .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 12px 5px; } .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 5px 12px; } .fr-thumbnails-measured .fr-thumbnails-thumbs { padding: 0 !important; } @media all and (min-height: 700px) { .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 16px 8px; } .fr-thumbnails-horizontal .fr-thumbnails-side { margin: 0 8px; } .fr-thumbnails-horizontal .fr-thumbnails-side-previous { margin-left: 16px; } .fr-thumbnails-horizontal .fr-thumbnails-side-next { margin-right: 16px; } } @media all and (min-height: 980px) { .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 20px 10px; } .fr-thumbnails-horizontal .fr-thumbnails-side { margin: 0 10px; } .fr-thumbnails-horizontal .fr-thumbnails-side-previous { margin-left: 20px; } .fr-thumbnails-horizontal .fr-thumbnails-side-next { margin-right: 20px; } } @media all and (min-width: 1200px) { .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 8px 16px; } .fr-thumbnails-vertical .fr-thumbnails-side { margin: 0 8px; } .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 16px; } .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 16px; } } @media all and (min-width: 1800px) { .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 10px 20px; } .fr-thumbnails-vertical .fr-thumbnails-side { margin: 10px 0; } .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; } .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; } } @media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 500px) { .fr-thumbnails-horizontal .fr-thumbnails { display: none !important; } } @media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-thumbnails-vertical .fr-thumbnails { display: none !important; } } @media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-page { min-width: 100%; } .fr-page { min-height: 100%; } } .fr-window-ui-fullclick .fr-close-outside, .fr-window-ui-fullclick .fr-content .fr-close, .fr-window-ui-fullclick .fr-content .fr-info, .fr-window-ui-fullclick .fr-content .fr-side-next, .fr-window-ui-fullclick .fr-content .fr-side-previous, .fr-window-ui-fullclick .fr-side-next-outside, .fr-window-ui-fullclick .fr-side-previous-outside, .fr-window-ui-inside .fr-close-fullclick, .fr-window-ui-inside .fr-close-outside, .fr-window-ui-inside .fr-page > .fr-info, .fr-window-ui-inside .fr-side-next-fullclick, .fr-window-ui-inside .fr-side-next-outside, .fr-window-ui-inside .fr-side-previous-fullclick, .fr-window-ui-inside .fr-side-previous-outside, .fr-window-ui-outside .fr-close-fullclick, .fr-window-ui-outside .fr-content .fr-close, .fr-window-ui-outside .fr-content .fr-info, .fr-window-ui-outside .fr-content .fr-side-next, .fr-window-ui-outside .fr-content .fr-side-previous, .fr-window-ui-outside .fr-side-next-fullclick, .fr-window-ui-outside .fr-side-previous-fullclick { display: none !important; } .fr-toggle-ui { opacity: 0; transition: opacity 0.3s; } .fr-visible-fullclick-ui .fr-box > .fr-toggle-ui, .fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui { opacity: 1; } .fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui, .fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui { transition: opacity 0.3s; } .fr-spinner { position: fixed; width: 52px; height: 52px; background: #101010; background: rgba(16, 16, 16, 0.85); border-radius: 5px; } .fr-spinner div { position: absolute; top: 0; left: 0; height: 64%; width: 64%; margin-left: 18%; margin-top: 18%; opacity: 1; animation: fresco-12 1.2s infinite ease-in-out; } .fr-spinner div:after { content: ""; position: absolute; top: 0; left: 50%; width: 2px; height: 8px; margin-left: -1px; background: #fff; box-shadow: 0 0 1px transparent; } .fr-spinner div.fr-spin-1 { transform: rotate(30deg); animation-delay: -1.1s; } .fr-spinner div.fr-spin-2 { transform: rotate(60deg); animation-delay: -1s; } .fr-spinner div.fr-spin-3 { transform: rotate(90deg); animation-delay: -0.9s; } .fr-spinner div.fr-spin-4 { transform: rotate(120deg); animation-delay: -0.8s; } .fr-spinner div.fr-spin-5 { transform: rotate(150deg); animation-delay: -0.7s; } .fr-spinner div.fr-spin-6 { transform: rotate(180deg); animation-delay: -0.6s; } .fr-spinner div.fr-spin-6 { transform: rotate(180deg); animation-delay: -0.6s; } .fr-spinner div.fr-spin-7 { transform: rotate(210deg); animation-delay: -0.5s; } .fr-spinner div.fr-spin-8 { transform: rotate(240deg); animation-delay: -0.4s; } .fr-spinner div.fr-spin-9 { transform: rotate(270deg); animation-delay: -0.3s; } .fr-spinner div.fr-spin-10 { transform: rotate(300deg); animation-delay: -0.2s; } .fr-spinner div.fr-spin-11 { transform: rotate(330deg); animation-delay: -0.1s; } .fr-spinner div.fr-spin-12 { transform: rotate(360deg); animation-delay: 0s; } @-webkit-keyframes fresco-12 { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fresco-12 { 0% { opacity: 1; } 100% { opacity: 0; } } .fr-thumbnail-spinner { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; width: 40px; height: 40px; } .fr-thumbnail-spinner-spin { position: relative; float: left; margin: 8px 0 0 8px; text-indent: -9999em; border-top: 2px solid rgba(255, 255, 255, 0.2); border-right: 2px solid rgba(255, 255, 255, 0.2); border-bottom: 2px solid rgba(255, 255, 255, 0.2); border-left: 2px solid #fff; animation: fr-thumbnail-spin 1.1s infinite linear; } .fr-thumbnail-spinner-spin, .fr-thumbnail-spinner-spin:after { border-radius: 50%; width: 24px; height: 24px; } @-webkit-keyframes fr-thumbnail-spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes fr-thumbnail-spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .fr-error { float: left; position: relative; background-color: #ca3434; width: 160px; height: 160px; } .fr-error-icon { position: absolute; width: 42px; height: 42px; top: 50%; left: 50%; margin-left: -21px; margin-top: -21px; } .fr-window-skin-fresco .fr-close-icon, .fr-window-skin-fresco .fr-error-icon, .fr-window-skin-fresco .fr-side-button-icon, .fr-window-skin-fresco .fr-thumbnails-side-button-icon { background-repeat: no-repeat; background-size: 15px; background-position: center; } .fr-window-skin-fresco .fr-error-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMzMwMDAyIDEzLjI5OEwyLjA2NCAxNS4wMzJMMy43OTggMTMuMjk4TDUuNTMyIDExLjU2M0w3LjI2NjAxIDEzLjI5OEw5IDE1LjAzMkwxMC43MzQgMTMuMjk4TDEyLjQ2OCAxMS41NjNMMTQuMjAxIDEzLjI5OEwxNS45MzYgMTUuMDMyTDE3LjY3IDEzLjI5OEwxOCAxMi45NjhWNS41TDEzIDAuNUgwVjEyLjk2OEwwLjMzMDAwMiAxMy4yOThaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTcuNjcgMTYuNzY1TDE1LjkzNiAxOC41TDE0LjIwMSAxNi43NjVMMTIuNDY4IDE1LjAzMkwxMC43MzQgMTYuNzY1TDkgMTguNUw3LjI2NjAxIDE2Ljc2NUw1LjUzMiAxNS4wMzJMMy43OTggMTYuNzY1TDIuMDY0IDE4LjVMMC4zMzAwMDIgMTYuNzY1TDAgMTYuNDM2VjI3LjVIMThWMTYuNDM2TDE3LjY3IDE2Ljc2NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=); } .fr-window-skin-fresco .fr-content-background { background: #101010; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } .fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background { box-shadow: none; } .fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } .fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); } .fr-window-skin-fresco .fr-side-button-background { background-color: transparent; } .fr-window-skin-fresco .fr-side-previous .fr-side-button-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCAyNyA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMjYuMjEzIDM4Ljk3MUwyMS45NzEgNDMuMjE0TDAuNzU4MDI2IDIyTDIxLjk3MSAwLjc4NzAxOEwyNi4yMTMgNS4wMjkwMkw5LjI0MjAzIDIyTDI2LjIxMyAzOC45NzFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjQuNzk5IDM4Ljk3MUwyMS45NzEgNDEuNzk5TDIuMTcyMDMgMjJMMjEuOTcxIDIuMjAxMDJMMjQuNzk5IDUuMDI5MDJMNy44MjgwMyAyMkwyNC43OTkgMzguOTcxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); } .fr-window-skin-fresco .fr-side-next .fr-side-button-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCAyNyA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMC43ODcwMTggMzguOTcxTDUuMDI5MDEgNDMuMjE0TDI2LjI0MiAyMkw1LjAyOTAxIDAuNzg3MDE4TDAuNzg3MDE4IDUuMDI5MDJMMTcuNzU4IDIyTDAuNzg3MDE4IDM4Ljk3MVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yLjIwMTAyIDM4Ljk3MUw1LjAyOTAyIDQxLjc5OUwyNC44MjggMjJMNS4wMjkwMiAyLjIwMTAyTDIuMjAxMDIgNS4wMjkwMkwxOS4xNzIgMjJMMi4yMDEwMiAzOC45NzFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); } .fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-window-ui-inside .fr-type-image .fr-side-disabled .fr-side-button-icon { background-image: none; } .fr-window-skin-fresco.fr-window-ui-outside .fr-close-background { background-color: #363636; } .fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background { background-color: #434343; } .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background, .fr-window-skin-fresco.fr-window-ui-inside .fr-close-background { background-color: #131313; opacity: 0.8; } .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close:hover .fr-close-background, .fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background { background-color: #191919; } .fr-window-skin-fresco .fr-close .fr-close-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41NSIgZD0iTTE3LjEzMiAzLjY5Njk4TDE0LjMwNCAwLjg2ODk4MUw5IDYuMTcxOThMMy42OTcwMSAwLjg2Nzk4MUwwLjg2Nzk5NiAzLjY5NTk4TDYuMTcyIDguOTk5OThMMC44Njc5OTYgMTQuMzA0TDMuNjk3MDEgMTcuMTMyTDkgMTEuODI5TDE0LjMwNCAxNy4xMzNMMTcuMTMyIDE0LjMwNEwxMS44MjggOC45OTk5OEwxNy4xMzIgMy42OTY5OFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNS43MTggMy42OTY5OEwxNC4zMDQgMi4yODI5OEw5IDcuNTg1OThMMy42OTcwMSAyLjI4MTk4TDIuMjgzIDMuNjk1OThMNy41ODYgOC45OTk5OEwyLjI4MyAxNC4zMDRMMy42OTcwMSAxNS43MThMOSAxMC40MTRMMTQuMzA0IDE1LjcxOEwxNS43MTggMTQuMzA0TDEwLjQxNCA4Ljk5OTk4TDE1LjcxOCAzLjY5Njk4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); } .fr-window-skin-fresco.fr-mobile-touch .fr-close:hover .fr-close-icon, .fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-close .fr-close-icon { opacity: 1; } .fr-window-skin-fresco .fr-thumbnail-wrapper { border-color: transparent; border-style: solid; border-width: 0; } .fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } .fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); } .fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3); } .fr-window-skin-fresco .fr-thumbnail-overlay-border { border-width: 1px; border-color: rgba(255, 255, 255, 0.08); } .fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border, .fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border { border: 0; } .fr-window-skin-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCAyNyA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMjYuMjEzIDM4Ljk3MUwyMS45NzEgNDMuMjE0TDAuNzU4MDI2IDIyTDIxLjk3MSAwLjc4NzAxOEwyNi4yMTMgNS4wMjkwMkw5LjI0MjAzIDIyTDI2LjIxMyAzOC45NzFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjQuNzk5IDM4Ljk3MUwyMS45NzEgNDEuNzk5TDIuMTcyMDMgMjJMMjEuOTcxIDIuMjAxMDJMMjQuNzk5IDUuMDI5MDJMNy44MjgwMyAyMkwyNC43OTkgMzguOTcxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); } .fr-window-skin-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCAyNyA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMC43ODcwMTggMzguOTcxTDUuMDI5MDEgNDMuMjE0TDI2LjI0MiAyMkw1LjAyOTAxIDAuNzg3MDE4TDAuNzg3MDE4IDUuMDI5MDJMMTcuNzU4IDIyTDAuNzg3MDE4IDM4Ljk3MVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yLjIwMTAyIDM4Ljk3MUw1LjAyOTAyIDQxLjc5OUwyNC44MjggMjJMNS4wMjkwMiAyLjIwMTAyTDIuMjAxMDIgNS4wMjkwMkwxOS4xNzIgMjJMMi4yMDEwMiAzOC45NzFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); } .vc_mobile .ld-masked-image svg { transform: translateZ(0); } .ld-media-icon, .ld-media-item-overlay { transition-duration: 0.45s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ld-media-bg { background-color: rgba(0, 0, 0, 0.4); } .ld-media-item-overlay { padding: 30px; opacity: 0; visibility: hidden; color: #fff; transition-property: opacity, visibility; } .ld-media-item { color: #fff; } .ld-media-item .ld-media-txt h3, .ld-media-item .ld-media-txt h6 { color: inherit; opacity: 0; transform: translateY(10px); transition-property: transform, opacity; transition-duration: 0.45s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ld-media-item .ld-media-txt h3 { margin-bottom: 0.25em; } .ld-media-item .ld-media-txt h6 { font-size: 12px; } .ld-media-item figure { transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); } .ld-media-item:hover .ld-media-txt h3, .ld-media-item:hover .ld-media-txt h6 { transform: translateY(0); } .ld-media-item:hover .ld-media-txt h3 { opacity: 1; transition-delay: 0.1s; } .ld-media-item:hover .ld-media-txt h6 { opacity: 0.4; transition-delay: 0.2s; } .ld-media-item:hover figure { transition-duration: 10s; transform: scale(1.1); } .ld-media-item:hover .ld-media-item-overlay { opacity: 1; visibility: visible; } .ld-media-item:hover .liquid-overlay-link { z-index: 3; } .ld-media-icon { font-size: 32px; transform: scale(1.25); opacity: 0; transition-property: transform, opacity; } .ld-media-icon:before { content: none; } .ld-media-icon.icon-play { width: 55px; height: 55px; font-size: 15px; transition-property: transform, opacity, border; } .ld-media-icon.icon-play.bordered { border: 2px solid #fff; } .ld-media-icon.icon-play.solid { background-color: var(--lqd-color-primary); } .ld-media-icon.icon-play.size-lg { width: 65px; height: 65px; } .ld-media-item:hover .ld-media-icon { transform: scale(1); opacity: 1; transition-delay: 0.1s; } .ld-media-item:hover.contents-visible .icon-play { transform: scale(1.1); border-width: 1px; } .ld-media-item.contents-visible .ld-media-txt h3, .ld-media-item.contents-visible .ld-media-txt h6 { opacity: 1; visibility: visible; transform: none; } .ld-media-item.contents-visible .ld-media-bg, .ld-media-item.contents-visible .ld-media-icon, .ld-media-item.contents-visible .ld-media-item-overlay { opacity: 1; visibility: visible; transform: none; } .ld-media-item:hover.contents-visible .icon-play { transform: scale(1.1); border-width: 1px; } .ld-media-item.shadow-onhover { transition: box-shadow 0.3s; box-shadow: 0 0 0 transparent; } .ld-media-item:hover.shadow-onhover { box-shadow: 0 50px 75px rgba(0, 0, 0, 0.25); } .lqd-milestone { --items-gap: 0.85em; } .lqd-milestone-time { margin-inline-end: var(--items-gap); flex: 1 1 calc(10% - var(--items-gap)); border-bottom: 4px solid; font-size: 36px; line-height: 1em; letter-spacing: -0.01em; color: var(--lqd-color-primary); } .lqd-milestone-time span { color: inherit; } .lqd-milestone-content { flex: 1 1 calc(90% - var(--items-gap)); } .lqd-milestone-content h5 { font-size: 16px; font-weight: 700; letter-spacing: 0.05em; } .lqd-milestone-content p { margin: 0; } @media screen and (max-width: 768px) { .lqd-milestone-time { flex: 1 1 calc(15% - var(--items-gap)); } .lqd-milestone-content { flex: 1 1 calc(85% - var(--items-gap)); } } @media screen and (max-width: 479px) { .lqd-milestone { flex-wrap: wrap; } .lqd-milestone-time { margin: 0 0 0.75em; padding-bottom: 0.35em; flex: 1 1 100%; } .lqd-milestone-content { flex: 1 1 100%; } } .lity { display: block; position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; outline: 0 !important; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; } .lity .lqd-head-sec { width: auto; } .lity.lity-opened { opacity: 1; visibility: visible; } .lity.lity-closed { opacity: 0; visibility: hidden; } .lity-wrap { display: grid; place-items: center; position: absolute; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; outline: 0 !important; } .lity-loader { z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; opacity: 0; transition: opacity 0.3s ease; } .lity-loading .lity-loader { opacity: 1; } .lity-container { display: inline-block; position: relative; z-index: 9992; max-width: 100%; max-height: 100%; outline: 0 !important; white-space: normal; background: #fff; } .lity-content { z-index: 9993; width: 100%; height: 100%; overflow-y: auto; overscroll-behavior: contain; } .lity-close { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 30px; top: 30px; cursor: pointer; text-decoration: none; padding: 0; color: #fff; border: 0; background: 0 0; outline: 0; box-shadow: none; transition: color 0.3s, background 0.3s; } .lity-close:focus, .lity-close:hover { outline: 0; } .lity .lity-close { font-family: Arial, Baskerville, monospace; font-size: 35px; line-height: 35px; font-style: normal; font-weight: 400; } .lity-backdrop { display: block; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); } .lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; } .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container, .lity-iframe .lity-container, .lity-vimeo .lity-container, .lity-youtube .lity-container { width: 100%; max-width: 964px; } .lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; transform: translateZ(0); } .lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } .lity-hide { display: none; } .lqd-modal { width: 100%; position: relative; padding: 25px 2em; } .lqd-modal-head h2 { margin-top: 0; margin-bottom: 1.25em; padding-bottom: 1em; border-bottom: 1px solid rgba(0, 0, 0, 0.15); font-size: 28px; font-weight: 500; } .lqd-modal-head h2:empty { display: none; } .lity .lity-close { padding: 0 !important; border: none !important; background: 0 0; } @media (min-width: 992px) { .featherlight-content > iframe.featherlight-inner { min-width: 850px; } } @keyframes modalDefaultContainer { from { opacity: 0; transform: perspective(600px) translate3d(0, 25%, 0) rotate3d(1, 0, 0, -3deg); } to { opacity: 1; transform: perspective(600px) translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); } } @keyframes modalDefaultContent { from { opacity: 0; transform: translate3d(0, 50px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .lity[data-modal-type="default"] { perspective: 1200px; } .lity[data-modal-type="default"] .lity-container { border-radius: 4px; box-shadow: 0 20px 65px -5px rgba(0, 0, 0, 0.5); } .lity[data-modal-type="default"] .lity-content { max-height: 90vh; } .lity-opened[data-modal-type="default"] .lity-container { animation: modalDefaultContainer 0.65s cubic-bezier(0.3, 1, 0.6, 1) alternate both; } .lity-opened[data-modal-type="default"] .lity-content { animation: modalDefaultContent 0.65s 0.15s cubic-bezier(0.3, 1, 0.6, 1) alternate both; } @media (min-width: 768px) { [data-modal-type="default"] .lity-container { width: 750px; } } @media (min-width: 992px) { [data-modal-type="default"] .lity-container { width: 970px; } } @media (min-width: 1200px) { [data-modal-type="default"] .lity-container { width: 1170px; } } [data-modal-type="box"] .lity-backdrop { background: 0 0; } [data-modal-type="box"] .lqd-modal-head h2 { margin-top: 5px; border-bottom: none; font-size: 20px; } .lity[data-modal-type="box"] { width: 350px; height: 500px; bottom: auto; right: auto; background: 0 0; } .lity[data-modal-type="box"] .lity-wrap { display: block; } .lity[data-modal-type="box"] .lity-container { border-radius: 15px; box-shadow: 0 10px 65px -5px rgba(0, 0, 0, 0.15); } .lity[data-modal-type="box"] .lity-container:before { content: ""; display: inline-block; width: 0; height: 0; position: absolute; bottom: -8px; left: 10%; border-radius: 20px; transform: rotate(130deg); border-top: 12px solid #fff; border-right: 12px solid transparent; border-left: 12px solid transparent; } .lity[data-modal-type="box"] .lity-container, .lity[data-modal-type="box"] .lity-wrap { width: 100%; height: 100%; } .lity[data-modal-type="box"] .lity-close { width: 35px; height: 35px; position: absolute; top: 25px; right: 25px; border-radius: 20px; font-size: 28px; line-height: 35px; color: rgba(0, 0, 0, 0.75); background-color: rgba(255, 255, 255, 0.65); text-align: center; backdrop-filter: blur(3px); box-shadow: 0 5px 15px -2px rgba(0, 0, 0, 0.1); } .lity[data-modal-type="box"] .lity-close:hover { background-color: rgba(255, 0, 0, 0.65); color: #fff; } .lity[data-modal-type="box"].to-left .lity-container:before { left: auto; right: 10%; transform: rotate(-130deg); } .lity-dark[data-modal-type="fullscreen"] .lity-close { color: #fff; } @keyframes modalFullscreenContainer { from { height: 0; transform-origin: top; } to { height: 100vh; } } @keyframes modalFullscreenContent { from { opacity: 0; transform: translate3d(0, 50px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } [data-modal-type="fullscreen"] .lity-backdrop { display: none; } .lity[data-modal-type="fullscreen"] { padding: 0 !important; } .lity[data-modal-type="fullscreen"] .lity-wrap { display: block; } .lity[data-modal-type="fullscreen"] .lity-container { width: 100vw; height: 100vh; } .lity[data-modal-type="fullscreen"] .lity-content, .lity[data-modal-type="fullscreen"] .lqd-modal, .lity[data-modal-type="fullscreen"] .lqd-modal-inner { height: 100%; } .lity[data-modal-type="fullscreen"] .lity-close { color: #000; } .lqd-modal[data-modal-type="fullscreen"] { padding: 0; } .lity-opened[data-modal-type="fullscreen"] .lity-container { transform-origin: top; animation: modalFullscreenContainer 0.8s cubic-bezier(0.95, 0, 0.15, 1) alternate both; } .lity-opened[data-modal-type="fullscreen"] .lity-content { animation: modalDefaultContent 0.65s 0.45s cubic-bezier(0.3, 1, 0.6, 1) alternate both; } @keyframes formRotate360 { to { transform: rotate(360deg); } } .ld-sf input:focus { outline: 0; } .ld-sf p { margin-bottom: 20px; line-height: 1.5em; } .ld-sf p [type="submit"] { padding-top: 0; padding-bottom: 0; } .ld-sf [type="email"], .ld-sf [type="submit"], .ld-sf [type="text"] { height: 60px; transition-property: opacity, visibility; transition-duration: 0.3s; } .ld-sf [type="email"], .ld-sf [type="text"] { padding: 0 1.75em; border-width: 1px; border-style: solid; line-height: 1.5em; transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } .ld-sf [type="email"]:focus, .ld-sf [type="text"]:focus { border-color: #aaa; } .ld-sf [type="email"]::-webkit-input-placeholder, .ld-sf [type="text"]::-webkit-input-placeholder { color: inherit; } .ld-sf [type="email"]::-moz-placeholder, .ld-sf [type="text"]::-moz-placeholder { color: inherit; } .ld-sf [type="email"]:-moz-placeholder, .ld-sf [type="text"]:-moz-placeholder { color: inherit; } .ld-sf [type="email"]:-ms-input-placeholder, .ld-sf [type="text"]:-ms-input-placeholder { color: inherit; } .ld-sf select { display: inline-block; width: auto; } .ld-sf [type="submit"] { padding: 0 40px; border: 0; outline: 0; color: #fff; text-shadow: none; transition: background 0.3s ease, color 0.3s ease, border 0.3s ease; } .ld-sf .submit-text { vertical-align: middle; transition: transform 0.3s ease; line-height: 1em; } .ld-sf .submit-text + .submit-icon { margin-inline-start: 0.65em; } .ld-sf .submit-text:empty { display: none; } .ld_sf_response { margin-top: 1.5em; } .ld_sf_response:empty { display: none; } .ld-sf-spinner { display: inline-block; width: 35px; height: 35px; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.5); color: inherit; opacity: 0; visibility: hidden; transition-property: opacity, visibility, transform; transition-duration: 0.3s; } .ld-sf-spinner span, .ld-sf-spinner:before { border: 2px solid; } .ld-sf-spinner:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; opacity: 0.1; } .ld-sf-spinner span { text-indent: -99999px; transform: rotate(0); clip-path: polygon(0 0%, 100% 50%, 100% 0%, 0% 0%); animation: formRotate360 1s linear both infinite; } .form-submitting .submit-icon, .form-submitting .submit-text { opacity: 0; visibility: hidden; } .form-submitting .ld-sf-spinner { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); } @media (max-width: 479px) { .ld-sf [type="email"], .ld-sf [type="text"] { padding-inline-start: 20px; padding-inline-end: 20px; } } .ld-sf--input-solid [type="email"], .ld-sf--input-solid [type="text"] { border: none; } .ld-sf--input-underlined [type="email"], .ld-sf--input-underlined [type="text"] { background-color: transparent; border-top: none !important; border-right: none !important; border-bottom-width: 1px; border-left: none !important; border-radius: 0 !important; } .ld-sf--input-underlined [type="email"]:focus, .ld-sf--input-underlined [type="text"]:focus { background-color: transparent; } html:not([dir="rtl"]) .ld-sf--input-underlined [type="email"], html:not([dir="rtl"]) .ld-sf--input-underlined [type="text"] { padding-inline-start: 0 !important; } .ld-sf--sharp [type="email"], .ld-sf--sharp [type="submit"], .ld-sf--sharp [type="text"] { border-radius: 0; } .ld-sf--round [type="email"], .ld-sf--round [type="submit"], .ld-sf--round [type="text"] { border-radius: 4px; } .ld-sf--circle [type="email"], .ld-sf--circle [type="submit"], .ld-sf--circle [type="text"] { border-radius: 50em; } .ld-sf--inputs-has-border.ld-sf--has-name:not(.ld-sf--inputs-inline) input[type="email"] { border-top-width: 0 !important; } .ld-sf--inputs-has-border.ld-sf--has-name.ld-sf--inputs-inline input[type="email"] { border-left-width: 0 !important; } .ld-sf--inputs-inline .ld_sf_paragraph { display: flex; align-items: center; } .ld-sf--input-shadow.ld-sf--inputs-inline .ld_sf_paragraph { box-shadow: 0 16px 50px rgba(0, 0, 0, 0.07); } .ld-sf--input-shadow.ld-sf--inputs-inline [type="email"], .ld-sf--input-shadow.ld-sf--inputs-inline [type="email"]:focus, .ld-sf--input-shadow.ld-sf--inputs-inline [type="text"], .ld-sf--input-shadow.ld-sf--inputs-inline [type="text"]:focus { box-shadow: none; } .ld-sf--input-shadow [type="email"], .ld-sf--input-shadow [type="text"] { box-shadow: 0 16px 50px rgba(0, 0, 0, 0.07); } .ld-sf--input-shadow [type="email"]:focus, .ld-sf--input-shadow [type="text"]:focus { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .ld-sf--input-inner-shadow [type="email"], .ld-sf--input-inner-shadow [type="text"] { box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset; } .ld-sf--input-inner-shadow [type="email"]:focus, .ld-sf--input-inner-shadow [type="text"]:focus { box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset; } .ld-sf--button-naked [type="submit"] { padding: 0; background-color: transparent; border: none !important; color: var(--lqd-color-primary); } .ld-sf--button-naked [type="submit"], .ld-sf--button-naked [type="submit"]:hover { border: none; background: 0 0; } .ld-sf--button-underlined [type="submit"] { padding-inline-start: 0; padding-inline-end: 0; border-radius: 0; background-color: transparent; border-bottom: 1px solid var(--lqd-color-primary); color: var(--lqd-color-primary); } .ld-sf--button-bordered [type="submit"] { background-color: transparent; border: 1px solid var(--lqd-color-primary); color: var(--lqd-color-primary); } .ld-sf--button-inside p:last-of-type { margin-bottom: 0; } .ld-sf--button-inside [type="submit"] { position: absolute; bottom: 0; right: 0; min-height: 100%; max-height: 100%; } .ld-sf--button-inside label ~ [type="submit"] { min-height: 0; } .ld-sf--button-inside.ld-sf--button-naked:not(.ld-sf--input-underlined) [type="submit"] { padding-inline-end: 1.75em; } @media (min-width: 768px) { .ld-sf--button-inside.button-shrinked [type="submit"] { bottom: 14%; right: 12px; max-height: 72%; min-height: 72%; height: 72%; } } @media (max-width: 767px) { .ld-sf--button-inside.ld-sf--button-bordered [type="email"], .ld-sf--button-inside.ld-sf--button-bordered [type="text"], .ld-sf--button-inside.ld-sf--button-solid [type="email"], .ld-sf--button-inside.ld-sf--button-solid [type="text"] { padding-inline-end: 2.5em !important; } } @media (max-width: 479px) { .ld-sf--button-inside.ld-sf--button-naked:not(.ld-sf--input-underlined) [type="submit"] { padding-inline-end: 20px; } } .ld-sf--button-inside.ld-sf--button-bordered [type="submit"] { bottom: 1px; height: calc(100% - 2px); min-height: calc(100% - 2px); border-top: none; border-bottom: none; border-right: none; } .ld-sf--button-inside.ld-sf--button-bordered .submit-icon, .ld-sf--button-inside.ld-sf--button-bordered .submit-text { margin-top: 0; } .ld-sf--button-inside.ld-sf--button-bordered.ld-sf--border-thick [type="submit"] { bottom: 2px; height: calc(100% - 4px); min-height: calc(100% - 4px); } .ld-sf--button-inside.ld-sf--button-bordered.ld-sf--border-thicker [type="submit"] { bottom: 3px; height: calc(100% - 6px); min-height: calc(100% - 6px); } .ld-sf--button-hidden [type="submit"] { display: none !important; } @media (min-width: 768px) { .ld-sf--button-eql [type="submit"] { padding: 0; width: 60px; } .ld-sf--button-eql.ld-sf--size-xs [type="submit"] { width: 45px; } .ld-sf--button-eql.ld-sf--size-sm [type="submit"] { width: 50px; } .ld-sf--button-eql.ld-sf--size-lg [type="submit"], .ld-sf--button-eql.ld-sf--size-xl [type="submit"] { width: 65px; } } .ld-sf--button-block [type="submit"] { width: 100%; } .ld-sf--button-block.ld-sf--has-name .ld_sf_paragraph { margin-bottom: 0; } .ld-sf--button-inline form { display: flex; flex-direction: row; align-items: stretch; } .ld-sf--button-inline [type="submit"], .ld-sf--button-inline p { vertical-align: bottom; } .ld-sf--button-inline p { flex: 1 0; padding-inline-end: 20px; } .ld-sf--button-inline p:last-of-type { margin-bottom: 0; } .ld-sf--button-inline [type="email"], .ld-sf--button-inline [type="text"] { display: inline-block; } @media (max-width: 479px) { .ld-sf--button-inline form { flex-direction: column; } .ld-sf--button-inline form p { padding-inline-end: 0 !important; } } .ld-sf--border-none [type="email"], .ld-sf--border-none [type="submit"], .ld-sf--border-none [type="text"] { border-width: 0; } .ld-sf--border-thin [type="email"], .ld-sf--border-thin [type="submit"], .ld-sf--border-thin [type="text"] { border-width: 1px; border-style: solid; } .ld-sf--border-thin .submit-icon, .ld-sf--border-thin .submit-text { margin-top: -1px; } .ld-sf--border-thick [type="email"], .ld-sf--border-thick [type="submit"], .ld-sf--border-thick [type="text"] { border-width: 2px; border-style: solid; } .ld-sf--border-thick .submit-icon, .ld-sf--border-thick .submit-text { margin-top: -2px; } .ld-sf--border-thicker [type="email"], .ld-sf--border-thicker [type="submit"], .ld-sf--border-thicker [type="text"] { border-width: 3px; border-style: solid; } .ld-sf--border-thicker .submit-icon, .ld-sf--border-thicker .submit-text { margin-top: -3px; } .ld-sf [type="submit"]:hover .submit-icon { transform: translateX(2px); } .ld-sf [type="submit"]:hover .submit-text + .submit-icon { transform: translateX(2px); } .ld-sf .submit-icon { display: inline-block; vertical-align: middle; transition: transform 0.3s ease; line-height: 1em; } .ld-sf .submit-icon { font-size: 1.1em; } .ld-sf .submit-icon i { margin: 0; vertical-align: bottom; } .ld-sf .submit-icon + .submit-text { margin-inline-start: 0.65em; } @media (min-width: 768px) { .ld-sf .submit-text.visible-xs + .submit-icon { margin-inline-start: 0; } } .ld-sf--size-xs [type="email"], .ld-sf--size-xs [type="submit"], .ld-sf--size-xs [type="text"] { height: 45px; } .ld-sf--size-sm [type="email"], .ld-sf--size-sm [type="submit"], .ld-sf--size-sm [type="text"] { height: 50px; } .ld-sf--size-md [type="email"], .ld-sf--size-md [type="submit"], .ld-sf--size-md [type="text"] { height: 60px; } .ld-sf--size-lg [type="email"], .ld-sf--size-lg [type="submit"], .ld-sf--size-lg [type="text"] { height: 65px; } .ld-sf--size-xl [type="email"], .ld-sf--size-xl [type="text"] { height: 70px; } .ld-sf--size-xl [type="submit"] { height: 65px; } .page-nav { margin-top: 1em; margin-bottom: 1em; } .page-links, ul.pagination { margin: 0; padding: 0; list-style: none; clear: both; } ul.pagination { display: flex; align-items: center; flex-wrap: wrap; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; } ul.pagination li { display: inline-block; margin-bottom: 2px; } ul.pagination li:not(:first-of-type) { margin-inline-start: 3px; } ul.pagination li:not(:last-of-type) { margin-inline-end: 3px; } ul.pagination .page-numbers { display: inline-flex; width: 35px; height: 35px; align-items: center; justify-content: center; border-radius: 6%; color: #000; } ul.pagination .page-numbers i, ul.pagination .page-numbers span { display: inline-flex; align-items: center; } ul.pagination .page-numbers.current, ul.pagination .page-numbers:hover { color: #fff; border-color: var(--lqd-color-primary); background-color: var(--lqd-color-primary); } ul.pagination .next, ul.pagination .prev { background-color: #f4f4f8; } .page-links { float: left; margin-top: 1.5em; } .page-links .post-page-numbers { display: inline-flex; width: 35px; height: 35px; margin: 0 3px; align-items: center; justify-content: center; border-radius: 6%; color: #000; } .page-links .post-page-numbers.current, .page-links .post-page-numbers:hover { color: #fff; border-color: var(--lqd-color-primary); background-color: var(--lqd-color-primary); } .page-links a span, .page-links > span { display: inline-block; } .page-links > a, .page-links > span { padding-inline-start: 8px; padding-inline-end: 8px; } .page-links .page-links-title { padding: 0; } .page-links:last-child { margin-bottom: 30px; } .ld-particles-container.visible-on-column-hover { opacity: 0; transition: opacity 0.3s; } .lqd-pf-item { margin-bottom: 30px; } .lqd-pf-item .lqd-pf-details .lqd-pf-title, .lqd-pf-item .lqd-pf-details a { color: #000; } .lqd-pf-item .lqd-pf-details a:not(:hover) { opacity: 0.5; } .lqd-pf-item .lqd-pf-details .lqd-pf-title a:not(:hover) { opacity: 1; } .lqd-pf-img > figure { transform: scale(1); transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-pf-item:hover .lqd-pf-img > figure { transform: scale(1.05); } .lqd-pf-overlay-bg { border-radius: inherit; opacity: 0; transform: scale(0.95); transition: opacity 0.65s, transform 0.65s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-pf-item:hover .lqd-pf-overlay-bg { opacity: 1; transform: scale(1); } .lqd-pf-overlay-bg-scale .lqd-pf-overlay-bg { font-size: 55px; transform: scale(1); color: #fff; } .lqd-pf-overlay-bg-scale .lqd-pf-overlay-bg i { display: inline-block; opacity: 0; transition: opacity 0.65s, transform 0.65s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transform: translateX(-20px); } .lqd-pf-overlay-bg-scale:hover .lqd-pf-overlay-bg i { opacity: 1; transform: translateX(0); } .pf-details-h-end { text-align: end; } .pf-details-h-mid { text-align: center; } .pf-details-h-str { text-align: start; } .carousel-item .lqd-pf-content-v { margin-top: 3px; } .carousel-item .lqd-pf-content-v .lqd-pf-img { padding-top: 75%; } .carousel-item .lqd-pf-content-v .lqd-pf-img > figure { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .lqd-pf-filterable-carousel h6 { font-size: 13px; } .lqd-pf-filterable-carousel .filter-list li { margin-bottom: 1.65em; } .lqd-pf-filterable-carousel .liquid-filter-items { align-items: flex-start; } @media (min-width: 768px) { .lqd-pf-carousel-header h2 { margin-bottom: 3.5rem; } } @media (min-width: 992px) { .lqd-pf-carousel-header { padding-bottom: 2rem; margin-bottom: 4rem; transform-origin: 0% 50% -180px; } .lqd-pf-filterable-carousel .col-lg-4 { transform-style: preserve-3d; } .lqd-pf-filterable-carousel .carousel-nav { display: inline-flex; } .lqd-pf-filterable-carousel .flickity-button { width: 80px; height: 73px; margin: 0; } } @media (max-width: 991px) { .lqd-pf-filterable-carousel .carousel-nav { margin-top: 0 !important; position: absolute !important; bottom: 110px !important; left: 15px !important; } .lqd-pf-filterable-carousel .flickity-button { margin: 0 !important; } } @media (max-width: 768px) { .lqd-pf-carousel .carousel-dots-mobile { display: flex; justify-content: center; bottom: 20px; left: 15px; right: 15px; } .lqd-pf-carousel .carousel-dots-mobile .flickity-page-dots { display: flex; width: auto; padding: 10px 15px; margin-top: 0; border-radius: 20em; background-color: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(3px) brightness(115%); backdrop-filter: blur(3px) brightness(115%); } } @media (max-width: 479px) { .lqd-pf-filterable-carousel .lqd-pf-carousel-header .liquid-filter-items { padding-top: 1em; margin-bottom: 0; } .lqd-pf-filterable-carousel .carousel-dots-mobile .flickity-page-dots { margin-top: 0; } } .lqd-pf-dark p { color: rgba(0, 0, 0, 0.55); } .lqd-pf-dark .lqd-pf-overlay-bg { color: #000; } .lqd-pf-light .lqd-pf-overlay-bg { color: #fff; } .lqd-pf-light .lqd-pf-details a, .lqd-pf-light .lqd-pf-details h2 { color: #fff; } .lqd-pf-light .lqd-pf-details p { color: rgba(255, 255, 255, 0.7); } .lqd-pf-item-style-1 .lqd-pf-cat, .lqd-pf-item-style-1 .lqd-pf-title { transition: transform 0.85s, opacity 0.85s, visibility 0.85s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-pf-item-style-1 .lqd-pf-cat, .lqd-pf-item-style-1 .lqd-pf-title { opacity: 0; visibility: hidden; transform: translateY(10px); } .lqd-pf-item-style-1 .lqd-pf-overlay-bg { opacity: 1; transform: none; } .lqd-pf-item-style-1 .lqd-pf-details { position: absolute; bottom: 1.5em; right: 5%; left: 5%; transform: translateY(1em); -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); transition: clip-path 0.65s, -webkit-clip-path 0.65s, transform 0.85s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-pf-item-style-1 .lqd-pf-info { padding-inline-start: 7%; padding-inline-end: 7%; } .lqd-pf-item-style-1 .lqd-pf-cat a:not(:hover) { opacity: 0.4; } .lqd-pf-item-style-1.pf-details-h-end .lqd-pf-details { text-align: start; } .lqd-pf-item-style-1.pf-details-h-mid .lqd-pf-details { left: 0; } .lqd-pf-item-style-1.pf-details-h-mid .lqd-pf-details > div { width: 100% !important; } .lqd-pf-item-style-1.pf-details-h-mid .lqd-pf-details .lqd-pf-link { padding-top: 15px; padding-bottom: 15px; } .lqd-pf-item-style-1.pf-details-h-str .lqd-pf-details { left: 0; right: 10%; flex-direction: row-reverse; text-align: end; } .lqd-pf-item-style-1:hover .lqd-pf-cat, .lqd-pf-item-style-1:hover .lqd-pf-title { transform: translateY(0); opacity: 1; visibility: visible; } .lqd-pf-item-style-1:hover .lqd-pf-title { transition-delay: 0.2s; } .lqd-pf-item-style-1:hover .lqd-pf-cat { transition-delay: 0.35s; } .lqd-pf-item-style-1:hover .lqd-pf-details { transform: translateY(0); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important; } .lqd-pf-item-style-2 { transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-pf-item-style-2 .lqd-pf-overlay-bg { transform: scale(1); } .lqd-pf-item-style-2:hover { transform: translateY(-4px); } .lqd-pf-item-style-3 { margin-bottom: 30px; } .lqd-pf-item-style-3 .lqd-pf-img { box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08); } .carousel-item .lqd-pf-item-style-3 .lqd-pf-img { padding-top: 100%; box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08); } .lqd-pf-item-style-4 { box-shadow: 0 0 0 transparent; transition: box-shadow 0.65s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-pf-item-style-4 .lqd-pf-title:before { content: "—"; margin-bottom: 0.5em; } .lqd-pf-item-style-4 .lqd-pf-title, .lqd-pf-item-style-4 p { transform: translateX(-25px); opacity: 0; transition: transform 0.65s, opacity 0.65s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .lqd-pf-item-style-4 .lqd-pf-title { transition-delay: 0.15s; } .lqd-pf-item-style-4 .lqd-pf-overlay-bg { background: rgba(0, 0, 0, 0.25); transform: scale(1); } .carousel-item .lqd-pf-item-style-4 { margin-bottom: 110px; } .is-selected .lqd-pf-item-style-4, .lqd-pf-item-style-4:hover { box-shadow: 0 40px 80px rgba(0, 0, 0, 0.18); } .is-selected .lqd-pf-item-style-4 .lqd-pf-overlay-bg, .lqd-pf-item-style-4:hover .lqd-pf-overlay-bg { opacity: 1; } .is-selected .lqd-pf-item-style-4 .lqd-pf-title, .is-selected .lqd-pf-item-style-4 p, .lqd-pf-item-style-4:hover .lqd-pf-title, .lqd-pf-item-style-4:hover p { opacity: 1; transform: translateX(0); } .is-selected .lqd-pf-item-style-4 .lqd-pf-title, .lqd-pf-item-style-4:hover .lqd-pf-title { transition-delay: 0s; } .is-selected .lqd-pf-item-style-4 p, .lqd-pf-item-style-4:hover p { transition-delay: 0.15s; } .is-selected .lqd-pf-item-style-4 { transition-delay: 0.35s; } .is-selected .lqd-pf-item-style-4 .lqd-pf-overlay-bg { transition-delay: 0.45s; } .is-selected .lqd-pf-item-style-4 .lqd-pf-title { transition-delay: 0.6s; } .is-selected .lqd-pf-item-style-4 p { transition-delay: 0.75s; } @media (max-width: 768px) { .lqd-pf-item-style-4 .lqd-pf-details .text-vertical { padding: 2.5rem; } .carousel-item .lqd-pf-item-style-4 { margin-bottom: 30px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18); } } @media (max-width: 479px) { .lqd-pf-item-style-4 .portfolio-summary { display: none; } } .lqd-pf-item-style-5 .lqd-pf-details { padding-top: 4rem; padding-bottom: 4rem; } .lqd-pf-item-style-5 .lqd-pf-overlay-bg { background: rgba(0, 0, 0, 0.25); transform: scale(1); } .lqd-pf-item-style-5:hover figure { transform: scale(1.05); } .page-has-frame .lqd-pf-item-style-5 { height: calc(100vh - 40px); } .carousel-items .lqd-pf-item-style-5 { margin-bottom: 0; } @media (min-width: 768px) { .lqd-pf-item-style-5 .lqd-pf-details { padding-inline-start: 3.5rem; padding-inline-end: 3.5rem; } } @media (min-width: 992px) { .lqd-pf-item-style-5 .lqd-pf-details { padding-top: 2.5rem; padding-bottom: 2.5rem; } } @media (max-width: 768px) { .lqd-pf-item-style-5 .lqd-pf-details { padding-top: 70px; } } .lqd-pf-item-style-6 { box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1); transform: translateY(0); background-color: #fff; transition: transform 0.3s, box-shadow 0.3s; } .lqd-pf-item-style-6 .lqd-pf-item-inner:before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 5px; position: absolute; top: 0.55rem; left: 1rem; z-index: 2; color: rgba(0, 0, 0, 0.07); background-color: currentColor; box-shadow: 10px 0 0 currentColor, 20px 0 0 currentColor; } .lqd-pf-item-style-6 .lqd-pf-details .lqd-pf-title { margin-bottom: 0.1em; font-size: 16px; } .lqd-pf-item-style-6 .lqd-pf-cat { font-size: 13px; width: 100%; } .lqd-pf-item-style-6:hover { box-shadow: 0 20px 75px rgba(0, 0, 0, 0.1); transform: translateY(-3px); } .lqd-pf-item-style-6:hover .lqd-pf-img > figure { transform: none; } .lqd-pt { margin-bottom: 1.5em; color: #616161; } .lqd-pt li { margin-top: 1em; margin-bottom: 1em; } .lqd-pt li i { margin-inline-end: 0.9em; font-size: 1em; } .lqd-pt .feature-inactive { opacity: 0.4; } .lqd-pt-bg { background-color: #fff; } .lqd-pt-title { line-height: 1.5em; } .lqd-pt-price { display: inline-block; line-height: 1; } .lqd-pt-price small { font-size: 0.5em; } .lqd-pt-body ul { padding: 0; margin: 0; list-style: none; } .lqd-pt-body p:last-child { margin-bottom: 0; } .lqd-pt-description { font-size: 16px; line-height: 1.5625em; } .lqd-pt-description-md { font-size: 17px; line-height: 1.4705882353em; } .lqd-pt-description-lg { font-size: 19px; line-height: 1.6315789474em; } .lqd-pt-featured { z-index: 2; color: #fff; } .lqd-pt-featured .lqd-pt-bg { transform: scale(1.05, 1.1); background-color: var(--lqd-color-primary); } .lqd-pt-style-8 .lqd-pt-price { font-size: 48px; color: #0f358e; } .lqd-pt-featured .lqd-pt-body li i, .lqd-pt-featured .lqd-pt-body li strong, .lqd-pt-featured .lqd-pt-price, .lqd-pt-featured .lqd-pt-price small, .lqd-pt-featured .lqd-pt-title { color: inherit; } .lqd-pt-foot { counter-reset: pricing-table-foot-ol; } .lqd-pt-foot ol { margin: 0; padding: 0; list-style: none; font-size: 0.8125em; line-height: 1.5384615385em; opacity: 0.8; } .lqd-pt-foot ol li { display: flex; align-items: center; position: relative; counter-increment: pricing-table-foot-ol; } .lqd-pt-foot ol li:before { content: counter(pricing-table-foot-ol); display: inline-flex; width: 1.8333333333em; height: 1.8333333333em; margin-inline-end: 10px; border-radius: 50em; justify-content: center; align-items: center; flex: 0 0 1.8333333333em; background-color: #f3f3f3; font-size: 12px; color: #616161; } .lqd-pt-label { padding: 0.3571428571em 1.0714285714em; position: absolute; top: 1.7142857143em; right: 1.7142857143em; z-index: 2; background-color: #fff; font-size: 14px; color: #000; } .lqd-pt-scale-bg .lqd-pt-bg { transform: scale(1.05, 1.1); } .lqd-pt-style-1 { color: #616161; } .lqd-pt-style-1 .lqd-pt-title { font-size: 27px; } .lqd-pt-style-1 .lqd-pt-head { background-color: #f3f5f9; } .lqd-pt-style-1 .lqd-pt-body { border: 1px solid #ebebeb; border-bottom: none; } .lqd-pt-style-1 .lqd-pt-foot { border: 1px solid #ebebeb; border-top: none; } .lqd-pt-style-1.lqd-pt-featured .lqd-pt-head { background-color: var(--lqd-color-primary); } .lqd-pt-style-2 { border: 1px solid #d1dbe3; } .lqd-pt-style-2 .lqd-pt-price { font-size: 34px; } .lqd-pt-style-2 .lqd-pt-title { font-size: 16px; color: #778087; } .lqd-pt-style-2 li { margin-top: 0.7em; margin-bottom: 0.7em; } .lqd-pt-style-3 { box-shadow: 0 22px 55px rgba(0, 0, 0, 0.1); } .lqd-pt-style-3 .lqd-pt-title { font-size: 18px; } .lqd-pt-style-3 .lqd-pt-price { font-size: 50px; } .lqd-pt-style-3 li { margin-top: 0.5em; margin-bottom: 0.5em; } .lqd-pt-style-3.lqd-pt-featured:not(.lqd-pt-style-3b) .lqd-pt-bg { transform: scale(1.1); } @media (min-width: 992px) { .lqd-pt-style-3 .lqd-pt-body, .lqd-pt-style-3 .lqd-pt-head { padding-inline-start: 4rem; padding-inline-end: 4rem; } .lqd-pt-style-3 .lqd-pt-foot { padding-inline-start: 0.5rem; padding-inline-end: 0.5rem; } } .lqd-pt-style-3b { box-shadow: none; } .lqd-pt-style-3b .lqd-pt-head { padding-top: 3.5rem; } .lqd-pt-style-3b .lqd-pt-title { font-size: 13px; } .lqd-pt-style-3b .lqd-pt-price small { margin-inline-start: 0.5em; opacity: 0.6; font-size: 0.306122449em; } .lqd-pt-style-3b li { margin-top: 0.5em; margin-bottom: 0.5em; } .lqd-pt-style-3b .lqd-pt-foot { border-top-width: 1px; border-top-style: solid; } .lqd-pt-style-3b .lqd-pt-label { background-color: var(--lqd-color-primary); font-size: 14px; color: #fff; } .lqd-pt-style-3b.lqd-pt-featured .lqd-pt-bg { background: 0 0; } @media (min-width: 992px) { .lqd-pt-style-3b .lqd-pt-body { padding-bottom: 4rem; } } .lqd-pt-style-4 { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05); } .lqd-pt-style-4 .lqd-pt-title { font-size: 18px; } .lqd-pt-style-4 .lqd-pt-price { font-size: 60px; } .lqd-pt-style-4 .lqd-pt-body { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .lqd-pt-style-4 .lqd-pt-footer-extra a, .lqd-pt-style-4 .lqd-pt-footer-extra > span { color: inherit; text-decoration: underline; } .lqd-pt-style-4.lqd-pt-featured { box-shadow: 0 22px 88px rgba(111, 134, 214, 0.15); } .lqd-pt-style-4.lqd-pt-featured .lqd-pt-body { border-top-color: rgba(255, 255, 255, 0.15); border-bottom-color: rgba(255, 255, 255, 0.15); } .lqd-pt-style-5 { border: 1px solid #d1dbe3; } .lqd-pt-style-5 .lqd-pt-title { font-size: 13px; } .lqd-pt-style-5 .lqd-pt-price { font-size: 55px; } .lqd-pt-style-5.lqd-pt-featured .lqd-pt-bg { transform: scale(1.075, 1.15); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } .lqd-pt-style-6 { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .lqd-pt-style-6 li { margin-top: 0.5em; margin-bottom: 0.5em; } .lqd-pt-style-6 .lqd-pt-title { display: inline-block; padding: 1em 2em; position: relative; font-size: 11px; } .lqd-pt-style-6 .lqd-pt-title:before { content: ""; display: inline-block; width: 100%; height: 100%; border: 1px solid; border-radius: 50em; position: absolute; top: 0; left: 0; opacity: 0.1; } .lqd-pt-style-6 .lqd-pt-price { font-size: 50px; } .lqd-pt-style-6 .lqd-pt-price small { font-size: 0.35em; opacity: 0.6; } .lqd-pt-style-6 .lqd-pt-body { font-size: 15px; } .lqd-pt-style-6.lqd-pt-featured .lqd-pt-bg { transform: scale(1.05, 1.1); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } @media (min-width: 992px) { .lqd-pt-style-6 .lqd-pt-inner { padding-inline-start: 2.5rem; padding-inline-end: 2.5rem; } } .lqd-pt-style-7 { border: 1px solid #f3f3f3; } .lqd-pt-style-7 li { margin-top: 0.55em; margin-bottom: 0.55em; } .lqd-pt-style-7 .lqd-pt-price, .lqd-pt-style-7 .lqd-pt-title { color: #333639; } .lqd-pt-style-7 .lqd-pt-price small, .lqd-pt-style-7 .lqd-pt-title small { display: block; opacity: 0.8; } .lqd-pt-style-7 .lqd-pt-title { font-size: 27px; } .lqd-pt-style-7 .lqd-pt-title small { font-size: clamp(14px, 0.5em, 1em); } .lqd-pt-style-7 .lqd-pt-price { font-size: 52px; } .lqd-pt-style-7 .lqd-pt-price small { margin-top: 0.5em; font-size: 0.3em; } .lqd-pt-style-7 .lqd-pt-description { opacity: 0.8; } .lqd-pt-style-7 .lqd-pt-body { border-top: 1px solid #f3f3f3; font-size: 16px; } @media (min-width: 992px) { .lqd-pt-style-7 .lqd-pt-inner { padding: 2.5rem 1.5rem; } } .lqd-pt-style-8 { box-shadow: 0 20px 80px rgba(0, 0, 0, 0.1); } .lqd-pt-style-8 li { display: flex; flex-wrap: wrap; align-items: center; } .lqd-pt-style-8 li > strong:last-of-type { font-weight: 400; margin-inline-start: auto; } .lqd-pt-style-8 .lqd-pt-title { font-size: 16px; } .lqd-pt-style-8 .lqd-pt-price small:last-of-type { font-size: 0.35em; opacity: 0.5; } .lqd-pt-style-8 .lqd-pt-body { border-top: 1px solid #f1f2f5; } .lqd-pt-style-8 .lqd-pt-foot { width: 73%; margin: 0 auto; } .lqd-pt-style-8.lqd-pt-featured { box-shadow: none; } .lqd-pt-style-8.lqd-pt-featured .lqd-pt-bg { box-shadow: 0 40px 80px rgba(0, 0, 0, 0.3); transform: scale(1.085); } .lqd-pt-style-8.lqd-pt-featured .lqd-pt-body { border-top-color: rgba(255, 255, 255, 0.15); } @media (min-width: 992px) { .lqd-pt-style-8 .lqd-pt-body { padding-inline-start: 3.5rem; padding-inline-end: 3.5rem; } } .lqd-pt-style-9 { box-shadow: 0 40px 70px rgba(0, 0, 0, 0.07); } .lqd-pt-style-9 .lqd-pt-title { display: inline-flex; padding: 7px 11px; position: relative; top: auto; right: auto; background-color: var(--lqd-color-primary); font-size: 12px; color: #fff; } .lqd-pt-style-9 .lqd-pt-label { padding: 7px 11px; position: relative; top: auto; right: auto; background-color: var(--lqd-color-primary); font-size: 12px; color: #fff; } .lqd-pt-style-9 .lqd-pt-price { font-size: 48px; color: #141414; } .lqd-pt-style-9 .lqd-pt-price small:last-of-type { opacity: 0.5; font-weight: 400; } .lqd-pt-style-9 .lqd-pt-body { border-top: 1px solid #dedede; font-size: 16px; } .lqd-pt-style-9 .lqd-pt-body:not(:last-child) { border-bottom: 1px solid #dedede; } .lqd-pt-style-9 .lqd-pt-foot .lqd-pt-description { color: #141414; } .lqd-pt-style-10 { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07); } .lqd-pt-style-10 .lqd-pt-title { font-size: 18px; } .lqd-pt-style-10 .lqd-pt-label { right: auto; left: 1.7142857143em; font-size: 12px; } .lqd-pt-style-10 .lqd-pt-price { font-size: 50px; color: var(--lqd-color-primary); } .lqd-pt-style-10 .lqd-pt-price small { display: block; margin-top: 0.65em; opacity: 0.55; font-size: 0.36em; font-weight: 400; color: inherit; } .lqd-pt-style-10 .lqd-pt-body { border-top: 1px solid #e7eaee; font-size: 16px; } .lqd-pt-style-10.lqd-pt-featured .lqd-pt-body { border-color: rgba(255, 255, 255, 0.2); } .lqd-pt-style-11 .lqd-pt-label { display: block; position: relative; top: auto; right: auto; z-index: 2; padding: 15px; background-color: var(--lqd-color-primary); line-height: 1.5em; color: #fff; } .lqd-pt-style-11 .lqd-pt-inner { position: relative; padding-top: 0; } .lqd-pt-style-11 .lqd-pt-head { padding-top: 1em; } .lqd-pt-style-11 .lqd-pt-head p { padding: 0 1.5em 1.25em; border-bottom: 1px solid #e7ecf0; font-size: 16px; line-height: 1.56em; } .lqd-pt-style-11 .lqd-pt-price { font-size: 60px; } .lqd-pt-style-11 .lqd-pt-price small:last-child { display: block; opacity: 0.6; font-size: 14px; color: inherit; } .lqd-pt-style-11 .lqd-pt-body { text-align: start; } .lqd-pt-style-11 .lqd-pt-body li:not(:last-child) { margin-bottom: 0.75em; } @media screen and (min-width: 992px) { .lqd-pt-style-11 { margin-bottom: 0; } .lqd-pt-style-11 .lqd-pt-body { padding-inline-start: 2.5rem; padding-inline-end: 2.5rem; } } .lqd-pb-column { flex: 1 1 auto; } .lqd-pb-in-container { flex: 0 0 auto; } .lqd-pb-in { transition: color 0.3s, background 0.3s, border-color 0.3s; } .lqd-pb-content h3 { line-height: 1.5em; } .lqd-pb { counter-increment: lqd-pb-numbers; } .lqd-pb .lqd-pb-in-container { font-size: 65px; line-height: 1; color: #373c36; } .lqd-pb:hover .lqd-pb-in-container { color: var(--lqd-color-primary); } .lqd-pb:hover .lqd-pb-shape-border { transform: scale(1.3); opacity: 1; } .lqd-pb:hover .lqd-pb-shape-border svg { animation: lqdPBRotate 7s linear infinite forwards; } .lqd-pb-nums { counter-reset: lqd-pb-numbers; } @media (min-width: 992px) { .lqd-pb-row { display: flex; } } .lqd-pb-icon figure { display: inline-flex; } .lqd-pb-icon-arrow { display: none; } @media screen and (min-width: 992px) { .lqd-pb-icon-between .lqd-pb-icon-arrow { display: inline-block; position: absolute; top: 12%; right: 15px; font-size: 25px; line-height: 1; } } @media screen and (min-width: 992px) { .lqd-pb-icon-between-middle .lqd-pb-icon-arrow { top: 50%; font-size: 20px; transform: translateY(-50%); } } .lqd-pb-num:after { content: counter(lqd-pb-numbers); display: flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; align-items: center; justify-content: center; } .lqd-pb-shaped .lqd-pb-active-shape { width: 82px; height: 82px; border: 2px solid #f8f9fd; font-size: 33px; font-weight: 700; color: #000; } .lqd-pb-shaped:hover .lqd-pb-active-shape { border-color: var(--lqd-color-primary); background-color: var(--lqd-color-primary); } .lqd-pb-shaped:hover .lqd-pb-active-shape { color: #fff; } @keyframes lqdPBRotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } .lqd-pb-shape-border { border-radius: inherit; opacity: 0; transform: scale(1); transition: transform 1s, opacity 1s; transition-timing-function: cubic-bezier(0.12, 0.87, 0.35, 0.99); } .lqd-pb-shape-border path { stroke: rgba(0, 0, 0, 0.5); } .lqd-pb:hover .lqd-pb-shape-border { transform: scale(1.3); opacity: 1; } .lqd-pb:hover .lqd-pb-shape-border svg { animation: lqdPBRotate 7s linear infinite forwards; } .lqd-pb-style-1 .lqd-pb-active-shape { width: 98px; height: 98px; } @media (min-width: 992px) { .lqd-pb-style-1 .lqd-pb-content { padding-inline-start: 2.5rem; padding-inline-end: 2.5rem; } } @media screen and (max-width: 479px) { .lqd-pb-column:not(:last-of-type) .lqd-pb-style-1 { margin-bottom: 35px; } } .lqd-pb-style-2 { margin-bottom: 0; } .lqd-pb-style-2:before { content: "" !important; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #fff; border-radius: 8px; opacity: 0; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05); transform: scale(0.9); transition: opacity 0.65s, transform 0.65s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-pb-style-2 .lqd-pb-active-shape { width: 62px; height: 62px; font-size: 22px; } .lqd-pb-style-2 .lqd-pb-num-container:before { content: ""; display: inline-block; width: 1px; height: 180%; position: absolute; top: 0; left: calc(50% - 0.5px); z-index: 0; border-left: 1px dashed #e5e5e5; } .lqd-pb-style-2 .lqd-pb-icon-container { font-size: 65px; } .lqd-pb-column:last-of-type .lqd-pb-style-2 .lqd-pb-num-container:before { content: none; } .lqd-pb-style-2:hover:before { opacity: 1; transform: scale(1); } @media (min-width: 768px) { .lqd-pb-style-2 { padding-inline-start: 3rem; padding-inline-end: 3rem; } } @media (min-width: 992px) { .lqd-pb-style-2 h3 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 768px) and (max-width: 991px) { .lqd-pb-style-2 { flex-direction: row; } } .lqd-pb-style-3 .lqd-pb-in-container:before { content: ""; display: inline-block; width: 2px; height: 124%; position: absolute; top: 0; left: 50%; z-index: 0; margin-inline-start: -1px; background-color: #f1f1f1; } .lqd-pb-column:last-of-type .lqd-pb-style-3 .lqd-pb-in-container:before { content: none; } .lqd-pb-style-3 .lqd-pb-active-shape { width: 72px; height: 72px; font-size: 24px; } .lqd-pb-style-4 .lqd-pb-active-shape { width: 157px; height: 157px; z-index: 1; border: 1px solid #f2f2f2; background-color: #fff; font-size: 66px; color: #29365c; } .lqd-pb-style-4 .lqd-pb-num-container { width: auto; height: auto; position: absolute; top: 50%; right: 50%; z-index: 0; margin-top: -0.5em; margin-inline-end: -0.75em; font-size: 100px; font-weight: 700; transform: translate(-50%, -50%); } .lqd-pb-style-4:hover .lqd-pb-icon { border-color: var(--lqd-color-primary); } @media screen and (min-width: 992px) { .lqd-pb-style-4 .lqd-pb-content { padding-inline-start: 3rem; padding-inline-end: 3rem; } .lqd-pb-style-4 .lqd-pb-num-container { top: 0.1em; right: 50%; margin-top: 0; margin-inline-end: -0.5em; font-size: 150px; transform: translateX(-50%); } } .lqd-pb-style-5 .lqd-pb-active-shape { width: 44px; height: 44px; font-size: 18px; } @media screen and (min-width: 768px) { .lqd-pb-style-5 .lqd-pb-in-container { margin-inline-end: 1.5rem; } } @media screen and (max-width: 767px) { .lqd-pb-style-5:not(:last-of-type) { margin-bottom: 1em; } } .lqd-pb-style-6 .lqd-pb-active-shape { width: 150px; height: 150px; border: 2px dashed #dfe2e6; background-color: #fff; font-size: 66px; color: #29365c; } .lqd-pb-style-6:hover .lqd-pb-active-shape { border-color: var(--lqd-color-primary); } @media screen and (min-width: 768px) { .lqd-pb-style-6 .lqd-pb-content { width: 30%; } } .lqd-pb-style-7 .lqd-pb-icon-container { text-align: center; } .lqd-pb-style-7 .lqd-pb-icon { font-size: 100px; } .lqd-pb-style-7 .lqd-pb-active-shape { width: 44px; height: 44px; font-size: 18px; } .lqd-pb-style-8 .lqd-pb-num-container { width: auto; height: auto; position: absolute; top: 0; left: 0; } .lqd-pb-style-8 .lqd-pb-num { width: 45px; height: 45px; background-color: var(--lqd-color-primary); font-size: 22px; font-weight: 400; color: #fff; box-shadow: 0 0 0 transparent; transition: all 0.3s; } .lqd-pb-style-8 .lqd-pb-icon { width: 140px; height: 140px; border: 2px solid #edf1f2; background-color: #fff; font-size: 66px; color: #29365c; } .lqd-pb-style-8 .lqd-pb-content { padding-inline-start: 5%; } .lqd-pb-style-8:hover .lqd-pb-num { box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15); } .lqd-pb-style-8:hover .lqd-pb-icon { border-color: var(--lqd-color-primary); } @media screen and (min-width: 768px) { .lqd-pb-style-8 { margin-bottom: 2em; } .lqd-pb-style-8 .lqd-pb-content { margin-inline-start: 10%; padding-inline-start: 10%; } .lqd-pb-style-8 .lqd-pb-content:before { content: ""; display: inline-block; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background-color: #f1f1f1; } .lqd-pb-style-8 .lqd-pb-content p:last-child { margin-bottom: 0; } } .lqd-pb-style-9 .lqd-pb-active-shape { width: 68px; height: 68px; font-size: 22px; font-weight: 400; } @media screen and (min-width: 768px) { .lqd-pb-style-9 .lqd-pb-in-container:after, .lqd-pb-style-9 .lqd-pb-in-container:before { content: ""; display: inline-block; height: 1px; position: absolute; top: 50%; border-bottom: 1px dashed #d6d6d6; } .lqd-pb-style-9 .lqd-pb-in-container:before { left: -15px; right: 50%; } .lqd-pb-style-9 .lqd-pb-in-container:after { right: -15px; left: 50%; } } @media screen and (min-width: 992px) { .lqd-pb-style-9 .lqd-pb-content { padding-inline-start: 1.5rem; padding-inline-end: 1.5rem; } .lqd-pb-column:first-child .lqd-pb-style-9 .lqd-pb-in-container:before, style:first-child + .lqd-pb-column .lqd-pb-style-9 .lqd-pb-in-container:before { content: none; } .lqd-pb-column:last-child .lqd-pb-style-9 .lqd-pb-in-container:after { content: none; } } @media screen and (min-width: 768px) and (max-width: 991px) { .lqd-pb-column:nth-of-type(odd) .lqd-pb-style-9 .lqd-pb-in-container:before, style:first-child ~ .lqd-pb-column:nth-of-type(odd) .lqd-pb-style-9 .lqd-pb-in-container:before { content: none; } .lqd-pb-column:nth-of-type(2n) .lqd-pb-style-9 .lqd-pb-in-container:after, style:first-child ~ .lqd-pb-column:nth-of-type(2n) .lqd-pb-style-9 .lqd-pb-in-container:after { content: none; } } @media screen and (min-width: 768px) { .lqd-pb-zigzag .lqd-pb-row { display: flex; flex-direction: column; } .lqd-pb-zigzag .lqd-pb-row:after, .lqd-pb-zigzag .lqd-pb-row:before { content: none; } .lqd-pb-zigzag .lqd-pb-column { margin-inline-start: auto; } .lqd-pb-zigzag .lqd-pb-column .lqd-pb { margin-inline-start: -51px; } .lqd-pb-zigzag .lqd-pb-column:nth-child(2n) { margin-inline-start: 0; } .lqd-pb-zigzag .lqd-pb-column:nth-child(2n) .lqd-pb { flex-direction: row-reverse; text-align: end; margin-inline-start: 0; margin-inline-end: -51px; } .lqd-pb-zigzag .lqd-pb-column:nth-child(2n) .lqd-pb-in-container { margin-inline-start: 13%; margin-inline-end: 0; } .lqd-pb-zigzag .lqd-pb-in-container { margin-inline-end: 13%; } } .lqd-pb-zigzag-2 .lqd-pb-in-container { margin-inline-end: 40px; } @media screen and (min-width: 768px) { .lqd-pb-zigzag-2 .lqd-pb-column:nth-of-type(2n) { margin-inline-start: auto; } .lqd-pb-zigzag-2 .lqd-pb-column:nth-of-type(2n) .lqd-pb { flex-direction: row-reverse; text-align: end; } .lqd-pb-zigzag-2 .lqd-pb-column:nth-of-type(2n) .lqd-pb-in-container { margin-inline-start: 40px; margin-inline-end: 0; } .lqd-pb-zigzag-2 .lqd-pb-column:first-of-type .lqd-pb, style:first-child + .lqd-pb-column .lqd-pb-zigzag-2 .lqd-pb { padding-top: 0; } .lqd-pb-zigzag-2 .lqd-pb-column:first-of-type .lqd-pb .lqd-pb-in-container:before, style:first-child + .lqd-pb-column .lqd-pb-zigzag-2 .lqd-pb .lqd-pb-in-container:before { content: none; } .lqd-pb-zigzag-2 .lqd-pb-column:last-of-type .lqd-pb { padding-bottom: 0; } .lqd-pb-zigzag-2 .lqd-pb-column:last-of-type .lqd-pb:after { content: none; } .lqd-pb-zigzag-2 .lqd-pb-column:last-of-type .lqd-pb .lqd-pb-in-container:after { content: none; } .lqd-pb-zigzag-2 .lqd-pb { padding-top: 75px; padding-bottom: 75px; margin-bottom: 0; } .lqd-pb-zigzag-2 .lqd-pb:after { content: ""; display: inline-block; height: 2px; position: absolute; bottom: 0; right: 90px; left: 90px; border-bottom: 2px dashed #dfe2e6; } .lqd-pb-zigzag-2 .lqd-pb-in-container:after, .lqd-pb-zigzag-2 .lqd-pb-in-container:before { content: ""; display: inline-block; width: 2px; margin-inline-start: -1px; position: absolute; left: 50%; border-left: 2px dashed #dfe2e6; } .lqd-pb-zigzag-2 .lqd-pb-in-container:before { top: -73px; bottom: calc(100% + 25px); } .lqd-pb-zigzag-2 .lqd-pb-in-container:after { top: calc(100% + 25px); bottom: -73px; } } .lqd-promo-cat { margin-inline-end: 15px; font-size: 10px; font-style: italic; writing-mode: vertical-rl; width: 30px; } .lqd-promo-cat ul { transform: rotate(-180deg); } .lqd-promo-dynamic-shape { width: 124%; height: 124%; top: -15%; left: -25%; z-index: 0; } .lqd-promo-dynamic-shape svg { overflow: visible; } .lqd-promo-img { width: calc(58.75% - 30px); flex-grow: 0; flex-shrink: 0; } .lqd-promo-img-inner { box-shadow: 0 50px 100px rgba(0, 0, 0, 0.3); opacity: 0; transition: opacity 0.3s; } .lqd-promo-img-inner.block-revealer { opacity: 1; } .lqd-promo-content { padding: 60px 0; padding-inline-start: 15px; padding-inline-end: 0; width: 39.25%; flex: 0 auto; } .lqd-promo-content > * { flex-grow: 0; } .lqd-promo-content h2 { margin: 0 0 0.2em -1em; font-size: 120px; font-weight: 700; line-height: 1em; } .lqd-promo-content .lqd-words { white-space: nowrap; } .lqd-promo-content .btn { margin-top: 30px; } .lqd-promo-wrap { margin-top: 120px; margin-bottom: 120px; } @media screen and (min-width: 1200px) { .lqd-promo-inner { flex-flow: row wrap; } .lqd-promo-reverse .lqd-promo-cat { margin-inline-end: 0; margin-inline-start: 15px; } .lqd-promo-reverse .lqd-promo-content { padding-inline-start: 0; padding-inline-end: 15px; align-items: flex-end; text-align: end; } .lqd-promo-reverse .lqd-promo-inner { flex-direction: row-reverse; } } @media screen and (max-width: 1199px) { .lqd-promo-img { width: 58.75%; } .lqd-promo-content { padding-top: 50px; padding-bottom: 0; } .lqd-promo-content h2 { font-size: 100px; } } @media screen and (max-width: 991px) { .lqd-promo-cat { writing-mode: inherit; } .lqd-promo-cat ul { transform: rotate(0); margin: 0; margin-bottom: 15px; } .lqd-promo-cat, .lqd-promo-content, .lqd-promo-img { width: 100%; } .lqd-promo-cat { margin-inline-end: 0; } .lqd-promo-img-inner { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); } .lqd-promo-inner { flex-direction: column; } .lqd-promo-content { padding-top: 30px; padding-inline-start: 0; padding-inline-end: 0; } .lqd-promo-content h2 { margin: 0 0 0.25em; font-size: 62px; } } @media screen and (max-width: 767px) { .lqd-promo-dynamic-shape { display: none; } .lqd-promo-wrap { margin-top: 0; margin-bottom: 30px; } } .lqd-roadmap-bar { width: 15px; align-self: flex-start; } .lqd-roadmap-bar:after, .lqd-roadmap-bar:before { content: ""; display: inline-block; position: absolute; top: 3px; background: var(--lqd-color-primary); transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-roadmap-bar:before { width: 100%; height: 15px; border-radius: 50em; } .lqd-roadmap-bar:after { width: 2px; left: 6px; bottom: -3px; transform-origin: top center; } .lqd-roadmap-info h6, .lqd-roadmap-info p { line-height: 1.5em; letter-spacing: normal; color: inherit; } .lqd-roadmap-info h6 { margin-bottom: 0.25em; font-size: 15px; } .lqd-roadmap-info p { margin: 0; font-size: 16px; } .lqd-roadmap-info p:only-child { margin-top: -0.65em; } .lqd-roadmap-mark { width: 32px; height: 32px; border: 2px solid; border-radius: 16px; opacity: 0.43; } .lqd-roadmap-item { padding-bottom: 1em; padding-inline-start: 30px; color: #000; } .lqd-roadmap-item:last-of-type { padding-bottom: 0; } .lqd-roadmap-item:last-of-type .lqd-roadmap-bar:after { content: none; } .lqd-roadmap-item-checked .lqd-roadmap-bar, .lqd-roadmap-item-checked .lqd-roadmap-info { opacity: 0.6; } .lqd-roadmap-item-checked .lqd-roadmap-mark { opacity: 1; } .lqd-roadmap { padding: 45px 0; padding-inline-start: 60px; padding-inline-end: 40px; } .lqd-roadmap:before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid; opacity: 0.3; } .lqd-roadmap[data-custom-animations="true"] .lqd-roadmap-bar:after, .lqd-roadmap[data-custom-animations="true"] .lqd-roadmap-bar:before { transform: scale(0); } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(0) .lqd-roadmap-bar:before { transition-delay: 0s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(0) .lqd-roadmap-bar:after { transition-delay: 0s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:first-child .lqd-roadmap-bar:before { transition-delay: 0.2631578947s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:first-child .lqd-roadmap-bar:after { transition-delay: 0.2816901408s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(2) .lqd-roadmap-bar:before { transition-delay: 0.5263157895s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(2) .lqd-roadmap-bar:after { transition-delay: 0.5633802817s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(3) .lqd-roadmap-bar:before { transition-delay: 0.7894736842s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(3) .lqd-roadmap-bar:after { transition-delay: 0.8450704225s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(4) .lqd-roadmap-bar:before { transition-delay: 1.0526315789s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(4) .lqd-roadmap-bar:after { transition-delay: 1.1267605634s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(5) .lqd-roadmap-bar:before { transition-delay: 1.3157894737s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(5) .lqd-roadmap-bar:after { transition-delay: 1.4084507042s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(6) .lqd-roadmap-bar:before { transition-delay: 1.5789473684s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(6) .lqd-roadmap-bar:after { transition-delay: 1.6901408451s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(7) .lqd-roadmap-bar:before { transition-delay: 1.8421052632s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(7) .lqd-roadmap-bar:after { transition-delay: 1.9718309859s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(8) .lqd-roadmap-bar:before { transition-delay: 2.1052631579s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(8) .lqd-roadmap-bar:after { transition-delay: 2.2535211268s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(9) .lqd-roadmap-bar:before { transition-delay: 2.3684210526s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(9) .lqd-roadmap-bar:after { transition-delay: 2.5352112676s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-bar:after, .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-bar:before { transform: scale(1); } @media screen and (max-width: 767px) { .lqd-roadmap { padding-inline-start: 25px; padding-inline-end: 25px; } .lqd-roadmap:before { top: 15px; right: 15px; left: 15px; bottom: 15px; } .lqd-roadmap-info { max-width: 85%; } } @keyframes lqdSnickersBarIn { from { opacity: 0; visibility: hidden; transform: translate3d(0, 50%, 0); } to { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } } @keyframes lqdSnickersBarOut { from { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } to { opacity: 0; visibility: hidden; transform: translate3d(-2em, 0, 0); } } @keyframes snicersBarSpin { to { transform: rotate(360deg); } } .lqd-snickersbar-ext:empty { display: none; } .lqd-snickersbar-inner { padding: 0.5em 1.5em; border-radius: 4px; background-image: linear-gradient( 120deg, rgba(37, 13, 17, 0.7) 0, rgba(37, 25, 22, 0.7) 100% ); font-weight: 500; box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.5); color: #fff; -webkit-backdrop-filter: blur(7px) saturate(135%); backdrop-filter: blur(6px) saturate(135%); animation: lqdSnickersBarIn var(--lqd-snickersbar-animation-time, 1.2s) cubic-bezier(0.19, 1, 0.22, 1) both alternate; } .lqd-snickersbar { max-width: calc(100% - 4em); min-height: 40px; margin-bottom: 0.5em; position: fixed; bottom: 1em; left: 2em; z-index: 90; font-size: 15px; line-height: 1.5em; transition: transform var(--lqd-snickersbar-animation-time, 1.2s) cubic-bezier(0.19, 1, 0.22, 1); } .lqd-snickersbar a { color: inherit !important; } .lqd-snickersbar a.added_to_cart { padding: 0; text-decoration: underline; } .lqd-snickersbar a:hover { opacity: 0.65; } .lqd-snickersbar p { transition-property: transform, opacity, visibility; transition-duration: var(--lqd-snickersbar-animation-time, 1.2s); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .lqd-snickersbar .lqd-snickersbar-msg svg { animation: snicersBarSpin 1s linear infinite; } .lqd-snickersbar .lqd-snickersbar-msg-done { position: absolute; top: 0.5em; left: 1.5em; opacity: 0; visibility: hidden; transform: translateY(75%); } .lqd-snickersbar-action-done .lqd-snickersbar-msg { position: absolute; top: 0.5em; left: 1.5em; opacity: 0; visibility: hidden; transform: translateY(-75%); } .lqd-snickersbar-action-done .lqd-snickersbar-msg-done { position: relative; top: 0; left: 0; opacity: 1; visibility: visible; transform: translateY(0); transition-delay: 0.15s; } .lqd-snickersbar-out { pointer-events: none; } .lqd-snickersbar-out .lqd-snickersbar-inner { animation: lqdSnickersBarOut var(--lqd-snickersbar-animation-time, 1.2s) cubic-bezier(0.19, 1, 0.22, 1) both alternate; } @media screen and (max-width: 479px) { .lqd-snickersbar-inner { font-size: 13px; } .lqd-snickersbar-inner p.d-flex { display: block !important; } .lqd-snickersbar-detail { margin-inline-end: 1.5em; } .lqd-snickersbar-ext { margin-inline-start: 0 !important; } } .social-icons-wrapper { align-items: center; display: inline-flex; } .social-icons-wrapper .grid-item { display: inline-flex; align-items: center; word-break: break-word; min-width: 0; margin-bottom: var(--grid-row-gap); } .social-icons-wrapper .icon.social-icon { background-color: transparent; --icon-padding: 0em; font-size: var(--icon-size, 25px); line-height: var(--icon-size, 25px); width: calc(var(--icon-size, 25px) + (2 * var(--icon-padding, 0.5em))); height: calc(var(--icon-size, 25px) + (2 * var(--icon-padding, 0.5em))); display: inline-flex; } .social-icon { padding: 0; margin: 0; list-style: none; line-height: 1em; } .social-icon li { display: inline-block; margin-inline-end: 1.2em; font-size: 1em; line-height: 1em; } .social-icon li:last-child { margin-inline-end: 0; } .social-icon i { font-style: normal; } .social-icon-sm { font-size: 14px; } .social-icon-md { font-size: 18px; } .social-icon-lg { font-size: 20px; } .social-icon-lg li { margin-inline-end: 1em; } .social-icon-vertical a, .social-icon-vertical li { display: block; width: 100%; } .social-icon-vertical li { margin-inline-end: 0 !important; margin-bottom: 1.2em; } .social-icon-vertical li:last-child { margin-bottom: 0; } .split-inner, .split-unit { text-decoration: inherit; } .split-inner { display: block; } .lqd-split-chars .lqd-words > .split-inner { display: inline-flex; flex-wrap: wrap; } .lqd-split-chars .lqd-words > .split-inner .split-unit { grid-row: 1; } @media screen and (min-width: 480px) { .lqd-lines { white-space: nowrap; } } .lqd-words { display: inline-flex !important; } .lqd-css-sticky-column { align-items: flex-start; --lqd-sticky-offset: 30px; } .lqd-css-sticky { position: sticky !important; top: calc(30px + var(--lqd-sticky-header-height, 0px)); } .lqd-tabs-has-nav-arrows .lqd-tabs-nav-arrows { display: block; } .lqd-tabs-nav-arrow { width: 52px; height: 52px; border: none; top: calc(50% - 26px); background-color: #fff; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); font-size: 20px; color: #000; transition: background 0.3s, color 0.3s; user-select: none; } .lqd-tabs-nav-arrow:hover { background-color: #000; color: #fff; } .lqd-tabs-nav-arrow:focus { outline: 0; } .lqd-tabs-nav-prev { left: -41px; } .lqd-tabs-nav-next { right: -41px; } .lqd-tabs-nav-arrrows { display: none; } .lqd-tabs-has-nav-arrows .lqd-tabs-nav-arrrows { display: block; } @media screen and (max-width: 479px) { .lqd-tabs .lqd-tabs-nav-arrows { text-align: center; margin-top: 1em; } .lqd-tabs .lqd-tabs-nav-arrow { position: relative !important; top: auto !important; left: auto !important; right: auto !important; margin: 0 5px; } } .lqd-tabs-pane { display: none; } .lqd-tabs-pane.active { display: block; } @media (max-width: 992px) { .lqd-tabs { flex-wrap: nowrap; } } .lqd-tabs-nav-wrap { display: grid; grid-auto-flow: column; align-items: start; } .lqd-tabs-nav li { line-height: 1.5em; } .lqd-tabs-nav .h3 { color: inherit; font-size: inherit; line-height: inherit; } .lqd-tabs-nav .h3:only-child { margin-top: 0 !important; margin-bottom: 0 !important; } .lqd-tabs-nav svg { width: 1em; height: 1em; } @media screen and (min-width: 992px) { .lqd-tabs-nav.justify-md-between { justify-content: space-between; } .lqd-tabs-nav.justify-md-start { justify-content: flex-start; } .lqd-tabs-nav.justify-md-center { justify-content: center; } .lqd-tabs-nav.justify-md-end { justify-content: flex-end; } } @media screen and (min-width: 768px) { .lqd-tabs-nav .carousel-nav { margin-inline-start: 3em; } } @media screen and (max-width: 991px) { .lqd-tabs-nav .carousel-nav { width: auto; justify-content: inherit !important; } .lqd-tabs-nav .carousel-nav .previous { margin-inline-start: 0 !important; } .lqd-tabs-nav .carousel-nav .next { margin-inline-end: 0 !important; } } @media screen and (min-width: 768px) and (max-width: 991.8px) { .lqd-tabs-nav .carousel-nav { margin-inline-start: auto; margin-top: 1px !important; } } .lqd-tabs-nav-iconbox .lqd-tabs-nav { --icon-size: 26px; } .lqd-tabs-nav-iconbox .lqd-tabs-nav-icon-icon { font-size: var(--icon-size); flex-shrink: 0; } .lqd-tabs-nav-icon-inline .lqd-tabs-nav-icon { display: inline-flex; border-radius: 10em; align-items: center; justify-content: center; color: rgba(50, 60, 71, 0.3); transition: background 0.3s, color 0.3s; } .lqd-tabs-nav-icon-inline .lqd-tabs-nav a { display: block; } .lqd-tabs-nav-has-btn .lqd-tabs-nav { display: inline-flex !important; margin-bottom: 1.5em; } .lqd-tabs-nav-plain .lqd-tabs-nav-wrap { grid-template-columns: 1fr; } .lqd-tabs-nav-plain .lqd-tabs-nav-has-btn .lqd-tabs-nav { margin-bottom: 0; margin-inline-end: 1em; } @media screen and (max-width: 768px) { .lqd-tabs-nav-plain .lqd-tabs-nav-wrap { display: block; } .lqd-tabs-nav-plain .lqd-tabs-nav-has-btn .lqd-tabs-nav { margin-bottom: 1.5em !important; } } .lqd-tabs-style-1 .lqd-tabs-nav { margin-inline-start: -15px; margin-inline-end: -15px; font-size: 16px; } .lqd-tabs-style-1 .lqd-tabs-nav li { --icon-size: 26px; padding: 0 15px 1.5em; flex-basis: 33.3333333333%; position: relative; } .lqd-tabs-style-1 .lqd-tabs-nav li:after, .lqd-tabs-style-1 .lqd-tabs-nav li:before { content: ""; display: inline-block; position: absolute; border-color: var(--lqd-color-primary); transition: transform 0.3s, background 0.3s; } .lqd-tabs-style-1 .lqd-tabs-nav li:before { bottom: 0; left: 15px; right: 15px; height: 2px; background-color: #e7e7ef; } .lqd-tabs-style-1 .lqd-tabs-nav li:after { width: 0; height: 0; border-width: 5px 5px 0; border-color: var(--lqd-color-primary) transparent; border-style: solid; bottom: -5px; left: calc(50% - 2.5px); transform: scaleY(0); transform-origin: top; } .lqd-tabs-style-1 .lqd-tabs-nav li.active:before { background-color: var(--lqd-color-primary); } .lqd-tabs-style-1 .lqd-tabs-nav li.active:after { transform: scaleY(1); } .lqd-tabs-style-1 .lqd-tabs-nav a { color: #737373; } .lqd-tabs-style-1 .lqd-tabs-nav .lqd-tabs-nav-icon-icon { width: 72px; height: 72px; background-color: #f3f6f9; color: #24232c; } .lqd-tabs-style-1.flex-column-reverse .lqd-tabs-nav li { padding-top: 1.5em; padding-bottom: 0; } .lqd-tabs-style-1.flex-column-reverse .lqd-tabs-nav li:before { bottom: auto; top: 0; } .lqd-tabs-style-1.flex-column-reverse .lqd-tabs-nav li:after { border-width: 0 5px 5px; top: -5px; bottom: auto; transform-origin: bottom; } @media screen and (min-width: 768px) and (max-width: 991px) { .lqd-tabs-style-1 .lqd-tabs-nav { --icon-size: 23px; } .lqd-tabs-style-1 .lqd-tabs-nav-icon-icon { width: 55px; height: 55px; } } @media (min-width: 992px) { .lqd-tabs-style-1 .lqd-tabs-nav { flex-wrap: nowrap; } } @media screen and (max-width: 991px) { .lqd-tabs-style-1 .lqd-tabs-nav li { flex-basis: 100%; padding-top: 1em; padding-bottom: 1em; } } .lqd-tabs-style-2 .lqd-tabs-nav { --icon-size: 30px; margin-inline-start: -15px; margin-inline-end: -15px; font-size: 15px; } .lqd-tabs-style-2 .lqd-tabs-nav a { color: #4f4f4f; } .lqd-tabs-style-2 .lqd-tabs-nav .lqd-tabs-nav-icon-icon { width: 87px; height: 87px; border-radius: 29px; color: #24232c; } .lqd-tabs-style-2 .lqd-tabs-nav .lqd-tabs-nav-progress, .lqd-tabs-style-2 .lqd-tabs-nav .lqd-tabs-nav-progress-inner { display: block; width: 100%; border-radius: 50em; } .lqd-tabs-style-2 .lqd-tabs-nav .lqd-tabs-nav-progress { position: relative; height: 5px; margin-top: 2em; background-color: rgba(0, 0, 0, 0.075); } .lqd-tabs-style-2 .lqd-tabs-nav .lqd-tabs-nav-progress-inner { height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-color: var(--lqd-color-primary); transform: scaleX(0); transform-origin: right; transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-tabs-style-2 .lqd-tabs-nav li { padding-inline-start: 15px; padding-inline-end: 15px; flex-basis: 33.3333333333%; position: relative; } .lqd-tabs-style-2 .lqd-tabs-nav li.active .lqd-tabs-nav-progress-inner { transform-origin: left; transform: scaleX(1); } @media (min-width: 992px) { .lqd-tabs-style-2 .lqd-tabs-nav { flex-wrap: nowrap; } } @media (max-width: 767px) { .lqd-tabs-style-2 .lqd-tabs-nav { flex-direction: column; flex-wrap: nowrap; } .lqd-tabs-style-2 .lqd-tabs-nav li { width: 100%; } } .lqd-tabs-style-3 .lqd-tabs-nav { --icon-size: 44px; border-bottom-width: 2px; border-bottom-style: solid; } .lqd-tabs-style-3 .lqd-tabs-nav li { position: relative; padding-inline-start: 12px; padding-inline-end: 12px; } .lqd-tabs-style-3 .lqd-tabs-nav li a:after { content: ""; display: inline-block; width: 100%; height: 2px; position: absolute; bottom: -2px; left: 0; background-color: var(--lqd-color-primary); transform: scaleX(0); transition: transform 0.3s; } .lqd-tabs-style-3 .lqd-tabs-nav li a.active:after { transform: scaleX(1); } .lqd-tabs-style-3 .lqd-tabs-nav a { padding-top: 1.5em; padding-bottom: 1.5em; display: block; } .lqd-tabs-style-3 .lqd-tabs-nav .lqd-tabs-nav-icon-icon { margin-bottom: 0.5em; color: var(--lqd-color-primary); } @media screen and (min-width: 768px) and (max-width: 991px) { .lqd-tabs-style-3 .lqd-tabs-nav { --icon-size: 30px; } .lqd-tabs-style-3 .lqd-tabs-nav li a { padding: 1.5rem !important; } .lqd-tabs-style-3 .lqd-tabs-nav .lqd-tabs-nav-icon { margin-inline-end: 15px; } } @media screen and (min-width: 992px) { .lqd-tabs-style-3 .lqd-tabs-nav.justify-start li:first-child { margin-inline-start: 0; } .lqd-tabs-style-3 .lqd-tabs-nav.justify-between li { flex-grow: 1; } .lqd-tabs-style-3 .lqd-tabs-nav.justify-center li { padding-inline-start: 2em; padding-inline-end: 2em; } .lqd-tabs-style-3 .lqd-tabs-nav.justify-between li, .lqd-tabs-style-3 .lqd-tabs-nav.justify-center li { margin-inline-start: 0; margin-inline-end: 0; } .lqd-tabs-style-3 .lqd-tabs-nav.justify-end li:last-child { margin-inline-end: 0; } } @media screen and (max-width: 991px) { .lqd-tabs-style-3 { flex-direction: column; flex-wrap: nowrap !important; } } @media screen and (max-width: 920px) { .lqd-tabs-style-3 .lqd-tabs-nav li { margin: 0; padding: 0; } } @media screen and (max-width: 768px) { .lqd-tabs-style-3 .lqd-tabs-nav { flex-wrap: wrap; } } @media screen and (max-width: 479px) { .lqd-tabs-style-3 .lqd-tabs-nav { border: none; } .lqd-tabs-style-3 .lqd-tabs-nav li { width: 50%; padding-inline-start: 10px; padding-inline-end: 10px; margin: 0; margin-bottom: 1.5em; } .lqd-tabs-style-3 .lqd-tabs-nav a { padding: 0 0 0.75em; } } .lqd-tabs-style-4 .lqd-tabs-nav { --icon-size: 40px; font-size: 16px; position: relative; } .lqd-tabs-style-4 .lqd-tabs-nav:before { content: ""; display: inline-block; width: 100vw; height: 1px; position: absolute; top: calc(var(--icon-size) + var(--icon-size) * 0.6); left: 50%; right: 50%; margin-inline-start: -50vw; margin-inline-end: -50vw; background-color: #e9e9e9; } .lqd-tabs-style-4 .lqd-tabs-nav .h3 { font-size: 1em; } .lqd-tabs-style-4 .lqd-tabs-nav .lqd-tabs-nav-icon-icon { margin-bottom: 0.6em; padding-bottom: 0.6em; position: relative; color: var(--lqd-color-primary); } .lqd-tabs-style-4 .lqd-tabs-nav .lqd-tabs-nav-icon-icon:after { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50em; position: absolute; bottom: -5px; left: calc(50% - 5px); background-color: #e9e9e9; transition: background 0.45s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-tabs-style-4 .lqd-tabs-nav .lqd-tabs-nav-icon-icon i { transition: transform 0.3s; } .lqd-tabs-style-4 .lqd-tabs-nav a { display: block; } .lqd-tabs-style-4 .lqd-tabs-nav li { padding-inline-start: 15px; padding-inline-end: 15px; } .lqd-tabs-style-4 .lqd-tabs-nav li:hover .lqd-tabs-nav-icon-icon i { transform: translateY(-4px); } .lqd-tabs-style-4 .lqd-tabs-nav li.active .h3:after { background-color: var(--lqd-color-primary); } @media screen and (max-width: 479px) { .lqd-tabs-style-4 .lqd-tabs-nav:before { content: none; } .lqd-tabs-style-4 .lqd-tabs-nav li { flex-basis: 50%; margin-bottom: 0.5em; } } .lqd-tabs-style-5 { --tab-nav-width: 41.66666667%; } .lqd-tabs-style-5 .lqd-tabs-content, .lqd-tabs-style-5 .lqd-tabs-nav-wrap { flex: 0 0 auto; } .lqd-tabs-style-5 .lqd-tabs-nav-wrap { width: var(--tab-nav-width); grid-auto-flow: row; } .lqd-tabs-style-5 .lqd-tabs-nav { font-size: 15px; } .lqd-tabs-style-5 .lqd-tabs-nav a { display: block; position: relative; border-radius: 7px; color: #737373; box-shadow: 0 0 0 rgba(0, 0, 0, 0.05); } .lqd-tabs-style-5 .lqd-tabs-nav a:after, .lqd-tabs-style-5 .lqd-tabs-nav a:before { content: ""; display: inline-block; width: 100%; height: 100%; border-radius: inherit; position: absolute; top: 0; left: 0; z-index: 0; transition: opacity 0.3s; } .lqd-tabs-style-5 .lqd-tabs-nav a:after { opacity: 0; background-color: #fff; } .lqd-tabs-style-5 .lqd-tabs-nav a > span { position: relative; z-index: 2; } .lqd-tabs-style-5 .lqd-tabs-nav li.active a { box-shadow: 0 15px 45px rgba(0, 0, 0, 0.075); } .lqd-tabs-style-5 .lqd-tabs-nav li.active a:after { opacity: 1; } .lqd-tabs-style-5 .lqd-tabs-nav .lqd-tabs-nav-icon { --icon-size: 40px; } .lqd-tabs-style-5 .lqd-tabs-content { width: calc(100% - var(--tab-nav-width)); } @media screen and (max-width: 768px) { .lqd-tabs-style-5 .lqd-tabs-content, .lqd-tabs-style-5 .lqd-tabs-nav-wrap { width: 100%; padding-inline-start: 0 !important; padding-inline-end: 0 !important; } .lqd-tabs-style-5 .lqd-tabs-nav-wrap { margin-bottom: 1.5em; } .lqd-tabs-style-5 .lqd-tabs-nav .iconbox .iconbox-icon-container { font-size: 30px; } } .lqd-tabs-style-6 { --tab-nav-width: 25%; } .lqd-tabs-style-6 .lqd-tabs-nav-icon-icon { width: 28px; height: 28px; margin-inline-end: 13px; background-color: rgba(50, 60, 71, 0.05); font-weight: 700; } .lqd-tabs-style-6 .lqd-tabs-content, .lqd-tabs-style-6 .lqd-tabs-nav-wrap { flex: 0 0 auto; } .lqd-tabs-style-6 .lqd-tabs-nav-wrap { width: var(--tab-nav-width); } .lqd-tabs-style-6 .lqd-tabs-nav { font-size: 16px; counter-reset: lqd-tabs-counter; } .lqd-tabs-style-6 .lqd-tabs-nav a { color: #323c47; padding-inline-start: 1.5em; padding-inline-end: 1.5em; box-shadow: 0 0 0 rgba(0, 0, 0, 0.05); } .lqd-tabs-style-6 .lqd-tabs-nav li { counter-increment: lqd-tabs-counter; width: 100%; } .lqd-tabs-style-6 .lqd-tabs-nav li.active a { box-shadow: 0 15px 45px rgba(0, 0, 0, 0.075); } .lqd-tabs-style-6 .lqd-tabs-nav li.active .lqd-tabs-nav-icon-icon { background-color: var(--lqd-color-primary); color: #fff; } .lqd-tabs-style-6 .lqd-tabs-content { width: calc(100% - var(--tab-nav-width)); } @media screen and (min-width: 768px) and (max-width: 991px) { .lqd-tabs-style-6 { --tab-nav-width: 35%; } } @media screen and (max-width: 991px) { .lqd-tabs-style-6 { flex-direction: column; flex-wrap: nowrap !important; } } @media screen and (max-width: 768px) { .lqd-tabs-style-6 .lqd-tabs-content, .lqd-tabs-style-6 .lqd-tabs-nav-wrap { width: 100%; flex-grow: 1; padding-inline-start: 0 !important; padding-inline-end: 0 !important; } .lqd-tabs-style-6 .lqd-tabs-nav-wrap { margin-bottom: 1.5em; } } .lqd-tabs-style-7 .lqd-tabs-nav { font-size: 18px; } .lqd-tabs-style-7 .lqd-tabs-nav .lqd-tabs-nav-icon { --icon-size: 1em; } .lqd-tabs-style-7 .lqd-tabs-nav .lqd-tabs-nav-icon-icon { width: 31px; height: 31px; margin-inline-end: 18px; background-color: #fff; color: #b0b9be; font-weight: 500; } .lqd-tabs-style-7 .lqd-tabs-nav a { background-color: #edf1f2; color: #90999e; } .lqd-tabs-style-7 .lqd-tabs-nav li.active a { color: #fff; background-color: var(--lqd-color-primary); } .lqd-tabs-style-7 .lqd-tabs-nav li.active .lqd-tabs-nav-icon { color: var(--lqd-color-primary); } @media screen and (min-width: 768px) and (max-width: 991px) { .lqd-tabs-style-7 .lqd-tabs-nav li a { padding: 0.85rem 1.25rem !important; } } @media screen and (min-width: 768px) { .lqd-tabs-style-7 .lqd-tabs-nav li { margin: 0 0.5em; } } @media screen and (max-width: 991px) { .lqd-tabs-style-7 { flex-direction: column; flex-wrap: nowrap !important; } .lqd-tabs-style-7 .lqd-tabs-nav li { margin-bottom: 0.5em; } } .lqd-tabs-style-8 { --tab-nav-width: 30%; } .lqd-tabs-style-8 .lqd-tabs-content, .lqd-tabs-style-8 .lqd-tabs-nav-wrap { flex: 0 0 auto; } .lqd-tabs-style-8 .lqd-tabs-nav-wrap { width: var(--tab-nav-width); } .lqd-tabs-style-8 .lqd-tabs-nav { font-size: 16px; } .lqd-tabs-style-8 .lqd-tabs-nav a { color: #878f9d; } .lqd-tabs-style-8 .lqd-tabs-nav a:before { content: ""; display: inline-block; width: 28px; height: 2px; flex: 0 0 auto; margin-inline-end: 12px; background-color: var(--lqd-color-primary); transform-origin: left; transform: scaleX(0); transition: transform 0.65s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-tabs-style-8 .lqd-tabs-nav li.active a { color: #292a34; } .lqd-tabs-style-8 .lqd-tabs-nav li.active a:before { transform: scaleX(1); } .lqd-tabs-style-8 .lqd-tabs-content { width: calc(100% - var(--tab-nav-width)); } @media screen and (max-width: 479px) { .lqd-tabs-style-8 { flex-direction: column; flex-wrap: nowrap !important; } .lqd-tabs-style-8 .lqd-tabs-content, .lqd-tabs-style-8 .lqd-tabs-nav-wrap { width: 100%; } } .lqd-tabs-style-9 .lqd-tabs-nav a { padding: 20px 5px; border: 1px solid #e1e1e1; position: relative; text-align: center; color: #000; } .lqd-tabs-style-9 .lqd-tabs-nav a span { position: relative; z-index: 2; } .lqd-tabs-style-9 .lqd-tabs-nav li + li a { border-left-width: 0; } /* .lqd-tabs-style-9 .lqd-tabs-nav li:first-child a { border-radius: 50em 0 0 50em; } */ /* .lqd-tabs-style-9 .lqd-tabs-nav li:last-child a { border-radius: 0 50em 50em 0; } */ .lqd-tabs-style-9 .lqd-tabs-nav li.active a { background-color: #1856A6; color: #fff !important; border-radius: 30px; } .lqd-tabs-style-9 .lqd-tabs-nav li a:hover{ background-color: #1856A6; color: #fff !important; border-radius: 30px; } @media screen and (min-width: 480px) and (max-width: 768px) { .lqd-tabs-style-9:not(.lqd-tabs-style-9-alt2) .lqd-tabs-nav li { flex: 1 0 50%; } .lqd-tabs-style-9:not(.lqd-tabs-style-9-alt2) .lqd-tabs-nav li a { justify-content: center; } .lqd-tabs-style-9:not(.lqd-tabs-style-9-alt2) .lqd-tabs-nav li:nth-child(2n) a { border-top-right-radius: 50em; border-bottom-right-radius: 50em; } .lqd-tabs-style-9:not(.lqd-tabs-style-9-alt2) .lqd-tabs-nav li:nth-child(odd) a { border-left-width: 1px; border-top-left-radius: 50em; border-bottom-left-radius: 50em; } .lqd-tabs-style-9:not(.lqd-tabs-style-9-alt2) .lqd-tabs-nav li:nth-child(n + 3) { margin-top: 0.5em; } .lqd-tabs-style-9:not(.lqd-tabs-style-9-alt2) .lqd-tabs-nav li:nth-child(n + 3) a { border-bottom-width: 1px; } } @media screen and (max-width: 479px) { .lqd-tabs-style-9 .lqd-tabs-nav { flex-direction: column; } .lqd-tabs-style-9 .lqd-tabs-nav a, .lqd-tabs-style-9 .lqd-tabs-nav li { /* border-radius: 50em !important; */ /* border: none !important; */ } .lqd-tabs-style-9 .lqd-tabs-nav li { width: 100%; margin-bottom: 3px; } .lqd-tabs-style-9 .lqd-tabs-nav li + li a { border-width: 1px; } } .lqd-tabs-style-9-alt .lqd-tabs-nav { font-size: 18px; } .lqd-tabs-style-9-alt .lqd-tabs-nav a { padding: 0.37em 1.75em; border-width: 2px; border-color: var(--lqd-color-primary); color: var(--lqd-color-primary); } .lqd-tabs-style-9-alt .lqd-tabs-nav a:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; border-radius: inherit; background-color: var(--lqd-color-primary); opacity: 0.065; } @media (min-width: 992px) { .lqd-tabs-style-9-alt .lqd-tabs-nav { flex-wrap: nowrap; } } .lqd-tabs-style-9-alt2 .lqd-tabs-nav li { padding: 0.3125em 0.4375em; } /* .lqd-tabs-style-9-alt2 .lqd-tabs-nav li:first-child { border-radius: 50em 0 0 50em; } .lqd-tabs-style-9-alt2 .lqd-tabs-nav li:last-child { border-radius: 0 50em 50em 0; } */ .lqd-tabs-style-9-alt2 .lqd-tabs-nav a { padding: 30px 10px; border: none; /* border-radius: 5em !important; */ } @media screen and (min-width: 992px) { .lqd-tabs-style-9-alt2 .lqd-tabs-nav.justify-md-between li { flex-grow: 1; display: flex; justify-content: center; } .lqd-tabs-style-9-alt2 .lqd-tabs-nav.justify-md-between li:first-child { justify-content: flex-start; } .lqd-tabs-style-9-alt2 .lqd-tabs-nav.justify-md-between li:last-child { justify-content: flex-end; } } @media screen and (max-width: 991px) { .lqd-tabs-style-9-alt2 .lqd-tabs-nav li { margin-bottom: 5px; } } .lqd-tabs-style-10 .lqd-tabs-nav.justify-between { justify-content: center; } .lqd-tabs-style-10 .lqd-tabs-nav a { flex-direction: column; position: relative; } .lqd-tabs-style-10 .lqd-tabs-nav a:before { content: ""; display: inline-block; width: 30px; height: 30px; position: absolute; bottom: 3px; left: calc(50% - 15px); border-radius: 50em; background-color: #fff; transform: scale(0.5); opacity: 0; transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-tabs-style-10 .lqd-tabs-nav a:after { content: ""; display: inline-block; width: 100%; height: 36px; background-color: var(--lqd-color-primary); } .lqd-tabs-style-10 .lqd-tabs-nav .lqd-tabs-nav-txt { margin: 0 0.5em 7px; margin-bottom: 7px; } .lqd-tabs-style-10 .lqd-tabs-nav li:first-child a:after, .lqd-tabs-style-10 .lqd-tabs-nav li:last-child a:after { width: 36px; } .lqd-tabs-style-10 .lqd-tabs-nav li:first-child .lqd-tabs-nav-txt, .lqd-tabs-style-10 .lqd-tabs-nav li:last-child .lqd-tabs-nav-txt { margin-bottom: 0; } .lqd-tabs-style-10 .lqd-tabs-nav li:first-child a { flex-direction: row; } .lqd-tabs-style-10 .lqd-tabs-nav li:first-child a:before { left: auto; right: 2px; } .lqd-tabs-style-10 .lqd-tabs-nav li:first-child a:after { border-radius: 50em 0 0 50em; } .lqd-tabs-style-10 .lqd-tabs-nav li:first-child .lqd-tabs-nav-txt { margin-inline-end: 1em; } .lqd-tabs-style-10 .lqd-tabs-nav li:last-child a { flex-direction: row-reverse; } .lqd-tabs-style-10 .lqd-tabs-nav li:last-child a:before { left: 2px; } .lqd-tabs-style-10 .lqd-tabs-nav li:last-child a:after { border-radius: 0 50em 50em 0; } .lqd-tabs-style-10 .lqd-tabs-nav li:last-child .lqd-tabs-nav-txt { margin-inline-start: 1em; } .lqd-tabs-style-10 .lqd-tabs-nav li.active a { color: #000; } .lqd-tabs-style-10 .lqd-tabs-nav li.active a:before { opacity: 1; transform: scale(1); } @media screen and (max-width: 768px) { .lqd-tabs-style-10 .lqd-tabs-nav { justify-content: center !important; } } @media screen and (max-width: 479px) { .lqd-tabs-style-10 .lqd-tabs-nav li { width: 100%; } .lqd-tabs-style-10 .lqd-tabs-nav li:not(:last-child) { margin-bottom: 0.5em; } .lqd-tabs-style-10 .lqd-tabs-nav li a { width: 100%; flex-direction: row; } .lqd-tabs-style-10 .lqd-tabs-nav li a:before { width: 16px; height: 16px; bottom: 10px; left: 10px; right: auto; } .lqd-tabs-style-10 .lqd-tabs-nav li a:after { width: 36px; order: -1; border-radius: 50%; } .lqd-tabs-style-10 .lqd-tabs-nav li .lqd-tabs-nav-txt { margin-inline-start: 1em !important; margin-inline-end: 0; } } .lqd-tabs-style-11 .lqd-tabs-nav a { color: rgba(0, 0, 0, 0.4); } .lqd-tabs-style-11 .lqd-tabs-nav li:not(:last-of-type) { margin-inline-end: 2em; } .lqd-tabs-style-11 .lqd-tabs-nav li.active a { color: #000; } @media screen and (max-width: 768px) { .lqd-tabs-style-11 .lqd-tabs-nav { display: flex !important; min-width: 100%; margin-bottom: 1em !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1); flex-flow: row nowrap !important; justify-content: flex-start !important; align-items: stretch !important; overflow-x: auto; white-space: nowrap; } .lqd-tabs-style-11 .lqd-tabs-nav li { display: flex; flex: 0.15 0; padding: 0 !important; margin: 0 !important; text-align: inherit !important; } .lqd-tabs-style-11 .lqd-tabs-nav li + li { margin-inline-start: 10% !important; } .lqd-tabs-style-11 .lqd-tabs-nav li a { padding: 0 0 0.5em !important; position: relative; } .lqd-tabs-style-11 .lqd-tabs-nav li a:before { content: ""; display: inline-block; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background-color: #000; opacity: 0; transition: opacity 0.3s; } .lqd-tabs-style-11 .lqd-tabs-nav li:last-of-type { margin-inline-end: -150vw !important; } .lqd-tabs-style-11 .lqd-tabs-nav li.active a:before { opacity: 1; } .lqd-tabs-style-11 .lqd-tabs-content { padding: 0 !important; margin: 0 !important; } } .lqd-tabs-style-12 .lqd-tabs-nav a { display: block; position: relative; color: rgba(0, 0, 0, 0.25); } .lqd-tabs-style-12 .lqd-tabs-nav a:after { content: ""; display: inline-block; width: 45%; height: 2px; position: absolute; bottom: -0.25em; left: 0; background-color: currentColor; transform: scaleX(0); transform-origin: right; transition: transform 0.65s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-tabs-style-12 .lqd-tabs-nav li { margin-inline-end: 2.65em; } .lqd-tabs-style-12 .lqd-tabs-nav li.active a { color: #000; } .lqd-tabs-style-12 .lqd-tabs-nav li.active a:after { transform-origin: left; transform: scaleX(1); } .lqd-tabs-style-12.lqd-nav-underline-fw .lqd-tabs-nav a:after { width: 100%; } @media screen and (max-width: 479px) { .lqd-tabs-style-12 .lqd-tabs-nav-wrap { margin-bottom: 1rem !important; } .lqd-tabs-style-12 .lqd-tabs-nav li { margin-bottom: 1em; } } .lqd-tabs-style-13 { --tab-nav-width: 22%; } .lqd-tabs-style-13 .lqd-tabs-content, .lqd-tabs-style-13 .lqd-tabs-nav-wrap { flex: 0 0 auto; } .lqd-tabs-style-13 .lqd-tabs-nav-wrap { width: var(--tab-nav-width); grid-auto-flow: row; } .lqd-tabs-style-13 .lqd-tabs-nav-btn-wrap { padding: 1em 1.5em; } .lqd-tabs-style-13 .lqd-tabs-nav a { padding: 1em 1.5em; border-radius: 4px; color: #000; } .lqd-tabs-style-13 .lqd-tabs-nav a > span { display: block; } .lqd-tabs-style-13 .lqd-tabs-nav .lqd-tabs-nav-ext { display: none; margin-top: 0.75em; font-size: 0.85em; font-weight: 400; line-height: 1.35em; opacity: 0.6; } .lqd-tabs-style-13 .lqd-tabs-nav li.active a { background-color: #f3f2f9; } .lqd-tabs-style-13 .lqd-tabs-nav li.active .lqd-tabs-nav-ext { display: block; } .lqd-tabs-style-13 .lqd-tabs-content { width: calc(100% - var(--tab-nav-width)); } @media screen and (max-width: 991px) { .lqd-tabs-style-13 { flex-wrap: wrap; } .lqd-tabs-style-13 .lqd-tabs-content, .lqd-tabs-style-13 .lqd-tabs-nav-wrap { width: 100%; } .lqd-tabs-style-13 .lqd-tabs-nav-wrap { margin-bottom: 35px; } } @media screen and (max-width: 768px) { .lqd-tabs-style-13 .lqd-tabs-content, .lqd-tabs-style-13 .lqd-tabs-nav-wrap { width: 100%; flex-grow: 1; padding-inline-start: 0 !important; padding-inline-end: 0 !important; } .lqd-tabs-style-13 .lqd-tabs-content { margin-bottom: 1.5em; } .lqd-tabs-style-13 .lqd-tabs-nav-wrap { margin-bottom: 0; } } .lqd-tabs-style-14 { --lqd-tabs-nav-offset: 15%; --lqd-tabs-nav-translate: 0; } .lqd-tabs-style-14 .lqd-tabs-nav-wrap { overflow: hidden; padding-left: var(--lqd-tabs-nav-offset); mask-image: linear-gradient( to right, transparent 0%, #000 15%, #000 80%, transparent 100% ); -webkit-mask-image: linear-gradient( to right, transparent 0%, #000 15%, #000 80%, transparent 100% ); } .lqd-tabs-style-14 .lqd-tabs-nav { transform: translate3d(calc(var(--lqd-tabs-nav-translate, 0) * -1), 0, 0); transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-tabs-style-14 .lqd-tabs-nav:before { content: ""; display: inline-block; width: var(--lqd-tabs-nav-active-width); height: var(--lqd-tabs-nav-active-height); border-radius: calc(var(--lqd-tabs-nav-active-height) / 2); position: absolute; top: 0; left: 0; background-color: #fff; pointer-events: none; box-shadow: 0 20px 50px rgba(52, 49, 139, 0.07); transform: translate3d(var(--lqd-tabs-nav-translate), 0, 0); transition: width 1s, height 1s, transform 1s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transform-origin: left; } .lqd-tabs-style-14 .lqd-tabs-nav > li { white-space: nowrap; color: #162c35; } .lqd-tabs-style-14 .lqd-tabs-nav > li > a { margin-bottom: 0.5em; padding: 0.4em 0.875em; font-size: 45px; font-weight: 700; line-height: 1; } .lqd-tabs-style-14 .lqd-tabs-nav > li .lqd-tabs-nav-txt { position: relative; } .lqd-tabs-style-14 .lqd-tabs-nav > li .lqd-tabs-nav-txt span { opacity: 1; background: rgba(26, 66, 101, 0.3); -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-fill-color: transparent !important; transition: opacity 0.3s; } .lqd-tabs-style-14 .lqd-tabs-nav > li .lqd-tabs-nav-txt::before { content: attr(data-txt); display: inline-block; width: 100%; height: 100%; position: absolute; top: -0.075em; left: 0; line-height: 1.15em; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-fill-color: transparent !important; background: linear-gradient( to right, var(--lqd-color-gradient-start), var(--lqd-color-gradient-stop) ); opacity: 0; transition: opacity 0.3s; } .lqd-tabs-style-14 .lqd-tabs-nav > li .lqd-tabs-nav-ext { display: block; position: absolute; top: 100%; left: 0; opacity: 0; transform: translateX(calc(var(--lqd-tabs-nav-translate, 0) + 5%)); transition: opacity 0.65s, transform 0.65s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-tabs-style-14 .lqd-tabs-nav > li.active > a .lqd-tabs-nav-txt span { opacity: 0; } .lqd-tabs-style-14 .lqd-tabs-nav > li.active > a .lqd-tabs-nav-txt:before { opacity: 1; } .lqd-tabs-style-14 .lqd-tabs-nav > li.active .lqd-tabs-nav-ext { opacity: 1; transform: translateX(var(--lqd-tabs-nav-translate, 0)); } @media (min-width: 768px) { .lqd-tabs-nav-items-not-expanded .lqd-tabs-nav li { flex-grow: 0; } } @media screen and (max-width: 479px) { .lqd-tabs-style-14 { --lqd-tabs-nav-offset: 7%; } .lqd-tabs-style-14 .lqd-tabs-nav-wrap { mask-image: linear-gradient( to right, transparent 0%, #000 5%, #000 90%, transparent 100% ); -webkit-mask-image: linear-gradient( to right, transparent 0%, #000 5%, #000 90%, transparent 100% ); } .lqd-tabs-style-14 .lqd-tabs-nav > li > a { font-size: 27px; } .lqd-tabs-style-14 .lqd-tabs-nav > li .lqd-tabs-nav-ext { font-size: 12px; max-width: 60vw; white-space: normal; } } .lqd-tm h6 { text-transform: none; letter-spacing: normal; } .lqd-tm .social-icon:empty { display: none; } .lqd-tm .social-icon li { transition: transform 0.3s; } .lqd-tm .social-icon li:hover { transform: scale(1.2) !important; } .lqd-tm-style-1 .lqd-tm-details { position: absolute; bottom: -60px; left: -40px; right: 15%; z-index: 2; border-radius: 0 0 5px 5px; } .lqd-tm-style-1 .lqd-tm-bg { z-index: -1; border-radius: inherit; box-shadow: 0 0 0 rgba(0, 0, 0, 0.05); transition: box-shadow 0.3s; } .lqd-tm-style-1 .lqd-tm-bg.block-revealer { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05); } .lqd-tm-style-1 h3 { font-size: 22px; } .lqd-tm-style-1 h6 { font-size: 16px; color: #a5a5a5; } .lqd-tm-style-2 .lqd-tm-details { position: absolute; bottom: 0; left: 0; transform: translate(-5%, 30%); } .lqd-tm-style-2 .lqd-tm-details svg { position: absolute; top: -100%; left: -30%; z-index: 0; } .lqd-tm-style-2 .lqd-tm-details svg stop:first-child { stop-color: var(--lqd-color-gradient-start); } .lqd-tm-style-2 .lqd-tm-details svg stop:last-child { stop-color: var(--lqd-color-gradient-stop); } .no-backgroundblendmode .lqd-tm-style-2 .lqd-tm-details svg { opacity: 0.65; } .lqd-tm-style-2 h3, .lqd-tm-style-2 p { position: relative; z-index: 2; } .lqd-tm-style-2 h3 { font-size: 22px; letter-spacing: 0.02em; } .lqd-tm-style-3 { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05); } .lqd-tm-style-3 .lqd-tm-socials { background: var(--lqd-color-primary); opacity: 0; visibility: hidden; transition: opacity 0.65s, visibility 0.65s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-tm-style-3 .lqd-tm-socials a { color: #fff; } .lqd-tm-style-3 .social-icon { font-size: 25px; } .lqd-tm-style-3 .social-icon li { opacity: 0; transition: opacity 0.65s, transform 0.65s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transform: translateY(25px); } .lqd-tm-style-3 h3 { font-size: 20px; } .lqd-tm-style-3 h6 { font-size: 16px; color: #a5a5a5; } .lqd-tm-style-3 .lqd-tm-details { background-color: #fff; } .lqd-tm-style-3:hover .lqd-tm-socials { opacity: 1; visibility: visible; } .lqd-tm-style-3:hover .social-icon li { opacity: 1; transform: translateY(0); } .lqd-tm-style-3:hover .social-icon li:first-child { transition-delay: 0.1s; } .lqd-tm-style-3:hover .social-icon li:nth-child(2) { transition-delay: 0.2s; } .lqd-tm-style-3:hover .social-icon li:nth-child(3) { transition-delay: 0.3s; } .lqd-tm-style-3:hover .social-icon li:nth-child(4) { transition-delay: 0.4s; } .lqd-tm-style-3:hover .social-icon li:nth-child(5) { transition-delay: 0.5s; } .lqd-tm-style-4 .lqd-tm-details { background-color: var(--lqd-color-primary); opacity: 0; visibility: hidden; transform: scale(0.93); transition: transform 0.75s, opacity 0.75s, visibility 0.75s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-tm-style-4 .social-icon { margin-top: auto; margin-bottom: auto; font-size: 24px; } .lqd-tm-style-4 a { color: #fff; } .lqd-tm-style-4 .social-icon li, .lqd-tm-style-4 h3, .lqd-tm-style-4 h6 { opacity: 0; transform: translateY(20px); transition: opacity 0.45s, transform 0.45s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-tm-style-4 h3 { font-size: 22px; color: #fff; } .lqd-tm-style-4 h6 { font-size: 20px; color: rgba(255, 255, 255, 0.6); } .lqd-tm-style-4:hover .lqd-tm-details { opacity: 1; visibility: visible; transform: scale(1); } .lqd-tm-style-4:hover .social-icon li, .lqd-tm-style-4:hover h3, .lqd-tm-style-4:hover h6 { opacity: 1; transform: translateY(0); } .lqd-tm-style-4:hover .social-icon li { opacity: 1; transform: translateY(0); } .lqd-tm-style-4:hover .social-icon li:first-child { transition-delay: 0.13s; } .lqd-tm-style-4:hover .social-icon li:nth-child(2) { transition-delay: 0.23s; } .lqd-tm-style-4:hover .social-icon li:nth-child(3) { transition-delay: 0.33s; } .lqd-tm-style-4:hover .social-icon li:nth-child(4) { transition-delay: 0.43s; } .lqd-tm-style-4:hover .social-icon li:nth-child(5) { transition-delay: 0.53s; } .lqd-tm-style-4:hover h3 { transition-delay: 0.3s; } .lqd-tm-style-4:hover h6 { transition-delay: 0.4s; } .lqd-tm-style-5 { margin-bottom: 0; } .lqd-tm-style-5 .lqd-tm-details { background-color: var(--lqd-color-primary); } .lqd-tm-style-5 h3 { font-size: 22px; color: #fff; } .lqd-tm-style-5 h6 { font-size: 20px; color: rgba(255, 255, 255, 0.6); } .lqd-tm-style-5 .lqd-tm-details-icon { font-size: 22px; color: #fff; } .lqd-tm-style-5 .social-icon { margin-bottom: auto; } @media screen and (min-width: 541px) { .lqd-tm-style-5 .lqd-tm-details { opacity: 0; visibility: hidden; transition: opacity 0.75s, visibility 0.75s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-tm-style-5 .lqd-tm-details-icon, .lqd-tm-style-5 .social-icon, .lqd-tm-style-5 h3, .lqd-tm-style-5 h6 { opacity: 0; transition: opacity 0.45s, transform 0.45s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-tm-style-5 h3, .lqd-tm-style-5 h6 { transform: translateY(20px); } .lqd-tm-style-5 .lqd-tm-details-icon { transform: translateX(-20px); } .lqd-tm-style-5:hover h3 { transition-delay: 0.1s; } .lqd-tm-style-5:hover h6 { transition-delay: 0.2s; } .lqd-tm-style-5:hover .lqd-tm-details-icon { transition-delay: 0.35s; } .lqd-tm-style-5:hover .lqd-tm-details, .lqd-tm-style-5:hover .lqd-tm-details-icon, .lqd-tm-style-5:hover .social-icon, .lqd-tm-style-5:hover h3, .lqd-tm-style-5:hover h6 { opacity: 1; visibility: visible; transform: translate(0); } } .lqd-tm-style-6 h3 { font-size: 19px; } .lqd-tm-style-6 h6 { font-size: 16px; } .lqd-tm-style-6 .lqd-tm-details-icon, .lqd-tm-style-6 h3, .lqd-tm-style-6 h6 { opacity: 0; transform: translateX(-30px); transition: transform 1s 0.35s, opacity 1s 0.35s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .lqd-tm-style-6 .lqd-tm-details-icon { font-size: 20px; color: #000; } .lqd-tm-style-6 .lqd-tm-details { background-color: var(--lqd-color-primary); transform: translateX(-102%); transition: transform 0.65s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-tm-style-6:hover .lqd-tm-details-icon, .lqd-tm-style-6:hover h3, .lqd-tm-style-6:hover h6 { transform: translateX(0); opacity: 1; } .lqd-tm-style-6:hover h6 { font-weight: 400; transition-delay: 0.4s; } .lqd-tm-style-6:hover .lqd-tm-details-icon { text-decoration: 0.55s; } .lqd-tm-style-6:hover .lqd-tm-details { transform: translateX(0); } .lqd-testi-np h3, .lqd-testi-np h4 { margin: 0; font-size: 15px; line-height: 1.5em; } .lqd-testi-np h3 { margin-bottom: 0.25em; } .lqd-testi-np h4 { color: #8c8c8c; } .lqd-testi-np[class*="ps-"]:only-child { padding-inline-start: 0; } .lqd-testi-quote blockquote { margin: 0; line-height: 1.5em; font-style: normal; } .lqd-testi-quote blockquote p:last-child { margin-bottom: 0; } .lqd-testi-inner { border-radius: inherit; } .lqd-testi { color: #243858; } .lqd-testi blockquote { padding: 0; border: none; } .lqd-testi-avatar-48 .lqd-testi-avatar { width: 48px; } .lqd-testi-avatar-60 .lqd-testi-avatar { width: 60px; } .lqd-testi-avatar-65 .lqd-testi-avatar { width: 65px; } .lqd-testi-avatar-68 .lqd-testi-avatar { width: 68px; } .lqd-testi-avatar-72 .lqd-testi-avatar { width: 72px; } .lqd-testi-avatar-85 .lqd-testi-avatar { width: 85px; } .lqd-testi-avatar-90 .lqd-testi-avatar { width: 90px; } .lqd-testi-time { font-size: 15px; } .lqd-testi-brd { border: 2px solid #f5f5f5; } .lqd-testi-bubble { border: 1px solid #d3dee3; } .lqd-testi-bubble:after, .lqd-testi-bubble:before { content: "" !important; display: inline-block; width: 0; height: 0; border-top: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid; border-left-color: inherit; position: absolute; bottom: -20px; left: 25%; z-index: 1; } .lqd-testi-bubble:after { border-width: 18px; bottom: -18px; left: calc(25% + 1px); border-left-color: #fff; } .lqd-testi-bubble .lqd-testi-inner { background-color: #fff; z-index: 2; } .lqd-testi-bubble-all { background: #fff; } .lqd-testi-bubble-all:after { content: "" !important; display: inline-block; width: 0; height: 0; border-top: 10px solid; border-top-color: inherit; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid transparent; position: absolute; bottom: -20px; left: 55px; z-index: 1; } .lqd-testi-bubble-alt .lqd-testi-quote { background: #fff; } .lqd-testi-bubble-alt .lqd-testi-quote:after { content: "" !important; display: inline-block; width: 0; height: 0; border-top: 10px solid #fff; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid transparent; position: absolute; bottom: -20px; left: calc(50% - 10px); z-index: 1; } .lqd-testi-card { padding: 30px 35px; border-radius: 7px; } @media screen and (max-width: 479px) { .lqd-testi-card { padding: 25px 15px; } } .lqd-testi-card-nospace { padding: 0; } .lqd-testi-details-inline .lqd-testi-np h3:not(:only-child):after { content: ","; margin-inline-end: 0.5em; } .lqd-testi-details-lg .lqd-testi-np h3 { font-size: 18px; } .lqd-testi-details-lg .lqd-testi-np h4 { font-size: 16px; } .lqd-testi-details-same .lqd-testi-np h3, .lqd-testi-details-same .lqd-testi-np h4 { font-size: 14px; } .lqd-testi-details-sm .lqd-testi-np h3 { font-size: 14px; } .lqd-testi-details-sm .lqd-testi-np h4 { font-size: 12px; } .lqd-testi-details-xl .lqd-testi-np h3 { font-size: 19px; } .lqd-testi-details-xl .lqd-testi-np h4 { font-size: 14px; } .lqd-testi-quote-icon-flip { transform: scaleX(-1); } .lqd-testi-quote-16 .lqd-testi-quote blockquote { font-size: 16px; } .lqd-testi-quote-18 .lqd-testi-quote blockquote { font-size: 18px; } .lqd-testi-quote-21 .lqd-testi-quote blockquote { font-size: 21px; } @media screen and (max-width: 479px) { .lqd-testi-quote-21 .lqd-testi-quote blockquote { font-size: 20px; } } .lqd-testi-quote-22 .lqd-testi-quote blockquote { font-size: 22px; } @media screen and (max-width: 479px) { .lqd-testi-quote-22 .lqd-testi-quote blockquote { font-size: 20px; } } .lqd-testi-quote-25 .lqd-testi-quote blockquote { font-size: 25px; } @media screen and (max-width: 479px) { .lqd-testi-quote-25 .lqd-testi-quote blockquote { font-size: 20px; } } .lqd-testi-quote-27 .lqd-testi-quote blockquote { font-size: 27px; } @media screen and (max-width: 479px) { .lqd-testi-quote-27 .lqd-testi-quote blockquote { font-size: 20px; } } @media screen and (max-width: 479px) { .lqd-testi-quote-icon-gradient { max-width: 90px; max-height: 80px; } } .lqd-testi-quote-icon circle, .lqd-testi-quote-icon path { fill: var(--lqd-color-primary); } .lqd-testi-quote-icon circle { opacity: 0.1; } .lqd-testi-shadow-lg { box-shadow: 0 15px 55px rgba(0, 0, 0, 0.075); } .lqd-testi-shadow-none { box-shadow: none; } .lqd-testi-shadow-sm { box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05); } .lqd-testi-shadow-sm2 { box-shadow: 0 10px 60px rgba(232, 235, 253, 0.76); } .lqd-testi-shadow-xl { box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1); } .lqd-testi-shadow-xs { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } .lqd-testi-shadow-xxl { box-shadow: 0 45px 55px rgba(0, 0, 0, 0.075); } .lqd-testi-social-icon { font-size: 23px; } .lqd-testi .lqd-star-rating { color: #878f9d; } .lqd-testi .lqd-star-rating li { color: inherit; } .lqd-testi .lqd-star-rating .active { color: var(--lqd-color-primary); } .lqd-testi-style-9 .lqd-testi-info { border-bottom-style: solid; border-bottom-width: inherit; border-color: inherit; } @media (min-width: 992px) { .lqd-testi-style-16 .lqd-testi-side { width: 50%; } .lqd-testi-style-16 .lqd-testi-right { padding: 4rem; } } .lqd-testi-style-18 { background-color: #fff; border-radius: 3px 3px 22px 22px; } .lqd-testi-style-18:before { content: ""; display: inline-block; height: 7px; position: absolute; top: 0; right: 0; left: 0; border-radius: 5px; background-color: var(--lqd-color-primary); -webkit-mask-image: linear-gradient(60deg, transparent 35%, #000 40%); mask-image: linear-gradient(60deg, transparent 35%, #000 40%); } .lqd-testi-style-18 .lqd-testi-extra { border-top: 1px solid rgba(0, 0, 0, 0.045); } @media (min-width: 992px) { .lqd-testi-style-18 .lqd-testi-quote { padding-inline-start: 2rem; padding-inline-end: 2rem; } } .lqd-testi-style-19 { padding-top: 38px; padding-bottom: 38px; background-color: #fff; } .txt-rotate-keywords { display: inline-block; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; transition: width 0.8s cubic-bezier(0.86, 0, 0.07, 1); transform: translate3d(0, 0, 0); } .txt-rotate-keywords span { background: inherit; } .txt-rotate-keyword { display: inline-block; position: absolute; top: auto; left: 0; opacity: 0; transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .txt-rotate-keyword span { display: inline-block; } .txt-rotate-keyword:first-child { position: relative; top: auto; left: auto; opacity: 1; } .txt-rotate-keyword .lqd-words > .split-inner { display: inline-block; } .text-rotator-activated .txt-rotate-keyword { position: absolute; top: 0; left: 0; right: 0; opacity: 0; } .text-rotator-activated .txt-rotate-keyword.active { position: relative; opacity: 1; } @media screen and (max-width: 479px) { .txt-rotate-keywords { white-space: normal; min-width: 100%; } .txt-rotate-keywords .lqd-keyword-slide-out:not(.active):not(.is-next) { white-space: nowrap; } } .txt-rotator-basic .txt-rotate-keyword { display: none; position: relative; top: auto; left: auto; opacity: 1; } .txt-rotator-basic .txt-rotate-keyword.active { display: inline-block; } @keyframes lqdKeywordSlideIn { from { transform: translateY(65%) rotateX(-95deg); opacity: 0; } to { transform: translateY(0) rotateX(0); opacity: 1; } } @keyframes lqdKeywordSlideOut { from { transform: translateY(0) rotateX(0); opacity: 1; } to { transform: translateY(-65%) rotateX(95deg); opacity: 0; } } .txt-rotate-keyword.lqd-keyword-slide-out { animation: lqdKeywordSlideOut 0.8s cubic-bezier(0.86, 0, 0.07, 1) both; } .txt-rotate-keyword.lqd-keyword-slide-in { animation: lqdKeywordSlideIn 0.8s cubic-bezier(0.86, 0, 0.07, 1) both; } .txt-rotator-list .txt-rotate-keywords { --visible-words: 3; text-align: start; -webkit-mask-image: linear-gradient( to bottom, transparent 0%, #000 25%, #000 75%, transparent 100% ); mask-image: linear-gradient( to bottom, transparent 0%, #000 25%, #000 75%, transparent 100% ); } .txt-rotator-list .txt-rotate-keyword { display: block; width: 100%; position: relative; top: auto !important; left: auto !important; right: auto; opacity: 1 !important; text-align: inherit; transform: none; } .txt-rotator-list .txt-rotate-keywords-inner { --clip-start: calc(50% + var(--current-keyword-height, 0px) + 0.1em); --clip-stop: calc(50% + var(--current-keyword-height, 0px) - 0.15em); --fade-start: calc(50% + var(--current-keyword-height, 0px) + 0.2em); --fade-stop: calc(50% - var(--current-keyword-height, 0px) + 0.15em); --lqd-color-start: var(--lqd-color-gradient-start); --lqd-color-stop: var(--lqd-color-gradient-stop); --active-color-start: var(--lqd-color-start, var(--lqd-color-primary)); --active-color-stop: var(--lqd-color-stop, var(--lqd-color-primary)); } .txt-rotator-list .txt-rotate-keywords-inner-clone { -webkit-clip-path: inset(var(--clip-start) 0 var(--clip-stop) 0); clip-path: inset(var(--clip-start) 0 var(--clip-stop) 0); } .txt-rotator-list .txt-rotate-keywords-inner-clone .txt-rotate-keyword { -webkit-text-stroke: 0.00001px var(--active-color-start); background: linear-gradient( to right, var(--active-color-start), var(--active-color-stop) ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; } .txt-rotator-list.text-rotator-activated .txt-rotate-keyword { position: relative; } .txt-rotator-list.text-rotator-activated .txt-rotate-keywords-inner { --clip-start: calc(50% + var(--current-keyword-height, 0px) + 0.1em); --clip-stop: calc(50% + var(--current-keyword-height, 0px) - 0.15em); --fade-start: calc(50% + var(--current-keyword-height, 0px) + 0.2em); --fade-stop: calc(50% - var(--current-keyword-height, 0px) + 0.15em); --lqd-color-start: var(--lqd-color-gradient-start); --lqd-color-stop: var(--lqd-color-gradient-stop); --active-color-start: var(--lqd-color-start, var(--lqd-color-primary)); --active-color-stop: var(--lqd-color-stop, var(--lqd-color-primary)); } .txt-rotator-list.text-rotator-activated .txt-rotate-keywords-inner:not(:last-child) { -webkit-mask-image: linear-gradient( to bottom, #000 0%, #000 var(--fade-start), transparent var(--fade-start), transparent var(--fade-stop), #000 var(--fade-stop), #000 100% ); mask-image: linear-gradient( to bottom, #000 0%, #000 var(--fade-start), transparent var(--fade-start), transparent var(--fade-stop), #000 var(--fade-stop), #000 100% ); } [data-typewriter] > del, [data-typewriter] > ins, [data-typewriter] > kbd { position: absolute; top: 0; left: 0; } [data-typewriter] kbd { padding: 0; border-radius: 0; background: 0 0; box-shadow: none; font: inherit; color: inherit; } [data-typewriter] del, [data-typewriter] ins { text-decoration: none; } .lqd-v-lines { pointer-events: none; } .lqd-v-line div { width: 1px; background-color: #fff; } @keyframes slideshowFigureOut { 0% { opacity: 1; } 65% { opacity: 0; } 100% { opacity: 0; transform: translate3d(1.5%, 0, 0); } } @keyframes slideshowFigureIn { 0% { opacity: 0; transform: translate3d(-2%, 0, 0); } 65% { opacity: 1; } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes slideshowMenuReveal { 40% { opacity: 100%; } 100% { opacity: 0.5; } } .lqd-vslider .lqd-slsh-img { opacity: 0; } .lqd-vslider-loader { width: 60px; height: 60px; top: 2.5em; right: 2.5em; opacity: 0; background-color: rgba(0, 0, 0, 0.6); transform: scale(1.05); transition: all 0.85s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-vslider-loader span { width: 35px; height: 35px; border: 3px solid transparent; border-top-color: #fff; animation: spin 1.5s linear infinite; } .lqd-vslider-menu a { color: #fff; } .lqd-vslider-menu a:after { content: ""; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; left: 0; bottom: auto; background: 0 0; transform: none; } .lqd-vslider-menu a span, .lqd-vslider-menu a span:before { transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-vslider-menu a span:before { content: ""; display: inline-block; width: 0.1111111111em; height: 0.75em; min-width: 2px; position: absolute; top: 0; left: 50%; background-color: currentColor; transform-origin: top; transform: scaleY(0) translateY(-1em); } .lqd-vslider-menu li { flex-basis: 33.3333333333%; border-right: 1px solid rgba(255, 255, 255, 0.2); font-size: 18px; opacity: 0; transform: translateX(-30px); transition: opacity 1s, transform 1s; transition-timing-function: cubic-bezier(0.4, 0, 0.3, 1); } .lqd-vslider-menu li:before { content: ""; display: inline-block; width: 1px; height: 100%; position: absolute; top: 0; left: -1px; background-color: rgba(255, 255, 255, 0.75); transform: scaleY(0); transform-origin: bottom; transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-vslider-menu li.is-active span { transform: translateY(1em); } .lqd-vslider-menu li.is-active span:before { transform: scaleY(1) translateY(-1em); transition-delay: 0.1s; } .lqd-vslider-menu li:last-of-type:before { content: none; } .lqd-vslider-menu li:last-of-type a:after { content: ""; } .lqd-vslider-menu li:hover:before { transform: scaleY(1); transform-origin: top; } .lqd-vslider-scrn { height: 950px; background-color: #000; } .lqd-vslider-scrn:after { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.05); } .lqd-vslider-scrn.lqd-overlay { height: 100vh !important; padding: 10vh 12.5vw; z-index: 99; opacity: 0; visibility: hidden; transition: opacity 0.45s, visibility 0.45s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-vslider-scrn.collapsing { pointer-events: none; } .lqd-vslider-scrn.is-loading .lqd-vslider-loader { opacity: 1; visibility: visible; transform: scale(1); } .lqd-vslider-scrn.is-in-view { opacity: 1; visibility: visible; } .lqd-vslider-scrn.is-in-view .nav-trigger { opacity: 1; visibility: visible; transition-delay: 0.75s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li { opacity: 1; transform: translateX(0); } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li a { animation: slideshowMenuReveal 1.2s cubic-bezier(0.4, 0, 0.3, 1) reverse; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:first-child { transition-delay: 0.5166666667s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:first-child a { animation-delay: 0.5166666667s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(2) { transition-delay: 0.6833333333s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(2) a { animation-delay: 0.6833333333s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(3) { transition-delay: 0.85s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(3) a { animation-delay: 0.85s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(4) { transition-delay: 1.0166666667s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(4) a { animation-delay: 1.0166666667s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(5) { transition-delay: 1.1833333333s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(5) a { animation-delay: 1.1833333333s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(6) { transition-delay: 1.35s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(6) a { animation-delay: 1.35s; } .lqd-vslider-images:after { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgb(0 0 0 / 42%); } .lqd-vslider-images figure { width: 103%; height: 103%; top: -1.5%; left: -1.5%; transform: translate3d(0, 0, 0); animation: slideshowFigureOut 1s cubic-bezier(0.5, 0, 0.08, 0.85) forwards; } .lqd-vslider-images figure.is-active { animation: slideshowFigureIn 1s cubic-bezier(0.5, 0, 0.08, 0.85) forwards; } .lqd-vslider-ext .ld-fancy-heading h1, .lqd-vslider-ext .ld-fancy-heading h2, .lqd-vslider-ext .ld-fancy-heading h3, .lqd-vslider-ext .ld-fancy-heading h4, .lqd-vslider-ext .ld-fancy-heading h5, .lqd-vslider-ext .ld-fancy-heading h6, .lqd-vslider-ext .ld-fancy-heading p { color: #fff; } .lqd-vslider-ext .ld-fancy-heading a { color: inherit; } .lqd-vslider-ext h2 { font-size: 85px; } .lqd-vslider-ext p { font-size: 24px; } .lqd-vslider-ext .lqd-highlight-custom-underline .lqd-highlight-inner { bottom: 0; } .lqd-vslider-ext .lqd-highlight-custom-underline .lqd-highlight svg > path { transition-delay: 1.15s; } .lqd-vslider-ext > ul > li { opacity: 0; pointer-events: none; } .lqd-vslider-ext > ul > li.is-active { pointer-events: auto; } .lqd-vslider-ext > ul > li.is-active .lqd-highlight-custom-underline .lqd-highlight svg > path { stroke-dashoffset: 0; } @media screen and (min-width: 992px) { .lqd-vslider-ext { padding-inline-start: 3rem; padding-inline-end: 3rem; } .lqd-vslider-ext li { top: 0; left: 0; padding: 5.5rem 4rem 1rem; } } @media screen and (max-width: 768px) { .lqd-vslider-ext, .lqd-vslider-ext li, .lqd-vslider-ext ul { width: 100%; } .lqd-vslider-loader { top: calc(50% - 30px); right: calc(50% - 30px); } .lqd-vslider-scrn { max-height: 100vh; } } @media screen and (max-width: 991px) and (max-height: 650px) { .lqd-vslider-ext > ul > li > .ld-fancy-heading:last-of-type { display: none; } } @media screen and (max-width: 479px) { .lqd-vslider-menu li { padding: 0; } .lqd-vslider-menu a { padding: 30px 10px; } } .lqd-vbg-video .mejs-inner, .lqd-vbg-video .mejs-mediaelement, .lqd-vbg-video .mejs__overlay, .lqd-vbg-video .mejs__poster, .lqd-vbg-video mediaelementwrapper, .lqd-vbg-video:not([data-property]) { object-fit: cover; width: 100% !important; height: 100% !important; } .lqd-vbg-video .YTPOverlay, .lqd-vbg-video .inlinePlayButton, .lqd-vbg-video .mb_YTPBar, .lqd-vbg-video .mejs-controls, .lqd-vbg-video .mejs__controls, .lqd-vbg-video .mejs__overlay-play { display: none !important; } .lqd-vbg-loader { z-index: -1; } .lqd-vbg-inner, .lqd-vbg-loader, .lqd-vbg-wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; } .lqd-vbg-inner:after { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .lqd-vbg-wrap { pointer-events: none; } .lqd-vbg-wrap .inline-YTPlayer { height: 100%; max-width: 100vw !important; } .mbYTP_wrapper iframe { height: 100% !important; margin-top: 0 !important; } .mejs-offscreen { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; top: 0; left: 0; width: 1px; word-wrap: normal !important; } .lqd-iot-content-left h3 { margin: 0; margin-inline-end: 1em; color: var(--lqd-color-primary); } .lqd-iot-content-right { order: 2; } .lqd-iot-img-wrap { order: 1; } .lqd-iot-img-wrap canvas { position: absolute; top: 0; left: 0; pointer-events: none; } .lqd-iot h2 { font-size: 200px; color: transparent; -webkit-text-stroke: 2px #fff; text-stroke: 2px #fff; } .vc_mobile .lqd-iot-img figure, .vc_mobile .lqd-iot-img figure img { visibility: visible; } @media screen and (min-width: 992px) { .lqd-iot-content { flex: 0 1 2%; opacity: 0; transition: transform 0.6s 0.25s, opacity 0.45s 0.25s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .lqd-iot-content h3 { margin: 0 0 1em 0; } .lqd-iot-inner { display: flex; } .lqd-iot-content-inner { writing-mode: vertical-rl; transform: rotate(-180deg); text-orientation: sideways; max-height: inherit; } .lqd-iot-content-left { margin-inline-end: 0.75rem; transform: translateX(-20px); } .lqd-iot-content-right { max-height: 480px; margin-inline-start: 0.75rem; transform: translateX(20px); } .lqd-iot-overlay-txt { transform: translateZ(50px) scale(0.75); transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-iot-overlay-txt-inner { transform: translateY(-125%); } .lqd-iot-overlay-txt-inner, .lqd-iot-overlay-txt-inner h2 { transition: transform 1.7s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-iot-overlay-txt-inner h2 { transform: translateY(125%); } .lqd-iot-overlay-btn { opacity: 0; transform: translateZ(2px) translate(-75%, 50%); transition: transform 0.3s 0.1s, opacity 0.3s 0.2s; } .lqd-iot-img-wrap { flex: 1 0 90%; margin-bottom: 0; } .lqd-iot-type-img .lqd-iot-img { opacity: 0; transform: scale(1.15); transition: transform 1.25s, opacity 1s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-iot.is-in-view .lqd-iot-overlay-txt { transform: translateZ(150px) scale(0.75); } .lqd-iot.is-in-view .lqd-iot-overlay-txt svg { opacity: 1; stroke-dashoffset: 0; } .lqd-iot.is-in-view .lqd-iot-overlay-btn { opacity: 1; transform: translateZ(50px) translate(-75%, 50%); } .lqd-iot.is-in-view .lqd-iot-content { opacity: 1; transform: translateX(0); } .lqd-iot.is-in-view .lqd-iot-overlay-txt-inner { transition-delay: 0.1s; } .lqd-iot.is-in-view .lqd-iot-overlay-txt-inner, .lqd-iot.is-in-view .lqd-iot-overlay-txt-inner h2 { transform: translateY(0); } .lqd-iot.is-in-view .lqd-iot-overlay-txt-inner h2 { transition-delay: 0.2s; } .lqd-iot.is-in-view.lqd-iot-type-img .lqd-iot-img.lqd-webglhover-ready { opacity: 1; transform: scale(1); z-index: 2; } } @media (max-width: 992px) { .lqd-iot-content, .lqd-iot-img-wrap { margin-bottom: 1rem; } } .lqd-progressbar-bar { width: 0%; border-radius: inherit; color: #181b31; background-color: var(--lqd-color-primary); } .lqd-progressbar-title { margin: var(--title-mt, 0) var(--title-me, 0) var(--title-mb, 0) var(--title-ms, 0); font-size: 1em; } .lqd-progressbar-values-inline .lqd-progressbar-details { order: -1; } @media screen and (min-width: 768px) { .lqd-progressbar-values-inline { display: flex; flex-flow: row wrap; align-items: center; } .lqd-progressbar-values-inline .lqd-progressbar-inner { width: auto; margin-bottom: 0; } .lqd-progressbar-values-inline .lqd-progressbar-title { margin-inline-end: 3%; margin-bottom: 0; } } .ld-prgbr-circle { margin-top: 0; } .ld-prgbr-circle .liquid-progressbar-bar, .ld-prgbr-circle .liquid-progressbar-inner, .ld-prgbr-circle .liquid-progressbar-percentage { background: 0 0; } .ld-prgbr-circle .liquid-progressbar-bar, .ld-prgbr-circle .liquid-progressbar-inner, .ld-prgbr-circle .liquid-progressbar-percentage { display: block; width: 100%; height: auto; position: relative; top: auto; left: auto; opacity: 1; } .ld-prgbr-circle .liquid-progressbar-bar { display: flex; width: auto; align-items: center; justify-content: center; position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; height: auto; } .ld-prgbr-circle .liquid-progressbar-bar { text-align: center; } .ld-prgbr-circle .liquid-progressbar-percentage { font-size: 48px; font-weight: 700; color: #000; } .ld-prgbr-circle .liquid-progressbar-details { margin-top: 20px; } .ld-prgbr-circle .liquid-progressbar-title { position: relative; top: auto; left: auto; font-size: 17px; text-align: center; color: #4e4e4e; } .lqd-gallery-device .flickity-viewport { height: 100% !important; } .lqd-gallery-device .carousel-dots-mobile { width: auto !important; padding: 0.4em 0.5em; border-radius: 3em; position: absolute; bottom: 7%; left: 50%; background-color: rgba(255, 255, 255, 0.65); transform: translateX(-50%); backdrop-filter: blur(5px); } .lqd-gallery-device .carousel-dots-mobile .flickity-page-dots { display: flex; margin: 0; } .lqd-gallery-laptop-gallery-images { top: 1.2%; right: 15.5%; bottom: 12.75%; left: 14.65%; border-radius: 3%/5%; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .lqd-gallery-mobile-base-img-wrap { width: min(330px, 100%); margin: 0 auto; } .lqd-gallery-mobile-gallery-images { top: 2.2%; bottom: 2%; } .lqd-gallery-mobile-gallery-images .carousel-item { width: min(330px, 100%); margin: 0 4.5%; } .lqd-gallery-mobile-gallery-images figure { margin: 0 5% !important; } .lqd-gallery-mobile-gallery-images img { border-radius: 12%/5%; } .lqd-device-gallery-shadow-float { top: 2%; right: 2%; left: 2%; bottom: 2%; box-shadow: 80px 80px 65px rgba(0, 0, 0, 0.35); border-radius: 15%/8%; } .lqd-device-gallery-shadow-long { top: 1%; right: 1%; left: 1%; bottom: 1%; border-radius: 15%/8%; box-shadow: 6.2px 7px 6.4px rgba(0, 0, 0, 0.17), 15.6px 17.8px 13.7px rgba(0, 0, 0, 0.161), 31.9px 36.3px 23.9px rgba(0, 0, 0, 0.146), 65.7px 74.8px 43.9px rgba(0, 0, 0, 0.125), 180px 205px 119px rgba(0, 0, 0, 0.093); } .lqd-device-gallery-shadow-medium { top: 1%; right: 1%; left: 1%; bottom: 1%; border-radius: 15%/8%; box-shadow: 0.5px 0.5px 10.2px rgba(0, 0, 0, 0.25), 3px 3px 16.9px rgba(0, 0, 0, 0.236), 8.8px 8.8px 22.1px rgba(0, 0, 0, 0.214), 21.1px 21.1px 33.6px rgba(0, 0, 0, 0.184), 50px 50px 74px rgba(0, 0, 0, 0.137); } .lqd-device-gallery-shadow-stand { right: 5%; left: 5%; bottom: 0; height: 2px; border-radius: 100%; box-shadow: 0 0 11px 3px #000; background: #000; filter: blur(2px); } @keyframes lqdItiInnerOut { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } @keyframes lqdItiImgOut { 0% { transform: translateY(0) scale(1); } 100% { transform: translateY(100%) scale(1.15); } } @keyframes lqdItiInnerIn { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @keyframes lqdItiImgIn { 0% { transform: translateY(-100%) scale(1.15); } 100% { transform: translateY(0) scale(1); } } .lqd-iti-link-item { color: #000; transition: z-index 0.1s 0.15s; } .lqd-iti-link-item:not(:last-child) { padding-inline-end: var(--iti-h-gap); } .lqd-iti-link-item:not(:last-child):after { content: "" !important; display: inline-block; width: 8px; height: 8px; position: absolute; top: 50%; right: calc(var(--iti-h-gap) / 2); border-radius: 4px; background-color: currentColor; transition: opacity 0.3s; } .lqd-iti-link-item.lqd-is-active { z-index: 3; } .lqd-iti-link-item.lqd-is-active:after { opacity: 0; } .lqd-iti-link-item.lqd-is-active .lqd-iti-link { color: #fff; } .lqd-iti-link { color: inherit; } .lqd-iti-link:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .lqd-iti-img { transform: translateY(100%) scale(1.5); } .lqd-iti-img-inner { transform: translateY(-100%); } .lqd-iti-imgs { width: var(--iti-img-width); height: var(--iti-img-height); opacity: 0; transform: translate( calc(var(--lqd-mousex) - 50%), calc(var(--lqd-mousey) - 50%) ); transition: opacity 0.3s; } .lqd-iti-imgs .lqd-was-active .lqd-iti-img { animation: lqdItiImgOut 0.55s ease-in-out both; } .lqd-iti-imgs .lqd-was-active .lqd-iti-img-inner { animation: lqdItiInnerOut 0.55s ease-in-out both; } .lqd-iti-imgs .lqd-is-active { z-index: 2; } .lqd-iti-imgs .lqd-is-active .lqd-iti-img { animation: lqdItiImgIn 0.55s ease-in-out both; } .lqd-iti-imgs .lqd-is-active .lqd-iti-img-inner { animation: lqdItiInnerIn 0.55s ease-in-out both; } .lqd-iti-img { max-width: none !important; } .lqd-iti-items { --iti-img-width: 350px; --iti-img-height: 450px; --iti-h-gap: 1em; } .lqd-iti-items:hover .lqd-iti-imgs { opacity: 1; } @media (min-width: 1200px) { .lqd-section-flow-panel-end { padding-inline-start: 3%; padding-inline-end: 13%; } } @media (min-width: 992px) { .lqd-section-flow { display: flex; } .lqd-section-flow-content-mobile { display: none; } .lqd-section-flow-panel-start { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } .lqd-section-flow-panel-start .sticky { top: var(--lqd-sticky-header-height, 0); } .lqd-section-flow-panel-end .lqd-section-flow-item { opacity: 0.1; } } @media (max-width: 991px) { .lqd-section-flow-panel-start { display: none; } } @keyframes lqdGDPRFadeIn { from { transform: translate(-50%, 50%); opacity: 0; visibility: hidden; } to { transform: translate(-50%, 0); opacity: 1; visibility: visible; } } @keyframes lqdGDPRFadeOut { from { transform: translate(-50%, 0); opacity: 1; visibility: visible; } to { transform: translate(-50%, 50%); opacity: 0; visibility: hidden; } } .lqd-gdpr-accept { padding: 8px 23px; border: none; border-radius: 50em; background: #eff3f5; font-size: 14px; line-height: 1em; color: #184341; transition: background 0.3s, color 0.3s; } .lqd-gdpr-accept:hover { color: #eff3f5; background-color: #184341; } .lqd-gdpr-left { padding-inline-end: 16px; } .lqd-gdpr-inner { display: flex; align-items: center; } #lqd-gdpr { padding: 10px 10px 10px 20px; border-radius: 50px; position: fixed; bottom: 3.5rem; left: 50%; z-index: 10152; background-color: #fff; font-size: 0.9em; line-height: 1.5em; color: rgba(0, 0, 0, 0.86); box-shadow: 0 20px 60px rgba(92, 107, 149, 0.15); opacity: 0; visibility: hidden; transform: translate(-50%, 0); } #lqd-gdpr p { margin-bottom: 0; } #lqd-gdpr.lqd-gdpr-ready.lqd-gdpr-visible { animation: lqdGDPRFadeIn 0.85s cubic-bezier(0.19, 1, 0.22, 1) both alternate; } #lqd-gdpr.lqd-gdpr-ready.lqd-gdpr-hidden { animation: lqdGDPRFadeOut 0.85s cubic-bezier(0.19, 1, 0.22, 1) both alternate; } @media screen and (max-width: 540px) { #lqd-gdpr { min-width: 320px; border-radius: 4px; text-align: center; } .lqd-gdpr-left { padding: 0; margin-bottom: 0.75em; } .lqd-gdpr-inner { flex-direction: column; } } .divider { display: -webkit-box; display: -ms-flexbox; display: flex; } .divider-separator { width: 100%; display: flex; margin: 0; direction: ltr; border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color); } .shape-circle .icon.social-icon { border-radius: 50%; } .lqd-shape { overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr; } .lqd-shape-top { top: -1px; } .lqd-shape-bottom { bottom: -1px; } .lqd-shape svg { display: block; width: calc(100% + 2px); position: relative; } #lqd-contents-wrap > .lqd-lp-grid { padding-top: 45px; padding-bottom: 45px; } .container .lqd-post-content .ld-container { padding-inline-start: 0; padding-inline-end: 0; } .lqd-contents > .lqd-post-content:not(:only-of-type) { margin-bottom: 0 !important; } .post-password-form input { display: inline-flex; height: 50px; padding: 5px 2em; border: none; border-radius: 3px; background: 0 0; flex-flow: row wrap; align-items: center; justify-content: center; font-weight: 400; } .post-password-form input[type="password"] { border: 1px solid #eaeaea; padding-inline-start: 15px; padding-inline-end: 15px; transition: box-shadow 0.3s; } .post-password-form input[type="password"]:focus { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); outline: 0; } .post-password-form input[type="submit"] { background-color: var(--lqd-color-primary); color: #fff; } .has-sidebar .blog-post-footer .container, .has-sidebar .comments-area .comment-form .container, .has-sidebar .comments-area .comment-list .container, .has-sidebar.lqd-blog-post-style-4 .related-posts .container, .has-sidebar.lqd-blog-post-style-6 .related-posts .container { padding-inline-start: 0; padding-inline-end: 0; } .has-sidebar .lqd-single-post-content > .container { width: 100%; padding: 0; } .lqd-blog-post-style-1 .comment-reply-title, .lqd-blog-post-style-1 .related-posts-title, .lqd-blog-post-style-2 .comment-reply-title, .lqd-blog-post-style-2 .related-posts-title, .lqd-blog-post-style-3 .comment-reply-title, .lqd-blog-post-style-3 .related-posts-title, .lqd-blog-post-style-5 .comment-reply-title, .lqd-blog-post-style-5 .related-posts-title, .lqd-blog-post-style-7 .comment-reply-title, .lqd-blog-post-style-7 .related-posts-title { font-size: 34px; } .lqd-blog-post-style-4 .comment-reply-title, .lqd-blog-post-style-4 .related-posts-title, .lqd-blog-post-style-5 .comment-reply-title, .lqd-blog-post-style-5 .related-posts-title { font-size: 24px; margin-bottom: 1.5em; } .lqd-blog-post-style-6 .comment-reply-title, .lqd-blog-post-style-6 .related-posts-title { font-size: 30px; margin-bottom: 1.5em; } .vc_mobile .lqd-woo-single-layout-1, .vc_mobile .lqd-woo-single-layout-1 #wrap, .vc_mobile .lqd-woo-single-layout-2, .vc_mobile .lqd-woo-single-layout-2 #wrap, .vc_mobile .lqd-woo-single-layout-3, .vc_mobile .lqd-woo-single-layout-3 #wrap { overflow: visible; } @media screen and (min-width: 768px) { .blog-post-footer, .comments-area .comment-form, .comments-area .comment-list, .comments-area .comment-reply-title, .lqd-blog-post-style-4 .related-posts, .lqd-blog-post-style-6 .related-posts { max-width: 1170px; padding: 0 15px; margin-inline-start: auto; margin-inline-end: auto; } .blog-post-footer .container, .comments-area .comment-form .container, .comments-area .comment-list .container, .comments-area .comment-reply-title .container, .lqd-blog-post-style-4 .related-posts .container, .lqd-blog-post-style-6 .related-posts .container { width: 100%; padding: 0; } .container .blog-post-footer, .container .comments-area .comment-form, .container .comments-area .comment-list, .container .comments-area .comment-reply-title, .lqd-blog-post-style-4 .container .related-posts, .lqd-blog-post-style-6 .container .related-posts { padding-inline-start: 0; padding-inline-end: 0; } .has-sidebar .blog-post-footer, .has-sidebar .comments-area .comment-form, .has-sidebar .comments-area .comment-list, .has-sidebar.lqd-blog-post-style-4 .related-posts, .has-sidebar.lqd-blog-post-style-6 .related-posts { max-width: none; } } @media screen and (max-width: 479px) { .lqd-blog-post .comment-reply-title, .lqd-blog-post .related-posts-title { font-size: 24px; margin-bottom: 1.5em; } } .lqd-post-header { display: grid; grid-template-columns: 1fr; } .lqd-post-header .entry-title { -ms-word-wrap: break-word; word-wrap: break-word; } .lqd-post-header[data-parallax] { will-change: transform; } .lqd-blog-post-style-1 .lqd-post-media, .lqd-blog-post-style-2 .lqd-post-media, .lqd-blog-post-style-5 .lqd-post-media { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .lqd-blog-post-style-1 .lqd-post-media img, .lqd-blog-post-style-2 .lqd-post-media img, .lqd-blog-post-style-5 .lqd-post-media img { height: 100%; object-fit: cover; object-position: center; } .lqd-blog-post-style-1 .lqd-post-header, .lqd-blog-post-style-2 .lqd-post-header, .lqd-blog-post-style-5 .lqd-post-header { padding: 15vmin 15px; position: relative; z-index: 2; } .lqd-blog-post-style-1 .entry-meta, .lqd-blog-post-style-2 .entry-meta, .lqd-blog-post-style-5 .entry-meta { font-size: 12px; line-height: 1.8em; letter-spacing: 0.1em; text-transform: uppercase; color: #fff; } .lqd-blog-post-style-1 .entry-meta a, .lqd-blog-post-style-1 .entry-meta time, .lqd-blog-post-style-2 .entry-meta a, .lqd-blog-post-style-2 .entry-meta time, .lqd-blog-post-style-5 .entry-meta a, .lqd-blog-post-style-5 .entry-meta time { font-size: 17px; letter-spacing: 0; text-transform: none; color: #fff; } .lqd-blog-post-style-1 h1.entry-title, .lqd-blog-post-style-2 h1.entry-title, .lqd-blog-post-style-5 h1.entry-title { color: #fff; text-align: center; } .lqd-blog-post-style-1 .lqd-post-header, .lqd-blog-post-style-2 .lqd-post-header { place-content: center; } .lqd-blog-post-style-1 .main-header-overlay + #lqd-site-content .lqd-post-header { padding-top: calc(15vmin + 100px); } .lqd-blog-post-style-6 .lqd-post-cover { padding: 0 15px; } .lqd-blog-post-style-6 .container > .lqd-post-cover { padding: 0; } .lqd-blog-post-style-7 .lqd-post-header { padding: 0 15px; } .lqd-blog-post-style-6 .lqd-post-cover, .lqd-blog-post-style-7 .lqd-post-cover { display: flex; margin: auto; flex-direction: column-reverse; } .lqd-blog-post-style-6 .cat-links, .lqd-blog-post-style-7 .cat-links { font-weight: 700; } .lqd-blog-post-style-6 h1.entry-title, .lqd-blog-post-style-7 h1.entry-title { margin-bottom: 0.25em; } .lqd-blog-post-style-6 .lqd-post-header, .lqd-blog-post-style-7 .lqd-post-header { margin-bottom: 0.5em; } .has-sidebar.lqd-blog-post-style-6 .lqd-post-cover { padding-inline-start: 0; padding-inline-end: 0; } @media screen and (min-width: 768px) { .lqd-blog-post-style-1 .entry-meta, .lqd-blog-post-style-2 .entry-meta { width: 75%; margin: auto; } } @media screen and (min-width: 992px) { .lqd-blog-post-style-1 .lqd-post-header, .lqd-blog-post-style-2 .lqd-post-header { max-width: 940px; margin: auto; } .lqd-blog-post-style-1 h1.entry-title, .lqd-blog-post-style-2 h1.entry-title { font-size: 70px; } .lqd-blog-post-style-1 .entry-meta, .lqd-blog-post-style-2 .entry-meta { width: 90%; } .lqd-blog-post-style-3 .main-header-overlay ~ #lqd-site-content #lqd-contents-wrap { padding-top: 100px; } } @media screen and (min-width: 1200px) { .lqd-blog-post-style-1 .entry-meta, .lqd-blog-post-style-2 .entry-meta { width: 70%; } } @media screen and (max-width: 768px) { .lqd-blog-post-style-3 h1.entry-title, .lqd-blog-post-style-4 h1.entry-title, .lqd-blog-post-style-6 h1.entry-title, .lqd-blog-post-style-7 h1.entry-title { font-size: 40px; } .lqd-blog-post-style-1 .lqd-post-header, .lqd-blog-post-style-2 .lqd-post-header { padding-top: 25vmin; padding-bottom: 25vmin; } } @media screen and (max-width: 479px) { .lqd-blog-post .lqd-post-header h1.entry-title { font-size: clamp(32px, 20vmax, 50px); } .lqd-blog-post-style-3 .lqd-post-header h1.entry-title { font-size: clamp(30px, 4vmax, 42px); } .lqd-blog-post-style-4 .lqd-post-header h1.entry-title, .lqd-blog-post-style-6 .lqd-post-header h1.entry-title, .lqd-blog-post-style-7 .lqd-post-header h1.entry-title { font-size: clamp(30px, 4.5vmax, 42px); } } .entry-meta { color: #000; font-size: 14px; } .entry-meta a { color: inherit; } .entry-meta a:hover { opacity: 0.7; } .entry-meta > div { display: flex; align-items: center; margin-bottom: 1.2em; } .entry-meta .byline > span > span:first-of-type, .entry-meta .cat-links > span:first-of-type, .entry-meta .posted-on > span:first-of-type { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; word-wrap: normal; } .entry-meta .byline { flex-direction: row; align-items: center; } .entry-meta .byline figure { width: 42px; flex-shrink: 0; margin-inline-end: 20px; border-radius: 60px; overflow: hidden; } .entry-meta .updated { display: none; } .entry-meta .cat-links:only-child { font-size: 13px; text-transform: uppercase; letter-spacing: 0.1em; } .lqd-blog-post-style-1 .entry-meta > div, .lqd-blog-post-style-2 .entry-meta > div { padding: 0 15px; } .lqd-blog-post-style-1 .entry-meta > div:not(.byline), .lqd-blog-post-style-2 .entry-meta > div:not(.byline) { flex-direction: column; align-items: start; } .lqd-blog-post-style-1 .entry-meta > div:after, .lqd-blog-post-style-2 .entry-meta > div:after { content: none; } .lqd-blog-post-style-1 .entry-meta .byline > span > span:first-of-type, .lqd-blog-post-style-1 .entry-meta .cat-links > span:first-of-type, .lqd-blog-post-style-1 .entry-meta .posted-on > span:first-of-type, .lqd-blog-post-style-2 .entry-meta .byline > span > span:first-of-type, .lqd-blog-post-style-2 .entry-meta .cat-links > span:first-of-type, .lqd-blog-post-style-2 .entry-meta .posted-on > span:first-of-type { clip: auto; height: auto; overflow: visible; position: relative; top: auto; left: auto; width: auto; font-weight: 700; } .lqd-blog-post-style-1 .entry-meta .byline figure, .lqd-blog-post-style-2 .entry-meta .byline figure { width: 57px; } .lqd-blog-post-style-3 .byline figure, .lqd-blog-post-style-6 .byline figure { display: none; } .lqd-blog-post-style-3 .tags-links a { mix-blend-mode: hard-light; } @media screen and (min-width: 480px) { .entry-meta > div:after { content: ""; width: 3px; height: 3px; border-radius: 2px; margin-inline-start: 1em; margin-inline-end: 1em; background-color: currentColor; } .entry-meta > div:last-child:after, .entry-meta > div:only-child:after { content: none; } } @media screen and (min-width: 992px) { .lqd-blog-post-style-1 .entry-meta, .lqd-blog-post-style-2 .entry-meta { justify-content: space-between; } } @media screen and (max-width: 991px) { .lqd-blog-post-style-1 .entry-meta, .lqd-blog-post-style-2 .entry-meta { justify-content: space-between; } } @media screen and (max-width: 479px) { .share-links, .tags-links { width: 100%; } .entry-meta > div { flex: 1 50%; margin-bottom: 0.5em; } .entry-meta .byline figure { display: none; } .cat-links:only-child { margin-bottom: 1em; } .lqd-blog-post-style-1 .entry-meta > div, .lqd-blog-post-style-2 .entry-meta > div { justify-content: center; } .lqd-blog-post-style-1 .entry-meta > div:not(.byline), .lqd-blog-post-style-2 .entry-meta > div:not(.byline) { align-items: center; } .lqd-blog-post-style-4 .lqd-post-header .entry-meta:last-child > div, .lqd-blog-post-style-5 .lqd-post-header .entry-meta:last-child > div, .lqd-blog-post-style-6 .lqd-post-header .entry-meta:last-child > div, .lqd-blog-post-style-7 .lqd-post-header .entry-meta:last-child > div { flex: 0 auto; padding: 0.25em 1em; margin-inline-end: 0.5em; border-radius: 3px; background-color: #f3f3f3; } } .lqd-post-cover { position: relative; } .lqd-post-cover h1.entry-title { margin-bottom: 0.35em; } .lqd-post-media { position: relative; } .lqd-post-media img { width: 100%; } .lqd-post-media:empty { display: none; } .lqd-post-media[data-parallax] { will-change: transform; } .lqd-post-cover-overlay { pointer-events: none; } .lqd-blog-post-style-1 .lqd-post-cover-overlay, .lqd-blog-post-style-2 .lqd-post-cover-overlay { background-color: rgba(0, 0, 0, 0.37); } .lqd-blog-post-style-6 .lqd-post-media, .lqd-blog-post-style-7 .lqd-post-media { padding-top: 62.5%; } .lqd-blog-post-style-6 .lqd-post-media img, .lqd-blog-post-style-7 .lqd-post-media img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } .lqd-blog-post-style-7 .lqd-post-media { padding-top: 45%; } .lqd-blog-post-style-1 .lqd-post-cover, .lqd-blog-post-style-2 .lqd-post-cover, .lqd-blog-post-style-3 .lqd-post-cover, .lqd-blog-post-style-5 .lqd-post-cover, .lqd-blog-post-style-7 .lqd-post-cover { margin-bottom: 70px; } .comments-area { padding-bottom: 50px; clear: both; } .comment-respond { margin: 0.2em 0 0; } .comment-form { margin-top: 3em; font-size: 16px; } .comment-form > .row { display: flex; flex-wrap: wrap; } .comment-form input, .comment-form textarea { position: relative; z-index: 1; width: 100%; border: none; background-color: transparent; line-height: 1.5em; } .comment-form input:focus, .comment-form textarea:focus { outline: 0; } .comment-form input { height: 45px; } .comment-form input[type="checkbox"], .comment-form input[type="radio"] { height: auto; } .comment-form input[type="checkbox"] + label, .comment-form input[type="radio"] + label { margin-inline-start: 8px; } .comment-form input[type="submit"] { display: inline-block; width: auto; height: auto; padding: 16px 55px; border: none; background-color: #181b31; font-size: 14px; font-weight: 700; color: #fff; box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); transition: transform 0.3s, box-shadow 0.3s; } .comment-form input[type="submit"]:hover { box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2); transform: translateY(-2px); } .comment-form .comment-form-author, .comment-form .comment-form-comment, .comment-form .comment-form-email, .comment-form .comment-form-url { margin-bottom: 35px; position: relative; perspective: 1200px; } .comment-form .comment-form-author:after, .comment-form .comment-form-author:before, .comment-form .comment-form-comment:after, .comment-form .comment-form-comment:before, .comment-form .comment-form-email:after, .comment-form .comment-form-email:before, .comment-form .comment-form-url:after, .comment-form .comment-form-url:before { content: ""; display: table; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; z-index: 2; transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); } .comment-form .comment-form-author:before, .comment-form .comment-form-comment:before, .comment-form .comment-form-email:before, .comment-form .comment-form-url:before { transform: scale(1); transform-origin: left center; background-color: #d8dbe2; } .comment-form .comment-form-author:after, .comment-form .comment-form-comment:after, .comment-form .comment-form-email:after, .comment-form .comment-form-url:after { clear: both; transform: scale(0, 2); transform-origin: right center; background-color: #181b31; } .comment-form .comment-form-author.form-submit, .comment-form .comment-form-comment.form-submit, .comment-form .comment-form-email.form-submit, .comment-form .comment-form-url.form-submit { margin-bottom: 90px; } .comment-form .comment-form-author.comment-notes:after, .comment-form .comment-form-author.comment-notes:before, .comment-form .comment-form-author.form-submit:after, .comment-form .comment-form-author.form-submit:before, .comment-form .comment-form-comment.comment-notes:after, .comment-form .comment-form-comment.comment-notes:before, .comment-form .comment-form-comment.form-submit:after, .comment-form .comment-form-comment.form-submit:before, .comment-form .comment-form-email.comment-notes:after, .comment-form .comment-form-email.comment-notes:before, .comment-form .comment-form-email.form-submit:after, .comment-form .comment-form-email.form-submit:before, .comment-form .comment-form-url.comment-notes:after, .comment-form .comment-form-url.comment-notes:before, .comment-form .comment-form-url.form-submit:after, .comment-form .comment-form-url.form-submit:before { content: none; } .comment-form .comment-form-author.input-focused:before, .comment-form .comment-form-comment.input-focused:before, .comment-form .comment-form-email.input-focused:before, .comment-form .comment-form-url.input-focused:before { transform: scale(0, 2); transform-origin: right center; } .comment-form .comment-form-author.input-focused:after, .comment-form .comment-form-comment.input-focused:after, .comment-form .comment-form-email.input-focused:after, .comment-form .comment-form-url.input-focused:after { transform: scale(1); transform-origin: left center; } .comment-form .comment-form-author.input-filled .split-unit, .comment-form .comment-form-comment.input-filled .split-unit, .comment-form .comment-form-email.input-filled .split-unit, .comment-form .comment-form-url.input-filled .split-unit { opacity: 0 !important; transform: translateY(-27%) rotateX(-45de) !important; } .comment-form .logged-in-as { padding-inline-start: 15px; padding-inline-end: 14px; } .comment-form .logged-in-as:after, .comment-form .logged-in-as:before { content: none; } .comment-form .comment-subscription-form { text-align: start; margin-bottom: 0.5em; } .comment-form .comment-subscription-form + input[type="submit"] { margin-top: 1em; } .comment-notes { text-align: center; } .comment-reply-title { font-weight: 700; } .comment-reply-title small { vertical-align: middle; } .comment-form-cookies-consent { display: flex; padding-inline-start: 15px; padding-inline-end: 15px; align-items: center; order: 3; } .comment-form-cookies-consent:after, .comment-form-cookies-consent:before { content: none; } .comment-form-cookies-consent input, .comment-form-cookies-consent label { width: auto; margin-top: 0; margin-bottom: 0; font-weight: inherit; } .comment-form-cookies-consent ~ div { order: 2; } #cancel-comment-reply-link { padding: 0.35em 0.75em 0.5em; margin-inline-start: 1em; background-color: rgba(253, 58, 24, 0.6); font-size: 12px; line-height: 1.5em; text-transform: none; color: #fff; border-radius: 2px; } #cancel-comment-reply-link:hover { background-color: #fd3a18; } .no-comments { font-weight: 700; text-align: center; color: #333; } .lqd-blog-post-style-4 .comment-form input[type="submit"], .lqd-blog-post-style-6 .comment-form input[type="submit"] { border-radius: 50em; } .has-sidebar .comment-reply-title { text-align: inherit; justify-content: inherit; } @media screen and (max-width: 991px) { .comments-area { padding: 0 15px 40px; } } @media screen and (max-width: 768px) { .comment-form > .row > div { width: 100%; text-align: inherit !important; } } @media screen and (max-width: 479px) { .container .comments-area { padding-inline-start: 0; padding-inline-end: 0; } .comment-form { margin-top: 2em; } .comment-form input[type="checkbox"], .comment-form input[type="radio"] { width: 20px; height: 20px; flex: 1 0 20px; margin-inline-end: 6px; } } .comment-author { display: flex; color: #16171e; } .comment-author a { color: #16171e; } .comment-author .avatar { width: 70px; margin-inline-end: 18px; border-radius: 50em; } .comment-author .says { display: none; } .comment-meta { display: flex; align-items: start; justify-content: space-between; } .comment-edit-link, .comment-permalink { color: var(--lqd-color-link); } .comment-edit-link { margin-inline-start: 5px; } .comment-metadata { font-size: 0.7777777778em; } .comment-metadata a { color: #40414a; } .comment .comment-extras, .comment-content { padding-inline-start: 88px; } .comment-content { margin: 0 0 15px; } .comment-content p { margin-bottom: 0.75em; } .comment-extras { display: flex; align-items: center; justify-content: space-between; } .comment-extras p { margin: 0; } .comment-body { margin-bottom: 30px; } .comment { font-size: 16px; line-height: 1.3333333333em; } .comment .reply a { display: inline-block; padding: 7px 13px; font-size: 10px; line-height: 1; text-transform: uppercase; letter-spacing: 0.1em; color: #181b31; border: 1px solid #d8dbe2; } .comment .reply a:hover { border-color: #181b31; background-color: #181b31; color: #fff; } .comment ul { list-style-type: disc; } .comment ul ul { list-style-type: circle; } .comment ul ul ul { list-style-type: square; } .comment.bypostauthor .comment-author, .comment.bypostauthor .comment-author a { color: var(--lqd-color-primary); } .pingback, .trackback { font-size: 18px; line-height: 1.3333333333em; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #d8dbe2; } .pingback cite, .trackback cite { flex-basis: 50%; padding: 0; margin: 0; flex-grow: 1; text-transform: none; letter-spacing: 0; font-size: 1em; } .pingback cite:before, .trackback cite:before { content: none; } .pingback time, .trackback time { margin: 0 1.5em; } .comment-list { padding: 1em 0; margin: 2.25em 0 1em; } .comment-list, .comment-list ol.children { list-style: none; } .comment-list ol.children { padding: 0; margin: 0; } .comment-list ol.children { margin-inline-start: 86px; } .comment-list ol.children .avatar { width: 45px; } .comment-list ol.children .comment .comment-extras, .comment-list ol.children .comment-content { padding-inline-start: 63px; } .comment-list ol.children .comment-content { margin-top: 4px; } .comment-list .comment-respond { background: 0 0; padding: 0; } @media screen and (max-width: 768px) { .comment-extras { display: block; } p.comment-awaiting-moderation { margin-top: 0.75em; font-size: 13px; color: #000; } .comment-list ol.children { margin-inline-start: 25px; } } @media screen and (max-width: 479px) { .comment-content { margin-top: 0; } .comment-meta { flex-wrap: wrap; } .comment-metadata { width: 100%; } } .blog-post-footer { padding-top: 50px; margin-top: 40px; margin-bottom: 30px; position: relative; font-size: 13px; } .blog-post-footer:before { content: ""; display: inline-block; border-top: 1px dashed #cecece; position: absolute; top: 0; left: 15px; right: 15px; } .container .blog-post-footer:before { left: 0; right: 0; } .share-links:not(:first-child), .tags-links:not(:first-child) { padding-inline-start: 0.5em; } .share-links > span, .tags-links > span { margin-inline-end: 1.5em; } .tags-links a { display: inline-block; padding: 0.25em 1em; margin-inline-end: 10px; margin-bottom: 5px; border-radius: 30px; background-color: #f5f7fa; line-height: 1.5em; color: #000; } .tags-links a:hover { background-color: #000; color: #fff; } .tags-links > span { margin-bottom: 5px; } .share-links a { color: #63686a; } .share-links a:hover { color: #000; } .lqd-blog-post-style-3 .blog-post-footer { display: flex; padding-top: 65px; flex-direction: column; border-top: 1px solid #c3c3c3; } .lqd-blog-post-style-3 .blog-post-footer > div:first-child { margin-top: 50px; } .lqd-blog-post-style-3 .post-author { order: -1; align-self: center; flex-shrink: 0; } .lqd-blog-post-style-4 .blog-post-footer { padding-top: 2.25em; border-top: 1px solid #d8dbe2; } @media screen and (max-width: 991px) { .blog-post-footer { padding-inline-start: 0; padding-inline-end: 0; margin: 30px 15px; } .container .blog-post-footer { margin-inline-start: 0; margin-inline-end: 0; } } @media screen and (max-width: 479px) { .blog-post-footer { padding-top: 20px; } .blog-post-footer:before { left: 0; right: 0; } .blog-post-footer > .d-flex { flex-wrap: wrap; } .blog-post-footer .tags-links { margin-bottom: 2em; } .blog-post-footer .share-links:last-child, .blog-post-footer .tags-links:last-child { margin-bottom: 20px; } .lqd-blog-post-style-3 .blog-post-footer { padding-top: 35px; } } .post-author { display: flex; margin: 2em 0; padding: 3em 0; border-top: 1px solid #d8dbe2; border-bottom: 1px solid #d8dbe2; position: relative; font-size: 16px; } .post-author figure { margin-inline-end: 30px; width: 88px; flex-shrink: 0; } .post-author figure img { width: 100%; border-radius: 50em; } .post-author p { margin: 0; line-height: 1.32em; } .post-author h3, .post-author h6 { margin: 0; line-height: 1.5em; } .post-author h3 { font-size: 19px; font-weight: 700; color: #181b31; } .post-author h3 a { font-size: inherit; color: inherit; } .post-author h3:last-child { margin-bottom: 0.65em; } .post-author h6 { margin-bottom: 1em; margin-top: 0.5em; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: #a7a9b8; } .post-author .post-author-info { overflow: hidden; flex-grow: 1; } .post-author .author-all-posts { display: inline-flex; align-items: center; font-size: 15px; color: #000; } .post-author .author-all-posts i { margin-inline-start: 10px; } .post-author-info-head > div:last-child { display: none; } .post-author-img-overlay { padding: 0; border: none; flex-direction: column-reverse; } .post-author-img-overlay figure { width: 100%; padding-top: 78%; margin: 0; position: relative; } .post-author-img-overlay figure:after { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(to top, #000, transparent 50%); } .post-author-img-overlay figure img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 0; object-fit: cover; } .post-author-img-overlay h6 { order: 4; margin: 0; font-size: 18px; text-transform: none; letter-spacing: 0; color: rgba(0, 0, 0, 0.75); } .post-author-img-overlay h3 { margin-bottom: 0.25em; font-size: 35px; font-weight: 700; } .post-author-img-overlay .post-author-info { position: absolute; bottom: 2em; left: 10%; right: 10%; font-size: 18px; color: rgba(255, 255, 255, 0.75); } .lqd-blog-post-style-4 .post-author, .lqd-blog-post-style-6 .post-author { margin-bottom: 0; } @media screen and (min-width: 768px) { .post-author-img-overlay { width: 500px; } } @media screen and (max-width: 768px) { .post-author-img-overlay { width: 85%; } } @media screen and (max-width: 479px) { .post-author-img-overlay { width: 100%; } .post-author-classic { flex-direction: column; } .post-author-classic > figure { margin-inline-end: 0; margin-bottom: 0.5em; } .post-author-classic .post-author-info-head { flex-direction: column; align-items: inherit !important; } .post-author-classic .author-all-posts { margin-bottom: 1em; } } nav.post-nav { display: flex; padding: 2.25em 0; margin: 0; font-size: 19px; font-weight: 600; line-height: 1.2272727273em; word-break: break-word; } nav.post-nav a { display: inline-block; position: relative; color: #000; } nav.post-nav a:hover .nav-subtitle { background-color: #000; color: #fff; } nav.post-nav .nav-subtitle { display: inline-flex; align-items: center; padding: 0.5em 1.5em; margin-bottom: 20px; border-radius: 2em; background-color: #f5f7fa; font-size: 12px; line-height: 1.85em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #000; transition: color 0.3s, background-color 0.3s; } nav.post-nav .nav-subtitle:last-child { margin-bottom: 0; } nav.post-nav .nav-subtitle svg { width: 1.35em; height: 1.35em; stroke: currentColor; } nav.post-nav .nav-title { display: block; } nav.post-nav svg { transition: transform 0.3s cubic-bezier(0, 0.95, 0.3, 1); } nav.post-nav .nav-next, nav.post-nav .nav-previous { flex-basis: 45%; } nav.post-nav .lqd-pf-nav-all { display: flex; line-height: 1em; } nav.post-nav .lqd-pf-nav-all i { font-style: normal; } nav.post-nav .lqd-pf-nav-all .nav-subtitle { display: none; margin: 0; } nav.post-nav .nav-previous { padding-inline-end: 15px; margin-inline-end: auto; } nav.post-nav .nav-previous .nav-subtitle svg { margin-inline-end: 1em; } nav.post-nav .nav-next { text-align: end; padding-inline-start: 15px; margin-inline-start: auto; } nav.post-nav .nav-next .nav-subtitle svg { order: 1; margin-inline-start: 1em; } .blog-post-footer nav.post-nav:first-child { padding-top: 0; } @media screen and (max-width: 479px) { nav.post-nav { padding: 15px 0 0; flex-direction: column; align-items: center; } nav.post-nav .nav-next, nav.post-nav .nav-previous { width: 100%; text-align: inherit; padding: 0; margin-inline-start: 0; margin-inline-end: 0; } nav.post-nav .nav-previous:not(:last-child) { margin-bottom: 1.15em; } nav.post-nav .lqd-pf-nav-all { order: -1; width: 100%; height: auto; margin-top: 0; margin-bottom: 1.25em; justify-content: end; } nav.post-nav .lqd-pf-nav-all i { font-style: normal; } nav.post-nav .lqd-pf-nav-all span { order: -1; margin-inline-end: 20px; margin-inline-start: 7px; } nav.post-nav .lqd-pf-nav-all .nav-subtitle { display: flex; } .lqd-blog-post-style-3 .post-nav, .lqd-blog-post-style-4 .post-nav, .lqd-blog-post-style-6 .post-nav { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } .lqd-blog-post-style-3 .post-nav:first-child, .lqd-blog-post-style-4 .post-nav:first-child, .lqd-blog-post-style-6 .post-nav:first-child { border-top: none; } } .related-posts { margin-bottom: 30px; color: #696969; } .related-posts p:empty { display: none; } .related-posts > .container > .row { display: flex; flex-wrap: wrap; } .related-posts > .container > .row:after, .related-posts > .container > .row:before { content: none; } .related-posts .lqd-lp { margin-bottom: 30px; } .related-posts .lqd-lp .lqd-lp-meta { line-height: 2em; } .related-posts .lqd-lp .lqd-lp-cat a { background-color: #000; } .related-posts .lqd-lp .lqd-lp-excerpt { font-size: 15px; } .related-posts .lqd-lp .lqd-lp-date, .related-posts .lqd-lp .lqd-lp-footer a { color: #000; } .related-posts .lqd-lp-style-10 .lqd-lp-date { font-weight: 400 !important; color: #fff; } .related-posts .lqd-lp-style-13 .lqd-lp-img > figure, .related-posts .lqd-lp-style-20 .lqd-lp-img > figure { width: 100%; padding-top: 66.7%; } .related-posts .lqd-lp-style-13 .lqd-lp-img > figure img, .related-posts .lqd-lp-style-20 .lqd-lp-img > figure img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; } .related-posts .lqd-lp-style-13 .lqd-lp-title { font-size: 19px; } .related-posts .lqd-lp-style-13 .lqd-lp-meta { font-size: 13px; line-height: 1.15em; } .related-posts .lqd-lp-style-13 .lqd-lp-date { background-color: #f2f3f5; } .related-posts .lqd-lp-style-13 .lqd-lp-excerpt { line-height: 1.8em; } .related-posts .lqd-lp-style-13 .lqd-lp-footer { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; } .related-posts .lqd-lp-style-13 .lqd-lp-footer .btn i { font-size: 1.25em; } .related-posts .lqd-lp-style-13 .lqd-lp-cat { background-color: #3b3b3b; } .related-posts .lqd-lp-style-13 .lqd-lp-cat a { background-color: transparent; } .related-posts .lqd-lp-style-13:hover .lqd-lp-title a { color: var(--lqd-color-primary); } .related-posts-title { margin-top: 0; margin-bottom: 2em; font-weight: 700; } .lqd-blog-post-style-1 .related-posts, .lqd-blog-post-style-2 .related-posts, .lqd-blog-post-style-7 .related-posts { margin-top: 100px; margin-bottom: 100px; padding: 70px 0; background-color: #f5f6f8; } .lqd-blog-post-style-1 .related-posts { margin-top: 90px; } .has-sidebar .related-posts-title { text-align: inherit; } .has-sidebar.lqd-blog-post-style-1 .related-posts, .has-sidebar.lqd-blog-post-style-2 .related-posts, .has-sidebar.lqd-blog-post-style-7 .related-posts { margin-top: 0; padding-top: 0; padding-bottom: 0; background: 0 0; } .has-sidebar.lqd-blog-post-style-1 .related-posts .container, .has-sidebar.lqd-blog-post-style-2 .related-posts .container, .has-sidebar.lqd-blog-post-style-7 .related-posts .container { padding-inline-start: 0; padding-inline-end: 0; } @media screen and (min-width: 768px) { .has-sidebar .related-posts > .container > .row > div { width: 50%; } } @media screen and (min-width: 991px) { .lqd-blog-post-style-5 .related-posts { padding-top: 25px; padding-bottom: 35px; } } @media screen and (max-width: 768px) { .lqd-blog-post-style-1 .related-posts, .lqd-blog-post-style-2 .related-posts, .lqd-blog-post-style-7 .related-posts { margin-top: 0; } } @media screen and (max-width: 479px) { .related-posts-title { padding: 0 15px; } .container .related-posts-title { padding: 0; } } .lqd-post-sticky-stuff { color: #797979; } .lqd-post-sticky-stuff a { color: inherit; } .lqd-post-sticky-stuff .entry-meta { padding-top: 0; margin-bottom: 2.5em; border: none; } .lqd-post-sticky-stuff .byline img { width: 100%; } .lqd-post-sticky-stuff .lqd-post-share { font-size: 27px; color: #797979; } .lqd-post-sticky-stuff .lqd-post-share > span { display: block; margin-bottom: 0.75em; font-size: 13px; line-height: 1em; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: #000; } .lqd-post-sticky-stuff .lqd-post-share:only-child a { padding-inline-end: 2em; } .lqd-post-sticky-stuff .lqd-post-share .social-icon-sm { font-size: 14px; line-height: 1em; } .lqd-post-sticky-stuff .lqd-post-share .social-icon-lg { font-size: 20px; } .lqd-post-sticky-stuff .lqd-post-share .social-icon-lg li { margin-bottom: 1.2em; } .lqd-post-sticky-stuff .social-icon-underline { color: #000; } .lqd-post-sticky-stuff .social-icon-underline li { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .lqd-post-sticky-stuff .social-icon-underline a { padding-top: 1em; padding-bottom: 1em; } .lqd-post-sticky-stuff .social-icon-vertical li { margin-bottom: 0.5em; } .lqd-post-sticky-stuff .social-icon-vertical a { display: flex; align-items: center; } @media screen and (min-width: 992px) { .lqd-post-sticky-stuff { position: absolute; top: 3vh; bottom: 0; left: 0; z-index: 10; margin-inline-start: 5vw; pointer-events: none; } .lqd-post-sticky-stuff-inner { display: inline-flex; flex-direction: column; position: sticky; top: calc(10vh + var(--lqd-sticky-header-height, 0)); left: 0; pointer-events: auto; } } @media screen and (max-width: 1366px) { .lqd-post-sticky-stuff { margin-inline-start: 3vw; } } @media screen and (max-width: 991px) { .lqd-post-sticky-stuff { display: none; } } @media screen and (min-width: 992px) { body.has-sidebar.lqd-blog-post-style-1 #lqd-contents-wrap, body.has-sidebar.lqd-blog-post-style-2 #lqd-contents-wrap, body.has-sidebar.lqd-blog-post-style-4 #lqd-contents-wrap, body.has-sidebar.lqd-blog-post-style-5 #lqd-contents-wrap, body.has-sidebar.lqd-blog-post-style-7 #lqd-contents-wrap { padding-top: 0; } body.has-sidebar.lqd-blog-post-style-1 .lqd-post-cover, body.has-sidebar.lqd-blog-post-style-2 .lqd-post-cover, body.has-sidebar.lqd-blog-post-style-4 .lqd-post-cover, body.has-sidebar.lqd-blog-post-style-5 .lqd-post-cover, body.has-sidebar.lqd-blog-post-style-7 .lqd-post-cover { width: 100vw; left: 50%; right: 50%; margin-inline-start: -50vw; margin-inline-end: 0; } body.has-sidebar.lqd-blog-post-style-3 #lqd-contents-wrap, body.has-sidebar.lqd-blog-post-style-6 #lqd-contents-wrap { padding-top: 50px; } body.has-sidebar.lqd-blog-post-style-3 .lqd-post-cover, body.has-sidebar.lqd-blog-post-style-6 .lqd-post-cover { width: 100%; } body.has-sidebar .related-posts > .container { width: 100%; } body.has-sidebar .lqd-post-sticky-stuff { left: -8vw; margin-inline-start: 0; } } .lqd-blog-post-style-6 .lqd-post-header { display: block; padding-top: 45px; } .lqd-blog-post-style-6 .lqd-post-header .entry-meta:last-of-type a { opacity: 0.65; } .lqd-blog-post-style-6 .lqd-post-header .entry-meta:last-of-type a:hover { opacity: 1; } .lqd-blog-post-style-6 .lqd-post-cover { margin-bottom: 50px; } .lqd-blog-post-style-6 .cat-links a { padding: 0.25em 1em; border-radius: 2em; background-color: #f1f1f1; font-size: 11px; font-weight: 600; color: #000; line-height: 1.5em; opacity: 1; } .lqd-blog-post-style-6 .cat-links a:hover { background-color: var(--lqd-color-primary); color: #fff; } .lqd-blog-post-style-6 .lqd-post-media img { border-radius: 5px; } .lqd-blog-post-style-6 h1.entry-title { margin-top: 0.1em; margin-bottom: 0.375em; font-size: 44px; line-height: 1em; } .lqd-blog-post-style-6.blog-single-post-has-not-thumbnail .lqd-post-cover { margin-bottom: 20px; } @media screen and (min-width: 992px) { .lqd-blog-post-style-6 .lqd-post-cover { width: 85%; } .lqd-blog-post-style-6.has-sidebar .lqd-post-header { padding-top: 0; } } @media screen and (min-width: 1200px) { .lqd-blog-post-style-6 .lqd-post-cover { width: 1140px; } } @media screen and (max-width: 479px) { .lqd-blog-post-style-6 .lqd-post-cover { margin-bottom: 35px; } } .lqd-blog-post-style-5 .lqd-post-cover-overlay { background: linear-gradient(to top, #141414, transparent 50%); } .lqd-blog-post-style-5 .lqd-post-header { padding-inline-start: 15px; padding-inline-end: 15px; min-height: 40vmax; place-content: end; margin: auto; } .lqd-blog-post-style-5 .lqd-post-header .entry-meta { justify-content: center !important; } .lqd-blog-post-style-5 h1.entry-title { margin-bottom: 0.25em; font-size: 100px; line-height: 1em; } @media screen and (min-width: 992px) { .lqd-blog-post-style-5 .lqd-post-header { width: 75vw; padding-bottom: 10vmin; } } @media screen and (min-width: 768px) and (max-width: 991px) { .lqd-blog-post-style-5 h1.entry-title { font-size: 10vmax; } } @media screen and (min-width: 1200px) { .lqd-blog-post-style-5 .lqd-post-header { width: 1000px; } } @media screen and (max-width: 768px) { .lqd-blog-post-style-5 .lqd-post-header { min-height: 60vmax; } .lqd-blog-post-style-5 h1.entry-title { margin-bottom: 0.5em; } .lqd-blog-post-style-5 .entry-meta > div { justify-content: center; } } .lqd-blog-post-style-3 .lqd-post-cover { margin: 0 auto; padding: 75px 15px; } .lqd-blog-post-style-3 .lqd-post-header .entry-meta { padding-top: 0; border: none; } .lqd-blog-post-style-3 .lqd-post-media { margin-bottom: 30px; } .lqd-blog-post-style-3 .entry-meta { padding-top: 1.2em; border-bottom: 1px solid #c3c3c3; } .lqd-blog-post-style-3 .entry-meta .byline:after { content: none; } .lqd-blog-post-style-3 .entry-meta .posted-on { order: -1; } .lqd-blog-post-style-3 .entry-meta .read-time { order: 3; } .lqd-blog-post-style-3 h1.entry-title { margin-bottom: 0.5em; font-size: 45px; line-height: 1.0444444444em; } .lqd-blog-post-style-3 .lqd-post-sticky-stuff .byline { display: flex; align-items: stretch; } .lqd-blog-post-style-3 .lqd-post-sticky-stuff .byline figure { display: block; width: 103px; border-radius: 0; margin-inline-end: 3px; } .lqd-blog-post-style-3 .lqd-post-sticky-stuff .byline > span { writing-mode: vertical-lr; transform: rotate(180deg); } .lqd-blog-post-style-3 .lqd-post-sticky-stuff .social-icon { width: 90%; } .lqd-blog-post-style-3 .lqd-post-sticky-stuff .social-icon li { border-bottom-color: #d3d3d3; } @media screen and (min-width: 768px) { .lqd-blog-post-style-3 .lqd-post-cover { display: grid; grid-template-areas: "header . media" "meta meta meta"; align-items: center; grid-template-columns: 50% auto 360px; } .lqd-blog-post-style-3 .lqd-post-media { grid-area: media; margin-bottom: 0; } .lqd-blog-post-style-3 .lqd-post-header { grid-area: header; display: block; padding-inline-end: 25px; } .lqd-blog-post-style-3 .entry-meta { grid-area: meta; } .lqd-blog-post-style-3 .entry-meta .read-time { margin-inline-start: auto; } } @media screen and (min-width: 1200px) { .lqd-blog-post-style-3 .lqd-post-cover { width: 1060px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .lqd-blog-post-style-3 .lqd-post-cover { grid-template-columns: 1fr auto 360px; } .lqd-blog-post-style-3 .lqd-post-header { padding-inline-end: 3vw; } .lqd-blog-post-style-3 h1.entry-title { font-size: 5vw; } } @media screen and (max-width: 768px) { .lqd-blog-post-style-3 .entry-meta > div { flex: auto; justify-content: flex-start; } } @media screen and (max-width: 479px) { .lqd-blog-post-style-3 .entry-meta { padding-bottom: 0.75em; } } .lqd-blog-post-style-2 .lqd-post-header { min-height: 100vh; } .lqd-blog-post-style-4 .lqd-post-header { padding: 45px 15px; margin: -5% auto 0; border-radius: 5px 5px 0 0; position: relative; z-index: 2; background-color: #fff; } .lqd-blog-post-style-4 h1.entry-title { margin-bottom: 0.45em; font-size: 45px; line-height: 1.0666666667em; } .lqd-blog-post-style-4 .lqd-post-media { margin-inline-start: 2vw; margin-inline-end: 2vw; max-height: 85vh; } .lqd-blog-post-style-4 .lqd-post-media img { max-height: inherit; object-fit: cover; } @media screen and (min-width: 992px) { .lqd-blog-post-style-4 .lqd-post-header { width: clamp(970px, 1280px, 95%); padding-inline-start: 90px; padding-inline-end: 60px; } .lqd-blog-post-style-4 h1.entry-title { width: 75%; } .lqd-blog-post-style-4 .entry-meta .read-time { position: absolute; top: 65px; right: 60px; } .lqd-blog-post-style-4 .entry-meta .cat-links:after { content: none; } .lqd-blog-post-style-4 .container .lqd-post-header { padding-inline-start: 75px; } } @media screen and (max-width: 1199px) { .lqd-blog-post-style-4 .lqd-post-media { padding-top: 2vw; } } @media screen and (max-width: 991px) { .lqd-blog-post-style-4 .lqd-post-media { margin-inline-start: 0; margin-inline-end: 0; } } @media screen and (max-width: 768px) { .lqd-blog-post-style-4 .lqd-post-cover { margin-bottom: 15px; } .lqd-blog-post-style-4 .lqd-post-header { padding: 30px 15px 15px !important; margin-top: 0; } .lqd-blog-post-style-4 .container .lqd-post-media { margin-inline-start: 0; margin-inline-end: 0; padding-top: 15px; } .lqd-blog-post-style-4 .container .lqd-post-header { padding-inline-start: 0 !important; padding-inline-end: 0 !important; } } .lqd-blog-post-style-7 .lqd-post-header { padding-top: 50px; padding-bottom: 50px; margin: auto; } .lqd-blog-post-style-7 h1.entry-title { margin-bottom: 0.35em; font-size: 44px; } .lqd-blog-post-style-7 .cat-links a { position: relative; } .lqd-blog-post-style-7 .cat-links a:before { content: ""; display: inline-block; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background-color: currentColor; } @media screen and (min-width: 992px) { .lqd-blog-post-style-7 .lqd-post-header { width: 80vw; } } @media screen and (min-width: 1200px) { .lqd-blog-post-style-7 .main-header-overlay + #lqd-site-content .lqd-post-cover { padding-top: 100px; } .lqd-blog-post-style-7 .lqd-post-header { width: 50vw; } } @media screen and (max-width: 479px) { .lqd-blog-post-style-7 .lqd-post-header { padding-bottom: 15px; } } @media screen and (max-width: 360px) { .lqd-blog-post-style-7 h1.entry-title { font-size: 36px; } } .lqd-pf-single-cover { margin-bottom: 2em; } .lqd-pf-single-cover img { width: 100%; } @media screen and (min-width: 992px) { .lqd-pf-single-cover .lqd-pf-single-cover-title { padding: 1rem; } } @media screen and (max-width: 768px) { .lqd-pf-single-cover { height: clamp(360px, 12vmin, 70vh); } .lqd-pf-single-cover figure, .lqd-pf-single-cover img { height: 100%; } .lqd-pf-single-cover img { object-fit: cover; object-position: center; } } .lqd-pf-single-meta-part { width: 50%; margin-bottom: 2em; color: #000; } .lqd-pf-single-meta-part > p { line-height: 1.65em; } .lqd-pf-single-meta-part > p:empty { display: none; } .lqd-pf-single-meta-part > p:first-of-type { margin-bottom: 0.65em; opacity: 0.35; } .lqd-pf-single-meta-part a { color: inherit; } .lqd-pf-single-meta-part a:hover { opacity: 0.7; } .lqd-pf-single-meta-part .social-icon { margin-top: 0.5em; } .lqd-pf-single-meta { margin-bottom: 1em; } .lqd-pf-single-meta.columns-1 .lqd-pf-single-meta-part { display: flex; width: 100%; margin-bottom: 0.8em; align-items: center; justify-content: space-between; } .lqd-pf-single-meta.columns-1 .lqd-pf-single-meta-part:last-child(3) { margin-bottom: 0; } .lqd-pf-single-meta.columns-2:last-child, .lqd-pf-single-meta.columns-2:nth-last-child(2) { margin-bottom: 0; } .lqd-pf-single-meta.columns-3 .lqd-pf-single-meta-part { width: 33.3333333333%; } .lqd-pf-single-meta.columns-3 .lqd-pf-single-meta-part:nth-last-child(3) { margin-bottom: 0; } .lqd-pf-nav-link-title { transition: color 0.3s, -webkit-text-stroke 0.3s; } .lqd-pf-nav-link-subtitle { opacity: 0.3; } .lqd-pf-meta-nav-not-classic .lqd-pf-nav-link-subtitle { opacity: 1; } .lqd-pf-meta-nav-not-classic .lqd-pf-nav-link-subtitle span { opacity: 0.6; transition: opacity 0.3s; } .lqd-pf-nav-all { display: flex; width: 17px; height: 17px; align-items: center; justify-content: center; } .lqd-pf-nav-all span { display: inline-block; width: 3px; height: 3px; border-radius: 3px; background-color: currentColor; box-shadow: -6px -6px 0, 0 -6px 0, 6px -6px 0, -6px 0 0, 6px 0 0, -6px 6px 0, 0 6px 0, 6px 6px 0; transition: box-shadow 0.45s, transform 0.65s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-pf-nav-all:first-child { margin-inline-start: auto; } .lqd-pf-nav-all:last-child { margin-inline-end: auto; } .lqd-pf-nav-all:hover span { transform: scale(1.1); box-shadow: -8px -8px 0, 0 -8px 0, 8px -8px 0, -8px 0 0, 8px 0 0, -8px 8px 0, 0 8px 0, 8px 8px 0; } .lqd-pf-nav-link { margin-top: 20px; margin-bottom: 20px; position: relative; line-height: 1.5em; } .lqd-pf-meta-nav { position: relative; border-top: 1px solid #e2e2e2; color: #000; } .lqd-pf-meta-nav .lqd-pf-nav-link-title, .lqd-pf-meta-nav a { color: inherit !important; } .lqd-pf-meta-nav a i { transition: transform 0.65s, opacity 0.65s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-pf-meta-nav-classic .lqd-pf-nav-link-subtitle { font-size: 0.9375em; } .lqd-pf-meta-nav-classic .lqd-pf-nav-link { flex-basis: 33.3333333333%; } .lqd-pf-meta-nav-classic .lqd-pf-nav-prev:hover i { transform: translateX(-7px) scale(1.25, 0.8); } .lqd-pf-meta-nav-classic .lqd-pf-nav-next:hover i { transform: translateX(7px) scale(1.25, 0.8); } .lqd-pf-meta-nav-not-classic { padding: 80px 0; border: none; font-size: 23px; text-align: center; } .lqd-pf-meta-nav-not-classic .lqd-pf-nav-link-subtitle { display: flex; align-items: center; justify-content: center; margin-bottom: 1em; } .lqd-pf-meta-nav-not-classic .lqd-pf-nav-link-subtitle i { margin-inline-start: 0.5em; transform: rotate(45deg); } .lqd-pf-meta-nav-not-classic .lqd-pf-nav-link:hover .lqd-pf-nav-link-subtitle, .lqd-pf-meta-nav-not-classic .lqd-pf-nav-link:hover .lqd-pf-nav-link-subtitle span { opacity: 1; } .lqd-pf-meta-nav-not-classic-outline .lqd-pf-nav-link-title { color: transparent !important; -webkit-text-stroke: 1px #000; } .lqd-pf-meta-nav-not-classic-outline .lqd-pf-nav-link:hover .lqd-pf-nav-link-title { color: #000 !important; -webkit-text-stroke: 1px transparent; } @media screen and (min-width: 768px) { .container-fluid .lqd-pf-meta-nav-classic { padding-inline-start: 45px; padding-inline-end: 45px; } .page-has-left-stickybar .container-fluid .lqd-pf-meta-nav-classic, .page-has-right-stickybar .container-fluid .lqd-pf-meta-nav-classic { padding-inline-start: 75px; padding-inline-end: 75px; } .lqd-pf-meta-nav-classic .lqd-pf-nav-next { text-align: start; } } @media screen and (min-width: 480px) { .lqd-pf-meta-nav-classic-minimal .lqd-pf-nav-link i { opacity: 0; position: absolute; } .lqd-pf-meta-nav-classic-minimal .lqd-pf-nav-link:hover i { opacity: 1; } .lqd-pf-meta-nav-classic-minimal .lqd-pf-nav-prev i { left: -10px; transform: translateX(-15px) scaleY(0.75); } .lqd-pf-meta-nav-classic-minimal .lqd-pf-nav-prev:hover i { transform: translateX(-10px) scaleY(1); } .lqd-pf-meta-nav-classic-minimal .lqd-pf-nav-next i { right: -10px; transform: translateX(15px) scaleY(0.75); } .lqd-pf-meta-nav-classic-minimal .lqd-pf-nav-next:hover i { transform: translateX(10px) scaleY(1); } } @media screen and (max-width: 768px) { .lqd-pf-meta-nav-classic-minimal { padding-inline-start: 15px; padding-inline-end: 15px; } } @media screen and (max-width: 479px) { .lqd-pf-meta-nav-not-classic { padding-top: 30px; padding-bottom: 30px; } .lqd-pf-meta-nav-not-classic .lqd-pf-nav-link-title.h1 { font-size: clamp(32px, 12vw, 50px); } .lqd-pf-meta-nav-classic .lqd-pf-nav-link { flex-basis: calc(50% - 20px); } .lqd-pf-meta-nav-classic .lqd-pf-nav-all { flex-basis: 18px; } .lqd-pf-meta-nav-classic-minimal .lqd-pf-nav-prev i { margin-inline-end: 10px; } .lqd-pf-meta-nav-classic-minimal .lqd-pf-nav-next i { margin-inline-start: 10px; } } .lqd-pf-related-projects .flickity-button[disabled] { display: none; } .lqd-pf-related-projects .lqd-pf-column { flex-grow: 0; } .lqd-pf-related-projects .lqd-pf-item { width: 100%; } .lqd-pf-related-projects .lqd-pf-img { padding-top: 100%; } .lqd-pf-related-projects .lqd-pf-img > figure { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .lqd-pf-related-projects .lqd-pf-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } @media screen and (max-width: 768px) { .lqd-pf-related-projects .carousel-dots-mobile .flickity-page-dots { margin-top: 0; } } .pf-scroll-down-link { display: inline-block; font-size: 28px; line-height: 1; color: #fff; } .pf-scroll-down-link:hover { color: #fff; opacity: 0.8; } .lqd-pf-single-title { font-size: 56px; line-height: 1.25em; } .lqd-pf-single-cover .lqd-pf-single-title { color: #fff; } [data-liquid-stack="true"] { --lqd-stack-animation-speed: 1.2s; } .pp-section { width: 100vw; height: 100vh; position: fixed !important; top: 0; left: 0; z-index: 2; overflow: hidden; justify-content: center; transform: translate3d(0, 0, 0); transition: transform 1.15s cubic-bezier(0.22, 0.61, 0.36, 1); } .pp-section:not(.active):not(.lqd-stack-row-entering):not( .lqd-stack-row-leaving ) { top: 100%; visibility: hidden; pointer-events: none; } .pp-scrollable { overflow-y: scroll; } .pp-auto-height { height: auto !important; } .section-before-footer { z-index: 2; } .html-pp-enabled { overflow: hidden !important; } .pp-enabled .titlebar { display: none !important; } .pp-enabled [data-liquid-stack="true"] { height: 100vh; overflow: hidden; touch-action: none; } .pp-enabled [data-liquid-stack="true"] > section { width: 100%; height: 100vh; transform: none; min-height: 0 !important; } .pp-enabled [data-liquid-stack="true"] > section:after, .pp-enabled [data-liquid-stack="true"] > section:before { content: none !important; } .pp-enabled [data-liquid-stack="true"] > section:not(.vc_row-flex) { align-content: center; } .pp-enabled [data-liquid-stack="true"] .main-footer { top: 100%; bottom: 0; z-index: 1; animation: none !important; } .pp-enabled .page-has-frame [data-liquid-stack="true"] { height: calc(100vh - 40px); } .pp-enabled .page-has-frame [data-liquid-stack="true"] > section { height: calc(100vh - 40px); } .lqd-stack-row-entering { will-change: transform, opacity; z-index: 10; } .lqd-stack-row-leaving { will-change: transform, opacity; } .lqd-stack-moving-up .lqd-stack-page-number, .lqd-stack-moving-up .lqd-stack-prevnext-button { transition-delay: 0.35s; } .lqd-stack-footer-active #pp-nav, .lqd-stack-footer-active .lqd-stack-page-number, .lqd-stack-footer-active .lqd-stack-prevnext-button { opacity: 0; visibility: hidden; } .lqd-stack-footer-active .pp-section.section-before-footer { top: 0 !important; visibility: visible !important; pointer-events: auto !important; animation: none !important; } .pp-section.main-footer.active, .section-before-footer.lqd-stack-moving-up.active ~ .main-footer { top: auto; visibility: visible; } .vc_mobile [data-liquid-stack="true"] > section { height: auto; } #pp-nav { display: none; position: fixed; top: 50%; right: 50px; z-index: 100; font-size: 0.8125em; line-height: 1.5em; color: #000; transform: translateY(-50%); transition: color 0.3s, opacity 0.3s, visibility 0.3s; } #pp-nav .pp-nav-inner { display: inherit; flex-direction: inherit; align-items: inherit; justify-content: inherit; } #pp-nav a, #pp-nav li { position: relative; color: inherit; } #pp-nav li { display: inline-flex; } #pp-nav li:hover .pp-tooltip { opacity: 1; visibility: visible; transform: translate(-18px, -50%); } #pp-nav .pp-nav-current, #pp-nav .pp-nav-total { display: flex; width: 150%; position: relative; left: -25%; justify-content: center; margin: 1.5em -3px 1.5em 0; } #pp-nav svg { display: none; } #pp-nav .pp-tooltip { display: inline-block; margin-inline-end: 15px; position: absolute; top: 50%; right: 100%; opacity: 0; visibility: hidden; white-space: nowrap; transition-property: visibility, opacity, transform, color; transition-duration: 0.45s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transform: translateY(-50%); } .lqd-stack-has-nav #pp-nav { display: block; } .mobile-nav-activated #pp-nav { opacity: 0 !important; visibility: hidden !important; } .pp-nav-current, .pp-nav-total { display: none; } .pp-nav-current .lqd-stack-nav-numbers-visible .pp-nav-current, .pp-nav-current .lqd-stack-nav-numbers-visible .pp-nav-total, .pp-nav-total .lqd-stack-nav-numbers-visible .pp-nav-current, .pp-nav-total .lqd-stack-nav-numbers-visible .pp-nav-total { display: inline-flex; } .pp-nav-current { height: 1.5em; overflow: hidden; color: #000; } .pp-nav-current span { display: block; height: inherit; } .pp-nav-current > span { display: flex; flex-direction: column; justify-content: flex-start; transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-active-row-dark #pp-nav { color: rgba(255, 255, 255, 0.7); } .lqd-active-row-dark #pp-nav a { color: inherit; } .lqd-active-row-dark #pp-nav li.active a { color: #fff; } .lqd-active-row-dark .pp-nav-current { color: #fff; } @media (max-width: 991px) { #pp-nav { display: flex; flex-direction: column; align-items: center; left: 20px; top: auto; bottom: 40px; right: auto !important; font-size: 1em; transform: none; } #pp-nav .pp-nav-inner { display: flex; align-items: center; flex-direction: row; } #pp-nav .pp-nav-current, #pp-nav .pp-nav-total { margin: 0; left: 0; } #pp-nav .pp-nav-current { align-items: center; height: 1em; line-height: 1em; } #pp-nav .pp-nav-total { margin-inline-start: 1em; } #pp-nav .pp-nav-total:before { content: "|"; padding-inline-end: 0.75em; transform: scaleX(1.25) skewX(-18deg); } } @media (min-width: 992px) { .lqd-stack-nav-style-1 #pp-nav a { display: inline-flex; width: 10px; height: 10px; border-radius: 50em; flex-flow: row wrap; align-items: center; transform-origin: right center; } .lqd-stack-nav-style-1 #pp-nav a:after, .lqd-stack-nav-style-1 #pp-nav a:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50em; transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-stack-nav-style-1 #pp-nav a:before { background-color: currentColor; transform: scale(0.5); } .lqd-stack-nav-style-1 #pp-nav a:after { transform: scale(0); border: 2px solid; } .lqd-stack-nav-style-1 #pp-nav a span { display: block; width: 100%; height: 100%; } .lqd-stack-nav-style-1 #pp-nav li { display: flex; flex-direction: row-reverse; align-items: center; margin: 20px 0; } .lqd-stack-nav-style-1 #pp-nav li:first-child { margin-top: 0; } .lqd-stack-nav-style-1 #pp-nav li:last-child { margin-bottom: 0; } .lqd-stack-nav-style-1 #pp-nav li.active a:before { transform: scale(0); transition-delay: 0.25s; } .lqd-stack-nav-style-1 #pp-nav li.active a:after { transform: scale(1); } .lqd-stack-has-footer .lqd-stack-nav-style-1 #pp-nav li:nth-last-child(2) { margin-bottom: 0; } .lqd-active-row-dark .lqd-stack-nav-style-1 #pp-nav a:before { background: #d0cde0; } .lqd-active-row-dark .lqd-stack-nav-style-1 #pp-nav a:after { border-color: #d0cde0; } .lqd-active-row-dark .lqd-stack-nav-style-1 #pp-nav li { color: currentColor; } } @media (min-width: 992px) { .lqd-stack-nav-style-2 #pp-nav { display: flex; flex-direction: column; align-items: center; } .lqd-stack-nav-style-2 #pp-nav ul { display: flex; flex-direction: column; } .lqd-stack-nav-style-2 #pp-nav li { width: 1px; margin: 0; flex: 0 0 50px; } .lqd-stack-nav-style-2 #pp-nav li.active a:after { transform: scaleY(1); } .lqd-stack-nav-style-2 #pp-nav li.active .pp-tooltip { opacity: 0; visibility: hidden; transform: translate(18px, -50%); } .lqd-stack-nav-style-2 #pp-nav li.active ~ li a:after { transform: scaleY(0); } .lqd-stack-nav-style-2 #pp-nav li:hover .pp-tooltip { opacity: 1; visibility: visible; transform: translate(0, -50%); } .lqd-stack-nav-style-2 #pp-nav a { flex: 1; background-color: rgba(0, 0, 0, 0.3); } .lqd-stack-nav-style-2 #pp-nav a:after, .lqd-stack-nav-style-2 #pp-nav a:before { content: ""; display: inline-block; height: 100%; position: absolute; top: 0; transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-stack-nav-style-2 #pp-nav a:before { width: 10px; left: -5px; } .lqd-stack-nav-style-2 #pp-nav a:after { width: 100%; height: 100%; transform-origin: top; background-color: currentColor; } .lqd-stack-nav-style-2 #pp-nav .pp-tooltip { opacity: 0; visibility: hidden; transform: translate(18px, -50%); } .lqd-active-row-dark.lqd-stack-nav-style-2 #pp-nav a { background-color: rgba(255, 255, 255, 0.4); } } @media (min-width: 992px) { .lqd-stack-nav-style-3 #pp-nav { display: flex; flex-direction: column; align-items: center; } .lqd-stack-nav-style-3 #pp-nav ul { display: flex; flex-direction: column; width: 27px; } .lqd-stack-nav-style-3 #pp-nav li:not(:last-child) { margin-bottom: 12px; } .lqd-stack-nav-style-3 #pp-nav li.active a svg { stroke-dashoffset: 0; } .lqd-stack-nav-style-3 #pp-nav li.active .pp-tooltip { visibility: hidden; opacity: 0; } .lqd-stack-nav-style-3 #pp-nav li:hover:not(.active) a span { transform: scale(2); } .lqd-stack-nav-style-3 #pp-nav a { display: inline-grid; width: 100%; height: 27px; place-items: center; border-radius: 50em; } .lqd-stack-nav-style-3 #pp-nav a span { display: inline-block; width: 5px; height: 5px; border-radius: inherit; background-color: currentColor; transition: transform 0.65s; } .lqd-stack-nav-style-3 #pp-nav a svg { display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; stroke-width: 2px; stroke: currentColor; stroke-dasharray: 86; stroke-dashoffset: 86; transition: stroke-dashoffset 0.65s; } .lqd-stack-nav-style-3 #pp-nav .pp-tooltip { margin-inline-end: 0; } .lqd-stack-nav-style-3 #pp-nav .pp-nav-current, .lqd-stack-nav-style-3 #pp-nav .pp-nav-total { width: 27px; left: 0; margin-inline-start: 0; } .lqd-active-row-dark.lqd-stack-nav-style-3 #pp-nav svg { stroke: currentColor; } } @media (min-width: 992px) { .lqd-stack-nav-style-4 #pp-nav .pp-tooltip { display: inline-block; margin-inline-end: 15px; position: absolute; top: 50%; right: 100%; opacity: 0; visibility: hidden; white-space: nowrap; transition-property: visibility, opacity, transform, color; transition-duration: 0.45s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transform: translateY(-50%); } .lqd-stack-nav-style-4 #pp-nav a { display: inline-flex; width: 24px; height: 1px; position: relative; background-color: currentColor; flex-flow: row wrap; align-items: center; transform-origin: right center; opacity: 0.4; } .lqd-stack-nav-style-4 #pp-nav a:before { content: ""; display: inline-block; width: 100%; height: 21px; position: absolute; top: -10px; left: 0; } .lqd-stack-nav-style-4 #pp-nav li { display: flex; flex-direction: row-reverse; align-items: center; position: relative; margin: 13px 0; } .lqd-stack-nav-style-4 #pp-nav li:first-child { margin-top: 0; } .lqd-stack-nav-style-4 #pp-nav li:last-child { margin-bottom: 0; } .lqd-stack-has-footer .lqd-stack-nav-style-4 #pp-nav li:nth-last-child(2) { margin-bottom: 0; } .lqd-stack-nav-style-4 #pp-nav li:hover a { transform: scaleX(1.5); } .lqd-stack-nav-style-4 #pp-nav li:hover .pp-tooltip { opacity: 1; visibility: visible; transform: translate(-18px, -50%); } .lqd-stack-nav-style-4 #pp-nav li.active a { transform: scaleX(1.5); opacity: 1; } .lqd-stack-nav-style-4 #pp-nav li.active .pp-tooltip { transform: translate(-18px, -50%); } .lqd-stack-nav-style-4 #pp-nav ul { display: flex; flex-direction: column; } .lqd-stack-nav-style-4 #pp-nav .pp-nav-current, .lqd-stack-nav-style-4 #pp-nav .pp-nav-total { margin-top: 2em; margin-bottom: 2em; } } @keyframes lqdStackNumberActive { from { transform: scale(0.5); opacity: 0; } to { transform: scale(1); opacity: 1; } } @keyframes lqdStackNumberPassed { from { transform: scale(1); opacity: 1; } to { transform: scale(1.5); opacity: 0; } } @keyframes lqdStackNumberActiveUp { from { transform: scale(1.5); opacity: 0; } to { transform: scale(1); opacity: 1; } } @keyframes lqdStackNumberPassedUp { from { transform: scale(0.5); opacity: 1; } to { transform: scale(1); opacity: 0; } } .lqd-stack-page-number { z-index: 8; opacity: 1; visibility: visible; transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1); color: #000; } .lqd-stack-page-number a { color: inherit; } .lqd-stack-page-number .active { color: var(--color-primary); } .lqd-stack-moving .lqd-stack-page-number-current { animation: lqdStackNumberActive 0.45s cubic-bezier(0.39, 0.575, 0.565, 1) both alternate; } .lqd-stack-moving .lqd-stack-page-number-passed { animation: lqdStackNumberPassed 0.45s cubic-bezier(0.39, 0.575, 0.565, 1) both alternate; } .lqd-stack-moving.lqd-stack-moving-up .lqd-stack-page-number-current { animation-name: lqdStackNumberActiveUp; } .lqd-stack-moving.lqd-stack-moving-up .lqd-stack-page-number-passed { animation-name: lqdStackNumberPassedUp; } .lqd-active-row-dark .lqd-stack-page-number { color: #fff; } @media (max-width: 991px) { .lqd-stack-page-number { display: none; } } .lqd-stack-nums-style-1 .lqd-stack-page-number { position: fixed; bottom: 40px; left: 50%; font-size: 20px; font-weight: 700; transform: translateX(-50%); } .lqd-stack-nums-style-1 .lqd-stack-page-number span { display: inline-block; } .lqd-stack-nums-style-1 .lqd-stack-page-number svg { display: none; } .lqd-stack-nums-style-1 .lqd-stack-page-number-counter { position: relative; } .lqd-stack-nums-style-1 .lqd-stack-page-number-current { overflow: hidden; } .lqd-stack-nums-style-1 .lqd-stack-page-number-passed { position: absolute; left: 0; top: 0; opacity: 0; } .lqd-stack-nums-style-1 .lqd-stack-page-number-total { font-size: 0.55em; } .lqd-stack-nums-style-1 .lqd-stack-page-number-total:before { content: ""; display: inline-block; width: 2px; height: 1.75em; margin-inline-end: 4px; margin-inline-start: 2px; background-color: currentColor; transform: skewX(-18deg); } .lqd-stack-nums-style-2 .lqd-stack-page-number { border-top: 1px solid rgba(0, 0, 0, 0.3); position: fixed; bottom: 0; left: 0; right: 0; font-size: 16px; font-weight: 400; line-height: 1.1em; transform: none; } .lqd-stack-nums-style-2 .lqd-stack-page-number a, .lqd-stack-nums-style-2 .lqd-stack-page-number li, .lqd-stack-nums-style-2 .lqd-stack-page-number ul { display: flex; } .lqd-stack-nums-style-2 .lqd-stack-page-number a, .lqd-stack-nums-style-2 .lqd-stack-page-number li { flex: 1; } .lqd-stack-nums-style-2 .lqd-stack-page-number ul { width: 100%; counter-reset: stackModernNumbers; } .lqd-stack-nums-style-2 .lqd-stack-page-number li { counter-increment: stackModernNumbers; } .lqd-stack-nums-style-2 .lqd-stack-page-number svg { display: none; } .lqd-stack-nums-style-2 .lqd-stack-page-number a { padding: 1em; justify-content: center; } .lqd-stack-nums-style-2 .lqd-stack-page-number a span { display: inline-flex; align-items: center; position: relative; line-height: 1.15em; overflow: hidden; } .lqd-stack-nums-style-2 .lqd-stack-page-number a span:after, .lqd-stack-nums-style-2 .lqd-stack-page-number a span:before { display: inline-block; content: counter(stackModernNumbers, decimal-leading-zero); transition: transform 1.25s cubic-bezier(0.075, 0.82, 0.165, 1); } .lqd-stack-nums-style-2 .lqd-stack-page-number a span:after { position: absolute; top: 0; left: 0; transform: translateY(105%); } .lqd-stack-nums-style-2 .lqd-stack-page-number a:hover span:before { transform: translateY(-105%); } .lqd-stack-nums-style-2 .lqd-stack-page-number a:hover span:after { transform: translateY(0); } .lqd-stack-nums-style-2 .lqd-stack-page-number .pp-tooltip { display: none; } .lqd-active-row-dark .lqd-stack-page-number { border-top-color: rgba(255, 255, 255, 0.1); } .lqd-active-row-light .lqd-stack-page-number { border-top-color: rgba(0, 0, 0, 0.5); } .lqd-stack-prevnext-wrap { z-index: 7; line-height: 1em; } .lqd-stack-prevnext-button { display: inline-flex; flex-flow: row nowrap; align-items: center; padding: 0; border: none; position: fixed; z-index: 10; background: 0 0; transition: opacity 0.3s, visibility 0.3s, color 0.3s; } .lqd-stack-prevnext-button:focus { outline: 0; } .lqd-stack-prevnext-button .lqd-stack-button-ext { display: none; } .lqd-active-row-dark .lqd-stack-prevnext-button { color: #fff; } @media (max-width: 991px) { .lqd-stack-prevnext-wrap { display: none; } } @keyframes lqdStackArrowNext { 0% { transform: translate(0); opacity: 1; } 60% { transform: translateX(50%); } 61% { transform: translateX(-100%); opacity: 0; } 100% { transform: translate(0); opacity: 1; } } @keyframes lqdStackArrowPrev { 0% { transform: translate(0); opacity: 1; } 60% { transform: translateX(-50%); } 61% { transform: translateX(100%); opacity: 0; } 100% { transform: translate(0); opacity: 1; } } .lqd-stack-buttons-style-1 .lqd-stack-prevnext-button { top: 50%; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; white-space: nowrap; transform: translateY(-50%); transition: color 0.3s; } .lqd-stack-buttons-style-1 .lqd-stack-button-label { transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-stack-buttons-style-1 .lqd-stack-button-ext { display: flex; align-items: center; } .lqd-stack-buttons-style-1 .lqd-stack-button-ext:before { display: inline-block; font: normal normal 2em lqd-essentials; } .lqd-stack-buttons-style-1 .lqd-stack-prev-button { left: 50px; margin-inline-end: 5px; flex-direction: row-reverse; } .lqd-stack-buttons-style-1 .lqd-stack-prev-button .lqd-stack-button-ext { margin-inline-end: 10px; } .lqd-stack-buttons-style-1 .lqd-stack-prev-button .lqd-stack-button-ext:before { content: "\ea33"; } .lqd-stack-buttons-style-1 .lqd-stack-prev-button:hover .lqd-stack-button-label { transform: translateX(-2px); } .lqd-stack-buttons-style-1 .lqd-stack-prev-button:hover .lqd-stack-button-ext { animation: lqdStackArrowPrev 0.45s cubic-bezier(0.77, 0, 0.175, 1) both alternate; } .lqd-stack-buttons-style-1 .lqd-stack-next-button { right: 50px; margin-inline-start: 5px; } .lqd-stack-buttons-style-1 .lqd-stack-next-button .lqd-stack-button-ext { margin-inline-start: 10px; } .lqd-stack-buttons-style-1 .lqd-stack-next-button .lqd-stack-button-ext:before { content: "\ea31"; } .lqd-stack-buttons-style-1 .lqd-stack-next-button:hover .lqd-stack-button-label { transform: translateX(2px); } .lqd-stack-buttons-style-1 .lqd-stack-next-button:hover .lqd-stack-button-ext { animation: lqdStackArrowNext 0.45s cubic-bezier(0.77, 0, 0.175, 1) both alternate; } .lqd-stack-buttons-style-1.lqd-stack-has-nav .lqd-stack-prevnext-button { position: relative; top: auto; left: auto; right: auto; transform: none; } .lqd-stack-buttons-style-1.lqd-stack-has-nav .lqd-stack-prevnext-wrap { position: absolute; bottom: 40px; right: 50px; } .lqd-stack-buttons-style-1.page-has-right-stickybar #pp-nav, .lqd-stack-buttons-style-1.page-has-right-stickybar .lqd-stack-prevnext-wrap { right: 125px; } .lqd-stack-buttons-style-2 .lqd-stack-prevnext-wrap { display: flex; flex-direction: row-reverse; justify-content: space-between; padding: 6vh 0; position: fixed; top: 0; bottom: 0; right: 50px; font-size: 16px; writing-mode: vertical-lr; } .lqd-stack-buttons-style-2 .lqd-stack-prevnext-button { position: relative; right: 0; white-space: nowrap; transform: rotate(-180deg); } .lqd-stack-buttons-style-2 .lqd-stack-prevnext-button span { writing-mode: vertical-lr; } .lqd-stack-buttons-style-2 .lqd-stack-button-label { transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-stack-buttons-style-2 .lqd-stack-prev-button { top: 0; } .lqd-stack-buttons-style-2 .lqd-stack-next-button { bottom: 0; } .lqd-stack-buttons-style-2 .lqd-stack-button-label { display: inline-flex; align-items: center; } .lqd-stack-buttons-style-2.lqd-stack-has-prevnext-buttons .lqd-stack-prevnext-wrap { padding-top: calc(6vh + 50px); padding-bottom: calc(6vh + 50px); } .lqd-stack-buttons-style-2.page-has-right-stickybar #pp-nav, .lqd-stack-buttons-style-2.page-has-right-stickybar .lqd-stack-prevnext-wrap { right: 110px; } @keyframes lqdStackRowFadeScaleEnterFromBottom { from { transform: translate3d(0, 100vh, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes lqdStackRowFadeScaleEnter { from { transform: scale(0.9) translate3d(0, 0, 0); opacity: 0; } to { transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @keyframes lqdStackRowFadeScaleLeave { from { transform: scale(1) translate3d(0, 0, 0); } to { transform: scale(0.9) translate3d(0, 0, 0); opacity: 0; } } @keyframes lqdStackRowFadeScaleLeaveToBottom { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, 100vh, 0); } } .lqd-stack-effect-fadeScale .lqd-stack-row-entering.lqd-stack-moving-up { animation: lqdStackRowFadeScaleEnter var(--lqd-stack-animation-speed, 1.2s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; z-index: 0; } .lqd-stack-effect-fadeScale .lqd-stack-row-entering.lqd-stack-moving-down { animation: lqdStackRowFadeScaleEnterFromBottom var(--lqd-stack-animation-speed, 1.2s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-fadeScale .lqd-stack-row-leaving.lqd-stack-moving-up { animation: lqdStackRowFadeScaleLeaveToBottom var(--lqd-stack-animation-speed, 1.2s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-fadeScale .lqd-stack-row-leaving.lqd-stack-moving-down { animation: lqdStackRowFadeScaleLeave var(--lqd-stack-animation-speed, 1.2s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } @keyframes lqdStackRowMaskEnterFromTop { from { transform: translate3d(0, -100vh, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes lqdStackRowMaskEnterFromBottom { from { transform: translate3d(0, 100vh, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes lqdStackRowMaskLeaveToTop { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, -50vh, 0); } } @keyframes lqdStackRowMaskLeaveToBottom { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, 50vh, 0); } } @keyframes lqdStackRowMaskEnterFromTopInner { from { transform: translate3d(0, -100vh, 0) scale3d(1.1, 1.1, 1); } to { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } @keyframes lqdStackRowMaskEnterFromBottomInner { from { transform: translate3d(0, 100vh, 0) scale3d(1.1, 1.1, 1); } to { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } @keyframes lqdStackRowMaskLeaveToTopInner { from { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } to { transform: translate3d(0, -50vh, 0) scale3d(1.15, 1.15, 1); } } @keyframes lqdStackRowMaskLeaveToBottomInner { from { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } to { transform: translate3d(0, 50vh, 0) scale3d(1.15, 1.15, 1); } } .lqd-stack-effect-mask .lqd-stack-row-entering > .ld-container { will-change: transform; } .lqd-stack-effect-mask .lqd-stack-row-entering.lqd-stack-moving-up { overflow: hidden; animation: lqdStackRowMaskEnterFromTop var(--lqd-stack-animation-speed, 1.2s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-mask .lqd-stack-row-entering.lqd-stack-moving-up > .ld-container { animation: lqdStackRowMaskEnterFromBottomInner var(--lqd-stack-animation-speed, 1.2s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-mask .lqd-stack-row-entering.lqd-stack-moving-down { overflow: hidden; animation: lqdStackRowMaskEnterFromBottom var(--lqd-stack-animation-speed, 1.2s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-mask .lqd-stack-row-entering.lqd-stack-moving-down > .ld-container { animation: lqdStackRowMaskEnterFromTopInner var(--lqd-stack-animation-speed, 1.2s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-mask .lqd-stack-row-leaving > .ld-container { will-change: transform; } .lqd-stack-effect-mask .lqd-stack-row-leaving.lqd-stack-moving-up { overflow: hidden; animation: lqdStackRowMaskLeaveToBottom var(--lqd-stack-animation-speed, 1.2s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-mask .lqd-stack-row-leaving.lqd-stack-moving-up:not(.main-footer) > .ld-container { animation: lqdStackRowMaskLeaveToTopInner var(--lqd-stack-animation-speed, 1.2s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-mask .lqd-stack-row-leaving.lqd-stack-moving-down { overflow: hidden; animation: lqdStackRowMaskLeaveToTop var(--lqd-stack-animation-speed, 1.2s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-mask .lqd-stack-row-leaving.lqd-stack-moving-down > .ld-container { animation: lqdStackRowMaskLeaveToBottomInner var(--lqd-stack-animation-speed, 1.2s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } @keyframes lqdStackRowSlideOverEnterFromTop { from { transform: translate3d(0, -100vh, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes lqdStackRowSlideOverEnterFromBottom { from { transform: translate3d(0, 100vh, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes lqdStackRowSlideOverLeaveToTop { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, -50vh, 0); } } @keyframes lqdStackRowSlideOverLeaveToBottom { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, 50vh, 0); } } .lqd-stack-effect-slideOver .lqd-stack-row-entering.lqd-stack-moving-up { animation: lqdStackRowSlideOverEnterFromTop var(--lqd-stack-animation-speed, 1.2s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-slideOver .lqd-stack-row-entering.lqd-stack-moving-down { animation: lqdStackRowSlideOverEnterFromBottom var(--lqd-stack-animation-speed, 1.2s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-slideOver .lqd-stack-row-leaving.lqd-stack-moving-up { animation: lqdStackRowSlideOverLeaveToBottom var(--lqd-stack-animation-speed, 1.2s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-slideOver .lqd-stack-row-leaving.lqd-stack-moving-down { animation: lqdStackRowSlideOverLeaveToTop var(--lqd-stack-animation-speed, 1.2s) cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .submenu-expander:before { content: "\ea2f"; display: inline-flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; font: normal 1em/1 lqd-essentials; }