/
var
/
www
/
barefootlaw.org
/
wp-content
/
themes
/
archub
/
assets
/
css
/
Upload File
HOME
/* * Name: Hub - Elementor version styles * Written by: LiquidThemes */ /*---------------------------------------- [ TABLE OF CONTENTS ] 1. BASE |- 1.1. General elements |- 1.2. Base styling 2. UTILS |- 2.1. Utils 3. HEADER |- 3.1. Header 4. FOOTER |- 4.1. Footer 5. TITLEBAR |- 5.1. Titlebar 6. SIDEBAR |- 6.1. Sidebar 7. THEME FEATURES |- 7.1. Theme Features 8. LIQUID WIDGETS |- 8.1. Buttons 9. BLOG |- 9.1. Blog 10. PORTFOLIO |- 10.1. Portfolio 11. PAGE LAYOUTS |- 11.1. Page layouts 12. PAGES |- 12.1. Pages ----------------------------------------*/ body { --color-font: var(--e-global-color-text, #626974); --color-primary: var(--e-global-color-primary, #184341); --color-secondary: var(--e-global-color-secondary); --color-link: #5b7bfb; --color-link-hover: #181b31; --color-gradient-start: #007fff; --color-gradient-stop: #ff4d54; --lqd-site-width: 1140px; --lqd-z-index: 20; --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-menu-items-top-padding: 10px; --lqd-menu-items-bottom-padding: 10px; --lqd-menu-items-left-padding: 15px; --lqd-menu-items-right-padding: 15px; --lqd-cc-bc: var(--color-primary); --lqd-cc-bg: var(--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(--color-primary); --lqd-cc-active-bg: var(--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-cc-blend-mode: unset; } *, *:before, *:after { box-sizing: border-box; } html, body { max-width: 100vw; } html { font-size: 100%; overflow-x: hidden; } body { color: var(--color-font); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } iframe { max-width: 100%; } p { margin-top: 0; margin-bottom: 1.5em; } small, .font_small { font-size: 0.667em; } /* Base Styles */ #wrap, #lqd-site-content { position: relative; background-color: #fff; } #lqd-site-content { z-index: 2; transition: transform 0.3s; } #lqd-contents-wrap > .elementor:before, #lqd-contents-wrap > .elementor:after { content: ""; display: table; } #lqd-contents-wrap > .elementor:after { clear: both; } .elementor-widget-wrap { transition: background 0.3s, box-shadow 0.3s; } .elementor-page:not(.has-sidebar):not(.single-product) #lqd-site-content > .container { max-width: none; width: 100%; padding: 0; } .post-password-form { min-height: 50vh; max-width: 1170px; padding: 70px 15px; margin: 0 auto; } .single-liquid-portfolio .post-password-form { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; } [data-elementor-device-mode*=mobile] body { overflow: hidden; } @media screen and (max-width: 879px) { body { overflow: hidden; } } a { text-decoration: none; color: var(--color-link); transition: all 0.3s; } a:hover { color: var(--color-link-hover); } a:hover, a:focus { text-decoration: none; } img { max-width: 100%; height: auto; } img.w-100 { width: 100% !important; } img.h-100 { height: 100% !important; } label { font-weight: normal; } textarea { resize: vertical; } dd { margin-inline-start: 1.5em; margin-top: 0.5em; margin-bottom: 0.5em; } table { width: 100%; margin-bottom: 1em; border: 1px solid #dedede; color: #333; } table tr { border-bottom: 1px solid #dedede; } table th, table td { border: none; padding: 0.5em 1em; border-inline-end: 1px solid #dedede; } table th:last-child, table td:last-child { border-inline-end-width: 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; } body:not(.elementor-page) #lqd-contents-wrap { padding-top: 70px; padding-bottom: 70px; } body:not(.elementor-page) .comments-area { padding-bottom: 0; } body:not(.elementor-page) .form-submit { margin-bottom: 0; } body:not(.elementor-page) .lqd-main-footer-default { margin-top: 0; } .d-block { display: block; } .d-inline-block { display: inline-block; } .lqd-fade-sides:not(.carousel-container) { mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); } .lqd-fade-sides.carousel-container .flickity-viewport { mask-image: linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%); } .hide-if-empty:empty { display: none !important; } .inline-nav > li { display: inline-flex !important; width: auto !important; } .inline-nav > li > a { display: inline-flex !important; } .lqd-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pointer-events-none { pointer-events: none; } .reset-ul { padding: 0; margin: 0; list-style: none; } .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .bg-center { background-position: center; } .bg-cover { background-size: cover; } .bg-transparent { background-color: transparent !important; } .border-radius-2 { border-radius: 2px; } .border-radius-4 { border-radius: 4px; } .border-radius-6 { border-radius: 6px; } .border-radius-8 { border-radius: 8px; } .border-radius-10 { border-radius: 10px; } .border-radius-circle { border-radius: 10em; } .align-items-center { align-items: center; } .align-items-end { align-items: flex-end; } .align-items-start { align-items: flex-start; } .d-flex { display: flex; } .d-inline-flex { display: inline-flex; } .flex-column-reverse { flex-direction: column-reverse; } .flex-column { flex-direction: column; } .flex-grow-1 { flex-grow: 1; } .flex-auto { flex: 0 0 auto; } .flex-row-reverse { flex-direction: row-reverse; } .flex-row { flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .justify-content-between { justify-content: space-between; } .justify-content-center { justify-content: center; } .justify-content-end { justify-content: flex-end; } .justify-content-start { justify-content: flex-start; } .h-25 { height: 25%; } .h-50 { height: 50%; } .h-75 { height: 75%; } .h-100 { height: 100%; } .h-125 { height: 125%; } .h-150 { height: 150%; } .h-pt-35 { padding-top: 35%; } .h-pt-40 { padding-top: 40%; } .h-pt-45 { padding-top: 45%; } .h-pt-50 { padding-top: 50%; } .h-pt-55 { padding-top: 55%; } .h-pt-60 { padding-top: 60%; } .h-pt-65 { padding-top: 65%; } .h-pt-70 { padding-top: 70%; } .h-pt-75 { padding-top: 75%; } .h-pt-80 { padding-top: 80%; } .h-pt-85 { padding-top: 85%; } .h-pt-90 { padding-top: 90%; } .h-pt-95 { padding-top: 95%; } .h-pt-100 { padding-top: 100%; } .h-pt-105 { padding-top: 105%; } .h-pt-110 { padding-top: 110%; } .h-pt-115 { padding-top: 115%; } .h-pt-120 { padding-top: 120%; } .h-pt-125 { padding-top: 125%; } .h-pt-130 { padding-top: 130%; } .h-pt-135 { padding-top: 135%; } .h-pt-140 { padding-top: 140%; } .h-pt-145 { padding-top: 145%; } .h-pt-150 { padding-top: 150%; } .h-vh-100 { height: 100vh; } .mx-auto { margin-inline-start: auto; margin-inline-end: auto; } .m-0 { margin: 0; } .m-1 { margin: 0.25rem; } .m-2 { margin: 0.5rem; } .m-3 { margin: 1rem; } .m-4 { margin: 1.5rem; } .m-5 { margin: 2rem; } .m-6 { margin: 2.5rem; } .mb-0 { margin-bottom: 0; } .mb-1 { margin-bottom: 0.25rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 1rem; } .mb-4 { margin-bottom: 1.5rem; } .mb-5 { margin-bottom: 2rem; } .mb-6 { margin-bottom: 2.5rem; } .me-0 { margin-inline-end: 0; } .me-1 { margin-inline-end: 0.25rem; } .me-2 { margin-inline-end: 0.5rem; } .me-3 { margin-inline-end: 1rem; } .me-4 { margin-inline-end: 1.5rem; } .me-5 { margin-inline-end: 2rem; } .me-6 { margin-inline-end: 2.5rem; } .me-auto { margin-inline-end: auto; } .ms-0 { margin-inline-start: 0; } .ms-1 { margin-inline-start: 0.25rem; } .ms-2 { margin-inline-start: 0.5rem; } .ms-3 { margin-inline-start: 1rem; } .ms-4 { margin-inline-start: 1.5rem; } .ms-5 { margin-inline-start: 2rem; } .ms-6 { margin-inline-start: 2.5rem; } .ms-auto { margin-inline-start: auto; } .mt-0 { margin-top: 0; } .mt-1 { margin-top: 0.25rem; } .mt-2 { margin-top: 0.5rem; } .mt-3 { margin-top: 1rem; } .mt-4 { margin-top: 1.5rem; } .mt-5 { margin-top: 2rem; } .mt-6 { margin-top: 2.5rem; } .objfit-center { object-position: center; } .objfit-cover { object-fit: cover; } .overflow-hidden { overflow: hidden; } .p-0 { padding: 0; } .p-1 { padding: 0.25rem; } .p-2 { padding: 0.5rem; } .p-3 { padding: 1rem; } .p-4 { padding: 1.5rem; } .p-5 { padding: 2rem; } .p-6 { padding: 2.5rem; } .pb-0 { padding-bottom: 0; } .pb-1 { padding-bottom: 0.25rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-3 { padding-bottom: 1rem; } .pb-4 { padding-bottom: 1.5rem; } .pb-5 { padding-bottom: 2rem; } .pb-6 { padding-bottom: 2.5rem; } .pe-0 { padding-inline-end: 0; } .pe-1 { padding-inline-end: 0.25rem; } .pe-2 { padding-inline-end: 0.5rem; } .pe-3 { padding-inline-end: 1rem; } .pe-4 { padding-inline-end: 1.5rem; } .pe-5 { padding-inline-end: 2rem; } .pe-6 { padding-inline-end: 2.5rem; } .ps-0 { padding-inline-start: 0; } .ps-1 { padding-inline-start: 0.25rem; } .ps-2 { padding-inline-start: 0.5rem; } .ps-3 { padding-inline-start: 1rem; } .ps-4 { padding-inline-start: 1.5rem; } .ps-5 { padding-inline-start: 2rem; } .ps-6 { padding-inline-start: 2.5rem; } .pt-0 { padding-top: 0; } .pt-1 { padding-top: 0.25rem; } .pt-2 { padding-top: 0.5rem; } .pt-3 { padding-top: 1rem; } .pt-4 { padding-top: 1.5rem; } .pt-5 { padding-top: 2rem; } .pt-6 { padding-top: 2.5rem; } .pos-abs { position: absolute; } .pos-fix { position: fixed; } .pos-mid { top: 50%; left: 50%; transform: translate(-50%, -50%); } .pos-rel { position: relative; } .pos-sticky { -webkit-position: sticky; position: sticky; } .pos-bl { bottom: 0; left: 0; } .pos-tl { top: 0; left: 0; } .pos-tr { top: 0; right: 0; } .pos-br { bottom: 0; right: 0; } .lqd-star-rating { padding: 0; margin: 0; list-style: none; } .lqd-star-rating li { display: inline-flex; font-size: 1em; line-height: 1.5em; color: #ffcc00; letter-spacing: 0.1em; margin: 0; } .lqd-star-rating-shaped { padding: 8px 13px; border-radius: 5px; font-size: 14px; line-height: 1; } .lqd-star-rating-fill { position: relative; } .lqd-star-rating-fill:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: var(--color-primary); border-radius: inherit; opacity: 0.2; } .lqd-star-rating-fill li { position: relative; z-index: 1; } .lqd-star-rating-outline { border: 1px solid rgba(0, 0, 0, 0.045); } .font-weight-bold { font-weight: 700; } .font-weight-medium { font-weight: 500; } .font-weight-normal { font-weight: 400; } .font-weight-semibold { font-weight: 600; } .ltr-sp-115 { letter-spacing: 0.115em; } .ltr-sp-15 { letter-spacing: 0.15em; } .ltr-sp-1 { letter-spacing: 0.1em; } .ltr-sp-2 { letter-spacing: 0.2em; } .text-center { text-align: center; } .text-end { text-align: end; } .text-start { text-align: start; } .text-uppercase { text-transform: uppercase; } .text-vertical { writing-mode: vertical-rl; transform: rotate(180deg); } .ws-nowrap { white-space: nowrap; } .backface-hidden { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .perspective { perspective: 1200px; } .transform-style-3d { transform-style: preserve-3d; } .will-change-opacity { will-change: opacity; } .will-change-transform { will-change: transform; } .fullwidth { width: 100vw; left: 50%; right: 50%; margin-inline-start: -50vw; margin-inline-end: -50vw; } .w-10 { width: 10%; } .w-20 { width: 20%; } .w-30 { width: 30%; } .w-40 { width: 40%; } .w-50 { width: 50%; } .w-60 { width: 60%; } .w-70 { width: 70%; } .w-80 { width: 80%; } .w-90 { width: 90%; } .w-100 { width: 100%; } .w-auto { width: auto !important; } .z-index--1 { z-index: -1; } .z-index-0 { z-index: 0; } .z-index-1 { z-index: 1; } .z-index-2 { z-index: 2; } .z-index-3 { z-index: 3; } .z-index-4 { z-index: 4; } .z-index-5 { z-index: 5; } .z-index-6 { z-index: 6; } .z-index-7 { z-index: 7; } .z-index-8 { z-index: 8; } .z-index-9 { z-index: 9; } .z-index-10 { z-index: 10; } .main-header { max-width: 100vw; position: relative; top: var(--lqd-top-scroll-ind-height, 0); z-index: 99; transition: background-color 0.3s; pointer-events: none; } .main-header .elementor-element .elementor-widget-container { pointer-events: auto; } .main-header .e-container { --position: static; --align-items: center; } .main-header > .elementor > .elementor-section-wrap > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap, .main-header > .elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap { flex-direction: row; flex-grow: 1; } .main-header > .elementor > .elementor-section-wrap > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget, .main-header > .elementor > .elementor-section-wrap > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-section, .main-header > .elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget, .main-header > .elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-section { margin-bottom: 0; } .main-header > .elementor > .elementor-section-wrap > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-element, .main-header > .elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-element { width: auto; } .main-header > .elementor > .elementor-section-wrap > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget__width-initial, .main-header > .elementor > .elementor-section-wrap > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget__width-inherit, .main-header > .elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget__width-initial, .main-header > .elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget__width-inherit { width: unset; } .main-header > .elementor > .elementor-section-wrap > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-section, .main-header > .elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-section { width: 100%; } .main-header > .elementor > .elementor-section-wrap > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-element.elementor-widget-divider, .main-header > .elementor > .elementor-section-wrap > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-element.elementor-widget-divider .elementor-widget-container, .main-header > .elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-element.elementor-widget-divider, .main-header > .elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-element.elementor-widget-divider .elementor-widget-container { width: 100%; } .lqd-main-header-default { --lqd-menu-items-top-padding: 20px; --lqd-menu-items-right-padding: 20px; --lqd-menu-items-bottom-padding: 20px; --lqd-menu-items-left-padding: 20px; --nav-underline-bottom-offset: 10px; --nav-underline-left-offset: 20px; --nav-underline-right-offset: 20px; pointer-events: auto; } .lqd-main-header-default .main-nav { font-size: 14px; } .lqd-main-header-default .main-nav > li > a { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.11em; color: rgba(0, 0, 0, 0.67); } .lqd-main-header-default .main-nav > li.active > a, .lqd-main-header-default .main-nav > li.current-menu-ancestor > a, .lqd-main-header-default .main-nav > li.current-menu-item > a, .lqd-main-header-default .main-nav > li a:hover { color: #000; } .lqd-main-header-default .ld-module-trigger { width: 46px; height: 46px; border: 1px solid rgba(0, 0, 0, 0.3); } .lqd-main-header-default .ld-module-trigger-icon { font-size: 16px; } .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 .lqd-head-sec-wrap { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .is-stuck > .megamenu-hover-bg { display: none !important; } .admin-bar .is-stuck { top: calc(var(--lqd-top-scroll-ind-height, 0px) + 32px); } .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; } .elementor-section > .lqd-sticky-sentinel, .titlebar > .lqd-sticky-sentinel { --lqd-sticky-header-sentinel-top: calc(100% - var(--lqd-sticky-header-height, 0px) - 2px); } [data-sticky-header=true] { transform: translateZ(0); } @media screen and (max-width: 600px) { .admin-bar .is-stuck { top: 0; } } .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-stickybar-wrap { --container-default-padding: 0; display: flex; justify-content: center; width: 100px; height: 100vh; padding-top: 5vh; padding-bottom: 5vh; position: absolute !important; top: 0; z-index: 10; background: none !important; } .lqd-stickybar-wrap > .e-container { --flex-grow: 1; } .lqd-stickybar-wrap > .elementor-container { writing-mode: vertical-lr; height: 100%; } .lqd-stickybar-wrap > .elementor-container, .lqd-stickybar-wrap > .elementor-container > .elementor-column { flex-grow: 1; width: 100% !important; } .lqd-stickybar-wrap > .elementor-container > .elementor-column > .elementor-widget-wrap { flex-direction: column !important; align-content: center; } .lqd-stickybar-wrap > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-element { display: flex; align-items: center; width: 100% !important; } .lqd-stickybar-wrap .elementor-widget-container { writing-mode: vertical-lr; transform: rotate(-180deg); } .lqd-stickybar-wrap .elementor-widget-ld_button { transform: rotate(-180deg); } .lqd-stickybar-wrap .elementor-widget-ld_button .elementor-widget-container { writing-mode: horizontal-tb; transform: rotate(90deg); } .lqd-stickybar-wrap .elementor-widget-social-icons { transform: rotate(180deg); } .lqd-stickybar-wrap .elementor-widget-social-icons .elementor-icon i { display: inherit; align-items: inherit; justify-content: inherit; } .lqd-stickybar-wrap .elementor-first-add { width: calc(100% - 20px); } .lqd-smart-sticky-header .lqd-stickybar-wrap, .lqd-stickybar-wrap.lqd-show-onstuck, .lqd-stickybar-wrap.lqd-hide-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; } .admin-bar .lqd-stickybar-wrap { top: 32px; } .admin-bar .is-stuck .lqd-stickybar-wrap { top: 0; } [data-sticky-values-measured=false] .lqd-stickybar-wrap { visibility: hidden !important; opacity: 0 !important; transform: translateX(0) !important; } .lqd-stickybar-wrap .elementor-widget-ld_header_sidedrawer, .lqd-stickybar-wrap .elementor-widget-ld_header_sidedrawer .elementor-widget-container, .lqd-stickybar-wrap .elementor-widget-ld_header_sidedrawer .elementor-element, .lqd-stickybar-wrap .elementor-widget-ld_header_image, .lqd-stickybar-wrap .elementor-widget-ld_header_image .elementor-widget-container, .lqd-stickybar-wrap .elementor-widget-ld_header_image .elementor-element, .lqd-stickybar-wrap .navbar-fullscreen, .lqd-stickybar-wrap .navbar-fullscreen .elementor-widget-container, .lqd-stickybar-wrap .navbar-fullscreen .elementor-element, .lqd-stickybar-wrap .ld-module-dropdown, .lqd-stickybar-wrap .ld-module-dropdown .elementor-widget-container, .lqd-stickybar-wrap .ld-module-dropdown .elementor-element { writing-mode: horizontal-tb; } .lqd-stickybar-wrap .elementor-widget-ld_header_sidedrawer .elementor-element, .lqd-stickybar-wrap .elementor-widget-ld_header_sidedrawer .elementor-widget-container, .lqd-stickybar-wrap .elementor-widget-ld_header_image .elementor-element, .lqd-stickybar-wrap .elementor-widget-ld_header_image .elementor-widget-container, .lqd-stickybar-wrap .navbar-fullscreen .elementor-element, .lqd-stickybar-wrap .navbar-fullscreen .elementor-widget-container, .lqd-stickybar-wrap .ld-module-dropdown .elementor-element, .lqd-stickybar-wrap .ld-module-dropdown .elementor-widget-container { transform: none; } .lqd-stickybar-wrap .elementor-widget-ld_header_image { writing-mode: inherit; } .is-stuck .lqd-stickybar-wrap { display: flex; } [data-elementor-device-mode=mobile] .lqd-stickybar-wrap, [data-elementor-device-mode=tablet] .lqd-stickybar-wrap { display: none !important; } @media (max-width: 991px) { .lqd-stickybar-wrap { display: none !important; } } .lqd-stickybar-left { left: 0; } .is-stuck.lqd-smart-sticky-hide .lqd-stickybar-left, .is-stuck .lqd-stickybar-left.lqd-hide-onstuck, [data-sticky-header].is-not-stuck .lqd-stickybar-left.lqd-show-onstuck { transform: translateX(-100%); } .lqd-stickybar-right { right: 0; } .is-stuck.lqd-smart-sticky-hide .lqd-stickybar-right, .is-stuck .lqd-stickybar-right.lqd-hide-onstuck, [data-sticky-header].is-not-stuck .lqd-stickybar-right.lqd-show-onstuck { transform: translateX(100%); } .lqd-stickybar-right .elementor-widget-ld_header_fullproj .lqd-fullproj-trigger { transform: rotate(180deg); } .lqd-stickybar-right > .elementor-container { writing-mode: vertical-rl; } .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.is-ative > a:before, .main-nav-hover-fill > li.current-menu-item > a:before, .main-nav-hover-fill > li.current-menu-ancestor > a:before, .main-nav-hover-fill > li:hover > a:before { opacity: 1; transform: scale(1); } .main-nav-hover-underline > li > a:after { content: ""; display: inline-block; height: var(--nav-underline-height, 2px); position: absolute; bottom: var(--nav-underline-bottom-offset, 0); left: var(--nav-underline-left-offset, 15px); right: var(--nav-underline-right-offset, 15px); background-color: currentColor; transform: scaleX(0); transform-origin: right; transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1); } .main-nav-hover-underline > li.is-ative > a:after, .main-nav-hover-underline > li.current-menu-item > a:after, .main-nav-hover-underline > li.current-menu-ancestor > a:after, .main-nav-hover-underline > li:hover > a:after { transform: scaleX(1); transform-origin: left; } .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.is-active > a, .nav-item-children > li.current-menu-item > a, .nav-item-children > li.current-menu-ancestor > 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 .page_item_has_children > a .submenu-expander, .lqd-mobile-sec-nav .menu-item-has-children > a .submenu-expander { display: inline-flex; } [data-elementor-device-mode*=mobile] .page_item_has_children > a .submenu-expander, [data-elementor-device-mode*=mobile] .menu-item-has-children > a .submenu-expander, [data-elementor-device-mode*=tablet] .page_item_has_children > a .submenu-expander, [data-elementor-device-mode*=tablet] .menu-item-has-children > a .submenu-expander { display: inline-flex; } [data-elementor-device-mode*=mobile] .page_item_has_children > a .submenu-expander + .link-icon .icon-ion-ios-arrow-down, [data-elementor-device-mode*=mobile] .menu-item-has-children > a .submenu-expander + .link-icon .icon-ion-ios-arrow-down, [data-elementor-device-mode*=tablet] .page_item_has_children > a .submenu-expander + .link-icon .icon-ion-ios-arrow-down, [data-elementor-device-mode*=tablet] .menu-item-has-children > a .submenu-expander + .link-icon .icon-ion-ios-arrow-down { display: none; } [data-elementor-device-mode=tablet] .nav-item-children, [data-elementor-device-mode=mobile] .nav-item-children { pointer-events: auto; } .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 0.05s 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):before, .lqd-submenu-dark.lqd-submenu-cover .main-nav > .menu-item-has-children:not(.megamenu):after { background-color: #424040; } .lqd-megamenu-rows-wrap { background-color: #fff; box-shadow: 0 16px 50px rgba(0, 0, 0, 0.07); } .main-nav .megamenu:not(.position-applied) .nav-item-children { display: block !important; visibility: hidden; } .megamenu .megamenu-container { width: unset; max-width: unset; padding: 0; margin: 0; } .megamenu .nav-item-children { width: 100vw; max-width: 100vw; border-radius: 0; padding: 0; } .megamenu .nav-item-children:before { background-color: transparent !important; box-shadow: none; } .elementor-widget-wrap .megamenu .elementor-element { pointer-events: inherit; } .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 .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 .megamenu.is-active .lqd-megamenu-rows-wrap, .lqd-megamenu-slide-reveal .lqd-megamenu-slide-stuff-wrap { transform-origin: center -60px; animation: lqdMegamenuSlideReveal var(--lqd-megamenu-slide-trans-dur) both; } .lqd-megamenu-slide-reveal .lqd-megamenu-slide-bg, .lqd-megamenu-slide-reveal .lqd-megamenu-slide-stuff, .lqd-megamenu-slide-reveal .lqd-megamenu-slide-arrow, .lqd-megamenu-slide-reveal .lqd-megamenu-slide-arrow:before, .lqd-megamenu-slide-reveal .megamenu.is-active .nav-item-children { transition: none; } .ld-module-trigger { color: #000; cursor: pointer; transition: color 0.3s, background 0.3s, border 0.3s; } .ld-module-trigger-icon { font-size: 24px; } .ld-module-trigger-txt { display: inline-grid; margin-inline-end: 8px; grid-template-columns: 1fr auto auto; } .ld-module-trigger-txt:only-child, .ld-module-trigger-txt:last-child { margin-inline-end: 0; } .ld-module-trigger-txt svg, .ld-module-trigger-txt img { 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 { width: 20px; height: 20px; margin-inline-start: 5px; background-color: var(--color-primary); 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 { top: -0.75em; right: -0.75em; } .lqd-module-trigger-txt-right .ld-module-trigger-txt { margin-inline-start: 10px; 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: 10px; 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: none; border: 1px solid; color: inherit; } @keyframes spin { 100% { transform: rotate(360deg); } } .elementor .nav-trigger, .elementor .nav-trigger:hover, .elementor .nav-trigger:focus { border: none; background: none; font-size: 1em; text-shadow: none; outline: none; padding: 0; border-radius: 3em; background: none; background-color: transparent; box-shadow: none; color: #000; } .nav-trigger { transition: all 0.3s; } .nav-trigger .bars { border-radius: inherit; align-items: inherit; justify-content: inherit; transition: border 0.3s, background 0.3s; } .nav-trigger .bar { background-color: currentColor; transition: all 0.3s; } .nav-trigger .bar:before, .nav-trigger .bar:after { background-color: currentColor; 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 .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.txt-left { flex-direction: row-reverse; } .nav-trigger.txt-left .txt { margin-inline-end: 20px; } .nav-trigger.txt-right .bar { margin-inline-start: auto; } .nav-trigger.txt-right .txt { margin-inline-start: 20px; } .nav-trigger.is-loading .loading-spinner { opacity: 1; visibility: visible; } .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-inner { transition: transform 0.3s 0s cubic-bezier(0.65, 0.05, 0.36, 1); } .nav-trigger.style-1 .bar { width: 25px; height: 2px; margin-bottom: 4px; transition: transform 0.3s, backgroud 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); } .nav-trigger.style-1 .bar:first-child, .nav-trigger.style-1 .bar:last-child { transform-origin: 0; } .nav-trigger.style-1 .bar:first-child { width: 20px; } .nav-trigger.style-1 .bar:nth-child(2):before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: inherit; transition: transform 0.3s; transform: rotate(0) scaleX(0); } .nav-trigger.style-1 .bar:last-child { width: 15px; } .nav-trigger.style-1.is-active .bars-inner { transform: rotate(135deg); transition-delay: 0.2s; } .nav-trigger.style-1.is-active .bar:first-child, .nav-trigger.style-1.is-active .bar:last-child { transform: scaleX(0); } .nav-trigger.style-1.is-active .bar:nth-child(2):before { transform: rotate(90deg) scaleX(1); transition-delay: 0.2s; } .nav-trigger.style-2 .bars-inner { justify-content: center; } .nav-trigger.style-2 .bar { width: 20px; height: 2px; background: none !important; } .nav-trigger.style-2 .bar:not(:last-child) { margin-top: 2.5px; margin-bottom: 2.5px; } .nav-trigger.style-2 .bar:before, .nav-trigger.style-2 .bar:after { content: ""; display: inline-block; width: 100%; height: 2px; position: absolute; top: 0; left: 0; background: currentColor; } .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 0.075s 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:before, .nav-trigger.style-2 .bar:last-child:after { transform-origin: 73%; } .nav-trigger.style-2 .bar:last-child:before { transition: transform 0.3s 0.125s 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 0.175s 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.5); } .nav-trigger.style-2.collapsed .bar:nth-child(2):before { transform: rotate(0) translate(0, 0); } .nav-trigger.style-2.collapsed .bar:last-child:before, .nav-trigger.style-2.collapsed .bar:last-child:after { 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: 3px; height: 3px; background-color: currentColor; border-radius: 5px; box-shadow: 9px 0 0; } .nav-trigger.style-3 .bar:last-child { position: absolute; top: 50%; left: 50%; width: 24px; height: 2px; opacity: 1; box-shadow: none !important; } .nav-trigger.style-3 .bar:last-child:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; transform: rotate(90deg); } .nav-trigger.style-3 .bar:not(:last-child) { margin: 3px 9px 3px 0; } .nav-trigger.style-3 .bar:last-child { opacity: 0; transform: translate(-50%, -50%) rotate(-45deg) scale(0); } .nav-trigger.style-3.is-loading .bars-inner { animation: spin 3s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; } .nav-trigger.style-3.is-active .bar:first-child, .nav-trigger.style-3.is-active .bar:nth-child(2) { opacity: 0; } .nav-trigger.style-3.is-active .bar:last-child { transform: translate(-50%, -50%) rotate(-45deg) scale(1); opacity: 1; } .nav-trigger.style-4 .bars-inner { width: 33px; transition: transform 0.3s 0s cubic-bezier(0.65, 0.05, 0.36, 1); } .nav-trigger.style-4 .bar { height: 1px; margin-bottom: 4px; transition: transform 0.3s, backgroud 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); } .nav-trigger.style-4 .bar:first-child { width: 12px; } .nav-trigger.style-4 .bar:nth-child(2) { width: 100%; } .nav-trigger.style-4 .bar:nth-child(2):before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: inherit; transition: transform 0.3s; transform: rotate(0) scaleX(0); } .nav-trigger.style-4 .bar:last-child { width: 16px; } .nav-trigger.style-4.is-active .bars-inner { transform: rotate(135deg); transition-delay: 0.2s; } .nav-trigger.style-4.is-active .bar:first-child, .nav-trigger.style-4.is-active .bar:last-child { transform: scaleX(0); } .nav-trigger.style-4.is-active .bar:nth-child(2) { transform: scale(0.75); } .nav-trigger.style-4.is-active .bar:nth-child(2):before { transform: rotate(90deg) scaleX(1); transition-delay: 0.2s; } .nav-trigger.style-5 .bars-inner { width: 20px; transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1); } .nav-trigger.style-5 .bar { width: 100%; height: 1px; margin-bottom: 6px; } .nav-trigger.style-5 .bar:nth-child(2) { display: none; } .nav-trigger.style-5.is-active .bars-inner { transform: rotate(-180deg); } .nav-trigger.style-5.is-active .bar:first-child { transform: rotate(-45deg) translate(-3px, 2px); } .nav-trigger.style-5.is-active .bar:last-child { transform: rotate(45deg) translate(-3px, -2px); } .nav-trigger.style-6 .bars-inner { width: 17px; height: 13px; } .nav-trigger.style-6 .bar { width: 100%; height: 1px; margin-bottom: 5px; transform-origin: left; } .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); } .ld-module-dropdown { top: 100%; right: 0; z-index: 20; background-color: #fff; text-align: left; } .ld-module-dropdown.left { right: auto; left: 0; } .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; } .main-header .elementor-widget-ld_header_dropdown, .main-header .elementor-widget-ld_header_dropdown > .elementor-widget-container { height: 100%; } .main-header .elementor-widget-ld_header_dropdown > .elementor-widget-container { display: flex; align-items: stretch; } [data-elementor-device-mode=desktop] .main-header .elementor-widget-ld_header_dropdown.elementor-hidden-desktop { display: none; } [data-elementor-device-mode=widescreen] .main-header .elementor-widget-ld_header_dropdown.elementor-hidden-widescreen { display: none; } [data-elementor-device-mode=laptop] .main-header .elementor-widget-ld_header_dropdown.elementor-hidden-laptop { display: none; } [data-elementor-device-mode=tablet_extra] .main-header .elementor-widget-ld_header_dropdown.elementor-hidden-tablet_extra { display: none; } [data-elementor-device-mode=tablet] .main-header .elementor-widget-ld_header_dropdown.elementor-hidden-tablet { display: none; } [data-elementor-device-mode=mobile_extra] .main-header .elementor-widget-ld_header_dropdown.elementor-hidden-mobile_extra { display: none; } [data-elementor-device-mode=mobile] .main-header .elementor-widget-ld_header_dropdown.elementor-hidden-mobile { display: none; } .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:before, .ld-cart-product-details dl.variation:after { 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(--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(--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; } .elementor-widget-ld_header_cart { position: relative !important; } .main-header .elementor-widget-ld_header_cart, .main-header .elementor-widget-ld_header_cart > .elementor-widget-container { height: 100%; } .main-header .elementor-widget-ld_header_cart > .elementor-widget-container { display: flex; align-items: stretch; } .lqd-stickybar-wrap .elementor-widget-ld_header_cart, .lqd-stickybar-wrap .elementor-widget-ld_header_cart > .elementor-widget-container { height: auto; } [data-elementor-device-mode=desktop] .main-header .elementor-widget-ld_header_cart.elementor-hidden-desktop { display: none; } [data-elementor-device-mode=widescreen] .main-header .elementor-widget-ld_header_cart.elementor-hidden-widescreen { display: none; } [data-elementor-device-mode=laptop] .main-header .elementor-widget-ld_header_cart.elementor-hidden-laptop { display: none; } [data-elementor-device-mode=tablet_extra] .main-header .elementor-widget-ld_header_cart.elementor-hidden-tablet_extra { display: none; } [data-elementor-device-mode=tablet] .main-header .elementor-widget-ld_header_cart.elementor-hidden-tablet { display: none; } [data-elementor-device-mode=mobile_extra] .main-header .elementor-widget-ld_header_cart.elementor-hidden-mobile_extra { display: none; } [data-elementor-device-mode=mobile] .main-header .elementor-widget-ld_header_cart.elementor-hidden-mobile { display: none; } @media screen and (max-width: 767px) { .elementor-widget-ld_header_cart { position: static !important; } } .ld-module-cart-offcanvas > .ld-module-trigger:before { content: ""; display: inline-block; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 11; opacity: 1; visibility: visible; background-color: rgba(0, 0, 0, 0.6); transition: opacity 0.25s ease, visibility 0.25s ease; } .ld-module-cart-offcanvas > .ld-module-trigger.collapsed:before { opacity: 0; visibility: hidden; } .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; } .ld-module-cart-offcanvas .ld-cart-head .ld-module-trigger, .is-stuck .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(--color-primary) !important; } .ld-module-cart-offcanvas a.ld-cart-product-remove.remove:hover { background: none; 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-price, .ld-module-cart-offcanvas .ld-cart-total-label { 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; height: 100vh !important; 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 .main-nav-trigger .bars { width: 50px; height: 50px; } .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-side-container:before, .navbar-fullscreen .lqd-fsh-bg-col: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-side-container span, .navbar-fullscreen .lqd-fsh-bg-col span { background-color: #fff; transform: scaleX(0); transform-origin: left center; transition: transform 0.65s 0.3s cubic-bezier(0.7, 0, 0.2, 1); } .navbar-fullscreen .navbar-fullscreen-inner { overflow-y: auto; } .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; } .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: none; 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 .lqd-menu-items-inline { display: block; } .navbar-fullscreen .navbar-collapse, .navbar-fullscreen .module-primary-nav { 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-side-container:before, .navbar-fullscreen.is-active .lqd-fsh-bg-col:before { transform: scaleY(1); transition-delay: 0.25s; } .navbar-fullscreen.is-active .lqd-fsh-bg-side-container > span, .navbar-fullscreen.is-active .lqd-fsh-bg-col > span { transform: scaleX(1); transition-delay: 0.05s; } .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%); } .main-header .navbar-fullscreen .elementor-widget-ld_header_menu { max-height: 70vh; overflow: hidden; } .main-header .navbar-fullscreen .elementor-widget-ld_header_menu, .main-header .navbar-fullscreen .elementor-widget-ld_header_menu > .elementor-widget-container, .main-header .navbar-fullscreen .elementor-widget-ld_header_menu .module-primary-nav { height: auto; } .main-header .navbar-fullscreen .elementor-widget-ld_header_menu .elementor-widget-container { margin-right: -20px; max-height: inherit; overflow-x: hidden; overflow-y: auto; } @media (max-width: 768px) { .navbar-fullscreen .main-nav-trigger { font-size: 5px !important; } .lqd-fsh-bg .lqd-fsh-bg-side-container { flex-grow: 0; } } .navbar-brand { height: auto; line-height: normal; order: 0; flex-shrink: 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-light, .navbar-brand .logo-dark { top: 0; left: 0; opacity: 0; visibility: hidden; } .navbar-brand:hover, .navbar-brand:focus { 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; } .elementor-widget-ld_header_image.lqd-active-row-light .navbar-brand .logo-dark { opacity: 1; visibility: visible; } .elementor-widget-ld_header_image.lqd-active-row-light .navbar-brand .logo-dark ~ img { opacity: 0; visibility: hidden; } .elementor-widget-ld_header_image.lqd-active-row-dark .navbar-brand .logo-light { opacity: 1; visibility: visible; } .elementor-widget-ld_header_image.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(--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 .navbar-brand-hover-inner { 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 .navbar-brand-hover-inner { -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); } .navbar-brand:hover .navbar-brand-hover ~ img { opacity: 0; } .link-icon:empty, .link-sup:empty, .link-badge:empty { display: none !important; } .link-badge { --badge-color: var(--color-primary); 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; color: var(--badge-color); } .link-badge:before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: inherit; background: var(--badge-bg, var(--badge-color)); box-shadow: 0 8px 15px -8px var(--badge-bg, var(--badge-color)); opacity: var(--badge-bg-opacity, 0.125); } .module-primary-nav { position: static; min-height: 100%; } .main-nav { flex: 1 auto; } .main-nav > li { position: relative; flex-direction: column; } .main-nav > li, .main-nav > li > a { display: flex; } .main-nav > li > a { flex: 1 auto; flex-direction: row; align-items: center; padding: var(--lqd-menu-items-top-padding, 10px) var(--lqd-menu-items-right-padding, 15px) var(--lqd-menu-items-bottom-padding, 10px) var(--lqd-menu-items-left-padding, 15px); position: relative; z-index: 1; color: #a7a9b8; white-space: nowrap; transition-property: background, border-color, box-shadow, color, opacity; } .main-nav > li > a .link-icon .icon-ion-ios-arrow-down { transition: transform 0.35s; } .main-nav > li > a:hover, .main-nav > li > a:focus { background-color: transparent; } .main-nav > li.active > a, .main-nav > li.current-menu-item > a, .main-nav > li.current-menu-ancestor > a, .main-nav > li > a:hover { color: #184341; } .main-nav > li.is-hovered > a .link-icon .icon-ion-ios-arrow-down { transform: rotateX(-180deg); } .main-nav .link-sup { top: -1em; right: -0.5em; font-size: 0.625em; line-height: 1; } .main-nav .link-icon > i { vertical-align: middle; } .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: none; 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; } .elementor-widget-ld_header_menu .navbar-collapse { flex: 1 auto; overflow: visible; height: auto !important; } .main-header .elementor-widget-ld_header_menu { align-items: stretch; } .main-header .elementor-widget-ld_header_menu, .main-header .elementor-widget-ld_header_menu > .elementor-widget-container { height: 100%; } .main-header .elementor-widget-ld_header_menu > .elementor-widget-container { display: flex; align-items: stretch; } [data-elementor-device-mode=desktop] .main-header .elementor-widget-ld_header_menu.elementor-hidden-desktop { display: none; } [data-elementor-device-mode=widescreen] .main-header .elementor-widget-ld_header_menu.elementor-hidden-widescreen { display: none; } [data-elementor-device-mode=laptop] .main-header .elementor-widget-ld_header_menu.elementor-hidden-laptop { display: none; } [data-elementor-device-mode=tablet_extra] .main-header .elementor-widget-ld_header_menu.elementor-hidden-tablet_extra { display: none; } [data-elementor-device-mode=tablet] .main-header .elementor-widget-ld_header_menu.elementor-hidden-tablet { display: none; } [data-elementor-device-mode=mobile_extra] .main-header .elementor-widget-ld_header_menu.elementor-hidden-mobile_extra { display: none; } [data-elementor-device-mode=mobile] .main-header .elementor-widget-ld_header_menu.elementor-hidden-mobile { display: none; } .lqd-scrl-indc { writing-mode: vertical-lr; font-size: 13px; font-weight: 500; letter-spacing: 0.01em; } .lqd-scrl-indc a { color: #000; } .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 { width: 1px; height: 60px; background-color: rgba(0, 0, 0, 0.3); color: inherit; } .lqd-scrl-indc-style-dot .lqd-scrl-indc-el { width: 8px; height: 8px; top: -4px; left: -4px; } .lqd-scrl-indc-style-line .lqd-scrl-indc-line { width: 2px; height: 70px; background-color: rgba(0, 0, 0, 0.3); color: inherit; } .lqd-scrl-indc-style-line .lqd-scrl-indc-el { transform-origin: top left; } .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: none; border-color: rgba(0, 0, 0, 0.2); } .ld-search-form .input-icon { top: 50%; left: 0; transform: translateY(-50%); color: #b8beca; } .elementor-widget-ld_header_search { position: relative; } .elementor-widget-ld_header_search .ld-module-trigger:before { content: ""; display: inline-block; width: 160%; height: 160%; position: absolute; top: -25%; left: -25%; } .main-header .elementor-widget-ld_header_search, .main-header .elementor-widget-ld_header_search > .elementor-widget-container { height: 100%; } .main-header .elementor-widget-ld_header_search > .elementor-widget-container { display: flex; align-items: stretch; } .lqd-stickybar-wrap .elementor-widget-ld_header_search, .lqd-stickybar-wrap .elementor-widget-ld_header_search > .elementor-widget-container { height: auto; } [data-elementor-device-mode=desktop] .main-header .elementor-widget-ld_header_search.elementor-hidden-desktop { display: none; } [data-elementor-device-mode=widescreen] .main-header .elementor-widget-ld_header_search.elementor-hidden-widescreen { display: none; } [data-elementor-device-mode=laptop] .main-header .elementor-widget-ld_header_search.elementor-hidden-laptop { display: none; } [data-elementor-device-mode=tablet_extra] .main-header .elementor-widget-ld_header_search.elementor-hidden-tablet_extra { display: none; } [data-elementor-device-mode=tablet] .main-header .elementor-widget-ld_header_search.elementor-hidden-tablet { display: none; } [data-elementor-device-mode=mobile_extra] .main-header .elementor-widget-ld_header_search.elementor-hidden-mobile_extra { display: none; } [data-elementor-device-mode=mobile] .main-header .elementor-widget-ld_header_search.elementor-hidden-mobile { display: none; } @media screen and (max-width: 767px) { .elementor-widget-ld_header_search { position: static !important; } } [data-elementor-device-mode=mobile] .lqd-module-search-default, [data-elementor-device-mode=tablet] .lqd-module-search-default { position: static; } [data-elementor-device-mode=mobile] .lqd-module-search-default .ld-module-dropdown, [data-elementor-device-mode=tablet] .lqd-module-search-default .ld-module-dropdown { left: 0; right: 0; } [data-elementor-device-mode=mobile] .lqd-module-search-default .ld-search-form-container, [data-elementor-device-mode=tablet] .lqd-module-search-default .ld-search-form-container { width: 100vw; } .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: none; overflow: hidden auto; } .lqd-module-search-frame .ld-search-form-container:before, .lqd-module-search-frame .ld-search-form-container:after { 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: none; 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: none; 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: none; 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:before, .lqd-module-search-frame .ld-module-dropdown.is-active .ld-search-form-container:after { 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) { .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:before, .lqd-module-search-frame .ld-search-form-container:after { border-width: 1em; } .lqd-module-search-frame .lqd-module-search-related, .lqd-module-search-frame .lqd-module-search-info, .lqd-module-search-frame .ld-search-form input { width: 85%; } .lqd-module-search-frame .lqd-module-search-related { display: block; } } @media screen and (max-width: 768px) { .lqd-module-search-frame .lqd-module-search-related, .lqd-module-search-frame .lqd-module-search-info, .lqd-module-search-frame .ld-search-form input { 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(.175,1,.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: none; 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:before, .lqd-module-search-slide-top .ld-search-form .input-icon i:after { 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: none; transform: translate3d(0, calc(100% - 100px), 0); transition: transform 0.85s var(--ease); } .lqd-module-search-slide-top .ld-module-dropdown { 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:before, .lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form .input-icon i:after { 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: none; 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: none; 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-suggestion, .lqd-module-search-zoom-out .lqd-module-search-info { 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-suggestion, .lqd-module-search-zoom-out .ld-module-dropdown.is-active .lqd-module-search-info { 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%; flex-direction: column; 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: 100; 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: none; flex-grow: 1; z-index: 2; opacity: 0; transition: opacity 0.3s 0.05s; } .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%); } style + .ld-module-sd > .ld-module-dropdown:last-child, .ld-module-sd > .ld-module-dropdown:only-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: 0.175s; } .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.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-module-dropdown > .nav-trigger { left: auto; right: 1em; } .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-sd-wrap { padding: unset !important; } .ld-sd-wrap .elementor-widget-ld_header_sidedrawer, .ld-sd-wrap .elementor-widget-ld_header_cart, .ld-sd-wrap .elementor-widget-ld_header_dropdown, .ld-sd-wrap .elementor-widget-ld_header_search, .ld-sd-wrap .elementor-widget-ld_header_menu { align-items: unset !important; } .ld-sd-wrap .elementor-widget-ld_header_sidedrawer, .ld-sd-wrap .elementor-widget-ld_header_sidedrawer > .elementor-widget-container, .ld-sd-wrap .elementor-widget-ld_header_cart, .ld-sd-wrap .elementor-widget-ld_header_cart > .elementor-widget-container, .ld-sd-wrap .elementor-widget-ld_header_dropdown, .ld-sd-wrap .elementor-widget-ld_header_dropdown > .elementor-widget-container, .ld-sd-wrap .elementor-widget-ld_header_search, .ld-sd-wrap .elementor-widget-ld_header_search > .elementor-widget-container, .ld-sd-wrap .elementor-widget-ld_header_menu, .ld-sd-wrap .elementor-widget-ld_header_menu > .elementor-widget-container { display: unset !important; min-height: unset !important; } .ld-sd-wrap .elementor-widget-ld_header_menu { height: unset !important; } .main-header .elementor-widget-ld_header_sidedrawer, .main-header .elementor-widget-ld_header_sidedrawer > .elementor-widget-container { height: 100%; } .main-header .elementor-widget-ld_header_sidedrawer > .elementor-widget-container { display: flex; align-items: stretch; } .lqd-stickybar-wrap .elementor-widget-ld_header_sidedrawer, .lqd-stickybar-wrap .elementor-widget-ld_header_sidedrawer > .elementor-widget-container { height: auto; } .lqd-stickybar-wrap .elementor-widget-ld_header_sidedrawer > .elementor-widget-container > .ld-module-sd > .nav-trigger { transform: rotate(-90deg); } .lqd-stickybar-wrap .ld-module-sd, .lqd-stickybar-wrap .ld-module-sd > .nav-trigger { height: unset; } [data-elementor-device-mode=desktop] .main-header .elementor-widget-ld_header_sidedrawer.elementor-hidden-desktop { display: none; } [data-elementor-device-mode=widescreen] .main-header .elementor-widget-ld_header_sidedrawer.elementor-hidden-widescreen { display: none; } [data-elementor-device-mode=laptop] .main-header .elementor-widget-ld_header_sidedrawer.elementor-hidden-laptop { display: none; } [data-elementor-device-mode=tablet_extra] .main-header .elementor-widget-ld_header_sidedrawer.elementor-hidden-tablet_extra { display: none; } [data-elementor-device-mode=tablet] .main-header .elementor-widget-ld_header_sidedrawer.elementor-hidden-tablet { display: none; } [data-elementor-device-mode=mobile_extra] .main-header .elementor-widget-ld_header_sidedrawer.elementor-hidden-mobile_extra { display: none; } [data-elementor-device-mode=mobile] .main-header .elementor-widget-ld_header_sidedrawer.elementor-hidden-mobile { display: none; } .ld-module-v-sep { width: 1px; } .elementor-widget-ld_header_separator { height: 100%; } .elementor-widget-ld_header_separator .elementor-widget-container { display: flex; height: 100%; align-items: center; } .elementor-widget-ld_header_separator .ld-module-v-sep { background-color: #ededed; } .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 { top: 100%; left: 0; } .lqd-mobile-sec-inner:before, .lqd-mobile-sec-inner:after { 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; } .lqd-mobile-sec .ld-module-trigger-icon { font-size: 22px; } /********************************************************* ------------- MOBULE HEADER ------------- - Nav trigger alignment [data-mobile-nav-trigger-alignment]: [left, right] - Logo alignment [data-mobile-logo-alignment]: [default, center] - Nav Style [data-mobile-nav-style]: [classic, minimal, modern] - Nav scheme [data-mobile-nav-scheme]: [gray, light, dark] - Nav alignment [data-mobile-nav-align]: [left, center, right] - Header Scheme [data-mobile-header-scheme]: [light, gray, dark] *********************************************************/ [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=default] .lqd-mobile-modules-container:not(.empty) ~ .navbar-brand { justify-content: center; } [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: 992px) { [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-search .lqd-mobile-sec .ld-module-trigger-txt, .ld-module-cart .ld-module-trigger-icon + .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:before, .lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon .ld-module-trigger-close-cross:after { 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: -1.5em; 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:hover, .lqd-mobile-sec .liquid-wc-product-search .ui-selectmenu-button.ui-button:focus { border-left: 1px solid #e0e0e0; } .lqd-mobile-sec .liquid-wc-product-search button { background-color: var(--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:before, .lqd-mobile-sec .main-nav:after { 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 .page_item_has_children > a, .lqd-mobile-sec .menu-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; color: #000; } .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:before, .lqd-mobile-sec .navbar-collapse .btn-naked:after, .lqd-mobile-sec .navbar-collapse .btn-underlined:before, .lqd-mobile-sec .navbar-collapse .btn-underlined:after { 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: #000; } .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); background-color: #fff; } [data-mobile-nav-style=modern] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav, [data-mobile-nav-style=minimal] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav { padding: 12px 15px; font-size: 16px; } [data-mobile-nav-style=modern] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a, [data-mobile-nav-style=minimal] .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:before, [data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse { 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: block !important; width: 80vw !important; height: 100vh !important; padding: 20px 0; border: none; position: fixed; top: 60px; right: 0; z-index: 90; background: none !important; box-shadow: none; 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; } [data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse .nav-trigger .bars { width: 42px; height: 42px; border: 2px solid rgba(255, 255, 255, 0.4); } [data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse .nav-trigger .bar { width: 21px; } [data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse .nav-trigger .bars-inner { align-items: center; justify-content: center; } [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: none; } [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 > 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 { 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 > 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 { color: #fff; } [data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse-inner { display: grid; align-items: center; height: calc(100% - 40px); position: relative; overflow-x: hidden; overflow-y: auto; } [data-mobile-nav-style=modern] .lqd-mobile-sec .megamenu .lqd-simple-heading, [data-mobile-nav-style=modern] .lqd-mobile-sec .megamenu .ld-fh-element { color: #fff; } .mobile-nav-activated [data-mobile-nav-style=modern] .main-header > .elementor > .elementor-section, .mobile-nav-activated [data-mobile-nav-style=modern] #lqd-site-content, .mobile-nav-activated [data-mobile-nav-style=modern] .titlebar-inner, .mobile-nav-activated [data-mobile-nav-style=modern] .lqd-mobile-sec-inner, .mobile-nav-activated [data-mobile-nav-style=modern] .main-footer { 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-expanding [data-mobile-nav-style=modern] .main-header > .elementor > .elementor-section, .module-expanding [data-mobile-nav-style=modern] #lqd-site-content, .module-expanding [data-mobile-nav-style=modern] .titlebar-inner, .module-expanding [data-mobile-nav-style=modern] .lqd-mobile-sec-inner, .module-expanding [data-mobile-nav-style=modern] .main-footer, .module-collapsing [data-mobile-nav-style=modern] .main-header > .elementor > .elementor-section, .module-collapsing [data-mobile-nav-style=modern] #lqd-site-content, .module-collapsing [data-mobile-nav-style=modern] .titlebar-inner, .module-collapsing [data-mobile-nav-style=modern] .lqd-mobile-sec-inner, .module-collapsing [data-mobile-nav-style=modern] .main-footer { 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] .titlebar-inner, .module-expanding [data-mobile-nav-style=modern] .lqd-mobile-sec-inner, .module-expanding [data-mobile-nav-style=modern] .main-footer { transition-delay: 0.025s; } .module-collapsing [data-mobile-nav-style=modern] .lqd-mobile-sec:before { transition-delay: 0.05s; } [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); } @media (min-width: 480px) and (max-width: 992px) { [data-mobile-nav-style=modern] .lqd-mobile-sec ul.nav.main-nav { font-size: 22px; } } .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:before, .lqd-mobile-sec .nav-item-children:after { 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: none; } .lqd-mobile-sec .nav-item-children .nav-item-children { padding-top: 8px; padding-bottom: 8px; } .lqd-mobile-sec .submenu-expander { position: absolute; top: calc(50% - 16px); right: 25px; } [data-mobile-nav-scheme=dark] .lqd-mobile-sec .nav-item-children > li:hover > a, [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-item > a, [data-mobile-nav-scheme=dark] .lqd-mobile-sec .nav-item-children > li.current-menu-ancestor > 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 .page_item_has_children > a, [data-mobile-nav-align=left] .lqd-mobile-sec .menu-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 .page_item_has_children > a, [data-mobile-nav-align=right] .lqd-mobile-sec .menu-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: none; 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: none !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; } [data-elementor-device-mode=tablet] .lqd-mobile-sec, [data-elementor-device-mode=mobile] .lqd-mobile-sec { display: block; } @media screen and (max-width: 992px) { .lqd-mobile-sec { display: block; } } @media (max-width: 991px) { .lqd-head-sec-wrap { display: none; } } .lqd-main-footer-default { margin-top: 60px; 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 { padding-top: 80px; padding-bottom: 80px; color: #000; } .titlebar-inner h1, .titlebar-inner p, .titlebar-inner .breadcrumbs { position: relative; z-index: 1; } .titlebar-inner p, .titlebar-inner a { 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 p, .titlebar-inner .titlebar-scroll-link { 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: none; 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%; } [data-elementor-device-mode=mobile] .titlebar[data-parallax=true]:before { content: none; } .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:before, body.has-sidebar #lqd-contents-wrap:after { 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; } } /* Sidebar Widgets */ .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 ul, .widget ul ol { 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(--color-primary); } .widget input, .widget.ld-sf input, .widget.ld-sf button { 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: none; 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: none; 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_calendar, .widget_search, .widget.ld-sf { padding: 0; border: none; } .widget.ld-sf { margin-bottom: 0; } .sidebar-widgets-default .widgettitle, .sidebar-widgets-default .widget-title { margin-bottom: 1.25em; } .sidebar-widgets-default .widget { padding: 10px 0 0; border: none; } .sidebar-widgets-outline .widget { border-radius: 5px; } .widget .children, .widget .sub-menu { width: 100%; margin-bottom: 0; } .wp-block-rss, .wp-block-archives-list, .wp-block-latest-comments, .wp-block-latest-posts__list, .wp-block-archives-dropdown, .wp-block-calendar, .wp-block-categories-dropdown, .wp-block-search { margin: 0 0 30px; } .wp-block-rss a, .wp-block-archives-list a, .wp-block-latest-comments a, .wp-block-latest-posts__list a, .wp-block-archives-dropdown a, .wp-block-calendar a, .wp-block-categories-dropdown a, .wp-block-search a { color: #000; } .wp-block-rss a:hover, .wp-block-archives-list a:hover, .wp-block-latest-comments a:hover, .wp-block-latest-posts__list a:hover, .wp-block-archives-dropdown a:hover, .wp-block-calendar a:hover, .wp-block-categories-dropdown a:hover, .wp-block-search a:hover { color: var(--color-primary); } .wp-block-rss p:last-child, .wp-block-archives-list p:last-child, .wp-block-latest-comments p:last-child, .wp-block-latest-posts__list p:last-child, .wp-block-archives-dropdown p:last-child, .wp-block-calendar p:last-child, .wp-block-categories-dropdown p:last-child, .wp-block-search p:last-child { margin-bottom: 0; } .wp-block-rss, .wp-block-archives-list, .wp-block-latest-comments, .wp-block-latest-posts__list { padding: 0; list-style: none; } .wp-block-rss[class*=columns-] li, .wp-block-archives-list[class*=columns-] li, .wp-block-latest-comments[class*=columns-] li, .wp-block-latest-posts__list[class*=columns-] li { border-bottom: none !important; } .widget_rss li:not(:last-child), .wp-block-rss li:not(:last-child), .wp-block-archives-list li:not(:last-child), .wp-block-latest-comments li:not(:last-child), .wp-block-latest-posts__list li:not(:last-child), .wp-block-archives-list li:not(:last-child), .widget_nav_menu li:not(:last-child), .widget_archive li:not(:last-child), .wp-block-categories li:not(:last-child), .widget_categories li:not(:last-child), .widget_pages li:not(:last-child), .widget_meta li:not(:last-child), .widget_recent_comments li:not(:last-child), .widget_recent_entries li:not(:last-child) { margin-bottom: 0.75em; } .widget_rss li:not(:last-child), .wp-block-rss li:not(:last-child), .wp-block-archives-list li:not(:last-child), .wp-block-latest-comments li:not(:last-child), .wp-block-latest-posts__list li:not(:last-child), .wp-block-archives-list li:not(:last-child), .widget_nav_menu li:not(:last-child), .widget_archive li:not(:last-child), .wp-block-categories li:not(:last-child), .widget_categories li:not(:last-child), .widget_pages li:not(:last-child), .widget_meta li:not(:last-child), .widget_recent_comments li:not(:last-child), .widget_recent_entries li:not(:last-child) { margin-bottom: 0.65em; padding-bottom: 0.65em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .widget_rss a, .wp-block-rss a, .wp-block-archives-list a, .wp-block-latest-comments a, .wp-block-latest-posts__list a, .wp-block-archives-list a, .widget_nav_menu a, .widget_archive a, .wp-block-categories a, .widget_categories a, .widget_pages a, .widget_meta a, .widget_recent_comments a, .widget_recent_entries a { position: relative; } .widget_rss .sub-menu > li, .widget_rss .children > li, .wp-block-rss .sub-menu > li, .wp-block-rss .children > li, .wp-block-archives-list .sub-menu > li, .wp-block-archives-list .children > li, .wp-block-latest-comments .sub-menu > li, .wp-block-latest-comments .children > li, .wp-block-latest-posts__list .sub-menu > li, .wp-block-latest-posts__list .children > li, .wp-block-archives-list .sub-menu > li, .wp-block-archives-list .children > li, .widget_nav_menu .sub-menu > li, .widget_nav_menu .children > li, .widget_archive .sub-menu > li, .widget_archive .children > li, .wp-block-categories .sub-menu > li, .wp-block-categories .children > li, .widget_categories .sub-menu > li, .widget_categories .children > li, .widget_pages .sub-menu > li, .widget_pages .children > li, .widget_meta .sub-menu > li, .widget_meta .children > li, .widget_recent_comments .sub-menu > li, .widget_recent_comments .children > li, .widget_recent_entries .sub-menu > li, .widget_recent_entries .children > li { border-bottom: none !important; } .widget_rss .sub-menu > li > a:before, .widget_rss .children > li > a:before, .wp-block-rss .sub-menu > li > a:before, .wp-block-rss .children > li > a:before, .wp-block-archives-list .sub-menu > li > a:before, .wp-block-archives-list .children > li > a:before, .wp-block-latest-comments .sub-menu > li > a:before, .wp-block-latest-comments .children > li > a:before, .wp-block-latest-posts__list .sub-menu > li > a:before, .wp-block-latest-posts__list .children > li > a:before, .wp-block-archives-list .sub-menu > li > a:before, .wp-block-archives-list .children > li > a:before, .widget_nav_menu .sub-menu > li > a:before, .widget_nav_menu .children > li > a:before, .widget_archive .sub-menu > li > a:before, .widget_archive .children > li > a:before, .wp-block-categories .sub-menu > li > a:before, .wp-block-categories .children > li > a:before, .widget_categories .sub-menu > li > a:before, .widget_categories .children > li > a:before, .widget_pages .sub-menu > li > a:before, .widget_pages .children > li > a:before, .widget_meta .sub-menu > li > a:before, .widget_meta .children > li > a:before, .widget_recent_comments .sub-menu > li > a:before, .widget_recent_comments .children > li > a:before, .widget_recent_entries .sub-menu > li > a:before, .widget_recent_entries .children > 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); } .wp-block-categories li, .widget_nav_menu ul li, .widget_archive ul li, .widget_categories ul li, .widget_pages ul li { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .wp-block-categories li > a, .widget_nav_menu ul li > a, .widget_archive ul li > a, .widget_categories ul li > a, .widget_pages ul li > a { flex-grow: 1; } .widget_menu li { margin-bottom: 0.75em; } .widget_product_search, .wp-block-search, .widget_search { position: relative; } .widget_product_search label, .widget_product_search input, .wp-block-search label, .wp-block-search input, .widget_search label, .widget_search input { width: 100%; display: block; } .widget_product_search input, .wp-block-search input, .widget_search input { padding: 15px; } .widget_product_search input[type=search], .wp-block-search input[type=search], .widget_search input[type=search] { height: 60px; padding-inline-start: 45px; } .widget_product_search input[type=search]:focus, .wp-block-search input[type=search]:focus, .widget_search input[type=search]:focus { outline: none; 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 label:after, .widget_search input[type=submit] { 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: none; 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(--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: none; 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: none; } .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 thead td, .wp-calendar-table thead th, .wp-calendar-table tbody td, .wp-calendar-table tbody 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(--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"; } .wp-block-tag-cloud a, .widget_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; } .wp-block-tag-cloud a:hover, .widget_tag_cloud a:hover { background-color: var(--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 .widgettitle, .ld_widget_next_post .widget-title, .ld_widget_next_post .ld_entries_cat { 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 .widgettitle, .ld_widget_next_post .widget-title { 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 .woocommerce-widget-layered-nav-list, .woocommerce .widget_product_categories { font-size: 15px; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item, .woocommerce .widget_product_categories li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; color: #000; margin-bottom: 0.45em; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:after, .woocommerce .widget_product_categories li:before, .woocommerce .widget_product_categories li:after { content: none; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .woocommerce .widget_product_categories li a { color: inherit; flex-grow: 1; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span, .woocommerce .widget_product_categories li 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 .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span.count, .woocommerce .widget_product_categories li 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(--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(--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(--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: none; 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: none; box-shadow: none; transform: none; color: var(--color-primary); outline: none; } .woocommerce .yith-woo-ajax-reset-navigation { display: flex; align-items: center; justify-content: space-between; } .woocommerce .yith-woo-ajax-reset-navigation .widgettitle, .woocommerce .yith-woo-ajax-reset-navigation .widget-title { 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: none; font-size: inherit; font-weight: inherit; color: #000; } .woocommerce .yith-wcan a.button:hover { background: none; box-shadow: none; color: var(--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: none; 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: none; color: #000; } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-label li.chosen a { border-color: currentColor; background: none; 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: none; 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(--color-primary); } .woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li.chosen a { background: none; } .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; } .lqd-animated-line { transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1); } .lqd-animated-line-y, .lqd-animated-line-t { border-bottom: none !important; } .lqd-animated-line-x, .lqd-animated-line-r { border-left: none !important; } .lqd-animated-line-y, .lqd-animated-line-b { border-top: none !important; } .lqd-animated-line-x, .lqd-animated-line-l { border-right: none !important; } .lqd-animated-line-x { transform-origin: left; transform: scaleX(0); } .lqd-animated-line-y { transform-origin: top; transform: scaleY(0); } [data-animated-borders] .elementor-element-populated.lqd-append-template-done { border: none !important; transition: background 0.3s, border-color 0.3s, border-radius 0.3s, box-shadow 0.3s !important; } [data-animated-borders] .elementor-element-populated > .lqd-animated-borders .lqd-animated-line.is-in-view { transform: scale(1); } [data-animated-borders].e-container.lqd-append-template-done, [data-animated-borders].elementor-section.lqd-append-template-done { border: none !important; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s !important; } [data-animated-borders].e-container > .lqd-animated-borders .lqd-animated-line.is-in-view, [data-animated-borders].elementor-section > .lqd-animated-borders .lqd-animated-line.is-in-view { transform: scale(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); font-size: 10px; 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; } @media screen and (min-width: 480px) { .lqd-back-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); } } [data-custom-animations=true]:not(.elementor-section):not(.ca-initvalues-applied), [data-custom-animations=true].elementor-section:not(.ca-initvalues-applied) > .elementor-container > .elementor-column { 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: 0.05s; } .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-inner, .lqd-cc-solid-ext { 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--inner, .lqd-cc--outer, .lqd-cc--el { 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 .lqd-cc-label-trigger, .lqd-cc-init .flickity-enabled.is-draggable .flickity-viewport, .lqd-cc-init .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { 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(--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(--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; } .admin-bar .lqd-page-frame-top { top: 32px; } .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); } .page-has-frame.admin-bar .is-stuck { top: 52px; } } @media screen and (min-width: 1025px) { [data-lqd-section-scroll=true]:not(.elementor-inner-section) { --transition-duration: 1s; position: relative; height: 100vh; overflow: hidden; } [data-lqd-section-scroll=true]:not(.elementor-inner-section) > .elementor-container, [data-lqd-section-scroll=true]:not(.elementor-inner-section) > .elementor-container > .elementor-column, [data-lqd-section-scroll=true]:not(.elementor-inner-section) > .elementor-container > .elementor-column > .elementor-widget-wrap { height: 100%; position: static; } .lqd-section-scroll-sections { transition: transform var(--transition-duration) ease; } .lqd-section-scroll-dots { top: 50%; right: 65px; transform: translateY(-50%); counter-reset: section-scroll-dots; } .lqd-section-scroll-dot { width: 40px; height: 40px; background-color: #fff; border: 1px solid #ddd; cursor: pointer; font-size: 14px; color: #000; transition: background 0.3s, border 0.3s; counter-increment: section-scroll-dots; } .lqd-section-scroll-dot:before { content: counter(section-scroll-dots); } .lqd-section-scroll-dot.is-active, .lqd-section-scroll-dot:hover { border-width: 2px; border-color: currentColor; color: #000; } .lqd-section-scroll-dot:not(:last-child) { margin-bottom: 15px; } } @media (max-width: 1024px) { .lqd-section-scroll-dots { display: none; } } @keyframes wave { 0% { transform: translateX(0); } 50% { transform: translateX(-50%); } 100% { transform: translateX(0%); } } .lqd-animate-bottom-shape .elementor-shape-bottom, .lqd-animate-top-shape .elementor-shape-top { overflow: hidden; } .lqd-animate-bottom-shape .elementor-shape-bottom svg, .lqd-animate-top-shape .elementor-shape-top svg { width: 200% !important; left: 0; animation: wave 10s cubic-bezier(0.455, 0.03, 0.515, 0.955) both infinite; } .elementor-shape[data-negative=false].elementor-shape .lqd-custom-shape { transform: translateX(-50%) rotate(180deg); } .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(0deg); } 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(--color-primary); transform-origin: center bottom; } .lqd-preloader-fade { background-color: #fff; } @keyframes lqd-preloader-logo-spinner { 0% { transform: scaleX(0.05); transform-origin: left; } 20% { transform: scaleX(1); transform-origin: left; } 25% { transform: scaleX(1); transform-origin: right; } 50% { transform: scaleX(0.05); transform-origin: right; } 70% { transform: scaleX(1); transform-origin: right; } 75% { transform: scaleX(1); transform-origin: left; } 100% { transform: scaleX(0.05); transform-origin: left; } } .lqd-preloader-logo { background-color: #fff; } .lqd-preloader-logo-spinner { --spinner-width: 66px; width: var(--spinner-width); height: 2px; bottom: 0; left: calc(50% - var(--spinner-width) / 2); border-radius: 2px; background-color: rgba(0, 0, 0, 0.2); } .lqd-preloader-logo-spinner:after { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; background-color: #000; animation: lqd-preloader-logo-spinner 2.5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite alternate; } @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(0deg); } 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(--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 { display: inline-block; margin-inline-end: 1em; font-size: 16px; line-height: 1em; color: inherit; } .accordion-expander > i { display: inline-block; } .accordion-expander > i:last-child { display: none; } .accordion-expander:last-of-type { padding-inline-start: 1em; 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: 1.05em; padding-bottom: 1.05em; } .accordion-active-has-fill .accordion-item.active .accordion-title a { background-color: var(--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-item:not(:last-child) { margin-bottom: 1.25em; } .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: calc(var(--accordion-space) * 2); } .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__inner, .lqd-af:not(.lqd-af--navigation-init) .lqd-af-slide.lqd-af-slide--current .lqd-af-slide__img figure { 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-wrap, .lqd-af-slide__img .lqd-vbg-inner, .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__inner, .lqd-af-slide--current:first-of-type .lqd-af-slide__img figure { transform: scale(1); } .lqd-af-slide__title-container, .lqd-af-slide__desc { color: #fff; } .lqd-af-slide__title-container { padding: 0.2em 0.35em; margin-bottom: 0.1em; font-size: 65px; line-height: 1; } .lqd-af-slide__title-container + .lqd-af-slide__title-container { margin-top: -0.1em; } .lqd-af-slide__title-svg { transform-origin: 0%; } .lqd-af-slide__desc .split-inner { will-change: transform; } .lqd-af-slide__title { margin: 0; font-size: 1em; line-height: 1; } .lqd-af-slide__title-text { line-height: 100%; } .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-containre { font-size: 85px; } } @media screen and (min-width: 992px) { .lqd-af-slide__content { width: 75vw; } .lqd-af-slide__title-containre { font-size: 110px; } } @media screen and (min-width: 1200px) { .lqd-af-slide__desc { max-width: 65%; } } @media screen and (max-width: 991px) { .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: none !important; font-size: 24px; color: #fff !important; } .lqd-af-slidenav__item svg { transition: stroke 0.3s; } .lqd-af-slidenav__item:focus { outline: none; } .lqd-af-slidenav__item:hover svg { stroke: var(--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: 19px; font-weight: 600; color: #fff; } .lqd-af-slidenum__line { width: 3px; height: 100%; background-color: currentColor; opacity: 0.25; } .lqd-af-slidenum__nums { margin: 3vh 0; } .lqd-af-slidenum__current { top: -1em; 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; transform: skewX(-10deg); } .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; 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-title, .lqd-asym-slider-info, .lqd-asym-slider-img { flex: 1 0 100%; } .lqd-asym-slider-title.active, .lqd-asym-slider-info.active, .lqd-asym-slider-img.active { z-index: 1; } .lqd-asym-slider-title.is-next, .lqd-asym-slider-info.is-next, .lqd-asym-slider-img.is-next { z-index: 2; } .lqd-asym-slider-info:not(.active), .lqd-asym-slider-title:not(.active) { position: absolute; top: 0; left: 0; } .lqd-asym-slider-info hr, .lqd-asym-slider-info h4, .lqd-asym-slider-info p { 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 h2 { font-size: 88px; line-height: 1em; } .lqd-asym-slider-title .lqd-chars { opacity: 0; } .lqd-asym-slider-title .lqd-words { white-space: nowrap; } .lqd-asym-slider-title .text-outline { font-size: 175px; text-stroke: 2px #000; -webkit-text-stroke: 2px #000; color: transparent; } .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: #fff; 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:before, .lqd-asym-slider-arrow svg { 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: none; } .lqd-asym-slider-prev:before { transform-origin: right center; } .lqd-asym-slider-prev:hover svg { transform: translateX(-6px); } .lqd-asym-slider-next:before { transform-origin: left center; } .lqd-asym-slider-next:hover svg { 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:not(.lqd-asym-slider-ready) .lqd-asym-slider-title: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-img:not(.active) { visibility: hidden; } .lqd-asym-slider-ready .lqd-asym-slider-img, .lqd-asym-slider-ready .lqd-asym-slider-img-inner, .lqd-asym-slider-ready .lqd-asym-slider-img figure, .lqd-asym-slider-ready .lqd-asym-slider-img img { height: 100%; } .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 { 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 hr, .lqd-asym-slider-ready .active.lqd-asym-slider-info h4, .lqd-asym-slider-ready .active.lqd-asym-slider-info p { 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-title { margin-bottom: -9em; } .lqd-asym-slider-b { margin-top: -5em; } .lqd-asym-slider-content { padding-inline-end: 3em; } .lqd-asym-slider-info-wrap { width: 25%; margin-inline-start: 1rem; } .lqd-asym-slider-content { flex-direction: row; } .lqd-asym-slider-title-wrap { width: 50%; } } @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-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 img, .lqd-bnnr-1 .lqd-bnnr-right figure, .lqd-bnnr-1 .lqd-bnnr-right .lqd-bnnr-in { 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-inner, .lqd-bnr-bnns-h { font-size: clamp(62px, 7vw, 110px); font-weight: 700; } .lqd-bnr-bnns-h-wrap-first { padding: 30px 0; position: absolute; top: var(--lqd-sticky-header-height, 0); left: 0; right: 0; } .lqd-bnr-bnns-h-inner { color: #fff; } .lqd-bnr-media-inner { transform-origin: center bottom; } .lqd-bnr-bnns { height: 225vh; } @media screen and (max-width: 991px) { .lqd-bnr-bnns-h-inner, .lqd-bnr-bnns-h { margin-bottom: 0; font-size: clamp(34px, 7vw, 110px); } .lqd-bnr-bnns .fullwidth, .lqd-bnr-bnns-media, .lqd-bnr-bnns-h-wrap-first, .lqd-bnr-bnns-inner { position: relative; top: auto; left: auto; right: auto; height: auto; } .lqd-bnr-media-inner { height: 55vh; } .lqd-bnr-bnns-h-wrap { width: 100%; } .lqd-bnr-bnns-h-wrap-last { height: 100%; padding: 0; } .lqd-bnr-bnns { height: auto; text-align: center; } .lqd-bnr-bnns .fullwidth { margin: 0; } } [data-reveal] img { opacity: 0; } .block-revealer__element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; border-radius: inherit; pointer-events: none; } .breadcrumb { background: none; } .breadcrumb > li { color: inherit; } .breadcrumb > li:before, .breadcrumb > li:after { content: none; } .breadcrumb > li:not(:last-child):after { content: "/ "; display: flex; align-items: center; margin-inline-start: 0.75em; margin-inline-end: 0.75em; font-size: 0.85em; } .breadcrumb > li:hover { opacity: 1; } .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-nav li + li { margin-inline-start: 2.5em; } @media screen and (max-width: 767px) { .lqd-bullet-list .inline-nav { display: flex; flex-flow: row wrap; align-items: center; } .lqd-bullet-list .inline-nav li { margin-inline-start: 0 !important; width: 50%; } } .btn { display: inline-flex; border-radius: 0; vertical-align: middle; line-height: inherit; text-align: unset; transition: all 0.3s; } .btn i { transition: transform 0.3s cubic-bezier(0.22, 0.665, 0.34, 0.875); } .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: none !important; overflow: visible; color: var(--color-primary); } .btn-naked:hover { color: var(--color-primary); } .btn-solid { --btn-pt: 1.15em; --btn-pe: 2.1em; --btn-pb: 1.15em; --btn-ps: 2.1em; padding: var(--btn-pt) var(--btn-pe) var(--btn-pb) var(--btn-ps); background: var(--color-primary); box-shadow: 0 0 0 rgba(0, 0, 0, 0); color: #fff; } .btn-solid:hover { border-color: transparent; background-color: var(--color-primary); color: #fff; 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; color: var(--color-primary); } .btn-underlined .btn-txt { padding-bottom: 0.2em; } .btn-underlined .btn-txt:before, .btn-underlined .btn-txt:after { content: ""; display: inline-block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background-color: var(--color-primary); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .btn-underlined .btn-txt:before { transform-origin: left center; transition-delay: 0.1s; } .btn-underlined .btn-txt:after { background: var(--color-secondary, --color-primary); transform: scaleX(0); transform-origin: right center; } .btn-underlined:hover { background-color: transparent; color: var(--color-primary); } .btn-underlined:hover .btn-txt:before { transform: scaleX(0); transform-origin: right center; transition-delay: 0s; } .btn-underlined:hover .btn-txt:after { transform-origin: left center; transform: scaleX(1); transition-delay: 0.1s; } .btn-underlined.border-thin .btn-txt:before, .btn-underlined.border-thin .btn-txt:after { height: 1px; } .btn-underlined.border-thick .btn-txt:before, .btn-underlined.border-thick .btn-txt:after { height: 2px; } .btn-underlined.border-thicker .btn-txt:before, .btn-underlined.border-thicker .btn-txt:after { height: 3px; } .btn-block { width: 100%; justify-content: center; white-space: normal; } .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; margin-top: var(--icon-mt); margin-inline-end: var(--icon-me); margin-bottom: var(--icon-mb); margin-inline-start: var(--icon-ms); transition: background 0.3s, color 0.125s, box-shadow 0.3s, border 0.3s, opacity 0.25s, transform 0.5s; } .btn-icon i, .btn-icon svg { position: relative; z-index: 3; } .btn-icon i { font-size: var(--icon-font-size); 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; } /* Icon Position */ .btn-icon-top .btn-icon, .btn-icon-left .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-radius: 0; border: 1px solid; } .btn-icon-solid .btn-icon { border: none; background-color: var(--color-primary); color: #fff; } .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-xsm { --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-xlg { --icon-w: 3.5em; --icon-h: 3.5em; } .btn-icon-xlg .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(--color-primary); animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; } .btn-hover-bg-unfill { background-color: transparent !important; } .btn-hover-bg-unfill:before, .btn-hover-bg-unfill:after { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: scale(1); border-radius: inherit; transform-origin: var(--btn-hover-bg-unfill-trr); transition: transform 0.7s cubic-bezier(0.6, 0, 0.15, 1); } .btn-hover-bg-unfill:before { z-index: 1; } .btn-hover-bg-unfill:after { z-index: 0; background-color: var(--color-primary); } .btn-hover-bg-unfill-x:hover:before { transform: scaleX(0); } .btn-hover-bg-unfill-y:hover:before { transform: scaleY(0); } .btn-hover-bg-unfill-top { --btn-hover-bg-unfill-trr: top; } .btn-hover-bg-unfill-right { --btn-hover-bg-unfill-trr: right; } .btn-hover-bg-unfill-bottom { --btn-hover-bg-unfill-trr: bottom; } .btn-hover-bg-unfill-left { --btn-hover-bg-unfill-trr: left; } .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; transform: translateX(0); transition: opacity 0.25s, transform 0.5s; } .btn-hover-reveal .btn-txt { transition: transform 0.5s; } .btn-hover-reveal .btn-txt, .btn-hover-reveal .btn-icon { 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-underlined.btn-icon-left .btn-txt, .btn-hover-reveal:hover.btn-naked.btn-icon-left .btn-txt, .btn-hover-reveal:hover.btn-solid .btn-txt { transform: translateX(var(--txt-move)); } .btn-hover-reveal:hover.btn-underlined.btn-icon-left .btn-icon, .btn-hover-reveal:hover.btn-naked.btn-icon-left .btn-icon { transform: translateX(0); } .btn-hover-swp.btn-solid .btn-txt { margin-inline-start: -1em; } .btn-hover-swp .btn-icon { 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; margin-inline-start: var(--icon-me); margin-inline-end: var(--icon-ms); opacity: 0; transform: translateX(-1em); transition-delay: 0s; } .btn-hover-swp .btn-txt { transition: transform 0.6s 0.125s 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: 0.225s; } .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-change .btn-txt:after { transition: transform 0.7s, opacity 0.7s; transition-timing-function: cubic-bezier(0.6, 0, 0.15, 1); } .btn-hover-txt-switch-change .btn-txt:after { content: attr(data-text); display: inline-block; position: absolute; top: 0; left: 50%; opacity: 0; white-space: nowrap; transform: translate(-50%, 100%); } .btn-hover-txt-switch-change .btn-txt-inner:after { content: none !important; } .btn-hover-txt-switch-change:hover .btn-txt-inner { opacity: 0; transform: translateY(-100%); } .btn-hover-txt-switch-change:hover .btn-txt:after { opacity: 1; transform: translate(-50%, 0); } @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-inner, .btn-hover-txt-switch .btn-txt-inner:after { transition: transform 0.7s, opacity 0.7s; transition-timing-function: cubic-bezier(0.6, 0, 0.15, 1); } .btn-hover-txt-switch .btn-txt-inner:after { content: attr(data-text); display: inline-block; position: absolute; white-space: nowrap; top: 0; left: 0; } .btn-hover-txt-switch.btn-hover-bg-unfill .btn-txt { transition: color 0.15s 0.015s; } .btn-hover-txt-switch.btn-hover-bg-unfill:hover .btn-txt { transition: color 0.2s; } .btn-hover-txt-switch-x .btn-txt-inner:after { transform: translateX(110%); } .btn-hover-txt-switch-x:hover .btn-txt-inner { transform: translateX(-100%); } .btn-hover-txt-switch-x:hover .btn-txt-inner:after { transform: translateX(100%); } .btn-hover-txt-switch-y .btn-txt-inner:after { transform: translateY(110%); } .btn-hover-txt-switch-y:hover .btn-txt-inner { transform: translateY(-100%); } .btn-hover-txt-switch-y:hover .btn-txt-inner:after { transform: translateY(100%); } .elementor .btn-xsm { --btn-pt: 0.6em; --btn-pe: 1em; --btn-pb: 0.6em; --btn-ps: 1em; padding: 0.6em 1em; } .elementor .btn-sm { --btn-pt: 0.85em; --btn-pe: 1.3em; --btn-pb: 0.85em; --btn-ps: 1.3em; padding: 0.85em 1.3em; } .elementor .btn-lg { --btn-pt: 1.3em; --btn-pe: 2.7em; --btn-pb: 1.3em; --btn-ps: 2.7em; padding: 1.3em 2.7em; } .elementor .btn-xlg { --btn-pt: 1.5em; --btn-pe: 3.5em; --btn-pb: 1.5em; --btn-ps: 3.5em; padding: 1.5em 3.5em; } .elementor .btn-custom-size { padding: 0 !important; } .btn-extended-lines { --extended-line-size: 12px; overflow: visible !important; } .btn-extended-line { width: var(--extended-line-size); height: var(--extended-line-size); border: 1px solid var(--color-primary); transform: rotate(180deg); transition: inherit; } .btn:hover .btn-extended-line { transform: rotate(180deg) scale(1.2); } .btn-extended-line-tl, .btn-extended-line-tr { top: 0; } .btn-extended-line-bl, .btn-extended-line-br { bottom: 0; } .btn-extended-line-tl, .btn-extended-line-bl { left: 0; } .btn-extended-line-tr, .btn-extended-line-br { right: 0; } .btn-extended-line-tl { border-right: none !important; border-bottom: none !important; transform-origin: top left; } .btn-extended-line-tr { border-bottom: none !important; border-left: none !important; transform-origin: top right; } .btn-extended-line-br { border-top: none !important; border-left: none !important; transform-origin: bottom right; } .btn-extended-line-bl { border-top: none !important; border-right: none !important; transform-origin: bottom left; } @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 .static, .btn.ld-ajax-loadmore .loading, .btn.ld-ajax-loadmore .all-loaded { 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.items-loading, .btn.ld-ajax-loadmore.all-items-loaded { pointer-events: none; border-color: transparent; } .btn.ld-ajax-loadmore.items-loading .static, .btn.ld-ajax-loadmore.all-items-loaded .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:nth-child(1) { 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: none; } .flickity-viewport { flex: 1 0 100%; } .carousel-item-inner { transition: background 0.3s, transform 0.45s; transform-origin: center; } .carousel-item { transition: opacity 0.3s; } .carousel-item.has-one-child .carousel-item-inner, .carousel-item.has-one-child .carousel-item-content { 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 > div, .carousel-item.has-one-child .carousel-item-content > article { flex-grow: 1; max-width: 100%; } .carousel-item-content > p:only-child { width: 100%; margin-bottom: 0; } .carousel-dots-to-hide { display: none; } .carousel-dots-mobile { display: none; } @media screen and (max-width: 767px) { .carousel-item { width: 100%; } } @media screen and (max-width: 768px) { .carousel-container { max-width: 100vw; } } [data-elementor-device-mode=tablet] .elementor-widget-ld_carousel .elementor-widget-container, [data-elementor-device-mode=mobile] .elementor-widget-ld_carousel .elementor-widget-container { overflow: hidden; } .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; } .elementor .flickity-button { padding: 0 !important; border-radius: 0; } .elementor .flickity-button, .elementor .flickity-button:hover, .elementor .flickity-button:focus { 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:hover, .flickity-button:focus { background: none; box-shadow: none; outline: none; } .flickity-button:active { opacity: 1; } /* Nav position */ .carousel-nav { display: flex; align-items: center; position: relative; } .elementor-section > .carousel-nav:not(.carousel-nav-floated) { width: 100%; } [data-elementor-device-mode*=tablet] .carousel-nav, [data-elementor-device-mode*=mobile] .carousel-nav { width: 100%; position: relative; top: auto; left: auto; bottom: auto; right: auto; justify-content: center; transform: none; } [data-elementor-device-mode*=tablet] .carousel-nav .flickity-button, [data-elementor-device-mode*=mobile] .carousel-nav .flickity-button { display: inline-flex; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin: 0 5px; } .carousel-container [data-elementor-device-mode*=tablet] .carousel-nav, .carousel-container [data-elementor-device-mode*=mobile] .carousel-nav { margin-top: 2em; } [data-elementor-device-mode*=tablet] .carousel-nav, [data-elementor-device-mode*=mobile] .carousel-nav { display: none; } .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 { background-color: #fff; color: #000; fill: #000; } .carousel-nav.carousel-nav-shaped .flickity-button:hover svg { fill: inherit; } .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; } .elementor-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; } [data-elementor-device-mode*=tablet] .carousel-dots-hidden-onmobile, [data-elementor-device-mode*=tablet] .carousel-dots-desktop, [data-elementor-device-mode*=mobile] .carousel-dots-hidden-onmobile, [data-elementor-device-mode*=mobile] .carousel-dots-desktop { display: none !important; } [data-elementor-device-mode*=tablet] .carousel-dots-mobile, [data-elementor-device-mode*=mobile] .carousel-dots-mobile { display: block; width: 100%; } [data-elementor-device-mode*=tablet] .carousel-dots-mobile .flickity-page-dots, [data-elementor-device-mode*=mobile] .carousel-dots-mobile .flickity-page-dots { top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; } [data-elementor-device-mode*=tablet] .carousel-dots-mobile + .carousel-dots-from-options, [data-elementor-device-mode*=mobile] .carousel-dots-mobile + .carousel-dots-from-options { display: none; } .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; } .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 { width: 1em; margin-top: 0; top: auto; font-size: 1em; line-height: 1; -webkit-mask-image: unset; mask-image: unset; } .carousel-nav .lqd-carousel-slides-current span { width: 1em; letter-spacing: 0; } .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: calc(var(--carousel-path-length, 200) * 1px); 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 .flickity-page-dots { display: flex; flex-direction: column; justify-content: center; } .carousel-dots-vertical .flickity-page-dots .dot { margin: 8px 0; } .carousel-dots-vertical .flickity-page-dots .dot:first-child { margin-top: 0; } .carousel-dots-vertical .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:hover, .carousel-dots-style2 .dot.is-selected { 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:hover, .carousel-dots-style3 .dot.is-selected { background: transparent; } .carousel-dots-style3 .dot:hover:before, .carousel-dots-style3 .dot.is-selected: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; } [data-elementor-device-mode*=tablet] .carousel-dots-mobile-inside.carousel-dots-mobile, [data-elementor-device-mode*=mobile] .carousel-dots-mobile-inside.carousel-dots-mobile { width: auto; position: absolute; bottom: 15px; left: 45px; right: 45px; } .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; } [data-elementor-device-mode*=tablet] .lqd-scroll-badge-container, [data-elementor-device-mode*=mobile] .lqd-scroll-badge-container { display: flex; } [data-elementor-device-mode*=tablet] .lqd-scroll-badge-container ~ .carousel-dots-mobile, [data-elementor-device-mode*=mobile] .lqd-scroll-badge-container ~ .carousel-dots-mobile { display: none !important; } .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 rgba(0, 0, 0, 0); } .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); } .carousel-cells-scale-ondrag { --ondrag-scale: 0.95; } .carousel-cells-scale-ondrag .is-pointer-down .carousel-item-inner { transform: scale(var(--ondrag-scale)); } .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: none; 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(--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(--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: none; text-align: center; } .ui-datepicker-prev, .ui-datepicker-next { position: relative !important; top: auto !important; left: auto !important; right: auto !important; border: none !important; background: none !important; cursor: pointer; font-weight: 400; } .ui-datepicker-prev span, .ui-datepicker-next span { position: relative; background: none !important; font-size: 12px; transition: transform 0.3s; } .ui-datepicker-prev span:before, .ui-datepicker-next 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-state-active, .ui-front .ui-widget-content .ui-state-active, .ui-front .ui-widget-header .ui-state-active, .ui-front a.ui-button:active, .ui-front .ui-button:active, .ui-front .ui-button.ui-state-active:hover { 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 { --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 > .wpcf7-form-control:last-child { margin-bottom: 0; } .lqd-contact-form form > .row > div:last-child .wpcf7-form-control { margin-bottom: 0; } .lqd-contact-form form .wpcf7-not-valid-tip { text-align: start; } .lqd-contact-form form .wpcf7-response-output { margin-top: 0; margin-bottom: 0; } .lqd-contact-form .wpcf7-form-control-wrap { display: block; margin: var(--inputs-margin); flex-grow: 1; } .lqd-contact-form select, .lqd-contact-form input, .lqd-contact-form textarea, .lqd-contact-form .ui-button.ui-selectmenu-button { display: flex; width: 100%; height: 50px; padding-inline-start: 2em; padding-inline-end: 2em; position: relative; border: 1px solid #d5d6de; border-radius: 0; background: none; align-items: center; color: #b7b9c4; transition: all 0.3s; } .lqd-contact-form select::-webkit-input-placeholder, .lqd-contact-form input::-webkit-input-placeholder, .lqd-contact-form textarea::-webkit-input-placeholder, .lqd-contact-form .ui-button.ui-selectmenu-button::-webkit-input-placeholder { color: inherit; } .lqd-contact-form select::-moz-placeholder, .lqd-contact-form input::-moz-placeholder, .lqd-contact-form textarea::-moz-placeholder, .lqd-contact-form .ui-button.ui-selectmenu-button::-moz-placeholder { color: inherit; } .lqd-contact-form select:-moz-placeholder, .lqd-contact-form input:-moz-placeholder, .lqd-contact-form textarea:-moz-placeholder, .lqd-contact-form .ui-button.ui-selectmenu-button:-moz-placeholder { color: inherit; } .lqd-contact-form select:-ms-input-placeholder, .lqd-contact-form input:-ms-input-placeholder, .lqd-contact-form textarea:-ms-input-placeholder, .lqd-contact-form .ui-button.ui-selectmenu-button:-ms-input-placeholder { color: inherit; } .lqd-contact-form select:focus, .lqd-contact-form input:focus, .lqd-contact-form textarea:focus, .lqd-contact-form .ui-button.ui-selectmenu-button:focus { outline: none; border-color: #9c9eb1; color: #9c9eb1; } .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: none !important; } .lqd-contact-form input[type=submit], .lqd-contact-form button[type=submit] { display: inline-flex; width: auto; height: 50px; margin-bottom: 0; padding: 0 2.8em; border: 1px solid var(--color-primary); background-color: var(--color-primary); align-items: center; color: #fff; transition: all 0.3s ease; } .lqd-contact-form input[type=submit]:hover, .lqd-contact-form button[type=submit]:hover { transform: translateY(-1px); box-shadow: 0 10px 35px rgba(0, 0, 0, 0.125); } .text-center .lqd-contact-form input[type=submit], .text-center .lqd-contact-form button[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=radio], .lqd-contact-form input[type=checkbox] { 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 ~ label, .lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon ~ input, .lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon ~ textarea, .lqd-contact-form i ~ label, .lqd-contact-form i ~ input, .lqd-contact-form i ~ textarea, .lqd-contact-form svg ~ label, .lqd-contact-form svg ~ input, .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: none; 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; } .wpcf7-radio .wpcf7-list-item { margin-inline-start: 0; } .wpcf7-radio .wpcf7-list-item, .wpcf7-radio .wpcf7-list-item > label { display: flex; position: relative; } .wpcf7-radio .wpcf7-list-item > label { cursor: pointer; } .wpcf7-radio .wpcf7-list-item input[type=radio] { position: absolute; top: 0; left: 0; width: 0; height: 0; visibility: hidden; } .wpcf7-radio .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label:after { opacity: 1; transform: scale(1); } .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label { padding-inline-start: calc(1em + 20px); } .wpcf7-radio .wpcf7-list-item .wpcf7-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; } .wpcf7-radio .wpcf7-list-item .wpcf7-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; } .wpcf7-spinner { position: absolute; top: calc(50% - 12px); left: 30px; margin: 0; } .wpcf7-acceptance { font-size: 0.8571428571em; } .wpcf7-acceptance span.wpcf7-list-item { margin: 0; } .wpcf7-acceptance label { display: flex; align-items: center; position: relative; line-height: 1.5em; cursor: pointer; } .wpcf7-acceptance .wpcf7-list-item-label { display: inline-flex; padding-inline-start: 2.5em; } .wpcf7-acceptance .wpcf7-list-item-label:before, .wpcf7-acceptance .wpcf7-list-item-label:after { 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; } .wpcf7-acceptance .wpcf7-list-item-label:before { border: 1px solid #d5d6de; } .wpcf7-acceptance .wpcf7-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); } .wpcf7-acceptance input { width: 0; height: 0; margin: 0 1em 0 0 !important; position: absolute; top: 0; left: 0; visibility: hidden; } .wpcf7-acceptance input:checked + .wpcf7-list-item-label:after { transform: scale(1); } @media screen and (max-width: 768px) { .wpcf7-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: none; 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(--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(--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: none; text-align: center; } .ui-datepicker-prev, .ui-datepicker-next { position: relative !important; top: auto !important; left: auto !important; right: auto !important; border: none !important; background: none !important; cursor: pointer; font-weight: 400; } .ui-datepicker-prev span, .ui-datepicker-next span { position: relative; background: none !important; font-size: 12px; transition: transform 0.3s; } .ui-datepicker-prev span:before, .ui-datepicker-next 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-state-active, .ui-front .ui-widget-content .ui-state-active, .ui-front .ui-widget-header .ui-state-active, .ui-front a.ui-button:active, .ui-front .ui-button:active, .ui-front .ui-button.ui-state-active:hover { 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 select, .lqd-contact-form-inputs-filled input, .lqd-contact-form-inputs-filled textarea, .lqd-contact-form-inputs-filled .ui-button.ui-selectmenu-button { border: none; background-color: #fff; } .lqd-contact-form-inputs-underlined select, .lqd-contact-form-inputs-underlined input, .lqd-contact-form-inputs-underlined textarea, .lqd-contact-form-inputs-underlined .ui-button.ui-selectmenu-button { padding-inline-start: 0; padding-inline-end: 0; border-bottom-width: 1px; border-top: none !important; border-right: none !important; border-left: none !important; border-radius: 0; } .lqd-contact-form-inputs-underlined .ui-button.ui-selectmenu-button .ui-selectmenu-icon, .lqd-contact-form-inputs-underlined svg, .lqd-contact-form-inputs-underlined i { right: 15px; } .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 ~ input, .lqd-contact-form-inputs-underlined .ui-button.ui-selectmenu-button .ui-selectmenu-icon ~ textarea, .lqd-contact-form-inputs-underlined svg ~ label, .lqd-contact-form-inputs-underlined svg ~ input, .lqd-contact-form-inputs-underlined svg ~ textarea, .lqd-contact-form-inputs-underlined i ~ label, .lqd-contact-form-inputs-underlined i ~ input, .lqd-contact-form-inputs-underlined i ~ textarea { text-indent: 2em; } .lqd-contact-form-inputs-round select, .lqd-contact-form-inputs-round input, .lqd-contact-form-inputs-round textarea, .lqd-contact-form-inputs-round .ui-button.ui-selectmenu-button { border-radius: 4px; } .lqd-contact-form-inputs-round input[type=submit], .lqd-contact-form-inputs-round button[type=submit] { border-radius: 4px; } .lqd-contact-form-inputs-circle select, .lqd-contact-form-inputs-circle input, .lqd-contact-form-inputs-circle textarea, .lqd-contact-form-inputs-circle .ui-button.ui-selectmenu-button { border-radius: 50em; } .lqd-contact-form-inputs-circle textarea { border-radius: 15px !important; } .lqd-contact-form-inputs-circle input[type=submit], .lqd-contact-form-inputs-circle button[type=submit] { border-radius: 50em; } .lqd-contact-form-inputs-circle .ui-spinner-button { right: 1em; } .lqd-contact-form-inputs-border-none select, .lqd-contact-form-inputs-border-none input, .lqd-contact-form-inputs-border-none textarea, .lqd-contact-form-inputs-border-none .ui-button.ui-selectmenu-button { border-width: 0; } .lqd-contact-form-inputs-border-none input[type=submit], .lqd-contact-form-inputs-border-none button[type=submit] { border-width: 0; } .lqd-contact-form-inputs-border-thick select, .lqd-contact-form-inputs-border-thick input, .lqd-contact-form-inputs-border-thick textarea, .lqd-contact-form-inputs-border-thick .ui-button.ui-selectmenu-button { border-width: 2px; } .lqd-contact-form-inputs-border-thick input[type=submit], .lqd-contact-form-inputs-border-thick button[type=submit] { border-width: 2px; } .lqd-contact-form-inputs-border-thicker select, .lqd-contact-form-inputs-border-thicker input, .lqd-contact-form-inputs-border-thicker textarea, .lqd-contact-form-inputs-border-thicker .ui-button.ui-selectmenu-button { border-width: 3px; } .lqd-contact-form-inputs-border-thicker input[type=submit], .lqd-contact-form-inputs-border-thicker button[type=submit] { border-width: 3px; } .lqd-contact-form-inputs-border-thin select, .lqd-contact-form-inputs-border-thin input, .lqd-contact-form-inputs-border-thin textarea, .lqd-contact-form-inputs-border-thin .ui-button.ui-selectmenu-button { border-width: 1px; } .lqd-contact-form-inputs-border-thin input[type=submit], .lqd-contact-form-inputs-border-thin button[type=submit] { border-width: 1px; } .lqd-contact-form-inputs-sm select, .lqd-contact-form-inputs-sm input, .lqd-contact-form-inputs-sm textarea, .lqd-contact-form-inputs-sm .ui-button.ui-selectmenu-button { height: 40px; } .lqd-contact-form-inputs-sm input[type=submit], .lqd-contact-form-inputs-sm button[type=submit] { height: 40px; } .lqd-contact-form-inputs-md select, .lqd-contact-form-inputs-md input, .lqd-contact-form-inputs-md textarea, .lqd-contact-form-inputs-md .ui-button.ui-selectmenu-button { height: 50px; } .lqd-contact-form-inputs-md input[type=submit], .lqd-contact-form-inputs-md button[type=submit] { height: 50px; } .lqd-contact-form-inputs-lg select, .lqd-contact-form-inputs-lg input, .lqd-contact-form-inputs-lg textarea, .lqd-contact-form-inputs-lg .ui-button.ui-selectmenu-button { height: 60px; } .lqd-contact-form-inputs-lg input[type=submit], .lqd-contact-form-inputs-lg button[type=submit] { height: 60px; } .lqd-contact-form-button-underlined input[type=submit], .lqd-contact-form-button-underlined button[type=submit] { padding-inline-start: 0; padding-inline-end: 0; border-width: 0; background-color: transparent; color: var(--color-primary); border-bottom-width: 1px; } .lqd-contact-form-button-underlined input[type=submit]:hover, .lqd-contact-form-button-underlined button[type=submit]:hover { box-shadow: none; transform: none; } .lqd-contact-form-button-round input[type=submit], .lqd-contact-form-button-round button[type=submit] { border-radius: 4px !important; } .lqd-contact-form-button-circle input[type=submit], .lqd-contact-form-button-circle button[type=submit] { border-radius: 50em !important; } .lqd-contact-form-button-border-none input[type=submit], .lqd-contact-form-button-border-none button[type=submit] { border-width: 0; } .lqd-contact-form-button-border-thick input[type=submit], .lqd-contact-form-button-border-thick button[type=submit] { border-width: 2px; } .lqd-contact-form-button-border-thicker input[type=submit], .lqd-contact-form-button-border-thicker button[type=submit] { border-width: 3px; } .lqd-contact-form-button-border-thin input[type=submit], .lqd-contact-form-button-border-thin button[type=submit] { border-width: 1px; } .lqd-contact-form-button-sm input[type=submit], .lqd-contact-form-button-sm button[type=submit] { height: 40px; } .lqd-contact-form-button-md input[type=submit], .lqd-contact-form-button-md button[type=submit] { height: 50px; } .lqd-contact-form-button-lg input[type=submit], .lqd-contact-form-button-lg button[type=submit] { height: 60px; margin-bottom: 30px; } .lqd-contact-form-button-block input[type=submit], .lqd-contact-form-button-block button[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 { margin-bottom: 0.3em; font-size: 38px; font-weight: 700; line-height: 1em; color: inherit !important; } .lqd-counter-element > span { white-space: nowrap; } .lqd-animator-value { display: inline-block; visibility: hidden; } .lqd-counter-animator, .lqd-animator-numbers, .lqd-animator-numbers ul, .lqd-animator-numbers li { background: inherit; } .lqd-animator-numbers { transform: translateZ(1px); } .elementor-widget-ld_counter > .elementor-widget-container { margin-bottom: 30px; } .lqd-counter-icon { top: 20px; right: 20px; font-size: 23px; line-height: 1; } .lqd-counter-overlay-bg { background: linear-gradient(to bottom right, var(--color-gradient-start) 0%, var(--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-text, .lqd-counter-solid:hover .lqd-counter-element { 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 > li { display: flex; position: relative; flex-wrap: wrap; } .lqd-custom-menu > ul > li, .lqd-custom-menu > ul > li > a { width: 100%; align-items: center; } .lqd-custom-menu > ul > li > a { display: flex; transition-property: background, border-color, box-shadow, color, opacity; } .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; } .elementor-widget-ld_custom_menu > .elementor-widget-container { min-height: 1px; } [data-elementor-device-mode*=mobile] .lqd-custom-menu .nav-item-children, [data-elementor-device-mode*=tablet] .lqd-custom-menu .nav-item-children { display: none; position: relative; top: auto; right: auto; left: auto; min-width: 0; opacity: 1; visibility: visible; overflow: unset; transition: none; } [data-elementor-device-mode*=mobile] .lqd-custom-menu .nav-item-children:before, [data-elementor-device-mode*=tablet] .lqd-custom-menu .nav-item-children:before { content: none; } [data-elementor-device-mode*=mobile] .lqd-custom-menu .nav-item-children .lqd-megamenu-rows-wrap, [data-elementor-device-mode*=tablet] .lqd-custom-menu .nav-item-children .lqd-megamenu-rows-wrap { animation: none; box-shadow: none; background: none; } @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; } .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-nav > li { margin-inline-start: 0; margin-inline-end: 0; } .menu-items-has-border > ul.inline-nav > li:not(:last-child) { border-inline-end: 1px solid #e8e8e8; } .menu-items-has-border > ul.inline-nav > 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; bottom: 0; left: 0; z-index: 20; background-color: #f6f6f6; } .lqd-sticky-menu > .inline-nav { max-width: 1170px; margin: 0 auto; } .lqd-sticky-menu > .inline-nav > li > a { padding: 1em; } .lqd-sticky-menu > .inline-nav > li:first-of-type { margin-inline-start: 0; } .lqd-sticky-menu > .inline-nav > li:last-of-type { margin-inline-end: 0; } .lqd-custom-menu-expand-items > .inline-nav { display: grid; grid-auto-flow: column; } .lqd-custom-menu-expand-items.menu-items-has-border > .inline-nav > li > a, .lqd-custom-menu-expand-items.menu-items-has-fill > .inline-nav > li > a { padding: 0; } .lqd-sticky-menu .lqd-scrl-indc { height: 3px; border-radius: 2px; } .lqd-sticky-menu .lqd-scrl-indc .lqd-scrl-indc-inner, .lqd-sticky-menu .lqd-scrl-indc .lqd-scrl-indc-line, .lqd-sticky-menu .lqd-scrl-indc .lqd-scrl-indc-el { 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-nav > li { padding: 0; margin: 0 0.25em !important; } .lqd-sticky-menu-floating > ul.inline-nav > 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-nav { 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; } .lqd-sticky-menu-floating-vertical a:before, .lqd-sticky-menu-floating-vertical a:after { 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; } .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 { transition: color 0.3s; } .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.4s; transform: scale(1.01); } .lqd-fb-zoom-img-onhover:hover .lqd-fb-img figure img { transform: scale(1.08); } .lqd-fb-hover-overlay { opacity: 0; transition: opacity 0.3s; } .lqd-fb:hover .lqd-fb-hover-overlay { opacity: 1; } .lqd-fb-style-1 .lqd-fb-inner { transition: transform 0.85s cubic-bezier(0.15, 0.95, 0.4, 1), box-shadow 0.3s; } .lqd-fb-style-1 .lqd-fb-content h6, .lqd-fb-style-1 .lqd-fb-content h3, .lqd-fb-style-1 .lqd-fb-content h2 { 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; padding: 0.5em 1.25em; border-radius: 4px; background-color: var(--color-primary); font-size: 11px; line-height: 1.5em; } .lqd-fb-style-1 .lqd-fb-content h3 { font-size: 16px; line-height: 1.625em; } .lqd-fb-style-1 .lqd-fb-content h2 { font-size: 33px; 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 .lqd-fb-bg { transform: translateY(-20%); } .lqd-fb-style-1:hover .lqd-fb-inner { transform: translateY(-3px); box-shadow: 0 15px 80px rgba(0, 0, 0, 0.25); } .carousel-item .lqd-fb-style-1 { margin-top: 3px; margin-bottom: 35px; } .carousel-item .lqd-fb-style-1:hover .lqd-fb-inner { 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-inner { perspective: 100px; } .lqd-fb-style-1-3 .lqd-fb-content { transform: translateZ(40px) scale(0.56667); } .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: none; 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-img, .lqd-fb-style-6 .lqd-fb-img figure, .lqd-fb-style-6 .lqd-fb-content { 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 h6, .lqd-fb-style-6 .lqd-fb-content h2 { 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-size: 32px; 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, 150px); } @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 rgba(0, 0, 0, 0); } .lqd-fb-style-8 .block-revealer__element:before { content: ""; display: inline-block; width: 100%; height: 100%; border-radius: inherit; background-color: var(--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 h2, .lqd-fb-style-8 .lqd-fb-content .lqd-fb-icon { transition: color 0.3s; } .lqd-fb-style-8 .lqd-fb-content h2 { font-size: 19px; line-height: 1.2631578947em; color: var(--color-primary); } .lqd-fb-style-8 .lqd-fb-content .lqd-fb-icon { font-size: 20px; color: var(--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 h2, .lqd-fb-style-8:hover .lqd-fb-content .lqd-fb-icon { 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 h2, .lqd-fb-style-10 .lqd-fb-content .lqd-fb-title i { font-weight: 500; color: var(--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 { box-shadow: 0 3px 22px rgba(0, 0, 0, 0.06); } .lqd-fb-style-11 .lqd-fb-icn { width: 69px; height: 69px; background-color: #fff; color: #000; opacity: 0; transform: translate(-50%, -50%) scale(0.95); transition: opacity 0.3s, transform 1s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-fb-style-11:hover .lqd-fb-icn { opacity: 1; transform: translate(-50%, -50%) scale(1); } .ld-fancy-heading > ul, .ld-fancy-heading > ol { padding: 0; margin: 0; list-style-position: inside; } .ld-fh-element { margin-top: 0; margin-bottom: 0.5em; vertical-align: middle; transition: color 0.3s; } .ld-fh-element .h1, .ld-fh-element .h2, .ld-fh-element .h3, .ld-fh-element .h4, .ld-fh-element .h5, .ld-fh-element .h6 { margin-top: 0; margin-bottom: 0; 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; } .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 .txt-rotate-keywords, .ld-gradient-heading .txt-rotate-keyword, .ld-gradient-heading .split-unit, .ld-gradient-heading .split-inner, .ld-gradient-heading .split-inner > i { background: inherit; } .e--ua-safari .ld-gradient-heading .fas, .e--ua-safari .ld-gradient-heading .far, .e--ua-safari .ld-gradient-heading .fab, .e--ua-safari .ld-gradient-heading .fa, .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; text-stroke: 2px #000; transition: opacity 0.65s, -webkit-text-stroke 0.65s, text-stroke 0.65s; transition-timing-function: 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: 768px) { .ld-fh-element.text-vertical { writing-mode: unset; transform: none; } } .lqd-imggrp-img-container { max-width: 100%; } .lqd-imggrp-single { transition: transform 0.65s cubic-bezier(0.05, 0.7, 0.2, 1), opacity 0.3s; } .lqd-imggrp-single figure, .lqd-imggrp-single img { border-radius: inherit; } .lqd-imggrp-single figure { display: inline-block; margin: 0 !important; transition: transform 0.45s; } .lqd-imggrp-single img { transition: filter 0.3s, opacity 1s; } .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 { 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 { writing-mode: vertical-rl; 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 { writing-mode: vertical-lr; order: 1; right: 0; margin-block-start: 0.75em; } .lqd-imggrp-content-fixed-in { justify-content: flex-start; margin: 0; min-height: 45%; max-height: 100%; position: absolute; z-index: 3; background-color: var(--color-primary); } .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"] .lqd-imggrp-img-container { box-shadow: 0 25px 30px rgba(0, 0, 0, 0.07); } .lqd-imggrp-single[data-shadow-style="2"] .lqd-imggrp-img-container { box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15); } .lqd-imggrp-single[data-shadow-style="3"] .lqd-imggrp-img-container { box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15); } .lqd-imggrp-single[data-shadow-style="4"] .lqd-imggrp-img-container { box-shadow: 0 30px 100px rgba(0, 0, 0, 0.17); } .lqd-imggrp-single[data-animate-shadow] .lqd-imggrp-img-container { 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.00001; 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.00001; } .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 .lqd-imggrp-img-container { box-shadow: 0 25px 30px rgba(0, 0, 0, 0.07); } .lqd-imggrp-single[data-animate-shadow][data-shadow-style="2"].is-in-view .lqd-imggrp-img-container { box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15); } .lqd-imggrp-single[data-animate-shadow][data-shadow-style="3"].is-in-view .lqd-imggrp-img-container { box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15); } .lqd-imggrp-single[data-animate-shadow][data-shadow-style="4"].is-in-view .lqd-imggrp-img-container { box-shadow: 0 30px 100px rgba(0, 0, 0, 0.17); } .liquid-filter-items { display: flex; flex-flow: row wrap; align-items: center; margin-bottom: 1.5em; color: #16171e; } .liquid-filter-items .carousel-nav, .liquid-filter-items .btn { 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-flow: 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; font-size: 0.8125em; } .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:last-child, .lqd-filter-dropdown .lqd-select-dropdown, .lqd-filter-dropdown .ui-selectmenu-menu, .lqd-filter-dropdown .ui-button { 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 { cursor: pointer; 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 { margin: 0; list-style: none; 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 rgba(0, 0, 0, 0.25); background: none; outline: none; } .lqd-filter-dropdown .ui-button:active, .lqd-filter-dropdown .ui-button:focus { border-color: #000; } .lqd-filter-dropdown .ui-button:active { color: #000; } .lqd-filter-dropdown .ui-selectmenu-icon { order: 1; background: none !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.align-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 { display: flex; flex-flow: row wrap; } .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; } .lqd-pf-carousel-header > .btn, .liquid-filter-items-inner > .btn { order: 1; margin: 0 !important; } .lqd-pf-carousel-header > .btn > span, .liquid-filter-items-inner > .btn > span { width: 100%; } .lqd-pf-carousel-header .liquid-filter-items-label ~ .lqd-filter-dropdown, .lqd-lp-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(--color-gradient-start) 0%, var(--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: 0.05s; } .filter-list-style-1 li.active span, .filter-list-style-1 li:hover span { transform: translateX(15px); } .lqd-filter-style-dropdown .liquid-filter-items-label { display: block; width: 100%; margin-bottom: 1.5em; } @media screen and (min-width: 992px) { .lqd-filter-style-dropdown .lqd-filter-dropdown { width: 200px; } } .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-inner, .ld-flipbox-face, .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(--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; } .lqd-fullproj-menu { font-size: 50px; --items-spacing: 4em; } .lqd-fullproj-menu small { margin-inline-start: -0.15em; font-size: 0.2727272727em; line-height: 1; font-weight: inherit; color: inherit; } .lqd-fullproj-menu sup { width: 1.9em; height: 1.9em; top: -1em; font-size: 0.44em; } .lqd-fullproj-menu a { color: #000; } .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 li:not(:last-child) { margin-inline-end: var(--items-spacing); } .lqd-fullproj-menu li:not(:last-child) .lqd-fullproj-title:after { content: ""; display: inline-block; width: calc(var(--items-spacing) - 2em); height: 3px; position: absolute; top: calc(50% - 1px); left: calc(100% + 1em); background-color: currentColor; } .lqd-fullproj-menu:hover .lqd-fullproj-title { opacity: 0.1; } .lqd-fullproj-scrn-inner { display: grid; padding: 4rem 7vw; min-height: 100vh; background-color: #000; } .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; } @media (max-width: 479px) { .lqd-fullproj-menu { --items-spacing: 1em; } .lqd-fullproj-menu li:not(:last-child) .lqd-fullproj-title:after { width: calc(var(--items-spacing) - 0.5em); left: calc(100% + 0.25em); } } .lqd-fullproj-scrn button.nav-trigger { position: absolute; top: 30px; right: 30px; z-index: 885; } .lqd-fullproj-scrn button.nav-trigger .txt { display: none; } .lqd-fullproj-scrn.pos-fix { width: 100vw; height: 100vh !important; z-index: 110; opacity: 0; visibility: hidden; } .lqd-fullproj-scrn.pos-fix.in { opacity: 1; visibility: visible; } .lqd-stickybar-wrap .lqd-fullproj-trigger, .lqd-stickybar-wrap .lqd-fullproj-scrn { writing-mode: horizontal-tb; } .lqd-stickybar-wrap .elementor-widget-ld_header_fullproj .elementor-widget-container { transform: none; } .lqd-stickybar-wrap .elementor-widget-ld_header_fullproj .lqd-fullproj-trigger { transform: rotate(-180deg); } .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(--color-primary); } .lqd-custom-map-marker div { opacity: 1; background-color: var(--color-primary); } .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 { display: inline-block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: 0; background-color: var(--color-primary); color: var(--color-primary); opacity: 0; 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); transition-delay: inherit; transform-origin: left center; } .lqd-highlight { display: inline-block; padding: 0 0.125em; position: relative; color: inherit; } .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; } [data-custom-animations=true] .lqd-highlight .lqd-highlight-inner, [data-split-text=true] .lqd-highlight .lqd-highlight-inner { opacity: 0; } .lqd-highlight-grow-left .lqd-highlight .lqd-highlight-inner, .lqd-highlight-grow-bottom .lqd-highlight .lqd-highlight-inner { opacity: 1; } .is-in-view .lqd-highlight .lqd-highlight-inner, .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: 0.275em; } .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(--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; bottom: -0.5em; background: none; 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-pen, .lqd-highlight-custom-2 .lqd-highlight .lqd-highlight-brush-svg-2 { 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-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-icon-container { border: 0 solid #F2F4F7; line-height: 1em; color: var(--color-primary); transition: all 0.3s; transition-property: border, color, background, box-shadow; } .iconbox-icon-container i, .iconbox-icon-container svg, .iconbox-icon-container img { height: auto; } .iconbox-icon-container > svg, .iconbox-icon-container i { display: inline-block; } .iconbox-icon-container > svg { width: 1em; max-height: 1em; line-height: 0; fill: currentColor; } .iconbox-icon-container i { font-size: 1em; } .iconbox { transition: box-shadow 0.3s ease, background 0.3s ease; } .iconbox p, .iconbox h3 { transition-property: color, background; transition-duration: 0.3s; transition-timing-function: ease; } .iconbox h3 { margin: 0 0 0.7em; font-size: 24px; line-height: 1em; } .iconbox p { margin-bottom: 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; } .elementor-widget-ld_icon_box .elementor-widget-container { margin-bottom: 30px; } .elementor-widget-ld_icon_box.elementor-align-center .iconbox-side, .elementor-widget-ld_icon_box.elementor-align-center .iconbox-inline { flex-grow: 0; } .elementor-widget-ld_icon_box.elementor-align-center > .elementor-widget-container { display: flex; flex-wrap: wrap; justify-content: center; } .elementor-widget-ld_icon_box.elementor-align-center .iconbox-default { align-items: center; } .elementor-widget-ld_icon_box.elementor-align-right .iconbox-default { align-items: flex-end; } .iconbox-inline .iconbox-icon-wrap { margin-inline-end: 15px; } .iconbox-inline h3 { display: inline-flex; justify-content: inherit; align-items: center; flex: 1; margin-bottom: 0; } .iconbox-inline .contents { flex-basis: 100%; } .elementor-widget-ld_icon_box.elementor-align-center .iconbox-inline .contents { text-align: start; } .iconbox-side .iconbox-icon-wrap { margin-inline-end: 15px; } .iconbox-side > h3:last-child { margin-bottom: 0; } .elementor-widget-ld_icon_box.elementor-align-center .iconbox-side .contents { text-align: start; } .iconbox-icon-shaped .iconbox-icon-container { background-color: var(--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 { margin-top: 0.6em; margin-bottom: 1em; } .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 path, .iconbox .iconbox-icon-container > svg rect, .iconbox .iconbox-icon-container > svg ellipse, .iconbox .iconbox-icon-container > svg circle, .iconbox .iconbox-icon-container > svg polygon, .iconbox .iconbox-icon-container > svg polyline { transition: fill 0.3s, stroke 0.3s; } .iconbox .iconbox-icon-container > svg stop { transition: stop-color 0.3s ease; } .iconbox-label { padding: 6px 12px; top: 0; right: 0; background: #EEF3F9; font-size: 10px; line-height: 1.5em; color: #000; } .contents .iconbox-label { position: relative; top: auto; right: auto; margin-bottom: 2em; } .iconbox-bubble { background: none; } .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); } .elementor-widget-ld_icon_box: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; } .elementor .elementor-widget-ld_icon_box:last-of-type .iconbox-icon-linked .iconbox-icon-wrap:before { display: none; } .iconbox-icon-linked .iconbox-icon-wrap.align-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(--color-primary); animation: iconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; } .lqd-iconbox-scale > .elementor-widget-container { 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 > .elementor-widget-container { 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 img, .lqd-ib-circ-icn svg, .lqd-ib-circ-icn i { 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 img, .lqd-ib-circ-icn:hover svg, .lqd-ib-circ-icn:hover i { 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: 0.07s; } .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: 0.05s; } .lqd-ib-circ-cnt p { transition-delay: 0s; } .lqd-ib-circ-item:last-child .lqd-ib-circ-cnt h3, .lqd-ib-circ-item:last-child .lqd-ib-circ-cnt hr, .lqd-ib-circ-item:last-child .lqd-ib-circ-cnt p { opacity: 1; visibility: visible; transform: translateY(0); } .lqd-ib-circ-item:hover ~ .lqd-ib-circ-item .lqd-ib-circ-cnt h3, .lqd-ib-circ-item:hover ~ .lqd-ib-circ-item .lqd-ib-circ-cnt hr, .lqd-ib-circ-item:hover ~ .lqd-ib-circ-item .lqd-ib-circ-cnt p { opacity: 0; visibility: hidden; transform: translateY(-10px); } .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: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:before, .lqd-imgtxt-slider-link span { 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%; } } @media screen and (max-width: 479px) { #sb_instagram.sbi_col_10 #sbi_images .sbi_item, #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item { width: 33.3333333333%; } } .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(--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:not([class*=col-sm]), .lqd-lp-column.col-md-12 { width: 100%; } } @media screen and (max-width: 479px) { .lqd-lp-column { width: 100%; } } [data-elementor-device-mode=tablet] .elementor-widget-ld_blog .elementor-widget-container, [data-elementor-device-mode=mobile] .elementor-widget-ld_blog .elementor-widget-container { overflow: hidden; } .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(--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(--color-primary); } .lqd-lp-cat-border a:hover { border-color: var(--color-primary); background-color: var(--color-primary); color: #fff; } .lqd-lp-cat-plain a { color: var(--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: transparent; color: var(--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(--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):not(.pos-bl) { position: absolute; top: 25px; left: 25px; } .lqd-lp-img .lqd-lp-meta.pos-abs:only-child, .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 .lqd-lp-cat:not(:last-child), .lqd-lp-meta-dot-between .lqd-lp-author:not(:last-child), .lqd-lp-meta-dot-between .entry-terms:not(:last-child), .lqd-lp-meta-dot-between .lqd-lp-date:not(:last-child) { display: flex; align-items: center; } .lqd-lp-meta-dot-between .lqd-lp-cat:not(:last-child):after, .lqd-lp-meta-dot-between .lqd-lp-author:not(:last-child):after, .lqd-lp-meta-dot-between .entry-terms: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(--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-title a, .lqd-lp-content-overlay .lqd-lp-date 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-title a, .lqd-lp-content-overlay:hover .lqd-lp-date 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:before, .lqd-lp-title-highlight h2 .split-inner:after { 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 .lqd-lp-img figure { box-shadow: 0 45px 70px rgba(0, 0, 0, 0.1); } .lqd-lp-style-2:hover .lqd-lp-img figure { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25); } .lqd-lp-style-2:hover h2.lqd-lp-title a { color: var(--color-primary); } .lqd-lp-style-3 h2.lqd-lp-title { font-size: 34px; } .lqd-lp-column:not(:last-child) .lqd-lp-style-3, .lqd-lp-style-3: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-3 { margin-bottom: 1em; } .lqd-lp-style-3 .lqd-lp-img { box-shadow: 0 30px 60px rgba(0, 0, 0, 0.05); } .lqd-lp-style-3 .lqd-lp-author a { color: #000; } .lqd-lp-style-3 .lqd-lp-author a:hover { color: var(--color-primary); } @media screen and (max-width: 479px) { .lqd-lp-style-3 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(--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-5 .lqd-lp-img { width: 35%; } .lqd-lp-style-5 .lqd-lp-contents { width: 65%; padding-inline-start: 2.5rem; } } @media (max-width: 767px) { .lqd-lp-style-5 .lqd-lp-img { margin-bottom: 1rem; } } .lqd-lp-style-6 .lqd-lp-meta { line-height: 1.25em; } .lqd-lp-style-6 .lqd-lp-date { color: var(--color-secondary, var(--color-primary)); } .lqd-lp-style-6 .lqd-lp-cat { padding-inline-start: 1rem; padding-inline-end: 1rem; background-color: var(--color-secondary, var(--color-primary)); } .lqd-lp-style-6 .lqd-lp-cat a { color: #fff; } @media screen and (min-width: 992px) { .related-posts .lqd-lp-style-6 h2 .split-inner:after { height: 1px; background-color: currentColor; } } .lqd-lp-style-7 h2.lqd-lp-title { font-size: 21px; line-height: 1.2em; } .lqd-lp-style-7 .lqd-lp-meta { font-size: 13px; } .lqd-lp-style-7 .lqd-lp-meta a { color: inherit; } .lqd-lp-style-8 h2.lqd-lp-title { font-size: 40px; } .lqd-lp-style-8 .lqd-lp-read-more { font-size: 12px; } .lqd-lp-style-8 .lqd-lp-meta a, .lqd-lp-style-8 .lqd-lp-title a { color: #fff; } .lqd-lp-style-8 .lqd-lp-meta:hover a, .lqd-lp-style-8 .lqd-lp-title:hover a { color: rgba(255, 255, 255, 0.8); } .lqd-lp-style-8 .lqd-lp-meta { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .lqd-lp-style-8 .lqd-lp-content-bg { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); } .lqd-lp-style-8 .lqd-lp-img figure { transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.45, 1); } @media screen and (max-width: 479px) { .lqd-lp-style-8.fullheight { min-height: 75vh; } } @media screen and (max-width: 479px) { .lqd-lp-style-8 h2.lqd-lp-title { font-size: 27px; line-height: 1.25em; } } .lqd-lp-style-9 { position: static; } .lqd-lp-style-9 .lqd-lp-date { font-size: 17px; color: #000; } .lqd-lp-style-9 h2 { font-size: 29px; line-height: 1.3448275862em; } @media screen and (min-width: 992px) { .lqd-lp-style-9 h2 { width: 70%; } .lqd-lp-style-9 h2 .split-inner { display: inline-block; position: relative; } .lqd-lp-style-9 h2 .split-inner:before { height: 1px; background-color: #000; transform-origin: right; } .lqd-lp-style-9 .lqd-lp-meta { width: 30%; } .lqd-lp-style-9 .lqd-lp-header { flex-direction: row; width: 60%; } .lqd-lp-style-9 .lqd-lp-img { width: 35%; position: absolute; top: 0; right: 0; } .lqd-lp-style-9 .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-9 .lqd-lp-header:hover + .lqd-lp-img figure { opacity: 1; visibility: visible; transform: scale(1); } } .lqd-lp-style-10 .lqd-lp-img { overflow: hidden; } .lqd-lp-style-10 .lqd-lp-img .lqd-lp-footer { top: 0; left: 0; } .lqd-lp-style-10 .lqd-lp-img .btn { font-size: 14px; line-height: 2em; letter-spacing: 0; background-color: #fff; color: #000; } .lqd-lp-style-10 .lqd-lp-img .btn:hover { transform: none; } .lqd-lp-style-10 .lqd-lp-img .btn-icon { font-size: 1.2em; -webkit-text-stroke: 0.5px; } .lqd-lp-style-10 .lqd-lp-meta { font-size: 13px; } .lqd-lp-style-10 .lqd-lp-meta a { color: #000; } .lqd-lp-style-10 h2 { font-size: 20px; line-height: 1.3333333333em; } @media screen and (min-width: 992px) { .lqd-lp-style-10 h2:before { content: none; } } .lqd-lp-style-11 .lqd-lp-img { display: inline-block; } .lqd-lp-style-11 .entry-terms { display: flex; flex-wrap: wrap; margin-bottom: 0; } .lqd-lp-style-11 .lqd-lp-cat li { margin-bottom: 0.25em; } .lqd-lp-style-11 .lqd-lp-cat li:not(:last-child) { margin-inline-end: 0; } .lqd-lp-style-11 .lqd-lp-cat li:not(:last-child) a { border-right: 1px solid rgba(0, 0, 0, 0.1); } .lqd-lp-style-11 .lqd-lp-cat a { margin-bottom: 0.25em; } .lqd-lp-style-11 .lqd-lp-cat a, .lqd-lp-style-11 .byline a, .lqd-lp-style-11 .posted-on a { display: inline-block; padding: 0.5em 1em; border-radius: 0; background-color: #F5F5F5; font-size: 12px; line-height: 1.5em; text-transform: none; font-weight: normal; letter-spacing: normal; color: #000; } .lqd-lp-style-11 .lqd-lp-cat a:before, .lqd-lp-style-11 .byline a:before, .lqd-lp-style-11 .posted-on a:before { background-color: inherit; } .lqd-lp-style-11 .lqd-lp-cat a:hover, .lqd-lp-style-11 .byline a:hover { background-color: #000; color: #fff; } .lqd-lp-style-11 .byline a, .lqd-lp-style-11 .posted-on a { margin-bottom: 0.25em; border-inline-end: 1px solid rgba(0, 0, 0, 0.1); } .lqd-lp-style-11 .byline a { background-color: #000; color: #fff; } .lqd-lp-style-11 .entry-meta > div:not(.entry-terms) { margin-bottom: 0.25em; flex: 0 0 auto; } .lqd-lp-style-11 .entry-meta > div:after { content: none; } .lqd-lp-style-11.sticky { border-inline-start: 3px solid var(--color-primary); border-bottom: none !important; padding-inline-start: 2em; } .blog .lqd-lp-style-11 { margin-bottom: 45px; } .blog .lqd-lp-style-11 .lqd-lp-header { margin-bottom: 1rem; } .blog .lqd-lp-column .lqd-lp-style-11 { margin-bottom: 0; } .lqd-lp-style-12 { padding: 20px; background-color: #fff; font-size: 12px; line-height: 1.33em; color: rgba(0, 0, 0, 0.67); } .lqd-lp-style-12 .lqd-lp-img { min-height: 200px; } .lqd-lp-style-12 .lqd-lp-img figure { position: absolute; top: 0; left: 0; opacity: 1; } .lqd-lp-style-12 .lqd-lp-img img { height: 100%; object-fit: cover; object-position: center; } .lqd-lp-style-12 h2.lqd-lp-title { font-size: 17px; font-weight: 500; line-height: 1.17em; } .lqd-lp-style-12 .lqd-lp-footer, .lqd-lp-style-12 .lqd-lp-excerpt:last-child { margin-top: auto; margin-bottom: 20px; } @media screen and (min-width: 768px) { .lqd-lp-style-12 .lqd-lp-img { width: 45%; height: 100%; margin-bottom: 0; } .lqd-lp-style-12 .lqd-lp-contents { width: 55%; padding-inline-start: 2.5rem; } } @media screen and (min-width: 992px) { .lqd-lp-style-12 .lqd-lp-contents { padding-inline-start: 20px; } } .lqd-lp-style-13 h2.lqd-lp-title { font-size: 34px; } .lqd-lp-style-13 .lqd-lp-meta { font-size: 10px; font-weight: 700; letter-spacing: 0.1em; } .lqd-lp-style-13 .lqd-lp-meta-dot-between h3, .lqd-lp-style-13 .lqd-lp-meta-dot-between a { color: #000; } .lqd-lp-column:not(:last-child) .lqd-lp-style-13, .lqd-lp-style-13: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-13 { margin-bottom: 1em; } .lqd-lp-style-13.sticky { border-left: 3px solid var(--color-primary); border-bottom: none !important; padding-left: 2em; } .lqd-lp-style-13:hover h2.lqd-lp-title a { color: var(--color-primary); } @media screen and (min-width: 992px) { body:not(.has-sidebar):not(.search):not(.archive) .lqd-lp-style-13 .lqd-lp-excerpt, body:not(.has-sidebar):not(.search):not(.archive) .lqd-lp-style-13 .lqd-lp-header { max-width: 68%; } } @media screen and (max-width: 479px) { .lqd-lp-style-13 h2.lqd-lp-title { font-size: 27px; line-height: 1.25em; } } .lqd-lp-style-14 h2.lqd-lp-title { font-size: 22px; } .lqd-lp-style-14 .lqd-lp-meta { font-size: 13px; } .lqd-lp-style-14 .lqd-lp-author { color: #000; } .lqd-lp-style-14 .lqd-lp-author h3, .lqd-lp-style-14 .lqd-lp-author a { color: inherit; } .lqd-lp-style-14 .lqd-lp-cat-solid a { padding: 6px 10px; background-color: #292929; font-size: 10px; color: #fff; } .lqd-lp-style-14 .lqd-lp-cat-solid a:before { background-color: inherit; } .lqd-lp-style-14 .lqd-lp-img { border: 13px solid #fff; border-radius: 10px; box-shadow: 0 20px 50px rgba(40, 58, 116, 0.1); } .lqd-lp-style-14 .lqd-lp-img .lqd-lp-meta { top: 30px; left: 30px; } .lqd-lp-style-14 .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; /* Chrome hack, this fixes a visual glitch when quickly toggling a video */ transform: translateZ(0); } /* z-index */ .fr-overlay { z-index: 99998; } .fr-window { z-index: 99999; } .fr-spinner { z-index: 100000; } /* overlay */ .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; } /* mobile touch has position:absolute to allow zooming */ .fr-window.fr-mobile-touch, .fr-overlay.fr-mobile-touch { position: absolute; overflow: visible; } /* some properties on the window are used to toggle things * like margin and the fullclick mode, * we reset those properties after measuring them */ .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; } /* padding: youtube & vimeo always have buttons on the outside side button = 72 = 54 + (2 * 9 margin) close button = 48 */ /* padding ui:inside */ .fr-ui-inside .fr-container { padding: 20px 20px; } .fr-ui-inside.fr-no-sides .fr-container { padding: 20px; } /* padding ui:outside */ .fr-ui-outside .fr-container { padding: 20px 82px; } .fr-ui-outside.fr-no-sides .fr-container { padding: 20px 48px; } /* reduce padding on smaller screens */ @media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 700px) { /* padding ui:inside */ .fr-ui-inside .fr-container { padding: 12px 12px; } .fr-ui-inside.fr-no-sides .fr-container { padding: 12px; } /* padding ui:outside */ .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) { /* padding ui:inside */ .fr-ui-inside .fr-container { padding: 0 0; } .fr-ui-inside.fr-no-sides .fr-container { padding: 0; } /* padding ui:outside */ .fr-ui-outside .fr-container { padding: 0 72px; } .fr-ui-outside.fr-no-sides .fr-container { padding: 0 48px; } } /* padding ui:fullclick */ .fr-ui-fullclick .fr-container { padding: 0; } .fr-ui-fullclick.fr-no-sides .fr-container { padding: 0; } /* video fullclick */ .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; } /* overflow-y should always have 0 padding top and bottom */ .fr-overflow-y .fr-container { padding-top: 0 !important; padding-bottom: 0 !important; } .fr-content, .fr-content-background { position: absolute; top: 50%; left: 50%; /* IE11 has a 1px blur bug on the edges of the caption (ui:inside) during animation with overflow:hidden */ overflow: visible; } /* img/iframe/error */ .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; } /* ui:outside has a slightly lighter info background to break up from black page backgrounds */ .fr-ui-outside .fr-info-background { background: #0d0d0d; } /* info at the bottom for ui:inside */ .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; } /* positions not within the info bar for ui:outside/inside */ .fr-position-outside, .fr-position-inside { 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; /* oldIE */ } .fr-position-text { color: #b3b3b3; } .fr-position-outside .fr-position-text, .fr-position-inside .fr-position-text { float: left; position: relative; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); opacity: 1; } /* display it for the outside ui, hide the caption inside */ .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; } /* links */ .fr-info a, .fr-info a:hover { color: #ccc; border: 0; background: none; text-decoration: underline; } .fr-info a:hover { color: #eee; } /* no-caption */ .fr-ui-outside.fr-no-caption .fr-info { display: none; } .fr-ui-inside.fr-no-caption .fr-caption { display: none; } /* --- stroke */ .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); } /* the stroke is brighter inside the info box */ .fr-info .fr-stroke-color { background: rgba(80, 80, 80, 0.3); } /* remove the stroke when outside ui has a caption */ .fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom { display: none; } /* remove stroke and shadow when ui:fullclick */ .fr-ui-fullclick .fr-stroke { display: none; } .fr-ui-fullclick .fr-content-background { box-shadow: none; } /* the info box never bas a top stroke */ .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; } /* smaller side buttons */ @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; } } /* X */ .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; } /* Thumbnails */ .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; /* IE6(7) */ z-index: 0; /* IE8 */ } .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:hover .fr-thumbnail-image, .fr-thumbnail-active: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; } /* Thumbnails loading */ .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; } /* this element is there as an alternative to putting the loading image on the background */ .fr-thumbnail-loading-icon { display: none; } /* error on thumbnail */ .fr-thumbnail-error .fr-thumbnail-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #202020; } /* Thumbnail < > */ .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%; } /* vertical thumbnails */ .fr-thumbnails-vertical .fr-thumbnails-side, .fr-thumbnails-vertical .fr-thumbnails-thumbs, .fr-thumbnails-vertical .fr-thumbnail-frame { clear: both; } /* ui:fullclick has a dark thumbnail background */ .fr-window-ui-fullclick .fr-thumbnails { background: #090909; } /* put a stroke on the connecting caption*/ .fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal .fr-info .fr-stroke-bottom { display: block !important; } /*({ box-shadow: inset 0 -1px 0 rgba(255,255,255,.1); } */ .fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical .fr-info .fr-stroke-left { display: block !important; } /* thumbnail spacing */ .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; } /* horizontal */ @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; } } /* vertical */ @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; } } /* hide thumbnails on smaller screens the js always hides them on touch based devices */ @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; } } /* force fullClick: true and force overflow: false */ @media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-page { min-width: 100%; } /* fullclick */ .fr-page { min-height: 100%; } /* overflow: false */ } /* switch between ui modes we force everything not in the current UI mode to hide */ .fr-window-ui-fullclick .fr-side-next-outside, .fr-window-ui-fullclick .fr-side-previous-outside, .fr-window-ui-fullclick .fr-close-outside, .fr-window-ui-fullclick .fr-content .fr-side-next, .fr-window-ui-fullclick .fr-content .fr-side-previous, .fr-window-ui-fullclick .fr-content .fr-close, .fr-window-ui-fullclick .fr-content .fr-info, .fr-window-ui-outside .fr-side-next-fullclick, .fr-window-ui-outside .fr-side-previous-fullclick, .fr-window-ui-outside .fr-close-fullclick, .fr-window-ui-outside .fr-content .fr-side-next, .fr-window-ui-outside .fr-content .fr-side-previous, .fr-window-ui-outside .fr-content .fr-close, .fr-window-ui-outside .fr-content .fr-info, .fr-window-ui-inside .fr-page > .fr-info, .fr-window-ui-inside .fr-side-next-fullclick, .fr-window-ui-inside .fr-side-previous-fullclick, .fr-window-ui-inside .fr-close-fullclick, .fr-window-ui-inside .fr-side-next-outside, .fr-window-ui-inside .fr-side-previous-outside, .fr-window-ui-inside .fr-close-outside { display: none !important; } /* some ui elements can be toggled on mousemove. filter:alpha(opacity) is bugged so we use display in oldIE */ .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; } /* Spinner */ .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 rgba(0, 0, 0, 0); /* fixes rendering in Firefox */ } .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; } } /* Thumbnail spinner */ .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(0deg); } 100% { transform: rotate(360deg); } } @keyframes fr-thumbnail-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Error */ .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; } /* skin: 'fresco' */ /* Sprite */ .fr-window-skin-fresco .fr-side-button-icon, .fr-window-skin-fresco .fr-close-icon, .fr-window-skin-fresco .fr-thumbnails-side-button-icon, .fr-window-skin-fresco .fr-error-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; } /* thumbnail shadow */ .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); } /* TODO: make sure this works */ /* hide for ui:inside/fullclick, only for the image type */ .fr-window-skin-fresco.fr-window-ui-inside .fr-type-image .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image .fr-side-disabled .fr-side-button-icon { background-image: none; } /* < > responsive */ /* X */ /* colors */ .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-inside .fr-close-background, .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background { background-color: #131313; opacity: 0.8; } .fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background, .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close:hover .fr-close-background { background-color: #191919; } /* - image */ .fr-window-skin-fresco .fr-close .fr-close-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41NSIgZD0iTTE3LjEzMiAzLjY5Njk4TDE0LjMwNCAwLjg2ODk4MUw5IDYuMTcxOThMMy42OTcwMSAwLjg2Nzk4MUwwLjg2Nzk5NiAzLjY5NTk4TDYuMTcyIDguOTk5OThMMC44Njc5OTYgMTQuMzA0TDMuNjk3MDEgMTcuMTMyTDkgMTEuODI5TDE0LjMwNCAxNy4xMzNMMTcuMTMyIDE0LjMwNEwxMS44MjggOC45OTk5OEwxNy4xMzIgMy42OTY5OFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNS43MTggMy42OTY5OEwxNC4zMDQgMi4yODI5OEw5IDcuNTg1OThMMy42OTcwMSAyLjI4MTk4TDIuMjgzIDMuNjk1OThMNy41ODYgOC45OTk5OEwyLjI4MyAxNC4zMDRMMy42OTcwMSAxNS43MThMOSAxMC40MTRMMTQuMzA0IDE1LjcxOEwxNS43MTggMTQuMzA0TDEwLjQxNCA4Ljk5OTk4TDE1LjcxOCAzLjY5Njk4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); } /* - transition */ /* iOS 8.4.1 bug: when opacity changes it'll require 2 taps force a single opacity to fix this */ .fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-close .fr-close-icon, .fr-window-skin-fresco.fr-mobile-touch .fr-close:hover .fr-close-icon { opacity: 1; } /* Thumbnails */ .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); /* should remain rgba */ } /* no inner border on active thumbnail */ .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; } /* Thumbnails < > */ .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); } /* vertical ^ (up/down) adjustments */ .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(--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 rgba(0, 0, 0, 0); } .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(--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%; } } .lqd-lity { display: block; position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; outline: none !important; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; } .lqd-lity .lqd-head-sec { width: auto; } .lqd-lity.lqd-lity-opened { opacity: 1; visibility: visible; } .lqd-lity.lqd-lity-closed { opacity: 0; visibility: hidden; } .lqd-lity-wrap { display: grid; place-items: center; position: absolute; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; outline: none !important; } .lqd-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; } .lqd-lity-loading .lqd-lity-loader { opacity: 1; } .lqd-lity-container { display: inline-block; position: relative; z-index: 9992; max-width: 100%; max-height: 100%; outline: none !important; white-space: normal; background: #fff; } .lqd-lity-content { z-index: 9993; width: 100%; height: 100%; overflow-y: auto; overscroll-behavior: contain; } .lqd-lity-trigger-txt, .lqd-lity-close-arrow { display: none; } .lqd-lity-close { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 30px; top: 30px; cursor: pointer; text-decoration: none; padding: 0; border: 0; background: none; outline: none; box-shadow: none; transition: color 0.3s, background 0.3s; } .lqd-lity-close:hover, .lqd-lity-close:focus { outline: none; } .lqd-lity .lqd-lity-close { font-family: Arial, Baskerville, monospace; font-size: 35px; line-height: 35px; font-style: normal; font-weight: 400; } .lqd-lity-backdrop { display: block; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); } .lqd-lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; } .lqd-lity-iframe .lqd-lity-container, .lqd-lity-youtube .lqd-lity-container, .lqd-lity-vimeo .lqd-lity-container, .lqd-lity-facebookvideo .lqd-lity-container, .lqd-lity-googlemaps .lqd-lity-container { width: 100%; max-width: 964px; } .lqd-lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; transform: translateZ(0); } .lqd-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; } .lqd-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; } .lqd-lity .lqd-lity-close { padding: 0 !important; border: none !important; background: none !important; } .lqd-lity .lqd-lity-hide { display: block; } @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); } } .lqd-lity[data-modal-type=default] { perspective: 1200px; } .lqd-lity[data-modal-type=default] .lqd-lity-wrap { pointer-events: none; } .lqd-lity[data-modal-type=default] .lqd-lity-container { pointer-events: auto; border-radius: 4px; box-shadow: 0 20px 65px -5px rgba(0, 0, 0, 0.5); } .lqd-lity[data-modal-type=default] .lqd-lity-content { max-height: 90vh; } .lqd-lity-opened[data-modal-type=default] .lqd-lity-container { animation: modalDefaultContainer 0.65s cubic-bezier(0.3, 1, 0.6, 1) alternate both; } .lqd-lity-opened[data-modal-type=default] .lqd-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] .lqd-lity-container { width: 750px; } } @media (min-width: 992px) { [data-modal-type=default] .lqd-lity-container { width: 970px; } } @media (min-width: 1200px) { [data-modal-type=default] .lqd-lity-container { width: 1170px; } } [data-modal-type=box] .lqd-lity-backdrop { background: transparent; } [data-modal-type=box] .lqd-modal-head h2 { margin-top: 5px; border-bottom: none; font-size: 20px; } .lqd-lity[data-modal-type=box] { position: absolute; bottom: auto; right: auto; background: none; max-width: 100vw; } .lqd-lity[data-modal-type=box] .lqd-lity-wrap { display: block; } .lqd-lity[data-modal-type=box] .lqd-lity-container { border-radius: 15px; box-shadow: 0 10px 65px -5px rgba(0, 0, 0, 0.15); } .lqd-lity[data-modal-type=box] .lqd-lity-container:before { content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; bottom: -8px; left: 50px; border-radius: 2px; transform: rotate(45deg); background: inherit; } .lqd-lity[data-modal-type=box] .lqd-lity-container, .lqd-lity[data-modal-type=box] .lqd-lity-wrap { width: 100%; height: 100%; } .lqd-lity[data-modal-type=box] .lqd-lity-close { width: 35px; height: 35px; position: absolute; top: 25px; right: 25px; border-radius: 20px; font-size: 22px !important; line-height: 35px; color: #000; background-color: rgba(255, 255, 255, 0.65) !important; text-align: center; backdrop-filter: blur(3px); box-shadow: 0 5px 15px -2px rgba(0, 0, 0, 0.1); } .lqd-lity[data-modal-type=box] .lqd-lity-close:hover { background-color: rgba(255, 0, 0, 0.65) !important; } .lqd-lity[data-modal-type=box].to-left .lqd-lity-container:before { left: auto; right: 50px; } @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] .lqd-lity-backdrop { display: none; } .lqd-lity[data-modal-type=fullscreen] { padding: 0 !important; } .lqd-lity[data-modal-type=fullscreen] .lqd-lity-wrap { display: block; } .lqd-lity[data-modal-type=fullscreen] .lqd-lity-container { width: 100vw; height: 100vh; } .lqd-lity[data-modal-type=fullscreen] .lqd-modal, .lqd-lity[data-modal-type=fullscreen] .lqd-lity-content, .lqd-lity[data-modal-type=fullscreen] .lqd-modal-inner { height: 100%; } .lqd-modal[data-modal-type=fullscreen] { padding: 0 !important; } .lqd-lity-opened[data-modal-type=fullscreen] .lqd-lity-container { transform-origin: top; animation: modalFullscreenContainer 0.8s cubic-bezier(0.95, 0, 0.15, 1) alternate both; } .lqd-lity-opened[data-modal-type=fullscreen] .lqd-lity-content { animation: modalDefaultContent 0.65s 0.45s cubic-bezier(0.3, 1, 0.6, 1) alternate both; } @keyframes lqdSideModalSlideIn { from { transform: translateX(var(--close-btn-width)); } to { transform: translateX(0); } } .lqd-lity { --close-btn-width: 80px; --close-txt: ""; } .lqd-lity[data-modal-type=side] { opacity: 1; visibility: visible; pointer-events: none; } .lqd-lity[data-modal-type=side] .lqd-lity-backdrop { opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; } .lqd-lity[data-modal-type=side] .lqd-lity-wrap { place-items: stretch; width: 750px; height: 100vh; right: 0; left: auto; transform: translateX(100%); transition: transform 0.45s cubic-bezier(0.2, 0.6, 0.33, 1); pointer-events: auto; } .lqd-lity[data-modal-type=side] .lqd-modal { max-height: none !important; height: 100%; } .lqd-lity[data-modal-type=side] .lqd-lity-close-btn-wrap { display: flex; flex-direction: column; align-items: center; width: var(--close-btn-width); height: 100%; padding-top: 35px; position: absolute; top: 0; left: calc(var(--close-btn-width) * -1); right: auto; color: #000; background-color: #fff; } .lqd-lity[data-modal-type=side] .lqd-lity-close-arrow { display: block; transition: transform 0.3s; } .lqd-lity[data-modal-type=side] .lqd-lity-close { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; } .lqd-lity[data-modal-type=side] .lqd-lity-trigger-txt { display: block; margin-top: 40px; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; writing-mode: vertical-lr; white-space: nowrap; } .lqd-lity[data-modal-type=side] .lqd-lity-trigger-txt:before { content: var(--close-txt); } .lqd-lity[data-modal-type=side].lqd-lity-closed { opacity: 1; visibility: visible; } .lqd-lity[data-modal-type=side].lqd-lity-opened { pointer-events: auto; } .lqd-lity[data-modal-type=side].lqd-lity-opened .lqd-lity-backdrop { opacity: 1; visibility: visible; } .lqd-lity[data-modal-type=side].lqd-lity-opened .lqd-lity-wrap { transform: translateX(0); transition-delay: 0.35s; } .lqd-lity[data-modal-type=side].lqd-lity-opened .lqd-lity-close-arrow { transform: rotate(180deg); } body > .lqd-lity-top-wrap .lqd-lity[data-modal-type=side] { animation: lqdSideModalSlideIn 0.45s cubic-bezier(0.2, 0.6, 0.33, 1); } @media (max-width: 768px) { .lqd-lity[data-modal-type=side] .lqd-lity-close-btn-wrap { display: none; } } @keyframes formRotate360 { to { transform: rotate(360deg); } } .ld-sf input:focus { outline: none; } .ld-sf p { margin-bottom: 20px; line-height: 1.5em; } .ld-sf p [type=submit] { padding-top: 0; padding-bottom: 0; } .ld-sf [type=text], .ld-sf [type=email], .ld-sf [type=submit] { height: 60px; transition-property: opacity, visibility; transition-duration: 0.3s; } .ld-sf [type=text], .ld-sf [type=email] { padding: 0 1.75em; border-width: 1px; border-style: solid; border-color: #ededed; background-color: transparent; line-height: 1.5em; transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } .ld-sf [type=text]:focus, .ld-sf [type=email]:focus { border-color: #aaa; } .ld-sf [type=text]::-webkit-input-placeholder, .ld-sf [type=email]::-webkit-input-placeholder { color: inherit; } .ld-sf [type=text]::-moz-placeholder, .ld-sf [type=email]::-moz-placeholder { color: inherit; } .ld-sf [type=text]:-moz-placeholder, .ld-sf [type=email]:-moz-placeholder { color: inherit; } .ld-sf [type=text]:-ms-input-placeholder, .ld-sf [type=email]:-ms-input-placeholder { color: inherit; } .ld-sf select { display: inline-block; width: auto; } .ld-sf [type=submit] { padding: 0 40px; border: 0; outline: none; background-color: var(--color-primary); color: #fff; text-shadow: none; transition: background 0.3s ease, color 0.3s ease, border 0.3s ease; } .ld-sf .submit-text { display: inline-block; 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:before, .ld-sf-spinner span { 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-text, .form-submitting .submit-icon { 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=text], .ld-sf [type=email] { padding-inline-start: 20px; padding-inline-end: 20px; } } .ld-sf--input-solid [type=text], .ld-sf--input-solid [type=email] { border: none; background-color: #fff; color: #000; } .ld-sf--input-underlined [type=text], .ld-sf--input-underlined [type=email] { 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=text]:focus, .ld-sf--input-underlined [type=email]:focus { background-color: transparent; } html:not([dir=rtl]) .ld-sf--input-underlined [type=text], html:not([dir=rtl]) .ld-sf--input-underlined [type=email] { padding-inline-start: 0 !important; } .ld-sf--sharp [type=text], .ld-sf--sharp [type=email], .ld-sf--sharp [type=submit] { border-radius: 0; } .ld-sf--round [type=text], .ld-sf--round [type=email], .ld-sf--round [type=submit] { border-radius: 4px; } .ld-sf--circle [type=text], .ld-sf--circle [type=email], .ld-sf--circle [type=submit] { 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=text], .ld-sf--input-shadow.ld-sf--inputs-inline [type=text]:focus, .ld-sf--input-shadow.ld-sf--inputs-inline [type=email], .ld-sf--input-shadow.ld-sf--inputs-inline [type=email]:focus { box-shadow: none; } .ld-sf--input-shadow [type=text], .ld-sf--input-shadow [type=email] { box-shadow: 0 16px 50px rgba(0, 0, 0, 0.07); } .ld-sf--input-shadow [type=text]:focus, .ld-sf--input-shadow [type=email]:focus { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .ld-sf--input-inner-shadow [type=text], .ld-sf--input-inner-shadow [type=email] { box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset; } .ld-sf--input-inner-shadow [type=text]:focus, .ld-sf--input-inner-shadow [type=email]: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(--color-primary); } .ld-sf--button-naked [type=submit], .ld-sf--button-naked [type=submit]:hover { border: none; background: none; } .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(--color-primary); color: var(--color-primary); } .ld-sf--button-bordered [type=submit] { background-color: transparent; border: 1px solid var(--color-primary); color: var(--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=text], .ld-sf--button-inside.ld-sf--button-bordered [type=email], .ld-sf--button-inside.ld-sf--button-solid [type=text], .ld-sf--button-inside.ld-sf--button-solid [type=email] { 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-text, .ld-sf--button-inside.ld-sf--button-bordered .submit-icon { 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 p, .ld-sf--button-inline [type=submit] { 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=text], .ld-sf--button-inline [type=email] { 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=text], .ld-sf--border-none [type=email], .ld-sf--border-none [type=submit] { border-width: 0; } .ld-sf--border-thin [type=text], .ld-sf--border-thin [type=email], .ld-sf--border-thin [type=submit] { border-width: 1px; border-style: solid; } .ld-sf--border-thin .submit-text, .ld-sf--border-thin .submit-icon { margin-top: -1px; } .ld-sf--border-thick [type=text], .ld-sf--border-thick [type=email], .ld-sf--border-thick [type=submit] { border-width: 2px; border-style: solid; } .ld-sf--border-thick .submit-text, .ld-sf--border-thick .submit-icon { margin-top: -2px; } .ld-sf--border-thicker [type=text], .ld-sf--border-thicker [type=email], .ld-sf--border-thicker [type=submit] { border-width: 3px; border-style: solid; } .ld-sf--border-thicker .submit-text, .ld-sf--border-thicker .submit-icon { 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=text], .ld-sf--size-xs [type=email], .ld-sf--size-xs [type=submit] { height: 45px; } .ld-sf--size-sm [type=text], .ld-sf--size-sm [type=email], .ld-sf--size-sm [type=submit] { height: 50px; } .ld-sf--size-md [type=text], .ld-sf--size-md [type=email], .ld-sf--size-md [type=submit] { height: 60px; } .ld-sf--size-lg [type=text], .ld-sf--size-lg [type=email], .ld-sf--size-lg [type=submit] { height: 65px; } .ld-sf--size-xl [type=text], .ld-sf--size-xl [type=email] { 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 span, ul.pagination .page-numbers i { display: inline-flex; align-items: center; } ul.pagination .page-numbers.current, ul.pagination .page-numbers:hover { color: #fff; border-color: var(--color-primary); background-color: var(--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(--color-primary); background-color: var(--color-primary); } .page-links > span, .page-links a 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; } .blog .blog-nav { margin-top: 35px; } .ld-particles-container.visible-on-column-hover { opacity: 0; transition: opacity 0.3s; } .elementor-column:hover > .elementor-widget-wrap > .elementor-widget-ld_particles .visible-on-column-hover { opacity: 1; } .lqd-pf-item { margin-bottom: 30px; } .lqd-pf-item .lqd-pf-details h2, .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 h2 a:not(:hover) { opacity: 1; } [data-elementor-device-mode=tablet] .elementor-widget-ld_portfolio .elementor-widget-container, [data-elementor-device-mode=mobile] .elementor-widget-ld_portfolio .elementor-widget-container { overflow: hidden; } .lqd-pf-img > figure { transform: scale(1); transition: transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95); } .lqd-pf-item:hover .lqd-pf-img > figure { transform: scale(1.05); } .lqd-pf-overlay-bg { border-radius: inherit; background: #fff; 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 { width: 100%; } .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; } .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 h2, .lqd-pf-light .lqd-pf-details a { color: #fff; } .lqd-pf-light .lqd-pf-details p { color: rgba(255, 255, 255, 0.7); } .lqd-pf-item-style-1 h2, .lqd-pf-item-style-1 .lqd-pf-cat { 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 h2, .lqd-pf-item-style-1 .lqd-pf-cat { 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 h2, .lqd-pf-item-style-1:hover .lqd-pf-cat { transform: translateY(0); opacity: 1; visibility: visible; } .lqd-pf-item-style-1:hover h2 { 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 rgba(0, 0, 0, 0); transition: box-shadow 0.65s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-pf-item-style-4 h2:before { content: "—"; margin-bottom: 0.5em; } .lqd-pf-item-style-4 h2, .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 h2 { 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 h2, .is-selected .lqd-pf-item-style-4 p, .lqd-pf-item-style-4:hover h2, .lqd-pf-item-style-4:hover p { opacity: 1; transform: translateX(0); } .is-selected .lqd-pf-item-style-4 h2, .lqd-pf-item-style-4:hover h2 { 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 h2 { 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 h2 { 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; color: #B9B9B9; } .lqd-pt .feature-inactive { opacity: 0.4; } .lqd-pt-bg { background-color: #fff; } .lqd-pt-title { margin: 0; line-height: 1.5em; color: #031B4E; } .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-featured { z-index: 2; color: #fff; } .lqd-pt-featured .lqd-pt-bg { transform: scale(1.05, 1.1); background-color: var(--color-primary); } .lqd-pt-featured .lqd-pt-title, .lqd-pt-featured .lqd-pt-price, .lqd-pt-featured .lqd-pt-price small, .lqd-pt-featured .lqd-pt-body li i, .lqd-pt-featured .lqd-pt-body li strong { 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 { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05); } .lqd-pt-style-1 .lqd-pt-title { font-size: 18px; } .lqd-pt-style-1 .lqd-pt-price { font-size: 60px; } .lqd-pt-style-1 .lqd-pt-body { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .lqd-pt-style-1 .lqd-pt-footer-extra > span, .lqd-pt-style-1 .lqd-pt-footer-extra a { color: inherit; text-decoration: underline; } .lqd-pt-style-1.lqd-pt-featured { box-shadow: 0 22px 88px rgba(111, 134, 214, 0.15); } .lqd-pt-style-1.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-2 { box-shadow: 0 20px 80px rgba(0, 0, 0, 0.1); } .lqd-pt-style-2 li { display: flex; flex-wrap: wrap; align-items: center; } .lqd-pt-style-2 li > strong:last-of-type { font-weight: 400; margin-inline-start: auto; } .lqd-pt-style-2 .lqd-pt-title { font-size: 16px; } .lqd-pt-style-2 .lqd-pt-price { font-size: 48px; color: #0F358E; } .lqd-pt-style-2 .lqd-pt-price small:last-of-type { font-size: 0.35em; opacity: 0.5; } .lqd-pt-style-2 .lqd-pt-body { border-top: 1px solid #f1f2f5; } .lqd-pt-style-2 .lqd-pt-foot { width: 73%; margin: 0 auto; } .lqd-pt-style-2.lqd-pt-featured { box-shadow: none; } .lqd-pt-style-2.lqd-pt-featured .lqd-pt-bg { box-shadow: 0 40px 80px rgba(0, 0, 0, 0.3); transform: scale(1.085); } .lqd-pt-style-2.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-3 .lqd-pt-label { display: block; position: relative; top: auto; right: auto; z-index: 2; padding: 15px; background-color: var(--color-primary); line-height: 1.5em; color: #fff; } .lqd-pt-style-3 .lqd-pt-inner { position: relative; padding-top: 0; } .lqd-pt-style-3 .lqd-pt-head { padding-top: 1em; } .lqd-pt-style-3 .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-3 .lqd-pt-price { font-size: 60px; } .lqd-pt-style-3 .lqd-pt-price small:last-child { display: block; opacity: 0.6; font-size: 14px; color: inherit; } .lqd-pt-style-3 .lqd-pt-body { text-align: start; } .lqd-pt-style-3 .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(--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; background-color: #f8f9fd; font-size: 33px; font-weight: 700; color: #000; } .lqd-pb-shaped:hover .lqd-pb-active-shape { border-color: var(--color-primary); background-color: var(--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 .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-2 .lqd-pb-in-container:before { content: none; } .lqd-pb-style-2 .lqd-pb-active-shape { width: 72px; height: 72px; font-size: 24px; } .lqd-pb-style-3 .lqd-pb-active-shape { width: 44px; height: 44px; font-size: 18px; } @media screen and (min-width: 768px) { .lqd-pb-style-3 .lqd-pb-in-container { margin-inline-end: 1.5rem; } } @media screen and (min-width: 992px) { .lqd-pb-style-3 { margin-bottom: 0; } } .lqd-pb-style-4 .lqd-pb-num-container { width: auto; height: auto; position: absolute; top: 0; left: 0; } .lqd-pb-style-4 .lqd-pb-num { width: 45px; height: 45px; background-color: var(--color-primary); font-size: 22px; font-weight: 400; color: #fff; box-shadow: 0 0 0 rgba(0, 0, 0, 0); transition: all 0.3s; } .lqd-pb-style-4 .lqd-pb-icon { width: 140px; height: 140px; border: 2px solid #edf1f2; background-color: #fff; font-size: 66px; color: #29365C; } .lqd-pb-style-4 .lqd-pb-content { padding-inline-start: 5%; } .lqd-pb-style-4:hover .lqd-pb-num { box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15); } .lqd-pb-style-4:hover .lqd-pb-icon { border-color: var(--color-primary); } @media screen and (min-width: 768px) { .lqd-pb-style-4 { margin-bottom: 2em; } .lqd-pb-style-4 .lqd-pb-content { margin-inline-start: 10%; padding-inline-start: 10%; } .lqd-pb-style-4 .lqd-pb-content:before { content: ""; display: inline-block; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background-color: #f1f1f1; } .lqd-pb-style-4 .lqd-pb-content p:last-child { margin-bottom: 0; } } .lqd-pb-style-5 .lqd-pb-active-shape { width: 68px; height: 68px; font-size: 22px; font-weight: 400; } @media screen and (min-width: 768px) { .lqd-pb-style-5 .lqd-pb-in-container:before, .lqd-pb-style-5 .lqd-pb-in-container:after { content: ""; display: inline-block; height: 1px; position: absolute; top: 50%; border-bottom: 1px dashed #d6d6d6; } .lqd-pb-style-5 .lqd-pb-in-container:before { left: -15px; right: 50%; } .lqd-pb-style-5 .lqd-pb-in-container:after { right: -15px; left: 50%; } } @media screen and (min-width: 992px) { .lqd-pb-style-5 .lqd-pb-content { padding-inline-start: 1.5rem; padding-inline-end: 1.5rem; } style:first-child + .lqd-pb-column .lqd-pb-style-5 .lqd-pb-in-container:before, .lqd-pb-column:first-child .lqd-pb-style-5 .lqd-pb-in-container:before { content: none; } .lqd-pb-column:last-child .lqd-pb-style-5 .lqd-pb-in-container:after { content: none; } } @media screen and (min-width: 768px) and (max-width: 991px) { style:first-child ~ .lqd-pb-column:nth-of-type(odd) .lqd-pb-style-5 .lqd-pb-in-container:before, .lqd-pb-column:nth-of-type(odd) .lqd-pb-style-5 .lqd-pb-in-container:before { content: none; } style:first-child ~ .lqd-pb-column:nth-of-type(even) .lqd-pb-style-5 .lqd-pb-in-container:after, .lqd-pb-column:nth-of-type(even) .lqd-pb-style-5 .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:before, .lqd-pb-zigzag .lqd-pb-row:after { 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(even) { margin-inline-start: 0; } .lqd-pb-zigzag .lqd-pb-column:nth-child(even) .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(even) .lqd-pb-in-container { margin-inline-start: 13%; margin-inline-end: 0; } .lqd-pb-zigzag .lqd-pb-in-container { margin-inline-end: 13%; } } .lqd-roadmap-bar { width: 15px; align-self: flex-start; } .lqd-roadmap-bar:before, .lqd-roadmap-bar:after { content: ""; display: inline-block; position: absolute; top: 3px; background: var(--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:before, .lqd-roadmap[data-custom-animations=true] .lqd-roadmap-bar:after { 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:nth-child(1) .lqd-roadmap-bar:before { transition-delay: 0.2631578947s; } .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(1) .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:before, .lqd-roadmap.ca-initvalues-applied .lqd-roadmap-bar:after { 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%; } } .lqd-slsh { background-color: #0a0a0a; } .lqd-slsh .carousel-nav { margin: 0 !important; position: absolute !important; top: 3.5rem !important; left: 2.5rem !important; right: auto !important; transform: none; } .lqd-slsh .carousel-nav .flickity-button { position: relative; top: auto; left: auto; border-radius: 3px; opacity: 0; visibility: hidden; transform: scale(0.85); transition: opacity 0.65s, visibility 0.65s, transform 0.65s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .lqd-slsh .carousel-nav .previous { margin: 0 !important; } .lqd-slsh .carousel-nav .next { margin-inline-end: 0 !important; } .lqd-slsh .ld-carousel-parallax-wrap { width: 100%; height: 100%; } .lqd-slsh figure { height: 100%; } .lqd-slsh .flickity-viewport:hover .lqd-slsh-img, .lqd-slsh .flickity-viewport:hover .lqd-slsh-content { will-change: opacity; } .lqd-slsh .flickity-viewport:hover .lqd-slsh-img { opacity: 0; } .lqd-slsh .flickity-viewport.is-pointer-down .lqd-slsh-content, .lqd-slsh .flickity-viewport.is-pointer-down .lqd-slsh-img { transition-duration: 0.4s; opacity: 1; } .lqd-slsh:hover .flickity-button { opacity: 1; visibility: visible; transform: scale(1); } .lqd-slsh:hover .flickity-button.next { transition-delay: 0.1s; } .lqd-slsh-img-container { overflow: hidden; } .lqd-slsh-img-full { opacity: 0; transform: scale(1.025); transition: all 0.85s cubic-bezier(0.23, 1, 0.32, 1); transition-property: opacity, transform; } .lqd-slsh-img-full:after { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.15); } .lqd-slsh-img-full img { height: 100% !important; } .lqd-slsh-img-full.lqd-is-active { opacity: 1; transform: scale(1); } .lqd-slsh-item { transition: opacity 0.3s; color: #fff; } .lqd-slsh-item:after { content: ""; display: inline-block; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background-color: rgba(255, 255, 255, 0.45); } .lqd-slsh-item .liquid-overlay-link { border-left: 1px solid rgba(255, 255, 255, 0.35); } .lqd-slsh-item a, .lqd-slsh-item h2, .lqd-slsh-item p { color: inherit; transition: color 0.3s 0.45s; } .lqd-slsh-item h2 { font-size: 30px; line-height: 1.166em; } .lqd-slsh-item .lqd-slsh-content { transition: opacity 0.3s; } .lqd-slsh-item .ld-slideelement-hidden { position: relative; z-index: 3; } .lqd-slsh-item .ld-slideelement-hidden-inner { opacity: 0; } .lqd-slsh-item:hover { color: #000; } .lqd-slsh-item:hover a, .lqd-slsh-item:hover h2, .lqd-slsh-item:hover p { transition-delay: 0s; } .lqd-slsh-item:hover .lqd-slsh-content { opacity: 1 !important; } .lqd-slsh-item:hover .lqd-slsh-content-inner:before { transform: translateY(0); transition-delay: 0s; transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-slsh-content-inner:before { content: ""; display: inline-block; position: absolute; top: -1.5rem; right: -1rem; bottom: -1.5rem; left: -1rem; background-color: #fff; transform: translateY(100%); transition: transform 0.65s cubic-bezier(0.755, 0.05, 0.855, 0.06); } .lqd-slsh-img { transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-slsh-img img { height: 100% !important; } @media screen and (max-width: 768px) { .lqd-slsh .carousel-nav { display: block !important; top: 1.5rem !important; left: 1rem !important; } .lqd-slsh .carousel-nav .flickity-button { width: 40px; height: 40px; opacity: 1; visibility: visible; transform: none; } .lqd-slsh .carousel-dots-mobile { display: none; } } @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-icon { padding: 0; margin: 0; list-style: none; font-size: 15px; 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 li, .social-icon-vertical a { 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-unit, .split-inner { 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-column > .elementor-widget-wrap { position: sticky; top: calc(var(--lqd-sticky-offset) + var(--lqd-sticky-header-height, 0px)); } .lqd-css-sticky { position: sticky !important; top: calc(30px + var(--lqd-sticky-header-height, 0px)); } .lqd-tabs-nav-arrows { display: none; } .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: none; } .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; } .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 { font-size: 19px; line-height: 1.3684210526em; } .lqd-tabs-nav .h3:only-child { margin-top: 0 !important; margin-bottom: 0 !important; } @media (max-width: 992px) { .lqd-tabs { flex-direction: column; flex-wrap: nowrap; } } .lqd-tabs-nav { text-align: start; } .lqd-tabs-nav svg { width: 1em; height: 1em; } @media screen and (min-width: 992px) { .lqd-tabs-nav.justify-content-md-between { justify-content: space-between; } .lqd-tabs-nav.justify-content-md-start { justify-content: flex-start; } .lqd-tabs-nav.justify-content-md-center { justify-content: center; } .lqd-tabs-nav.justify-content-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 { --icon-size: 44px; border-bottom: 2px solid #e7eaee; } .lqd-tabs-style-1 .lqd-tabs-nav li { padding-inline-start: 12px; padding-inline-end: 12px; margin-inline-start: 15px; margin-inline-end: 15px; position: relative; } .lqd-tabs-style-1 .lqd-tabs-nav li:after { content: ""; display: inline-block; width: 100%; height: 2px; position: absolute; bottom: -2px; left: 0; background-color: var(--color-primary); transform: scaleX(0); transition: transform 0.3s; } .lqd-tabs-style-1 .lqd-tabs-nav li.active:after { transform: scaleX(1); } .lqd-tabs-style-1 .lqd-tabs-nav a { padding-top: 1.5em; padding-bottom: 1.5em; } .lqd-tabs-style-1 .lqd-tabs-nav .lqd-tabs-nav-icon { color: var(--color-primary); } .lqd-tabs-style-1 .lqd-tabs-nav .lqd-tabs-nav-icon-icon { margin-bottom: 0.5em; } @media screen and (min-width: 768px) and (max-width: 991px) { .lqd-tabs-style-1 .lqd-tabs-nav { --icon-size: 30px; } .lqd-tabs-style-1 .lqd-tabs-nav li a { padding: 1.5rem !important; } .lqd-tabs-style-1 .lqd-tabs-nav .lqd-tabs-nav-icon { margin-inline-end: 15px; } } @media screen and (min-width: 992px) { .lqd-tabs-style-1 .lqd-tabs-nav.justify-content-start li:first-child { margin-inline-start: 0; } .lqd-tabs-style-1 .lqd-tabs-nav.justify-content-between li { flex-grow: 1; } .lqd-tabs-style-1 .lqd-tabs-nav.justify-content-center li { padding-inline-start: 2em; padding-inline-end: 2em; } .lqd-tabs-style-1 .lqd-tabs-nav.justify-content-center li, .lqd-tabs-style-1 .lqd-tabs-nav.justify-content-between li { margin-inline-start: 0; margin-inline-end: 0; } .lqd-tabs-style-1 .lqd-tabs-nav.justify-content-end li:last-child { margin-inline-end: 0; } } @media screen and (max-width: 991px) { .lqd-tabs-style-1 { flex-direction: column; flex-wrap: nowrap !important; } } @media screen and (max-width: 920px) { .lqd-tabs-style-1 .lqd-tabs-nav { justify-content: space-between; } .lqd-tabs-style-1 .lqd-tabs-nav li { margin: 0; padding: 0; } } @media screen and (max-width: 768px) { .lqd-tabs-style-1 .lqd-tabs-nav { flex-wrap: wrap; } } @media screen and (max-width: 479px) { .lqd-tabs-style-1 .lqd-tabs-nav { border: none; } .lqd-tabs-style-1 .lqd-tabs-nav li { width: 50%; padding-inline-start: 10px; padding-inline-end: 10px; margin: 0; margin-bottom: 1.5em; } .lqd-tabs-style-1 .lqd-tabs-nav a { padding: 0 0 0.75em; } } .lqd-tabs-style-2 .lqd-tabs-nav { --icon-size: 40px; font-size: 16px; position: relative; } .lqd-tabs-style-2 .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-2 .lqd-tabs-nav .h3 { font-size: 1em; } .lqd-tabs-style-2 .lqd-tabs-nav .lqd-tabs-nav-icon-icon { margin-bottom: 0.6em; padding-bottom: 0.6em; position: relative; color: var(--color-primary); } .lqd-tabs-style-2 .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-2 .lqd-tabs-nav .lqd-tabs-nav-icon-icon i { transition: transform 0.3s; } .lqd-tabs-style-2 .lqd-tabs-nav a { display: block; } .lqd-tabs-style-2 .lqd-tabs-nav li { padding-inline-start: 15px; padding-inline-end: 15px; } .lqd-tabs-style-2 .lqd-tabs-nav li:hover .lqd-tabs-nav-icon-icon i { transform: translateY(-4px); } .lqd-tabs-style-2 .lqd-tabs-nav li.active .h3:after { background-color: var(--color-primary); } @media screen and (max-width: 479px) { .lqd-tabs-style-2 .lqd-tabs-nav:before { content: none; } .lqd-tabs-style-2 .lqd-tabs-nav li { flex-basis: 50%; margin-bottom: 0.5em; } } .lqd-tabs-style-3 .lqd-tabs-nav-wrap { width: 41.66666667%; grid-auto-flow: row; } .lqd-tabs-style-3 .lqd-tabs-nav { font-size: 15px; } .lqd-tabs-style-3 .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-3 .lqd-tabs-nav a:before, .lqd-tabs-style-3 .lqd-tabs-nav a:after { 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-3 .lqd-tabs-nav a:after { opacity: 0; background-color: #fff; } .lqd-tabs-style-3 .lqd-tabs-nav a > span { position: relative; z-index: 2; } .lqd-tabs-style-3 .lqd-tabs-nav li.active a { box-shadow: 0 15px 45px rgba(0, 0, 0, 0.075); } .lqd-tabs-style-3 .lqd-tabs-nav li.active a:after { opacity: 1; } .lqd-tabs-style-3 .lqd-tabs-nav .lqd-tabs-nav-icon { --icon-size: 40px; } .lqd-tabs-style-3 .lqd-tabs-content { width: 58.33333333%; flex-grow: 1; } @media screen and (max-width: 768px) { .lqd-tabs-style-3 .lqd-tabs-nav-wrap, .lqd-tabs-style-3 .lqd-tabs-content { width: 100%; flex-grow: 1; padding-inline-start: 0 !important; padding-inline-end: 0 !important; } .lqd-tabs-style-3 .lqd-tabs-nav-wrap { margin-bottom: 1.5em; } .lqd-tabs-style-3 .lqd-tabs-nav .iconbox .iconbox-icon-container { font-size: 30px; } } .lqd-tabs-style-4 .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-4 .lqd-tabs-nav-wrap { flex-basis: 25%; flex-grow: 1; } .lqd-tabs-style-4 .lqd-tabs-nav { font-size: 16px; counter-reset: lqd-tabs-counter; } .lqd-tabs-style-4 .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-4 .lqd-tabs-nav li { counter-increment: lqd-tabs-counter; width: 100%; } .lqd-tabs-style-4 .lqd-tabs-nav li.active a { box-shadow: 0 15px 45px rgba(0, 0, 0, 0.075); } .lqd-tabs-style-4 .lqd-tabs-nav li.active .lqd-tabs-nav-icon-icon { background-color: var(--color-primary); color: #fff; } .lqd-tabs-style-4 .lqd-tabs-content { flex-basis: 75%; } @media screen and (min-width: 768px) and (max-width: 991px) { .lqd-tabs-style-4 .lqd-tabs-content { flex-basis: 65%; } } @media screen and (max-width: 991px) { .lqd-tabs-style-4 { flex-direction: column; flex-wrap: nowrap !important; } } @media screen and (max-width: 768px) { .lqd-tabs-style-4 .lqd-tabs-nav-wrap, .lqd-tabs-style-4 .lqd-tabs-content { width: 100%; flex-grow: 1; padding-inline-start: 0 !important; padding-inline-end: 0 !important; } .lqd-tabs-style-4 .lqd-tabs-nav-wrap { margin-bottom: 1.5em; } } .lqd-tabs-style-5 .lqd-tabs-nav-wrap { flex-basis: 30%; } .lqd-tabs-style-5 .lqd-tabs-nav { font-size: 16px; } .lqd-tabs-style-5 .lqd-tabs-nav a { color: #878f9d; } .lqd-tabs-style-5 .lqd-tabs-nav a:before { content: ""; display: inline-block; width: 28px; height: 2px; margin-inline-end: 12px; background-color: var(--color-primary); transform-origin: left; transform: scaleX(0); transition: transform 0.65s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-tabs-style-5 .lqd-tabs-nav li.active a { color: #292a34; } .lqd-tabs-style-5 .lqd-tabs-nav li.active a:before { transform: scaleX(1); } .lqd-tabs-style-5 .lqd-tabs-content { flex-basis: 70%; } @media screen and (max-width: 479px) { .lqd-tabs-style-5 { flex-direction: column; flex-wrap: nowrap !important; } } .lqd-tabs-style-6 .lqd-tabs-nav a { color: rgba(0, 0, 0, 0.4); } .lqd-tabs-style-6 .lqd-tabs-nav li:not(:last-of-type) { margin-inline-end: 2em; } .lqd-tabs-style-6 .lqd-tabs-nav li.active a { color: #000; } @media screen and (max-width: 768px) { .lqd-tabs-style-6 .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-6 .lqd-tabs-nav li { display: flex; flex: 0.15 0; padding: 0 !important; margin: 0 !important; text-align: inherit !important; } .lqd-tabs-style-6 .lqd-tabs-nav li + li { margin-inline-start: 10% !important; } .lqd-tabs-style-6 .lqd-tabs-nav li a { padding: 0 0 0.5em !important; position: relative; } .lqd-tabs-style-6 .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-6 .lqd-tabs-nav li:last-of-type { margin-inline-end: -150vw !important; } .lqd-tabs-style-6 .lqd-tabs-nav li.active a:before { opacity: 1; } .lqd-tabs-style-6 .lqd-tabs-content { padding: 0 !important; margin: 0 !important; } } .lqd-tabs-style-7 .lqd-tabs-nav a { display: block; position: relative; color: rgba(0, 0, 0, 0.25); } .lqd-tabs-style-7 .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-7 .lqd-tabs-nav li { margin-inline-end: 2.65em; } .lqd-tabs-style-7 .lqd-tabs-nav li.active a { color: #000; } .lqd-tabs-style-7 .lqd-tabs-nav li.active a:after { transform-origin: left; transform: scaleX(1); } .lqd-tabs-style-7.lqd-nav-underline-fw .lqd-tabs-nav a:after { width: 100%; } @media screen and (max-width: 479px) { .lqd-tabs-style-7 .lqd-tabs-nav-wrap { margin-bottom: 1rem !important; } .lqd-tabs-style-7 .lqd-tabs-nav li { margin-bottom: 1em; } } .lqd-tabs-style-8 { --lqd-tabs-nav-offset: 15%; --lqd-tabs-nav-translate: 0; } .lqd-tabs-style-8 .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-8 .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-8 .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-8 .lqd-tabs-nav > li { white-space: nowrap; color: #162C35; } .lqd-tabs-style-8 .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-8 .lqd-tabs-nav > li .lqd-tabs-nav-txt { position: relative; } .lqd-tabs-style-8 .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-8 .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(--color-gradient-start), var(--color-gradient-stop)); opacity: 0; transition: opacity 0.3s; } .lqd-tabs-style-8 .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-8 .lqd-tabs-nav > li.active > a .lqd-tabs-nav-txt span { opacity: 0; } .lqd-tabs-style-8 .lqd-tabs-nav > li.active > a .lqd-tabs-nav-txt:before { opacity: 1; } .lqd-tabs-style-8 .lqd-tabs-nav > li.active .lqd-tabs-nav-ext { opacity: 1; transform: translateX(var(--lqd-tabs-nav-translate, 0)); } @media screen and (max-width: 479px) { .lqd-tabs-style-8 { --lqd-tabs-nav-offset: 7%; } .lqd-tabs-style-8 .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-8 .lqd-tabs-nav > li > a { font-size: 27px; } .lqd-tabs-style-8 .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 i { transition: transform 0.3s; } .lqd-tm .social-icon a:hover i { transform: scale(1.2); } .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 { box-shadow: 0 15px 55px rgba(0, 0, 0, 0.05); } .lqd-tm-style-2 .lqd-tm-socials { background: var(--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-2 .lqd-tm-socials a { color: #fff; } .lqd-tm-style-2 .social-icon { font-size: 25px; } .lqd-tm-style-2 .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-2 h3 { font-size: 16px; } .lqd-tm-style-2 h6 { font-size: 15px; color: #9B9DAD; } .lqd-tm-style-2 .lqd-tm-details { background-color: #fff; } .lqd-tm-style-2:hover .lqd-tm-socials { opacity: 1; visibility: visible; } .lqd-tm-style-2:hover .social-icon li { opacity: 1; transform: translateY(0); } .lqd-tm-style-2:hover .social-icon li:nth-child(1) { transition-delay: 0.1s; } .lqd-tm-style-2:hover .social-icon li:nth-child(2) { transition-delay: 0.2s; } .lqd-tm-style-2:hover .social-icon li:nth-child(3) { transition-delay: 0.3s; } .lqd-tm-style-2:hover .social-icon li:nth-child(4) { transition-delay: 0.4s; } .lqd-tm-style-2:hover .social-icon li:nth-child(5) { transition-delay: 0.5s; } .lqd-tm-style-3 .lqd-tm-details { background-color: var(--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-3 .social-icon { margin-top: auto; margin-bottom: auto; font-size: 24px; } .lqd-tm-style-3 a { color: #fff; } .lqd-tm-style-3 h3, .lqd-tm-style-3 h6, .lqd-tm-style-3 .social-icon li { 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-3 h3 { font-size: 22px; color: #fff; } .lqd-tm-style-3 h6 { font-size: 20px; color: rgba(255, 255, 255, 0.6); } .lqd-tm-style-3:hover .lqd-tm-details { opacity: 1; visibility: visible; transform: scale(1); } .lqd-tm-style-3:hover h3, .lqd-tm-style-3:hover h6, .lqd-tm-style-3:hover .social-icon li { opacity: 1; transform: translateY(0); } .lqd-tm-style-3:hover .social-icon li { opacity: 1; transform: translateY(0); } .lqd-tm-style-3:hover .social-icon li:nth-child(1) { transition-delay: 0.13s; } .lqd-tm-style-3:hover .social-icon li:nth-child(2) { transition-delay: 0.23s; } .lqd-tm-style-3:hover .social-icon li:nth-child(3) { transition-delay: 0.33s; } .lqd-tm-style-3:hover .social-icon li:nth-child(4) { transition-delay: 0.43s; } .lqd-tm-style-3:hover .social-icon li:nth-child(5) { transition-delay: 0.53s; } .lqd-tm-style-3:hover h3 { transition-delay: 0.3s; } .lqd-tm-style-3:hover h6 { transition-delay: 0.4s; } .lqd-tm-style-4 { margin-bottom: 0; } .lqd-tm-style-4 .lqd-tm-details { background-color: var(--color-primary); } .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 .lqd-tm-details-icon { font-size: 22px; color: #fff; } .lqd-tm-style-4 .social-icon { margin-bottom: auto; } @media screen and (min-width: 541px) { .lqd-tm-style-4 .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-4 h3, .lqd-tm-style-4 h6, .lqd-tm-style-4 .social-icon, .lqd-tm-style-4 .lqd-tm-details-icon { opacity: 0; transition: opacity 0.45s, transform 0.45s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-tm-style-4 h3, .lqd-tm-style-4 h6 { transform: translateY(20px); } .lqd-tm-style-4 .lqd-tm-details-icon { transform: translateX(-20px); } .lqd-tm-style-4:hover h3 { transition-delay: 0.1s; } .lqd-tm-style-4:hover h6 { transition-delay: 0.2s; } .lqd-tm-style-4:hover .lqd-tm-details-icon { transition-delay: 0.35s; } .lqd-tm-style-4:hover h3, .lqd-tm-style-4:hover h6, .lqd-tm-style-4:hover .social-icon, .lqd-tm-style-4:hover .lqd-tm-details-icon, .lqd-tm-style-4:hover .lqd-tm-details { opacity: 1; visibility: visible; transform: translate(0); } } .lqd-tm-style-5 h3 { font-size: 19px; } .lqd-tm-style-5 h6 { font-size: 16px; } .lqd-tm-style-5 h3, .lqd-tm-style-5 h6, .lqd-tm-style-5 .lqd-tm-details-icon { 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-5 .lqd-tm-details-icon { font-size: 20px; color: #000; } .lqd-tm-style-5 .lqd-tm-details { background-color: var(--color-primary); transform: translateX(-102%); transition: transform 0.65s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-tm-style-5:hover h3, .lqd-tm-style-5:hover h6, .lqd-tm-style-5:hover .lqd-tm-details-icon { transform: translateX(0); opacity: 1; } .lqd-tm-style-5:hover h6 { font-weight: 400; transition-delay: 0.4s; } .lqd-tm-style-5:hover .lqd-tm-details-icon { text-decoration: 0.55s; } .lqd-tm-style-5: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; font-size: 1em; 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-68 .lqd-testi-avatar { width: 68px; } .lqd-testi-avatar-90 .lqd-testi-avatar { width: 90px; } .lqd-testi-bubble { border: 1px solid #d3dee3; } .lqd-testi-bubble:before, .lqd-testi-bubble:after { 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; background: #fff; } @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-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-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 .lqd-star-rating { color: #878F9D; } .lqd-testi .lqd-star-rating li { color: inherit; } .lqd-testi .lqd-star-rating .active { color: var(--color-primary); } .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(--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); will-change: width; 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; } .lqd-tw-placeholder > kbd, .lqd-tw-placeholder > del, .lqd-tw-placeholder > ins, [data-typewriter] > kbd, [data-typewriter] > del, [data-typewriter] > ins { position: absolute; top: 0; left: 0; } .lqd-tw kbd { padding: 0; border-radius: 0; background: none; box-shadow: none; font: inherit; color: inherit; } .lqd-tw del, .lqd-tw 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: none; 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:nth-child(1) { transition-delay: 0.5166666667s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(1) 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-scrn.is-in-view .lqd-vslider-menu li:nth-child(7) { transition-delay: 1.5166666667s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(7) a { animation-delay: 1.5166666667s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(8) { transition-delay: 1.6833333333s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(8) a { animation-delay: 1.6833333333s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(9) { transition-delay: 1.85s; } .lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(9) a { animation-delay: 1.85s; } .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, .lqd-vslider-ext > ul > li { width: 100%; } .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 ul, .lqd-vslider-ext li { 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:not([data-property]), .lqd-vbg-video .mejs__overlay, .lqd-vbg-video .mejs-inner, .lqd-vbg-video .mejs-mediaelement, .lqd-vbg-video mediaelementwrapper, .lqd-vbg-video .mejs__poster { object-fit: cover; width: 100% !important; height: 100% !important; } .lqd-vbg-video .YTPOverlay, .lqd-vbg-video .mb_YTPBar, .lqd-vbg-video .inlinePlayButton, .lqd-vbg-video .mejs__overlay-play, .lqd-vbg-video .mejs-controls, .lqd-vbg-video .mejs__controls { display: none !important; } .lqd-vbg-loader { background-image: url(../img/spinners/spinner-1.gif); background-position: center; background-repeat: no-repeat; background-size: 55px; z-index: -1; } .lqd-vbg-loader, .lqd-vbg-inner, .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-services-slideshow h2 { font-size: 88px; line-height: 1em; color: transparent !important; } .lqd-services-slideshow h2:before, .lqd-services-slideshow h2:after { content: attr(data-text); display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: opacity 0.3s; } .lqd-services-slideshow h2:before { text-stroke: 2px #000; -webkit-text-stroke: 2px #000; } .lqd-services-slideshow h2:after { opacity: 0; color: #000; } .lqd-services-slideshow .carousel-item { flex: 0 0 auto; } .lqd-services-slideshow-title .flickity-viewport { height: 100% !important; } .lqd-services-slideshow-title .is-selected h2:before { opacity: 0; } .lqd-services-slideshow-title .is-selected h2:after { opacity: 1; } @media (min-width: 768px) { .lqd-services-slideshow-title .carousel-item { width: 50%; } } @media (min-width: 992px) { .lqd-services-slideshow-desc { width: 450px; } } .lqd-iot-overlay-btn { top: 0; right: 0; opacity: 0; transform: translateZ(2px) translate(-75%, 50%); transition: transform 0.3s 0.1s, opacity 0.3s 0.2s; } .lqd-iot-img-wrap { order: 1; } .lqd-iot-img-wrap .block-revealer__element { transform: scale(0); } .lqd-iot-content { margin-top: auto; margin-inline-end: 0.5em; transform: translateX(-20px); opacity: 0; transition: transform 0.6s 0.1s, opacity 0.45s 0.1s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .lqd-iot-content h3 { color: var(--color-primary); margin: 0; } .lqd-iot-overlay-txt { pointer-events: none; transform: translateZ(50px) scale(0.75); transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1); z-index: 3; } .lqd-iot-overlay-txt-inner { overflow: hidden; 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 h2 { font-size: 200px; color: transparent; -webkit-text-stroke: 2px #fff; text-stroke: 2px #fff; } .lqd-iot.is-in-view .lqd-iot-overlay-txt { transform: translateZ(150px) scale(0.75); } .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.15s; } .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; } @media (min-width: 480px) { .lqd-iot-content { width: 2.5%; height: 80%; margin-top: auto; margin-inline-end: 0.5em; } .lqd-iot-content h3 { margin: 0 0 1em 0; } .lqd-iot-content-inner { writing-mode: vertical-rl; transform: rotate(-180deg); text-orientation: sideways; } } @media (max-width: 479px) { .lqd-iot-content-inner, .lqd-iot-inner { align-items: flex-start; flex-direction: column; } .lqd-iot-img-wrap { order: -1; margin-bottom: 15px; } } .lqd-vbg-video:not([data-property]), .lqd-vbg-video .mejs__overlay, .lqd-vbg-video .mejs-inner, .lqd-vbg-video .mejs-mediaelement, .lqd-vbg-video mediaelementwrapper, .lqd-vbg-video .mejs__poster { object-fit: cover; width: 100% !important; height: 100% !important; } .lqd-vbg-video .YTPOverlay, .lqd-vbg-video .mb_YTPBar, .lqd-vbg-video .inlinePlayButton, .lqd-vbg-video .mejs__overlay-play, .lqd-vbg-video .mejs-controls, .lqd-vbg-video .mejs__controls { display: none !important; } .lqd-vbg-loader { background-image: url(../img/spinners/spinner-1.gif); background-position: center; background-repeat: no-repeat; background-size: 55px; z-index: -1; } .lqd-vbg-loader, .lqd-vbg-inner, .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-progressbar-inner { background-color: #eef0f3; } .lqd-progressbar-details { padding: var(--details-pt, 0) var(--details-pe, 0) var(--details-pb, 0) var(--details-ps, 0); } .lqd-progressbar-bar { width: 0%; border-radius: inherit; color: #181b31; background-color: var(--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; } } .lqd-mask-slider-img-inner { transform: translateX(-100%); } .lqd-mask-slider-fig { transform: translateX(100%); } .lqd-mask-slider-slide-active .lqd-mask-slider-movin-part { transition: transform 1.5s; transform: translateX(0); } .lqd-mask-slider-slide-active .lqd-mask-slider-img { transition: transform 3s; transform: scale(1.15); } @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; } #lqd-contents-wrap > .lqd-lp-grid { padding-top: 45px; padding-bottom: 45px; } .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; } } .lqd-pf-single-meta-part { margin-bottom: 1em; 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 { 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-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 a, .lqd-pf-meta-nav .lqd-pf-nav-link-title { 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; } .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; } .elementor .pp-section { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform 1.15s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } .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:before, .pp-enabled [data-liquid-stack=true] > section:after { 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: auto; 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-prevnext-button, .lqd-stack-moving-up .lqd-stack-page-number { transition-delay: 0.35s; } .lqd-stack-footer-active #pp-nav, .lqd-stack-footer-active .lqd-stack-prevnext-button, .lqd-stack-footer-active .lqd-stack-page-number { opacity: 0; visibility: hidden; } .lqd-stack-footer-active section.pp-section.section-before-footer { top: 0 !important; visibility: visible !important; pointer-events: auto !important; } .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 li, #pp-nav a { 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 { 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; } .lqd-stack-nav-numbers-visible .pp-nav-current, .lqd-stack-nav-numbers-visible .pp-nav-total { display: 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: 680px) { #pp-nav { display: none !important; } } [data-elementor-device-mode*=mobile] #pp-nav { display: none !important; } .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:before, .lqd-stack-nav-style-1 #pp-nav a:after { 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; } .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:before, .lqd-stack-nav-style-2 #pp-nav a:after { 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: var(--color-primary); } .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); } .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; } .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; } .lqd-active-row-dark.lqd-stack-nav-style-4 #pp-nav a { background-color: rgba(255, 255, 255, 0.4); } @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-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; } .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; 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 ul, .lqd-stack-nums-style-2 .lqd-stack-page-number li, .lqd-stack-nums-style-2 .lqd-stack-page-number a { display: flex; } .lqd-stack-nums-style-2 .lqd-stack-page-number li, .lqd-stack-nums-style-2 .lqd-stack-page-number a { 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; align-items: center; 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:before, .lqd-stack-nums-style-2 .lqd-stack-page-number a span:after { 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 a:hover, .lqd-stack-nums-style-2 .lqd-stack-page-number .active a { color: var(--color-primary); } .lqd-stack-nums-style-2 .lqd-stack-page-number .pp-tooltip { display: none; } .lqd-stack-nums-style-2.lqd-active-row-dark .lqd-stack-page-number { border-top-color: rgba(255, 255, 255, 0.1); } .lqd-stack-nums-style-2.lqd-active-row-light .lqd-stack-page-number { border-top-color: rgba(0, 0, 0, 0.3); } .lqd-stack-nums-style-2-ind .lqd-stack-page-number a:before { content: ""; display: inline-block; width: 11px; height: 11px; border-radius: 0.5em; margin-inline-end: 13px; background-color: currentColor; transform: scale(0); transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-stack-nums-style-2-ind .lqd-stack-page-number li.active a:before { transform: scale(1); } .lqd-stack-prevnext-wrap { z-index: 7; line-height: 1em; opacity: 0; } .lqd-stack-prevnext-button { display: inline-flex; flex-flow: row nowrap; align-items: center; padding: 0; border: none; position: fixed; z-index: 10; background: none; transition: opacity 0.3s, visibility 0.3s, color 0.3s; } .lqd-stack-prevnext-button:focus { outline: none; } .lqd-stack-prevnext-button .lqd-stack-button-ext { display: none; } .lqd-active-row-dark .lqd-stack-prevnext-button { color: #fff; } @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-moving-up .lqd-stack-row-entering { animation: lqdStackRowFadeScaleEnter 1.15s cubic-bezier(0.23, 1, 0.32, 1) both alternate; z-index: 0; } .lqd-stack-effect-fadeScale.lqd-stack-moving-down .lqd-stack-row-entering { animation: lqdStackRowFadeScaleEnterFromBottom 1.15s cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-fadeScale.lqd-stack-moving-up .lqd-stack-row-leaving { animation: lqdStackRowFadeScaleLeaveToBottom 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-fadeScale.lqd-stack-moving-down .lqd-stack-row-leaving { animation: lqdStackRowFadeScaleLeave 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-moving-up .lqd-stack-row-entering { overflow: hidden; animation: lqdStackRowMaskEnterFromTop 1.15s cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-mask.lqd-stack-moving-up .lqd-stack-row-entering > .ld-container { animation: lqdStackRowMaskEnterFromBottomInner 1.15s cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-mask.lqd-stack-moving-down .lqd-stack-row-entering { overflow: hidden; animation: lqdStackRowMaskEnterFromBottom 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-mask.lqd-stack-moving-down .lqd-stack-row-entering > .ld-container { animation: lqdStackRowMaskEnterFromTopInner 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-moving-up .lqd-stack-row-leaving { overflow: hidden; animation: lqdStackRowMaskLeaveToBottom 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-mask.lqd-stack-moving-up .lqd-stack-row-leaving:not(.main-footer) > .ld-container { animation: lqdStackRowMaskLeaveToTopInner 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-mask.lqd-stack-moving-down .lqd-stack-row-leaving { overflow: hidden; animation: lqdStackRowMaskLeaveToTop 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-mask.lqd-stack-moving-down .lqd-stack-row-leaving > .ld-container { animation: lqdStackRowMaskLeaveToBottomInner 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-moving-up .lqd-stack-row-entering { animation: lqdStackRowSlideOverEnterFromTop 1.15s cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-slideOver.lqd-stack-moving-down .lqd-stack-row-entering { animation: lqdStackRowSlideOverEnterFromBottom 1.15s cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-slideOver.lqd-stack-moving-up .lqd-stack-row-leaving { animation: lqdStackRowSlideOverLeaveToBottom 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate; } .lqd-stack-effect-slideOver.lqd-stack-moving-down .lqd-stack-row-leaving { animation: lqdStackRowSlideOverLeaveToTop 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate; }