/*!-----------------------------------------------------------------
    Name: Fliqs - Online Video Streaming HTML Template
    Version: 1.0.0
    Author: nK
    Website: https://nkdev.info/
    Purchase: https://themeforest.net/user/_nk/portfolio
    Support: https://nk.ticksy.com/
    License: You must have a valid license purchased only from ThemeForest (the above link) in order to legally use the theme for your project.
    Copyright 2021.
-------------------------------------------------------------------*/
    /* ------------------------------------------------------------------
  [Typography]

  Body Font Family: var(--flq-body--font-family);
  Body Font Size: var(--flq-body--font-size);
  Body Line Height: var(--flq-body--line-height);

  Heading Font Family: var(--flq-heading--font-family);
  Heading Font Weight: var(--flq-heading--font-weight);

  Notes: Most of font sizes are relative to the base font size (rem)
------------------------------------------------------------------- */
/* ------------------------------------------------------------------
  [Color codes]

  Brand: var(--flq-color-brand)
  Title: var(--flq-color-title)
  Text : var(--flq-color-text)
  Meta : var(--flq-color-meta)
  White: var(--flq-color-white)
  Black: var(--flq-color-black)
  Dark : var(--flq-color-dark)

  Background       : var(--flq-color-background)
  Background-100   : var(--flq-color-background-100)
  Background-200   : var(--flq-color-background-200)
  Background-300   : var(--flq-color-background-300)
  Background-footer: var(--flq-color-background-footer)

  Success: var(--flq-color-success)
  Danger : var(--flq-color-danger)
  Warning: var(--flq-color-warning)
  Info   : var(--flq-color-info)
------------------------------------------------------------------- */
/* ------------------------------------------------------------------
  [Table of contents]
  
  1. Main
    - Base
    - Helpers
    - Typography
    - Scrollbar
    - Preloader
  2. Layouts
    - Navbar Top.
    - Navbar Icons.
    - Navbar Mobile.
    - Footer.
  3. Components Bootstrap
    - forms
    - container
    - button
    - dropdown
    - nav
    - nav tab
    - card
    - collapse
    - accordion
    - breadcrumb
    - pagination
    - list group
    - table
    - badge
    - offcanvas
  4. Components
    - cursor
    - images ticker
    - background
    - counter box
    - page pagination
    - social
    - comment
    - countdown
    - meta
    - media
    - rating
    - tags
    - scroll top button
    - widget
  5. Pages
    - Page
    - post
    - account
  6. Plugins
    - swiper
    - fancybox
    - isotope
    - rellax
------------------------------------------------------------------- */
.flq-media-image img, .flq-page-navigation-image img, .flq-background > .flq-background-image .flq-image img, .flq-navbar-top .flq-navbar-top-user img, .flq-responsive > .embed-item,
.flq-responsive > iframe,
.flq-responsive > embed,
.flq-responsive > object,
.flq-responsive > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: "object-fit: cover";
}

.flq-widget-blog > ul, .flq-tags > ul, .flq-meta > ul, .flq-comments > ul, .flq-social > ul, .flq-card-pricing .card-body > ul, .flq-navbar-icons > ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

:root {
    --flq-color-brand: 0deg, 92%, 58%;
    --flq-color-success: 119deg, 53%, 51%;
    --flq-color-danger: 4deg, 58%, 50%;
    --flq-color-warning: 29deg, 83%, 53%;
    --flq-color-info: 176deg, 61%, 48%;
    --flq-color-white: 0deg, 0%, 100%;
    --flq-color-black: 0deg, 0%, 0%;
    --flq-color-dark: 240deg, 3%, 15%;
    --flq-color-title: 0deg, 0%, 100%;
    --flq-color-text: 0deg, 0%, 75%;
    --flq-color-meta: 0deg, 0%, 55%;
    --flq-color-background: 240deg, 6%, 7%;
    --flq-color-background-100: 240deg, 4%, 9%;
    --flq-color-background-200: 240deg, 4%, 11%;
    --flq-color-background-300: 240deg, 3%, 12%;
    --flq-color-background-footer: 240deg, 8%, 5%;
    --flq-color-border: 240deg, 2%, 20%;
    --flq-color-title-opacity: 1;
    --flq-color-text-opacity: 0.7;
    --flq-color-meta-opacity: 0.5;
    --flq-color-border-opacity: 0.15;
    --flq-color-rss: 23deg, 81%, 49%;
    --flq-color-behance: 223deg, 96%, 63%;
    --flq-color-dropbox: 216deg, 65%, 58%;
    --flq-color-dribbble: 337deg, 79%, 61%;
    --flq-color-facebook: 221deg, 44%, 41%;
    --flq-color-flickr: 328deg, 100%, 48%;
    --flq-color-foursquare: 344deg, 97%, 63%;
    --flq-color-instagram: 336deg, 65%, 46%;
    --flq-color-linkedin: 199deg, 100%, 36%;
    --flq-color-medium: 163deg, 96%, 34%;
    --flq-color-odnoklassniki: 25deg, 69%, 51%;
    --flq-color-paypal: 228deg, 64%, 31%;
    --flq-color-pinterest: 358deg, 73%, 46%;
    --flq-color-reddit: 20deg, 100%, 50%;
    --flq-color-soundcloud: 20deg, 100%, 50%;
    --flq-color-slack: 296deg, 19%, 28%;
    --flq-color-swarm: 41deg, 100%, 50%;
    --flq-color-stumbleupon: 11deg, 83%, 53%;
    --flq-color-tumblr: 210deg, 38%, 28%;
    --flq-color-twitch: 256deg, 41%, 45%;
    --flq-color-twitter: 195deg, 100%, 47%;
    --flq-color-vimeo: 202deg, 100%, 64%;
    --flq-color-vk: 216deg, 24%, 51%;
    --flq-color-youtube: 0deg, 100%, 50%;
}

:root {
    --flq-vertical-rhythm: 32px;
    --flq-vertical-rhythm-1: 10px;
    --flq-vertical-rhythm-2: 15px;
    --flq-vertical-rhythm-3: 25px;
    --flq-body--font-size: 16px;
    --flq-body--font-family: inter, sans-serif;
    --flq-body--font-weight: 500;
    --flq-body--font-weight-bold: 600;
    --flq-body--line-height: 1.8;
    --flq-body--text-transform: none;
    --flq-small--font-size: 14px;
    --flq-small--font-weight: 500;
    --flq-small--font-weight-bold: 600;
    --flq-small--line-height: 1.8;
    --flq-small--text-transform: none;
    --flq-lead--font-size: 18px;
    --flq-lead--font-weight: 500;
    --flq-lead--font-weight-bold: 700;
    --flq-lead--line-height: 1.8;
    --flq-lead--text-transform: none;
    --flq-heading--font-family: inter, sans-serif;
    --flq-heading--font-weight: 800;
    --flq-heading--text-transform: none;
    --flq-h1--font-size: 40px;
    --flq-h1--line-height: 1.2;
    --flq-h1--letter-spacing: -1px;
    --flq-h2--font-size: 32px;
    --flq-h2--line-height: 1.2;
    --flq-h2--letter-spacing: -0.8px;
    --flq-h3--font-size: 28px;
    --flq-h3--line-height: 1.2;
    --flq-h3--letter-spacing: -0.5px;
    --flq-h4--font-size: 24px;
    --flq-h4--line-height: 1.2;
    --flq-h4--letter-spacing: -0.3px;
    --flq-h5--font-size: 20px;
    --flq-h5--line-height: 1.2;
    --flq-h5--letter-spacing: 0%;
    --flq-h6--font-size: 16px;
    --flq-h6--line-height: 1.2;
    --flq-h6--letter-spacing: 0.1px;
    --flq-d1--font-size: 80px;
    --flq-d1--line-height: 1.2;
    --flq-d1--letter-spacing: -3px;
    --flq-d2--font-size: 72px;
    --flq-d2--line-height: 1.2;
    --flq-d2--letter-spacing: -2.5px;
    --flq-d3--font-size: 64px;
    --flq-d3--line-height: 1.2;
    --flq-d3--letter-spacing: -2px;
    --flq-d4--font-size: 56px;
    --flq-d4--line-height: 1.2;
    --flq-d4--letter-spacing: -1.5px;
    --flq-d5--font-size: 50px;
    --flq-d5--line-height: 1.2;
    --flq-d5--letter-spacing: -1px;
    --flq-d6--font-size: 44px;
    --flq-d6--line-height: 1.2;
    --flq-d6--letter-spacing: -1px;
}

:root {
    scroll-behavior: smooth;
}

:root {
    --flq-logo-width: 53px;
    --flq-page-offset: 10px;
    --flq-backdrop-blur: 20px;
    --flq-border-radius: 8px;
    --flq-border-radius-sm: 6px;
    --flq-border-radius-lg: 10px;
    --flq-border-radius-xl: 14px;
    --flq-responsive-21x9: 42.86%;
    --flq-responsive-16x9: 56.25%;
    --flq-responsive-4x3: 75%;
    --flq-responsive-1x1: 100%;
    --flq-responsive-3x4: 133.33%;
    --flq-transition-duration: 0.15s;
    --flq-transition-easing: ease-in-out;
    --flq-transition-duration-cubic: 0.7s;
    --flq-transition-easing-cubic: cubic-bezier(0.2, 1, 0.2, 1);
    --flq-transition-duration-cubic-2: 0.4s;
    --flq-transition-easing-cubic-2: cubic-bezier(0.1, 0, 0.3, 1);
    --flq-page__sidebar--width: 320px;
}

:root {
    --flq-btn--font-family: inter, sans-serif;
    --flq-btn--line-height: 1;
    --flq-btn--font-weight: 600;
    --flq-btn--letter-spacing: auto;
    --flq-btn--text-transform: none;
    --flq-btn-md--padding-v: 16px;
    --flq-btn-md--padding-h: 35px;
    --flq-btn-md--font-size: 16px;
    --flq-btn-md--size: 48px;
    --flq-btn-md--border-radius: var(--flq-border-radius);
    --flq-btn-xl--padding-v: 24px;
    --flq-btn-xl--padding-h: 45px;
    --flq-btn-xl--font-size: 22px;
    --flq-btn-xl--size: 70px;
    --flq-btn-xl--border-radius: var(--flq-border-radius-lg);
    --flq-btn-lg--padding-v: 19px;
    --flq-btn-lg--padding-h: 45px;
    --flq-btn-lg--font-size: 18px;
    --flq-btn-lg--size: 56px;
    --flq-btn-lg--border-radius: var(--flq-border-radius);
    --flq-btn-sm--padding-v: 13px;
    --flq-btn-sm--padding-h: 30px;
    --flq-btn-sm--font-size: 14px;
    --flq-btn-sm--size: 40px;
    --flq-btn-sm--border-radius: var(--flq-border-radius);
    --flq-btn-xs--padding-h: 25px;
    --flq-btn-xs--padding-v: 12px;
    --flq-btn-xs--font-size: 12px;
    --flq-btn-xs--size: 36px;
    --flq-btn-xs--border-radius: var(--flq-border-radius-sm);
}

:root {
    --flq-form--color: var(--flq-color-text);
    --flq-form--border-width: 1px;
    --flq-form--border-color: var(--flq-color-border);
    --flq-form--border-radius: var(--flq-border-radius);
    --flq-form--background-color: var(--flq-color-background-300);
    --flq-form-focus--color: var(--flq-color-title);
    --flq-form-focus--border-color: var(--flq-color-meta);
    --flq-form-focus--background-color: var(--flq-color-background-300);
    --flq-form-lg--padding-v: 12.5px;
    --flq-form-lg--padding-h: 25px;
    --flq-form-lg--min-height: 56px;
    --flq-form-lg--border-radius: var(--flq-border-radius-lg);
    --flq-form__icon--size: 15px;
    --flq-form__icon--gap: 15px;
    --flq-form__icon--position: 0.4em;
    --flq-form__placeholder--color: var(--flq-color-meta);
    --flq-form-check--size: 20px;
    --flq-form-check--gap: 15px;
    --flq-form-check--position: 0.3em;
    --flq-form-check--color: var(--flq-color-title);
    --flq-form-check--border-radius: var(--flq-border-radius-sm);
    --flq-form-check--border-width: var(--flq-form--border-width);
    --flq-form-check--border-color: var(--flq-form--border-color);
    --flq-form-check--background-color: var(--flq-form--background-color);
    --flq-form-check-focus--border-color: var(--flq-form-focus--border-color);
    --flq-form-check-focus--background-color: var(--flq-form-focus--background-color);
    --flq-form-check-checked--border-color: var(--flq-color-brand);
    --flq-form-check-checked--background-color: var(--flq-color-brand);
    --flq-form-check-active--border-color: var(--flq-color-brand), 0.8;
    --flq-form-check-active--background-color: var(--flq-color-brand), 0.8;
    --flq-form-checkbox__icon--size: 14px;
    --flq-form-radio__icon--size: 16px;
}

:root {
    --flq-icon-stick: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 12H22" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/></svg>');
    --flq-icon-check: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.6667 3.5L5.25004 9.91667L2.33337 7" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --flq-icon-radio: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 8 8"><circle r="2" fill="%23fff"/></svg>');
    --flq-icon-select: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 7L12 3L8 7M8 17L12 21L16 17" stroke="%238A8A8F" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --flq-icon-select-focus: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 7L12 3L8 7M8 17L12 21L16 17" stroke="%23fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --flq-icon-message: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.125 0H1.875C0.84082 0 0 0.84082 0 1.875V10.3125C0 11.3467 0.84082 12.1875 1.875 12.1875H4.6875V14.6484C4.6875 14.9355 5.01563 15.1025 5.24707 14.9326L8.90625 12.1875H13.125C14.1592 12.1875 15 11.3467 15 10.3125V1.875C15 0.84082 14.1592 0 13.125 0Z" fill="%238A8A8F"/></svg>');
    --flq-icon-message-focus: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.125 0H1.875C0.84082 0 0 0.84082 0 1.875V10.3125C0 11.3467 0.84082 12.1875 1.875 12.1875H4.6875V14.6484C4.6875 14.9355 5.01563 15.1025 5.24707 14.9326L8.90625 12.1875H13.125C14.1592 12.1875 15 11.3467 15 10.3125V1.875C15 0.84082 14.1592 0 13.125 0Z" fill="%23fff"/></svg>');
    --flq-icon-phone: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5219 10.9997V13.1182C14.5227 13.3149 14.4824 13.5096 14.4036 13.6898C14.3249 13.87 14.2093 14.0317 14.0644 14.1647C13.9195 14.2976 13.7484 14.3989 13.5621 14.4619C13.3758 14.5249 13.1783 14.5483 12.9825 14.5306C10.8095 14.2945 8.72215 13.5519 6.88823 12.3626C5.182 11.2784 3.73542 9.83185 2.65121 8.12563C1.45777 6.28338 0.715066 4.18591 0.483271 2.00314C0.465624 1.80786 0.488832 1.61105 0.551416 1.42523C0.614001 1.23941 0.714591 1.06866 0.846783 0.923846C0.978974 0.779033 1.13987 0.663332 1.31923 0.584109C1.49858 0.504886 1.69247 0.463876 1.88855 0.463692H4.00706C4.34976 0.460319 4.68201 0.581677 4.94186 0.805147C5.2017 1.02862 5.37143 1.33895 5.41939 1.6783C5.50881 2.35627 5.67464 3.02195 5.91371 3.66264C6.00872 3.91539 6.02929 4.19009 5.97297 4.45417C5.91664 4.71825 5.7858 4.96066 5.59594 5.15266L4.6991 6.04949C5.70437 7.81742 7.16819 9.28124 8.93612 10.2865L9.83295 9.38967C10.025 9.19981 10.2674 9.06896 10.5314 9.01264C10.7955 8.95632 11.0702 8.97688 11.323 9.07189C11.9637 9.31097 12.6293 9.4768 13.3073 9.56621C13.6503 9.61461 13.9636 9.78739 14.1876 10.0517C14.4115 10.316 14.5305 10.6534 14.5219 10.9997Z" fill="%238A8A8F"/></svg>');
    --flq-icon-phone-focus: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5219 10.9997V13.1182C14.5227 13.3149 14.4824 13.5096 14.4036 13.6898C14.3249 13.87 14.2093 14.0317 14.0644 14.1647C13.9195 14.2976 13.7484 14.3989 13.5621 14.4619C13.3758 14.5249 13.1783 14.5483 12.9825 14.5306C10.8095 14.2945 8.72215 13.5519 6.88823 12.3626C5.182 11.2784 3.73542 9.83185 2.65121 8.12563C1.45777 6.28338 0.715066 4.18591 0.483271 2.00314C0.465624 1.80786 0.488832 1.61105 0.551416 1.42523C0.614001 1.23941 0.714591 1.06866 0.846783 0.923846C0.978974 0.779033 1.13987 0.663332 1.31923 0.584109C1.49858 0.504886 1.69247 0.463876 1.88855 0.463692H4.00706C4.34976 0.460319 4.68201 0.581677 4.94186 0.805147C5.2017 1.02862 5.37143 1.33895 5.41939 1.6783C5.50881 2.35627 5.67464 3.02195 5.91371 3.66264C6.00872 3.91539 6.02929 4.19009 5.97297 4.45417C5.91664 4.71825 5.7858 4.96066 5.59594 5.15266L4.6991 6.04949C5.70437 7.81742 7.16819 9.28124 8.93612 10.2865L9.83295 9.38967C10.025 9.19981 10.2674 9.06896 10.5314 9.01264C10.7955 8.95632 11.0702 8.97688 11.323 9.07189C11.9637 9.31097 12.6293 9.4768 13.3073 9.56621C13.6503 9.61461 13.9636 9.78739 14.1876 10.0517C14.4115 10.316 14.5305 10.6534 14.5219 10.9997Z" fill="%23fff"/></svg>');
    --flq-icon-user: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 8.4375C9.8291 8.4375 11.7188 6.54785 11.7188 4.21875C11.7188 1.88965 9.8291 0 7.5 0C5.1709 0 3.28125 1.88965 3.28125 4.21875C3.28125 6.54785 5.1709 8.4375 7.5 8.4375ZM11.25 9.375H9.63574C8.98535 9.67383 8.26172 9.84375 7.5 9.84375C6.73828 9.84375 6.01758 9.67383 5.36426 9.375H3.75C1.67871 9.375 0 11.0537 0 13.125V13.5938C0 14.3701 0.629883 15 1.40625 15H13.5938C14.3701 15 15 14.3701 15 13.5938V13.125C15 11.0537 13.3213 9.375 11.25 9.375Z" fill="%238A8A8F"/></svg>');
    --flq-icon-user-focus: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 8.4375C9.8291 8.4375 11.7188 6.54785 11.7188 4.21875C11.7188 1.88965 9.8291 0 7.5 0C5.1709 0 3.28125 1.88965 3.28125 4.21875C3.28125 6.54785 5.1709 8.4375 7.5 8.4375ZM11.25 9.375H9.63574C8.98535 9.67383 8.26172 9.84375 7.5 9.84375C6.73828 9.84375 6.01758 9.67383 5.36426 9.375H3.75C1.67871 9.375 0 11.0537 0 13.125V13.5938C0 14.3701 0.629883 15 1.40625 15H13.5938C14.3701 15 15 14.3701 15 13.5938V13.125C15 11.0537 13.3213 9.375 11.25 9.375Z" fill="%23fff"/></svg>');
    --flq-icon-mail: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6.22254L12 12.3853L24 6.22254C23.9556 5.48619 23.6205 4.79406 23.0634 4.2879C22.5063 3.78174 21.7693 3.49986 21.0034 3.5H2.99662C2.23071 3.49986 1.49373 3.78174 0.936618 4.2879C0.379505 4.79406 0.0444228 5.48619 0 6.22254Z" fill="%238A8A8F"/><path d="M24 8.35714L12 14.5195L0 8.35714V17.4188C0 18.236 0.31607 19.0197 0.87868 19.5975C1.44129 20.1754 2.20435 20.5 3 20.5H21C21.7957 20.5 22.5587 20.1754 23.1213 19.5975C23.6839 19.0197 24 18.236 24 17.4188V8.35714Z" fill="%238A8A8F"/></svg>');
    --flq-icon-mail-focus: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6.22254L12 12.3853L24 6.22254C23.9556 5.48619 23.6205 4.79406 23.0634 4.2879C22.5063 3.78174 21.7693 3.49986 21.0034 3.5H2.99662C2.23071 3.49986 1.49373 3.78174 0.936618 4.2879C0.379505 4.79406 0.0444228 5.48619 0 6.22254Z" fill="%23fff"/><path d="M24 8.35714L12 14.5195L0 8.35714V17.4188C0 18.236 0.31607 19.0197 0.87868 19.5975C1.44129 20.1754 2.20435 20.5 3 20.5H21C21.7957 20.5 22.5587 20.1754 23.1213 19.5975C23.6839 19.0197 24 18.236 24 17.4188V8.35714Z" fill="%23fff"/></svg>');
    --flq-icon-lock: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4107 6.125H12.1071C12.8761 6.125 13.5 6.71289 13.5 7.4375V12.6875C13.5 13.4121 12.8761 14 12.1071 14H1.89286C1.12388 14 0.5 13.4121 0.5 12.6875V7.4375C0.5 6.71289 1.12388 6.125 1.89286 6.125H2.58929V4.15625C2.58929 1.86484 4.5683 0 7 0C9.4317 0 11.4107 1.86484 11.4107 4.15625V6.125ZM4.91071 4.15625V6.125H9.08929V4.15625C9.08929 3.0707 8.15201 2.1875 7 2.1875C5.84799 2.1875 4.91071 3.0707 4.91071 4.15625ZM6.99999 12.2494C7.64129 12.2494 8.16071 11.76 8.16071 11.1557V9.8432C8.16071 9.2389 7.64129 8.74945 6.99999 8.74945C6.3587 8.74945 5.83928 9.2389 5.83928 9.8432V11.1557C5.83928 11.76 6.3587 12.2494 6.99999 12.2494Z" fill="%238A8A8F"/></svg>');
    --flq-icon-lock-focus: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4107 6.125H12.1071C12.8761 6.125 13.5 6.71289 13.5 7.4375V12.6875C13.5 13.4121 12.8761 14 12.1071 14H1.89286C1.12388 14 0.5 13.4121 0.5 12.6875V7.4375C0.5 6.71289 1.12388 6.125 1.89286 6.125H2.58929V4.15625C2.58929 1.86484 4.5683 0 7 0C9.4317 0 11.4107 1.86484 11.4107 4.15625V6.125ZM4.91071 4.15625V6.125H9.08929V4.15625C9.08929 3.0707 8.15201 2.1875 7 2.1875C5.84799 2.1875 4.91071 3.0707 4.91071 4.15625ZM6.99999 12.2494C7.64129 12.2494 8.16071 11.76 8.16071 11.1557V9.8432C8.16071 9.2389 7.64129 8.74945 6.99999 8.74945C6.3587 8.74945 5.83928 9.2389 5.83928 9.8432V11.1557C5.83928 11.76 6.3587 12.2494 6.99999 12.2494Z" fill="%23fff"/></svg>');
}

:root {
    --flq-nav--font-family: inter, sans-serif;
    --flq-nav--font-weight: 700;
    --flq-nav--font-size: 14px;
    --flq-nav--line-height: 1.6;
    --flq-nav--letter-spacing: auto;
    --flq-nav--text-transform: none;
}

/* ------------------------------------------------------------------

  Main

------------------------------------------------------------------- */
/* ------------------------------------------------------------------
  Base
------------------------------------------------------------------- */
body {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: hsl(var(--flq-color-background));
}

img {
    max-width: 100%;
}

hr {
    background-color: hsla(var(--flq-color-border));
}

iframe {
    border: none;
}

.flq-logo {
    width: var(--flq-logo-width);
}

.flq-image {
    display: block;
    background-color: hsla(var(--flq-color-border));
}

.flq-gmaps {
    width: 100%;
    height: 400px;
}

.flq-gmaps-lg {
    width: 100%;
    height: 550px;
}

.body-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

/* ------------------------------------------------------------------
  Helpers
------------------------------------------------------------------- */
/*
 * Text Color Helper
 */
.flq-color-opacity {
    --flq-color-title: var(--flq-color-white), var(--flq-color-title-opacity);
    --flq-color-text: var(--flq-color-white), var(--flq-color-text-opacity);
    --flq-color-meta: var(--flq-color-white), var(--flq-color-meta-opacity);
    --flq-color-border: var(--flq-color-white), var(--flq-color-border-opacity);
}

.flq-color-white {
    color: hsla(var(--flq-color-white)) !important;
}

.flq-color-title,
.flq-color-title-hover:hover {
    color: hsla(var(--flq-color-title)) !important;
}

.flq-color-text {
    color: hsla(var(--flq-color-text)) !important;
}

.flq-color-meta {
    color: hsla(var(--flq-color-meta)) !important;
}

/*
 * Rounded
 */
.flq-rounded {
    border-radius: var(--flq-border-radius) !important;
}

.flq-rounded-sm {
    border-radius: var(--flq-border-radius-sm) !important;
}

.flq-rounded-lg {
    border-radius: var(--flq-border-radius-lg) !important;
}

.flq-rounded-xl {
    border-radius: var(--flq-border-radius-xl) !important;
}

/*
 * Sticky.
 */
.flq-sticky-top {
    position: sticky;
    top: var(--bs-gutter-x, --flq-container--padding);
}

.flq-sticky-bottom {
    position: sticky;
    bottom: var(--bs-gutter-x, --flq-container--padding);
}

/*
 * Vertical Rule
 */
.vr {
    background-color: hsla(var(--flq-color-border));
}

/*
 * Pointer events
 */
.flq-pe-none {
    pointer-events: none !important;
}

.flq-pe-initial {
    pointer-events: initial !important;
}

/*
 * z index
 */
.z-index-0 {
    z-index: 0 !important;
}

.z-index-1 {
    z-index: 1 !important;
}

.z-index-2 {
    z-index: 2 !important;
}

.z-index-n1 {
    z-index: -1 !important;
}

.z-index-n2 {
    z-index: -2 !important;
}

/*
 * Viewport Sizing
 */
.vw-50 {
    width: calc(50vw - var(--flq-page-scrollbar__size)) !important;
}

.min-w-100 {
    min-width: 100% !important;
}

.min-h-100 {
    min-height: 100% !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

@media (min-width: 1072px) {
    .h-lg-100 {
        height: 100% !important;
    }
}
@media (max-width: 1279.98px) {
    .flq-full-width-xl-center {
        width: calc(100vw - var(--flq-page-scrollbar__size));
        margin-left: calc(50% - 50vw + var(--flq-page-scrollbar__size) * 0.5);
    }
}

/*
 * Paddings.
 */
.pt-navbar {
    padding-top: var(--flq-navbar-top--min-height);
}

.pb-navbar {
    padding-bottom: var(--flq-navbar-top--min-height);
}

/*
 * Translate.
 */
.flq-translate-y50 {
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
}

.flq-translate-yn50 {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

/*
 * Overflow.
 */
.flq-overflow-hidden {
    overflow: hidden;
}

.flq-overflow-hidden-x {
    overflow-x: hidden;
}

.flq-overflow-hidden-y {
    overflow-y: hidden;
}

.flq-overflow-disable {
    overflow: initial;
}

.flq-overflow-disable-x {
    overflow-x: initial;
}

.flq-overflow-disable-y {
    overflow-y: initial;
}

/*
 * Cursor Pointer Helper
 */
.cursor-pointer {
    cursor: pointer !important;
}

/*
 * Text Ellipsis Helper
 */
.text-ellipsis {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
}

/*
 * Opacity
 */
.op-0 {
    opacity: 0 !important;
}

.op-1 {
    opacity: 0.1 !important;
}

.op-2 {
    opacity: 0.2 !important;
}

.op-3 {
    opacity: 0.3 !important;
}

.op-4 {
    opacity: 0.4 !important;
}

.op-5 {
    opacity: 0.5 !important;
}

.op-6 {
    opacity: 0.6 !important;
}

.op-7 {
    opacity: 0.7 !important;
}

.op-8 {
    opacity: 0.8 !important;
}

.op-9 {
    opacity: 0.9 !important;
}

.op-10 {
    opacity: 1 !important;
}

/*
 * Responsive
 */
.flq-responsive {
    --flq-responsive: var(--flq-responsive-16x9);
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    padding-top: var(--flq-responsive);
    overflow: hidden;
    clear: both;
}
.flq-responsive-21x9 {
    --flq-responsive: var(--flq-responsive-21x9);
}

.flq-responsive-16x9 {
    --flq-responsive: var(--flq-responsive-16x9);
}

.flq-responsive-4x3 {
    --flq-responsive: var(--flq-responsive-4x3);
}

.flq-responsive-1x1 {
    --flq-responsive: var(--flq-responsive-1x1);
}

.flq-responsive-3x4 {
    --flq-responsive: var(--flq-responsive-3x4);
}

@media (min-width: 636px) {
    .flq-responsive-sm-21x9 {
        --flq-responsive: var(--flq-responsive-21x9);
    }

    .flq-responsive-sm-16x9 {
        --flq-responsive: var(--flq-responsive-16x9);
    }

    .flq-responsive-sm-4x3 {
        --flq-responsive: var(--flq-responsive-4x3);
    }

    .flq-responsive-sm-1x1 {
        --flq-responsive: var(--flq-responsive-1x1);
    }

    .flq-responsive-sm-3x4 {
        --flq-responsive: var(--flq-responsive-3x4);
    }
}
@media (min-width: 848px) {
    .flq-responsive-md-21x9 {
        --flq-responsive: var(--flq-responsive-21x9);
    }

    .flq-responsive-md-16x9 {
        --flq-responsive: var(--flq-responsive-16x9);
    }

    .flq-responsive-md-4x3 {
        --flq-responsive: var(--flq-responsive-4x3);
    }

    .flq-responsive-md-1x1 {
        --flq-responsive: var(--flq-responsive-1x1);
    }

    .flq-responsive-md-3x4 {
        --flq-responsive: var(--flq-responsive-3x4);
    }
}
@media (min-width: 1072px) {
    .flq-responsive-lg-21x9 {
        --flq-responsive: var(--flq-responsive-21x9);
    }

    .flq-responsive-lg-16x9 {
        --flq-responsive: var(--flq-responsive-16x9);
    }

    .flq-responsive-lg-4x3 {
        --flq-responsive: var(--flq-responsive-4x3);
    }

    .flq-responsive-lg-1x1 {
        --flq-responsive: var(--flq-responsive-1x1);
    }

    .flq-responsive-lg-3x4 {
        --flq-responsive: var(--flq-responsive-3x4);
    }
}
@media (min-width: 1280px) {
    .flq-responsive-xl-21x9 {
        --flq-responsive: var(--flq-responsive-21x9);
    }

    .flq-responsive-xl-16x9 {
        --flq-responsive: var(--flq-responsive-16x9);
    }

    .flq-responsive-xl-4x3 {
        --flq-responsive: var(--flq-responsive-4x3);
    }

    .flq-responsive-xl-1x1 {
        --flq-responsive: var(--flq-responsive-1x1);
    }

    .flq-responsive-xl-3x4 {
        --flq-responsive: var(--flq-responsive-3x4);
    }
}
@media (min-width: 1480px) {
    .flq-responsive-xxl-21x9 {
        --flq-responsive: var(--flq-responsive-21x9);
    }

    .flq-responsive-xxl-16x9 {
        --flq-responsive: var(--flq-responsive-16x9);
    }

    .flq-responsive-xxl-4x3 {
        --flq-responsive: var(--flq-responsive-4x3);
    }

    .flq-responsive-xxl-1x1 {
        --flq-responsive: var(--flq-responsive-1x1);
    }

    .flq-responsive-xxl-3x4 {
        --flq-responsive: var(--flq-responsive-3x4);
    }
}
/* ------------------------------------------------------------------
  Typography
------------------------------------------------------------------- */
body {
    font-family: var(--flq-body--font-family);
    font-size: var(--flq-body--font-size);
    font-weight: var(--flq-body--font-weight);
    line-height: var(--flq-body--line-height);
    color: hsla(var(--flq-color-text));
    text-transform: var(--flq-body--text-transform);
    overflow-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: hsl(var(--flq-color-title));
    text-decoration: none;
    -webkit-transition: color var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: color var(--flq-transition-duration) var(--flq-transition-easing);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing);
}
/* a:hover, a:focus {
    color: hsl(var(--flq-color-brand));
    text-decoration: none;
}
a:focus:not(:focus-visible) {
    outline: none;
} */

p:first-child,
.paragraph:first-child {
    margin-top: 0;
}
p:last-child,
.paragraph:last-child {
    margin-bottom: 0;
}

.paragraph {
    display: block;
}

strong,
.strong {
    font-weight: var(--flq-body--font-weight-bold);
}

small,
.small {
    font-size: var(--flq-small--font-size);
    font-weight: var(--flq-small--font-weight);
    line-height: var(--flq-small--line-height);
    text-transform: var(--flq-small--text-transform);
}

.lead {
    font-size: var(--flq-lead--font-size);
    font-weight: var(--flq-lead--font-weight);
    line-height: var(--flq-lead--line-height);
    text-transform: var(--flq-lead--text-transform);
}

blockquote {
    position: relative;
    padding: 0;
    font-size: var(--flq-lead--font-size);
    font-weight: var(--flq-lead--font-weight-bold);
    line-height: var(--flq-lead--line-height);
    color: hsla(var(--flq-color-title));
    text-transform: var(--flq-lead--text-transform);
}
blockquote::before {
    position: absolute;
    top: -12.5px;
    bottom: -12.5px;
    left: -30px;
    width: 3px;
    content: "";
    background-color: hsl(var(--flq-color-brand));
    border-radius: var(--flq-border-radius);
}

.flq-vertical-rhythm > * {
    margin-top: calc(var(--flq-vertical-rhythm) + 8px);
    margin-bottom: calc(var(--flq-vertical-rhythm) + 8px);
}
.flq-vertical-rhythm > p,
.flq-vertical-rhythm > ul,
.flq-vertical-rhythm > ol,
.flq-vertical-rhythm > blockquote {
    margin-top: var(--flq-vertical-rhythm);
    margin-bottom: var(--flq-vertical-rhythm);
}
.flq-vertical-rhythm > h1,
.flq-vertical-rhythm > h2,
.flq-vertical-rhythm > h3,
.flq-vertical-rhythm > h4,
.flq-vertical-rhythm > h5,
.flq-vertical-rhythm > h6,
.flq-vertical-rhythm > .h1,
.flq-vertical-rhythm > .h2,
.flq-vertical-rhythm > .h3,
.flq-vertical-rhythm > .h4,
.flq-vertical-rhythm > .h5,
.flq-vertical-rhythm > .h6,
.flq-vertical-rhythm > .display-1,
.flq-vertical-rhythm > .display-2,
.flq-vertical-rhythm > .display-3,
.flq-vertical-rhythm > .display-4,
.flq-vertical-rhythm > .display-5,
.flq-vertical-rhythm > .display-6 {
    margin-top: calc(var(--flq-vertical-rhythm) * 2);
    margin-bottom: var(--flq-vertical-rhythm);
}
.flq-vertical-rhythm > .flq-subtitle {
    margin-bottom: 0;
}
.flq-vertical-rhythm > *:first-child {
    margin-top: 0;
}
.flq-vertical-rhythm > *:last-child {
    margin-bottom: 0;
}

.flq-subtitle + h1,
.flq-subtitle + h2,
.flq-subtitle + h3,
.flq-subtitle + h4,
.flq-subtitle + h5,
.flq-subtitle + h6,
.flq-subtitle + .h1,
.flq-subtitle + .h2,
.flq-subtitle + .h3,
.flq-subtitle + .h4,
.flq-subtitle + .h5,
.flq-subtitle + .h6,
.flq-subtitle + .display-1,
.flq-subtitle + .display-2,
.flq-subtitle + .display-3,
.flq-subtitle + .display-4,
.flq-subtitle + .display-5,
.flq-subtitle + .display-6 {
    margin-top: var(--flq-vertical-rhythm-1);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
    font-family: var(--flq-heading--font-family);
    font-weight: var(--flq-heading--font-weight);
    color: hsl(var(--flq-color-title));
    text-transform: var(--flq-heading--text-transform);
}
h1 > .badge,
h2 > .badge,
h3 > .badge,
h4 > .badge,
h5 > .badge,
h6 > .badge,
.h1 > .badge,
.h2 > .badge,
.h3 > .badge,
.h4 > .badge,
.h5 > .badge,
.h6 > .badge,
.display-1 > .badge,
.display-2 > .badge,
.display-3 > .badge,
.display-4 > .badge,
.display-5 > .badge,
.display-6 > .badge {
    font-size: 45%;
    vertical-align: middle;
}

h1,
.h1 {
    font-size: var(--flq-h1--font-size);
    line-height: var(--flq-h1--line-height);
    letter-spacing: var(--flq-h1--letter-spacing);
}

h2,
.h2 {
    font-size: var(--flq-h2--font-size);
    line-height: var(--flq-h2--line-height);
    letter-spacing: var(--flq-h2--letter-spacing);
}

h3,
.h3 {
    font-size: var(--flq-h3--font-size);
    line-height: var(--flq-h3--line-height);
    letter-spacing: var(--flq-h3--letter-spacing);
}

h4,
.h4 {
    font-size: var(--flq-h4--font-size);
    line-height: var(--flq-h4--line-height);
    letter-spacing: var(--flq-h4--letter-spacing);
}

h5,
.h5 {
    font-size: var(--flq-h5--font-size);
    line-height: var(--flq-h5--line-height);
    letter-spacing: var(--flq-h5--letter-spacing);
}

h6,
.h6 {
    font-size: var(--flq-h6--font-size);
    line-height: var(--flq-h6--line-height);
    letter-spacing: var(--flq-h6--letter-spacing);
}

h5,
.h5,
h6,
.h6 {
    font-weight: calc(var(--flq-heading--font-weight) - 100);
}

.display-1 {
    font-size: var(--flq-d1--font-size);
    line-height: var(--flq-d1--line-height);
    letter-spacing: var(--flq-d1--letter-spacing);
}

.display-2 {
    font-size: var(--flq-d2--font-size);
    line-height: var(--flq-d2--line-height);
    letter-spacing: var(--flq-d2--letter-spacing);
}

.display-3 {
    font-size: var(--flq-d3--font-size);
    line-height: var(--flq-d3--line-height);
    letter-spacing: var(--flq-d3--letter-spacing);
}

.display-4 {
    font-size: var(--flq-d4--font-size);
    line-height: var(--flq-d4--line-height);
    letter-spacing: var(--flq-d4--letter-spacing);
}

.display-5 {
    font-size: var(--flq-d5--font-size);
    line-height: var(--flq-d5--line-height);
    letter-spacing: var(--flq-d5--letter-spacing);
}

.display-6 {
    font-size: var(--flq-d6--font-size);
    line-height: var(--flq-d6--line-height);
    letter-spacing: var(--flq-d6--letter-spacing);
}

/* ------------------------------------------------------------------
  Scrollbar
------------------------------------------------------------------- */
:root {
    --flq-scrollbar__width: 15px;
    --flq-scrollbar__border-width: 4px;
    --flq-scrollbar__color: var(--flq-color-text);
    --flq-scrollbar__background-color: var(--flq-color-background);
}

/* html:not(.is-mobile) ::-webkit-scrollbar {
    width: var(--flq-scrollbar__width);
    height: var(--flq-scrollbar__width);
}
html:not(.is-mobile) ::-webkit-scrollbar-track {
   */  background-color: hsla(var(--flq-scrollbar__background-color));
}
html:not(.is-mobile) ::-webkit-scrollbar-thumb {
    background-color: hsla(var(--flq-scrollbar__color));
    /* border: var(--flq-scrollbar__border-width) solid hsla(var(--flq-scrollbar__background-color));
    border-radius: var(--flq-border-radius-lg); */
}

/* ------------------------------------------------------------------
  Preloader
------------------------------------------------------------------- */
.flq-preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    background-color: hsla(var(--flq-color-background-100), 1);
    -webkit-transition: background-color 0.6s ease;
    -o-transition: background-color 0.6s ease;
    transition: background-color 0.6s ease;
}
.flq-preloader::before, .flq-preloader::after {
    position: absolute;
    right: 0;
    left: 0;
    z-index: -1;
    display: block;
    height: 51%;
    content: "";
    background-color: hsla(var(--flq-color-background-100), 1);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(1, 0, 0.55, 1);
    transition: -webkit-transform 0.7s cubic-bezier(1, 0, 0.55, 1);
    -o-transition: transform 0.7s cubic-bezier(1, 0, 0.55, 1);
    transition: transform 0.7s cubic-bezier(1, 0, 0.55, 1);
    transition: transform 0.7s cubic-bezier(1, 0, 0.55, 1), -webkit-transform 0.7s cubic-bezier(1, 0, 0.55, 1);
    -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
    will-change: transform;
}
.flq-preloader::before {
    top: 0;
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
}
.flq-preloader::after {
    bottom: 0;
    -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
            transform-origin: bottom;
}

.flq-preloader-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    will-change: opacity, clip-path;
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    -webkit-transition: opacity 0.7s cubic-bezier(1, 0, 0.55, 1), -webkit-clip-path 0.5s cubic-bezier(0, 0, 0.55, 1);
    transition: opacity 0.7s cubic-bezier(1, 0, 0.55, 1), -webkit-clip-path 0.5s cubic-bezier(0, 0, 0.55, 1);
    -o-transition: opacity 0.7s cubic-bezier(1, 0, 0.55, 1), clip-path 0.5s cubic-bezier(0, 0, 0.55, 1);
    transition: opacity 0.7s cubic-bezier(1, 0, 0.55, 1), clip-path 0.5s cubic-bezier(0, 0, 0.55, 1);
    transition: opacity 0.7s cubic-bezier(1, 0, 0.55, 1), clip-path 0.5s cubic-bezier(0, 0, 0.55, 1), -webkit-clip-path 0.5s cubic-bezier(0, 0, 0.55, 1);
}
.flq-preloader-title > span {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
}
@media (max-width: 635.98px) {
    .flq-preloader-title {
        font-size: 3rem;
    }
}

.flq-preloader-hide {
    pointer-events: none;
    background-color: hsla(var(--flq-color-background-100), 0);
}
.flq-preloader-hide .flq-preloader-title {
    -webkit-clip-path: inset(50% 0 50% 0);
            clip-path: inset(50% 0 50% 0);
    opacity: 0;
}
.flq-preloader-hide::before, .flq-preloader-hide::after {
    -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
            transform: scaleY(0);
}

/* ------------------------------------------------------------------

  Layouts

------------------------------------------------------------------- */
/* ------------------------------------------------------------------
  Navbar Top.
------------------------------------------------------------------- */
:root {
    --flq-navbar-top--min-height: 80px;
}

.flq-navbar-top {
    --flq-navbar-top--position: sticky;
    --flq-navbar-top--background-color: var(--flq-color-dark), 0.5;
    --flq-navbar-top__content--gap: 30px;
    --flq-navbar-top__cloud--offset: var(--flq-page-offset);
    --flq-navbar-top__toggle--width: 45px;
    --flq-navbar-top__toggle--height: 45px;
    --flq-navbar-top__toggle--color: var(--flq-color-title);
    position: var(--flq-navbar-top--position);
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    min-height: var(--flq-navbar-top--min-height);
    margin-right: var(--flq-navbar-top__cloud--offset);
    margin-left: var(--flq-navbar-top__cloud--offset);
    visibility: visible;
    -webkit-transition: visibility var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: visibility var(--flq-transition-duration) var(--flq-transition-easing);
    transition: visibility var(--flq-transition-duration) var(--flq-transition-easing);
}
.flq-navbar-top::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    content: "";
    background-color: hsla(var(--flq-navbar-top--background-color));
    border-radius: var(--flq-border-radius-lg);
    opacity: 0;
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration) var(--flq-transition-easing);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), transform var(--flq-transition-duration) var(--flq-transition-easing);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), transform var(--flq-transition-duration) var(--flq-transition-easing);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), transform var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration) var(--flq-transition-easing);
    will-change: opacity, transform;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .flq-navbar-top::before {
        -webkit-backdrop-filter: blur(var(--flq-backdrop-blur));
                backdrop-filter: blur(var(--flq-backdrop-blur));
    }
}
.flq-navbar-top .flq-navbar-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration) var(--flq-transition-easing);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: transform var(--flq-transition-duration) var(--flq-transition-easing), opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: transform var(--flq-transition-duration) var(--flq-transition-easing), opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: transform var(--flq-transition-duration) var(--flq-transition-easing), opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration) var(--flq-transition-easing);
}
.flq-navbar-top .container {
    position: relative;
}
.flq-navbar-top .container-fluid {
    padding-right: calc(var(--flq-container--padding) - var(--flq-navbar-top__cloud--offset));
    padding-left: calc(var(--flq-container--padding) - var(--flq-navbar-top__cloud--offset));
}
.flq-navbar-top .flq-navbar-content {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flq-navbar-top .flq-navbar-container,
.flq-navbar-top .flq-navbar-content {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.flq-navbar-top .flq-navbar-brand {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
}
.flq-navbar-top .nav {
    --flq-nav__link--color: var(--flq-color-title);
}
.flq-navbar-top .flq-navbar-top-toggle {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: var(--flq-btn-xs--size);
}
.flq-navbar-top .flq-navbar-top-toggle::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: var(--flq-btn-xs--size);
    margin-top: calc(var(--flq-btn-xs--size) * -0.5);
    -webkit-clip-path: inset(0 0 0 0 round var(--flq-border-radius));
            clip-path: inset(0 0 0 0 round var(--flq-border-radius));
    content: "";
    background-color: hsla(var(--flq-color-white), 0.1);
    -webkit-transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
}
.flq-navbar-top .flq-navbar-top-toggle > span {
    display: block;
    width: 18px;
    height: 2px;
    margin: 2px 0;
    background-color: hsla(var(--flq-color-title));
    border-radius: var(--flq-border-radius);
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    will-change: transform, opacity;
}
.flq-navbar-top .flq-navbar-top-toggle:hover::before, .flq-navbar-top .flq-navbar-top-toggle:focus::before {
    -webkit-clip-path: inset(0 0 0 0 round 50%);
            clip-path: inset(0 0 0 0 round 50%);
}
.flq-navbar-top .flq-navbar-top-toggle:hover > span:nth-child(1), .flq-navbar-top .flq-navbar-top-toggle:focus > span:nth-child(1) {
    -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
            transform: translateY(3px);
}
.flq-navbar-top .flq-navbar-top-toggle:hover > span:nth-child(3), .flq-navbar-top .flq-navbar-top-toggle:focus > span:nth-child(3) {
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
}
.flq-navbar-top .flq-navbar-top-toggle:hover > span:nth-child(2), .flq-navbar-top .flq-navbar-top-toggle:focus > span:nth-child(2) {
    opacity: 0;
    -webkit-transform: scaleX(0.7);
        -ms-transform: scaleX(0.7);
            transform: scaleX(0.7);
}
.flq-navbar-top .flq-navbar-top-user {
    position: relative;
    display: block;
    width: var(--flq-btn-xs--size);
    height: var(--flq-btn-xs--size);
    overflow: hidden;
    border-radius: 50%;
}
.flq-navbar-top .flq-dropdown-mega {
    position: static;
}
.flq-navbar-top .container-fluid .flq-dropdown-mega > .dropdown-menu {
    right: 0;
    left: 0;
}
.flq-navbar-top .container .flq-dropdown-mega > .dropdown-menu {
    right: var(--bs-gutter-x);
    left: var(--bs-gutter-x);
}

.flq-navbar-top-cloud .container,
.flq-navbar-top-cloud .container-fluid, .flq-navbar-top-cloud::before,
.flq-navbar-top-scroll .container,
.flq-navbar-top-scroll .container-fluid,
.flq-navbar-top-scroll::before {
    -webkit-transform: translateY(var(--flq-navbar-top__cloud--offset));
        -ms-transform: translateY(var(--flq-navbar-top__cloud--offset));
            transform: translateY(var(--flq-navbar-top__cloud--offset));
}
.flq-navbar-top-cloud::before,
.flq-navbar-top-scroll::before {
    opacity: 1;
}

.flq-navbar-top-fixed {
    --flq-navbar-top--position: fixed;
}

.flq-offcanvas-active .flq-navbar-top-fixed,
.fancybox-active .flq-navbar-top-fixed {
    right: var(--flq-page-scrollbar__size);
}

.flq-navbar-top-hide {
    visibility: hidden;
}
.flq-navbar-top-hide .container,
.flq-navbar-top-hide .container-fluid, .flq-navbar-top-hide::before {
    opacity: 0;
    -webkit-transform: translateY(calc(var(--flq-navbar-top__cloud--offset) * -1));
        -ms-transform: translateY(calc(var(--flq-navbar-top__cloud--offset) * -1));
            transform: translateY(calc(var(--flq-navbar-top__cloud--offset) * -1));
}

/* ------------------------------------------------------------------
  Navbar Icons.
------------------------------------------------------------------- */
:root {
    --flq-navbar-icons--min-height: 0%;
}

@media (max-width: 635.98px) {
    .flq-navbar-icons-existence {
        --flq-navbar-icons--min-height: 80px;
    }
}
.flq-navbar-icons {
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none;
    -webkit-clip-path: inset(0 var(--flq-page-offset) 0 var(--flq-page-offset) round var(--flq-border-radius-lg));
            clip-path: inset(0 var(--flq-page-offset) 0 var(--flq-page-offset) round var(--flq-border-radius-lg));
    content: "";
    background-color: hsla(var(--flq-color-black), 0.3);
    -webkit-transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transform: translateY(calc(var(--flq-page-offset) * -0.5));
        -ms-transform: translateY(calc(var(--flq-page-offset) * -0.5));
            transform: translateY(calc(var(--flq-page-offset) * -0.5));
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .flq-navbar-icons {
        -webkit-backdrop-filter: blur(var(--flq-backdrop-blur));
                backdrop-filter: blur(var(--flq-backdrop-blur));
    }
}
@media (max-width: 635.98px) {
    .flq-navbar-icons {
        display: block;
    }
}
.flq-navbar-icons > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    min-height: var(--flq-navbar-icons--min-height);
    padding-right: calc(var(--flq-container--padding) - var(--flq-page-offset));
    padding-left: calc(var(--flq-container--padding) - var(--flq-page-offset));
}
.flq-navbar-icons > ul > li {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.flq-navbar-icons-end {
    -webkit-clip-path: inset(0 0% 0 0% round 0%);
            clip-path: inset(0 0% 0 0% round 0%);
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.flq-navbar-icons-hide {
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
}

/* ------------------------------------------------------------------
  Navbar Mobile.
------------------------------------------------------------------- */
.flq-navbar-mobile {
    width: 100%;
}
.flq-navbar-mobile .nav {
    --flq-nav--font-family: var(--flq-heading--font-family);
    --flq-nav--font-size: var(--flq-h1--font-size);
    --flq-nav--font-weight: var(--flq-heading--font-weight);
    --flq-nav--line-height: var(--flq-h1--line-height);
    --flq-nav--letter-spacing: var(--flq-h1--letter-spacing);
    --flq-nav--text-transform: var(--flq-heading--text-transform);
    --flq-nav-vertical--gap: 0%;
    --flq-nav__link--color: var(--flq-color-white), var(--flq-color-text-opacity);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.flq-navbar-mobile .nav.flex-column {
    margin-top: 0;
    margin-bottom: 0;
}
@media (max-width: 635.98px) {
    .flq-navbar-mobile .flq-navbar-nav {
        padding-left: calc(var(--flq-accordion__button-icon--size) + var(--flq-accordion__button-icon--gap));
    }
}
.flq-navbar-mobile .active > .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: hsla(var(--flq-nav__link-active--color));
}
.flq-navbar-mobile .active > .nav-link > .nav-link-name {
    position: relative;
    padding-right: calc(var(--flq-accordion__button-dot--size) + var(--flq-accordion__button-dot--gap));
}
.flq-navbar-mobile .active > .nav-link > .nav-link-name::after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: var(--flq-accordion__button-dot--size);
    height: var(--flq-accordion__button-dot--size);
    margin-top: calc(var(--flq-accordion__button-dot--size) * -0.5);
    content: "";
    background-color: hsla(var(--flq-color-brand));
    border-radius: 50%;
}
.flq-navbar-mobile .accordion {
    --flq-accordion__item--padding-v: 0%;
    --flq-accordion__item--gap: 0%;
    --flq-accordion__button-icon--gap: 20px;
    --flq-accordion__button-icon--background-color: var(--flq-color-white), var(--flq-color-border-opacity);
}
.flq-navbar-mobile .accordion .collapsing {
    overflow: initial;
    -webkit-clip-path: inset(0 -100% 0 -100%);
            clip-path: inset(0 -100% 0 -100%);
}
.flq-navbar-mobile .accordion-collapse > .nav {
    --flq-nav--font-size: var(--flq-h5--font-size);
    --flq-nav--line-height: var(--flq-h5--line-height);
    --flq-nav--letter-spacing: var(--flq-h5--letter-spacing);
    --flq-accordion__button-icon--gap: 15px;
    --flq-accordion__button-icon--size: var(--flq-accordion__button-icon-line--size);
    --flq-accordion__button-icon--background-color: transparent;
}
.flq-navbar-mobile .accordion-collapse > .nav .nav {
    padding-left: calc(var(--flq-accordion__button-icon--size) + var(--flq-accordion__button-icon--gap));
}
.flq-navbar-mobile .accordion-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    background-color: transparent;
}
.flq-navbar-mobile .accordion-item:hover {
    background-color: transparent;
}
.flq-navbar-mobile .accordion-item > button {
    background-color: transparent;
    border: 0;
}
.flq-navbar-mobile .accordion-button {
    font-family: var(--flq-nav--font-family);
    font-size: var(--flq-nav--font-size);
    font-weight: var(--flq-nav--font-weight);
    line-height: var(--flq-nav--line-height);
    color: hsla(var(--flq-nav__link--color));
    text-transform: var(--flq-nav--text-transform);
    letter-spacing: var(--flq-nav--letter-spacing);
}
.flq-navbar-mobile .accordion-button:not(.collapsed) {
    padding-left: var(--flq-nav__link--padding-h);
}
.flq-navbar-mobile .accordion-button::before {
    display: none;
}
.flq-navbar-mobile .accordion-button-icon {
    right: 100%;
    left: calc((var(--flq-accordion__button-icon--size) + var(--flq-accordion__button-icon--gap)) * -1);
}

/* ------------------------------------------------------------------
  Footer.
------------------------------------------------------------------- */
.flq-footer {
    position: relative;
    overflow: hidden;
    background-color: hsla(var(--flq-color-background-footer));
}

/* ------------------------------------------------------------------

  Components Bootstrap

------------------------------------------------------------------- */
/* ------------------------------------------------------------------
  forms
------------------------------------------------------------------- */
.form-control,
.form-select {
    --flq-form--padding-v: 8.75px;
    --flq-form--padding-h: 25px;
    --flq-form--min-height: 48px;
    height: auto;
    min-height: var(--flq-form--min-height);
    padding: var(--flq-form--padding-v) var(--flq-form--padding-h);
    font-family: var(--flq-body--font-family);
    font-size: var(--flq-body--font-size);
    font-weight: var(--flq-body--font-weight);
    line-height: var(--flq-body--line-height);
    color: hsla(var(--flq-form--color));
    text-transform: var(--flq-body--text-transform);
    background-color: hsla(var(--flq-form--background-color));
    background-repeat: no-repeat;
    background-position: var(--flq-form--padding-h) calc(var(--flq-form--padding-v) + var(--flq-form__icon--position));
    background-size: var(--flq-form__icon--size);
    border: var(--flq-form--border-width) solid hsla(var(--flq-form--border-color));
    border-radius: var(--flq-form--border-radius);
    -webkit-transition: color var(--flq-transition-duration) var(--flq-transition-easing), background var(--flq-transition-duration) var(--flq-transition-easing), border-color var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: color var(--flq-transition-duration) var(--flq-transition-easing), background var(--flq-transition-duration) var(--flq-transition-easing), border-color var(--flq-transition-duration) var(--flq-transition-easing);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing), background var(--flq-transition-duration) var(--flq-transition-easing), border-color var(--flq-transition-duration) var(--flq-transition-easing);
}
.form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder {
    color: hsla(var(--flq-form__placeholder--color));
    opacity: 1;
}
.form-control::-moz-placeholder, .form-select::-moz-placeholder {
    color: hsla(var(--flq-form__placeholder--color));
    opacity: 1;
}
.form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder {
    color: hsla(var(--flq-form__placeholder--color));
    opacity: 1;
}
.form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder {
    color: hsla(var(--flq-form__placeholder--color));
    opacity: 1;
}
.form-control::placeholder,
.form-select::placeholder {
    color: hsla(var(--flq-form__placeholder--color));
    opacity: 1;
}
.form-control:focus,
.form-select:focus {
    color: hsla(var(--flq-form-focus--color));
    background-color: hsla(var(--flq-form-focus--background-color));
    border-color: hsla(var(--flq-form-focus--border-color));
}

textarea.form-control {
    --flq-form__icon--position: 0.5em;
}

.form-control,
.form-select,
textarea.form-control {
    min-height: var(--flq-form--min-height);
}

.form-control-lg,
.form-select-lg,
textarea.form-control-lg {
    --flq-form--padding-v: var(--flq-form-lg--padding-v);
    --flq-form--padding-h: var(--flq-form-lg--padding-h);
    --flq-form--min-height: var(--flq-form-lg--min-height);
    border-radius: var(--flq-form-lg--border-radius);
}

.flq-form-glass {
    --flq-form--border-color: var(--flq-color-black), 0.2;
    --flq-form--background-color: var(--flq-color-black), 0.2;
    --flq-form-focus--border-color: var(--flq-color-black), 0.4;
    --flq-form-focus--background-color: var(--flq-color-black), 0.4;
    --flq-form-check--border-color: var(--flq-form--border-color);
    --flq-form-check--background-color: var(--flq-form--background-color);
    --flq-form-check-focus--border-color: var(--flq-form-focus--border-color);
    --flq-form-check-focus--background-color: var(--flq-form-focus--background-color);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .flq-form-glass {
        -webkit-backdrop-filter: blur(var(--flq-backdrop-blur));
                backdrop-filter: blur(var(--flq-backdrop-blur));
    }
}

.flq-form-translucent {
    --flq-form--border-color: var(--flq-color-white), var(--flq-color-border-opacity);
    --flq-form--background-color: var(--flq-color-white), 0.06;
    --flq-form-focus--border-color: var(--flq-color-white), var(--flq-color-meta-opacity);
    --flq-form-focus--background-color: var(--flq-color-white), 0.06;
    --flq-form-check--border-color: var(--flq-form--border-color);
    --flq-form-check--background-color: var(--flq-form--background-color);
    --flq-form-check-focus--border-color: var(--flq-form-focus--border-color);
    --flq-form-check-focus--background-color: var(--flq-form-focus--background-color);
}

.flq-form-user {
    padding-left: calc(var(--flq-form--padding-h) + var(--flq-form__icon--size) + var(--flq-form__icon--gap));
    background-image: var(--flq-icon-user);
}
.flq-form-user:focus {
    background-image: var(--flq-icon-user-focus);
}

.flq-form-mail {
    padding-left: calc(var(--flq-form--padding-h) + var(--flq-form__icon--size) + var(--flq-form__icon--gap));
    background-image: var(--flq-icon-mail);
}
.flq-form-mail:focus {
    background-image: var(--flq-icon-mail-focus);
}

.flq-form-lock {
    padding-left: calc(var(--flq-form--padding-h) + var(--flq-form__icon--size) + var(--flq-form__icon--gap));
    background-image: var(--flq-icon-lock);
}
.flq-form-lock:focus {
    background-image: var(--flq-icon-lock-focus);
}

.flq-form-phone {
    padding-left: calc(var(--flq-form--padding-h) + var(--flq-form__icon--size) + var(--flq-form__icon--gap));
    background-image: var(--flq-icon-phone);
}
.flq-form-phone:focus {
    background-image: var(--flq-icon-phone-focus);
}

.flq-form-message {
    padding-left: calc(var(--flq-form--padding-h) + var(--flq-form__icon--size) + var(--flq-form__icon--gap));
    background-image: var(--flq-icon-message);
}
.flq-form-message:focus {
    background-image: var(--flq-icon-message-focus);
}

.form-select {
    padding-right: calc(var(--flq-form--padding-h) + var(--flq-form__icon--size) + var(--flq-form__icon--gap));
    background-image: var(--flq-icon-select);
    background-position: calc(100% - var(--flq-form--padding-h)) calc(var(--flq-form--padding-v) + var(--flq-form__icon--position));
}
.form-select:focus {
    background-image: var(--flq-icon-select-focus);
}

.form-check {
    position: relative;
    display: inline-block;
    padding-left: calc(var(--flq-form-check--size) + var(--flq-form-check--gap));
}
.form-check + .form-check {
    margin-top: var(--flq-vertical-rhythm-1);
}

.form-check-input {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--flq-form-check--size);
    height: var(--flq-form-check--size);
    margin-top: var(--flq-form-check--position);
    background-color: hsla(var(--flq-form-check--background-color));
    border: var(--flq-form-check--border-width) solid hsla(var(--flq-form-check--border-color));
    border-radius: var(--flq-form-check--border-radius);
    -webkit-transition: background-color var(--flq-transition-duration) var(--flq-transition-easing), border-color var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: background-color var(--flq-transition-duration) var(--flq-transition-easing), border-color var(--flq-transition-duration) var(--flq-transition-easing);
    transition: background-color var(--flq-transition-duration) var(--flq-transition-easing), border-color var(--flq-transition-duration) var(--flq-transition-easing);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.form-check-input::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    will-change: clip-path;
}
.form-check-input[type=checkbox]::after {
    background-image: var(--flq-icon-check);
    background-size: var(--flq-form-checkbox__icon--size);
}
.form-check-input[type=radio]::after {
    background-image: var(--flq-icon-radio);
    background-size: var(--flq-form-radio__icon--size);
}
.form-check-input:focus {
    background-color: hsla(var(--flq-form-check-focus--background-color));
    border-color: hsla(var(--flq-form-check-focus--border-color));
}
.form-check-input:checked {
    background-color: hsla(var(--flq-form-check-checked--background-color));
    border-color: hsla(var(--flq-form-check-checked--border-color));
}
.form-check-input:checked::after {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
}
.form-check-input:checked[type=checkbox], .form-check-input:checked[type=radio] {
    background-image: none;
}
.form-check-input:not(:disabled):active {
    background-color: hsla(var(--flq-form-check-active--background-color));
    border-color: hsla(var(--flq-form-check-active--border-color));
}

.form-check-label {
    color: hsla(var(--flq-color-text));
    text-align: left;
}

/* ------------------------------------------------------------------
  container
------------------------------------------------------------------- */
:root {
    --flq-container--padding: 40px;
    --flq-container--max-width: 1320px;
    --flq-container-small--max-width: 770px;
}
@media (min-width: 636px) and (max-width: 847.98px) {
    :root {
        --flq-container--max-width: 540px;
    }
}
@media (min-width: 848px) and (max-width: 1071.98px) {
    :root {
        --flq-container--max-width: 720px;
    }
}
@media (min-width: 1072px) and (max-width: 1279.98px) {
    :root {
        --flq-container--max-width: 960px;
    }
}
@media (min-width: 1280px) and (max-width: 1479.98px) {
    :root {
        --flq-container--max-width: 1140px;
    }
}
@media (max-width: 1071.98px) {
    :root {
        --flq-container-small--max-width: var(--flq-container--max-width);
    }
}

.container,
.container-fluid,
.container-small {
    width: 100%;
    padding-right: var(--flq-container--padding);
    padding-left: var(--flq-container--padding);
    margin-right: auto;
    margin-left: auto;
}

.container {
    max-width: calc(var(--flq-container--max-width) + var(--flq-container--padding) + var(--flq-container--padding));
}

.container-fluid {
    max-width: 100%;
}

.container-small {
    max-width: calc(var(--flq-container-small--max-width) + var(--flq-container--padding) + var(--flq-container--padding));
}

/* ------------------------------------------------------------------
  button
------------------------------------------------------------------- */
@-webkit-keyframes flq-btn-active {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@keyframes flq-btn-active {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
.btn {
    --flq-btn--padding-v: var(--flq-btn-md--padding-v);
    --flq-btn--padding-h: var(--flq-btn-md--padding-h);
    --flq-btn--font-size: var(--flq-btn-md--font-size);
    --flq-btn--border-width: 2px;
    --flq-btn--border-radius: var(--flq-btn-md--border-radius);
    --flq-btn--color: var(--flq-color-white);
    --flq-btn--background-color: var(--flq-color-brand);
    --flq-btn--border-color: var(--flq-color-brand);
    --flq-btn-hover--color: var(--flq-color-black);
    --flq-btn-hover--background-color: var(--flq-color-white);
    --flq-btn-hover--border-color: var(--flq-color-brand);
    --flq-btn-hover--scale: 3px;
    --flq-btn__icon--gap: 15px;
    position: relative;
    z-index: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: var(--flq-btn--size);
    min-height: var(--flq-btn--size);
    padding: var(--flq-btn--padding-v) var(--flq-btn--padding-h);
    font-family: var(--flq-btn--font-family);
    font-size: var(--flq-btn--font-size);
    font-weight: var(--flq-btn--font-weight);
    line-height: var(--flq-btn--line-height);
    color: hsla(var(--flq-btn--color));
    text-transform: var(--flq-btn--text-transform);
    letter-spacing: var(--flq-btn--letter-spacing);
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -webkit-transition: color var(--flq-transition-duration) var(--flq-transition-easing), background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing), background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2);
    -o-transition: color var(--flq-transition-duration) var(--flq-transition-easing), background-color var(--flq-transition-duration) var(--flq-transition-easing), clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing), background-color var(--flq-transition-duration) var(--flq-transition-easing), clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing), background-color var(--flq-transition-duration) var(--flq-transition-easing), clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2), -webkit-clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2);
}
.btn:not(.btn-link) {
    -webkit-clip-path: inset(0 round var(--flq-btn--border-radius));
            clip-path: inset(0 round var(--flq-btn--border-radius));
}
.btn:not(.btn-link)::before, .btn:not(.btn-link)::after {
    content: "";
}
.btn:not(.btn-link):not(:disabled):not(.disabled):hover, .btn:not(.btn-link):not(:disabled):not(.disabled):not(.btn-active):focus, .btn:not(.btn-link):not(:disabled):not(.disabled):not(.btn-active):active {
    -webkit-clip-path: inset(calc(var(--flq-btn-hover--scale) * -1) round var(--flq-btn--border-radius));
            clip-path: inset(calc(var(--flq-btn-hover--scale) * -1) round var(--flq-btn--border-radius));
}
.btn::before, .btn::after {
    position: absolute;
    top: calc(var(--flq-btn-hover--scale) * -1);
    right: calc(var(--flq-btn-hover--scale) * -1);
    bottom: calc(var(--flq-btn-hover--scale) * -1);
    left: calc(var(--flq-btn-hover--scale) * -1);
    z-index: -1;
    display: block;
}
.btn::before {
    /* background-color: hsla(var(--flq-btn--background-color)); */
    border-radius: calc(var(--flq-btn--border-radius) + var(--flq-btn-hover--scale));
    -webkit-box-shadow: inset 0 0 0 calc(var(--flq-btn-hover--scale) + var(--flq-btn--border-width)) hsla(var(--flq-btn--background-color));
            box-shadow: inset 0 0 0 calc(var(--flq-btn-hover--scale) + var(--flq-btn--border-width)) hsla(var(--flq-btn--background-color));
    -webkit-transition: border-radius var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2), -webkit-box-shadow var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2);
    transition: border-radius var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2), -webkit-box-shadow var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2);
    -o-transition: box-shadow var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2), border-radius var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2);
    transition: box-shadow var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2), border-radius var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2);
    transition: box-shadow var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2), border-radius var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2), -webkit-box-shadow var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2);
    will-change: box-shadow, border-radius;
}
.btn::after {
    overflow: hidden;
    -webkit-clip-path: circle(0% at 50% 50%);
            clip-path: circle(0% at 50% 50%);
    background-color: hsla(var(--flq-btn-hover--background-color));
    border-radius: var(--flq-btn--border-radius);
    opacity: 0;
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2);
    -o-transition: clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2), opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2), opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2), opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2);
    -webkit-transition-delay: 0.1s, 0s;
         -o-transition-delay: 0.1s, 0s;
            transition-delay: 0.1s, 0s;
    will-change: clip-path, opacity;
}
.btn .btn-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.btn .btn-name-subtitle {
    display: block;
    margin-bottom: 5px;
    font-size: calc(var(--flq-btn--font-size) - 6px);
    font-weight: calc(var(--flq-btn--font-weight) - 100);
}
.btn svg {
    display: block;
    width: auto;
    height: 1em;
}
.btn .btn-name + svg,
.btn .btn-name + .btn-icon,
.btn svg + .btn-name,
.btn .btn-icon + .btn-name {
    margin-left: var(--flq-btn__icon--gap);
}
.btn .btn-icon-arrow {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    color: hsla(var(--flq-btn-hover--color));
    -webkit-transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transform: translateX(-20%);
        -ms-transform: translateX(-20%);
            transform: translateX(-20%);
    will-change: clip-path, transform;
}
.btn .btn-icon-arrow > path:last-child {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    -webkit-transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transition-delay: 0.15s;
         -o-transition-delay: 0.15s;
            transition-delay: 0.15s;
}
.btn.disabled, .btn:disabled {
    cursor: default;
    background-color: transparent;
    border-color: transparent;
}
.btn:hover, .btn:focus {
    color: hsla(var(--flq-btn--color));
}
.btn:focus {
    outline: none;
}
.btn.active {
    color: hsla(var(--flq-btn--color));
}
.btn:not(:disabled):not(.disabled):hover, .btn:not(:disabled):not(.disabled):not(.btn-active):focus, .btn:not(:disabled):not(.disabled):not(.btn-active):active {
    color: hsla(var(--flq-btn-hover--color));
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn:not(:disabled):not(.disabled):hover::before, .btn:not(:disabled):not(.disabled):not(.btn-active):focus::before, .btn:not(:disabled):not(.disabled):not(.btn-active):active::before {
    border-radius: var(--flq-btn--border-radius);
    -webkit-box-shadow: inset 0 0 0 var(--flq-btn--border-width) hsla(var(--flq-btn--background-color));
            box-shadow: inset 0 0 0 var(--flq-btn--border-width) hsla(var(--flq-btn--background-color));
}
.btn:not(:disabled):not(.disabled):hover::after, .btn:not(:disabled):not(.disabled):not(.btn-active):focus::after, .btn:not(:disabled):not(.disabled):not(.btn-active):active::after {
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
    opacity: 1;
    -webkit-transition: opacity 0.05s var(--flq-transition-easing), -webkit-clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2);
    transition: opacity 0.05s var(--flq-transition-easing), -webkit-clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2);
    -o-transition: clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2), opacity 0.05s var(--flq-transition-easing);
    transition: clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2), opacity 0.05s var(--flq-transition-easing);
    transition: clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2), opacity 0.05s var(--flq-transition-easing), -webkit-clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2);
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}
.btn:not(:disabled):not(.disabled):hover .btn-icon-arrow, .btn:not(:disabled):not(.disabled):not(.btn-active):focus .btn-icon-arrow, .btn:not(:disabled):not(.disabled):not(.btn-active):active .btn-icon-arrow {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
.btn:not(:disabled):not(.disabled):hover .btn-icon-arrow > path:last-child, .btn:not(:disabled):not(.disabled):not(.btn-active):focus .btn-icon-arrow > path:last-child, .btn:not(:disabled):not(.disabled):not(.btn-active):active .btn-icon-arrow > path:last-child {
    -webkit-clip-path: inset(-1px);
            clip-path: inset(-1px);
}

.btn-brand {
    --flq-btn--background-color: var(--flq-color-brand);
    --flq-btn--border-color: var(--flq-color-brand);
}

.btn-success {
    --flq-btn--background-color: var(--flq-color-success);
    --flq-btn--border-color: var(--flq-color-success);
}

.btn-danger {
    --flq-btn--background-color: var(--flq-color-danger);
    --flq-btn--border-color: var(--flq-color-danger);
}

.btn-warning {
    --flq-btn--background-color: var(--flq-color-warning);
    --flq-btn--border-color: var(--flq-color-warning);
}

.btn-info {
    --flq-btn--background-color: var(--flq-color-info);
    --flq-btn--border-color: var(--flq-color-info);
}

.btn-white {
    --flq-btn--background-color: var(--flq-color-white);
    --flq-btn--border-color: var(--flq-color-white);
}

.btn-black {
    --flq-btn--background-color: var(--flq-color-black);
    --flq-btn--border-color: var(--flq-color-black);
}

.btn-dark {
    --flq-btn--background-color: var(--flq-color-dark);
    --flq-btn--border-color: var(--flq-color-dark);
}

.btn-rss {
    --flq-btn--background-color: var(--flq-color-rss);
    --flq-btn--border-color: var(--flq-color-rss);
}

.btn-behance {
    --flq-btn--background-color: var(--flq-color-behance);
    --flq-btn--border-color: var(--flq-color-behance);
}

.btn-dropbox {
    --flq-btn--background-color: var(--flq-color-dropbox);
    --flq-btn--border-color: var(--flq-color-dropbox);
}

.btn-dribbble {
    --flq-btn--background-color: var(--flq-color-dribbble);
    --flq-btn--border-color: var(--flq-color-dribbble);
}

.btn-facebook {
    --flq-btn--background-color: var(--flq-color-facebook);
    --flq-btn--border-color: var(--flq-color-facebook);
}

.btn-flickr {
    --flq-btn--background-color: var(--flq-color-flickr);
    --flq-btn--border-color: var(--flq-color-flickr);
}

.btn-foursquare {
    --flq-btn--background-color: var(--flq-color-foursquare);
    --flq-btn--border-color: var(--flq-color-foursquare);
}

.btn-instagram {
    --flq-btn--background-color: var(--flq-color-instagram);
    --flq-btn--border-color: var(--flq-color-instagram);
}

.btn-linkedin {
    --flq-btn--background-color: var(--flq-color-linkedin);
    --flq-btn--border-color: var(--flq-color-linkedin);
}

.btn-medium {
    --flq-btn--background-color: var(--flq-color-medium);
    --flq-btn--border-color: var(--flq-color-medium);
}

.btn-odnoklassniki {
    --flq-btn--background-color: var(--flq-color-odnoklassniki);
    --flq-btn--border-color: var(--flq-color-odnoklassniki);
}

.btn-paypal {
    --flq-btn--background-color: var(--flq-color-paypal);
    --flq-btn--border-color: var(--flq-color-paypal);
}

.btn-pinterest {
    --flq-btn--background-color: var(--flq-color-pinterest);
    --flq-btn--border-color: var(--flq-color-pinterest);
}

.btn-reddit {
    --flq-btn--background-color: var(--flq-color-reddit);
    --flq-btn--border-color: var(--flq-color-reddit);
}

.btn-soundcloud {
    --flq-btn--background-color: var(--flq-color-soundcloud);
    --flq-btn--border-color: var(--flq-color-soundcloud);
}

.btn-slack {
    --flq-btn--background-color: var(--flq-color-slack);
    --flq-btn--border-color: var(--flq-color-slack);
}

.btn-swarm {
    --flq-btn--background-color: var(--flq-color-swarm);
    --flq-btn--border-color: var(--flq-color-swarm);
}

.btn-stumbleupon {
    --flq-btn--background-color: var(--flq-color-stumbleupon);
    --flq-btn--border-color: var(--flq-color-stumbleupon);
}

.btn-tumblr {
    --flq-btn--background-color: var(--flq-color-tumblr);
    --flq-btn--border-color: var(--flq-color-tumblr);
}

.btn-twitch {
    --flq-btn--background-color: var(--flq-color-twitch);
    --flq-btn--border-color: var(--flq-color-twitch);
}

.btn-twitter {
    --flq-btn--background-color: var(--flq-color-twitter);
    --flq-btn--border-color: var(--flq-color-twitter);
}

.btn-vimeo {
    --flq-btn--background-color: var(--flq-color-vimeo);
    --flq-btn--border-color: var(--flq-color-vimeo);
}

.btn-vk {
    --flq-btn--background-color: var(--flq-color-vk);
    --flq-btn--border-color: var(--flq-color-vk);
}

.btn-youtube {
    --flq-btn--background-color: var(--flq-color-youtube);
    --flq-btn--border-color: var(--flq-color-youtube);
}

.btn-white:not(.btn-outline):not(.btn-glass) {
    --flq-btn--color: var(--flq-color-black);
}

.btn-brand-hover {
    --flq-btn-hover--color: var(--flq-color-white);
    --flq-btn-hover--background-color: var(--flq-color-brand);
}

.btn-success-hover {
    --flq-btn-hover--color: var(--flq-color-white);
    --flq-btn-hover--background-color: var(--flq-color-success);
}

.btn-danger-hover {
    --flq-btn-hover--color: var(--flq-color-white);
    --flq-btn-hover--background-color: var(--flq-color-danger);
}

.btn-warning-hover {
    --flq-btn-hover--color: var(--flq-color-white);
    --flq-btn-hover--background-color: var(--flq-color-warning);
}

.btn-info-hover {
    --flq-btn-hover--color: var(--flq-color-white);
    --flq-btn-hover--background-color: var(--flq-color-info);
}

.btn-black-hover {
    --flq-btn-hover--color: var(--flq-color-white);
    --flq-btn-hover--background-color: var(--flq-color-black);
}

.btn-dark-hover {
    --flq-btn-hover--color: var(--flq-color-white);
    --flq-btn-hover--background-color: var(--flq-color-dark);
}

.btn-xl {
    --flq-btn--padding-v: var(--flq-btn-xl--padding-v);
    --flq-btn--padding-h: var(--flq-btn-xl--padding-h);
    --flq-btn--font-size: var(--flq-btn-xl--font-size);
    --flq-btn--border-radius: var(--flq-btn-xl--border-radius);
    --flq-btn--size: var(--flq-btn-xl--size);
}

.btn-lg {
    --flq-btn--padding-v: var(--flq-btn-lg--padding-v);
    --flq-btn--padding-h: var(--flq-btn-lg--padding-h);
    --flq-btn--font-size: var(--flq-btn-lg--font-size);
    --flq-btn--border-radius: var(--flq-btn-lg--border-radius);
    --flq-btn--size: var(--flq-btn-lg--size);
}

.btn-md {
    --flq-btn--padding-v: var(--flq-btn-md--padding-v);
    --flq-btn--padding-h: var(--flq-btn-md--padding-h);
    --flq-btn--font-size: var(--flq-btn-md--font-size);
    --flq-btn--border-radius: var(--flq-btn-md--border-radius);
    --flq-btn--size: var(--flq-btn-md--size);
}

.btn-sm {
    --flq-btn--padding-v: var(--flq-btn-sm--padding-v);
    --flq-btn--padding-h: var(--flq-btn-sm--padding-h);
    --flq-btn--font-size: var(--flq-btn-sm--font-size);
    --flq-btn--border-radius: var(--flq-btn-sm--border-radius);
    --flq-btn--size: var(--flq-btn-sm--size);
}

.btn-xs {
    --flq-btn--padding-v: var(--flq-btn-xs--padding-v);
    --flq-btn--padding-h: var(--flq-btn-xs--padding-h);
    --flq-btn--font-size: var(--flq-btn-xs--font-size);
    --flq-btn--border-radius: var(--flq-btn-xs--border-radius);
    --flq-btn--size: var(--flq-btn-xs--size);
}

.btn-sm {
    --flq-btn-hover--scale: 2px;
    --flq-btn__icon--gap: 10px;
}

.btn-xs {
    --flq-btn-hover--scale: 2px;
}

.btn-glass:not(.btn-outline) {
    --flq-btn--border-width: 0%;
}
.btn-glass:not(.btn-outline)::before {
    background-color: hsla(var(--flq-btn--background-color), 0.5);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .btn-glass:not(.btn-outline)::before {
        -webkit-backdrop-filter: blur(var(--flq-backdrop-blur));
                backdrop-filter: blur(var(--flq-backdrop-blur));
    }
}

.btn-outline::before {
    background-color: transparent;
}

.btn-square {
    padding-right: var(--flq-btn--padding-v);
    padding-left: var(--flq-btn--padding-v);
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .btn-play.btn-glass {
        -webkit-backdrop-filter: blur(var(--flq-backdrop-blur));
                backdrop-filter: blur(var(--flq-backdrop-blur));
    }
}
.btn-play::before, .btn-play::after {
    display: none;
}
.btn-play .btn-play-progress {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.btn-play .btn-play-progress::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    border: 3px solid hsla(var(--flq-color-white), 0.4);
    border-radius: 50%;
}
.btn-play .btn-play-progress svg {
    display: block;
    width: var(--flq-btn--size);
    height: var(--flq-btn--size);
    -webkit-transition: -webkit-transform calc(var(--flq-transition-duration-cubic) + 0.6s) var(--flq-transition-easing-cubic);
    transition: -webkit-transform calc(var(--flq-transition-duration-cubic) + 0.6s) var(--flq-transition-easing-cubic);
    -o-transition: transform calc(var(--flq-transition-duration-cubic) + 0.6s) var(--flq-transition-easing-cubic);
    transition: transform calc(var(--flq-transition-duration-cubic) + 0.6s) var(--flq-transition-easing-cubic);
    transition: transform calc(var(--flq-transition-duration-cubic) + 0.6s) var(--flq-transition-easing-cubic), -webkit-transform calc(var(--flq-transition-duration-cubic) + 0.6s) var(--flq-transition-easing-cubic);
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    will-change: transform;
}
.btn-play .btn-play-progress svg circle {
    stroke-dasharray: 400%;
    stroke-dashoffset: calc(400% + 3px);
    stroke-linecap: round;
    stroke-width: 3px;
    -webkit-transition: stroke-dashoffset calc(var(--flq-transition-duration-cubic) + 0.6s) var(--flq-transition-easing-cubic);
    -o-transition: stroke-dashoffset calc(var(--flq-transition-duration-cubic) + 0.6s) var(--flq-transition-easing-cubic);
    transition: stroke-dashoffset calc(var(--flq-transition-duration-cubic) + 0.6s) var(--flq-transition-easing-cubic);
    -webkit-transform: rotate(-90deg) translateX(-50%) translateY(50%);
        -ms-transform: rotate(-90deg) translateX(-50%) translateY(50%);
            transform: rotate(-90deg) translateX(-50%) translateY(50%);
    r: calc(var(--flq-btn--size) * 0.5 - 1.5px);
}
.btn-play .btn-icon {
    will-change: transform;
    -webkit-transition: -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transition-delay: 0.15s;
         -o-transition-delay: 0.15s;
            transition-delay: 0.15s;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.btn-round {
    --flq-btn--border-radius: 50%;
    padding-right: var(--flq-btn--padding-v);
    padding-left: var(--flq-btn--padding-v);
}

.btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.btn-link {
    --flq-btn--padding-v: 0;
    --flq-btn--padding-h: 0;
    --flq-btn--border-width: 0;
    --flq-btn--border-radius: 0;
    --flq-btn--color: var(--flq-color-title);
    --flq-btn--background-color: transparent;
    --flq-btn-hover--background-color: transparent;
    --flq-btn-hover--color: var(--flq-color-brand);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
}

.btn-icon-xs.btn-square > svg, .btn-icon-xs.btn-round > svg, .btn-icon-xs.btn-square > .btn-icon > svg, .btn-icon-xs.btn-round > .btn-icon > svg {
    margin-right: -1px;
    margin-left: -1px;
}
.btn-icon-xs > svg,
.btn-icon-xs > .btn-icon > svg {
    height: calc(var(--flq-btn--font-size) + 2px);
    margin-top: -1px;
    margin-bottom: -1px;
}

.btn-icon-sm.btn-square > svg, .btn-icon-sm.btn-round > svg, .btn-icon-sm.btn-square > .btn-icon > svg, .btn-icon-sm.btn-round > .btn-icon > svg {
    margin-right: -2px;
    margin-left: -2px;
}
.btn-icon-sm > svg,
.btn-icon-sm > .btn-icon > svg {
    height: calc(var(--flq-btn--font-size) + 4px);
    margin-top: -2px;
    margin-bottom: -2px;
}

.btn-icon-md.btn-square > svg, .btn-icon-md.btn-round > svg, .btn-icon-md.btn-square > .btn-icon > svg, .btn-icon-md.btn-round > .btn-icon > svg {
    margin-right: -3px;
    margin-left: -3px;
}
.btn-icon-md > svg,
.btn-icon-md > .btn-icon > svg {
    height: calc(var(--flq-btn--font-size) + 6px);
    margin-top: -3px;
    margin-bottom: -3px;
}

.btn-icon-lg.btn-square > svg, .btn-icon-lg.btn-round > svg, .btn-icon-lg.btn-square > .btn-icon > svg, .btn-icon-lg.btn-round > .btn-icon > svg {
    margin-right: -4px;
    margin-left: -4px;
}
.btn-icon-lg > svg,
.btn-icon-lg > .btn-icon > svg {
    height: calc(var(--flq-btn--font-size) + 8px);
    margin-top: -4px;
    margin-bottom: -4px;
}

.btn-icon-xl.btn-square > svg, .btn-icon-xl.btn-round > svg, .btn-icon-xl.btn-square > .btn-icon > svg, .btn-icon-xl.btn-round > .btn-icon > svg {
    margin-right: -6px;
    margin-left: -6px;
}
.btn-icon-xl > svg,
.btn-icon-xl > .btn-icon > svg {
    height: calc(var(--flq-btn--font-size) + 12px);
    margin-top: -6px;
    margin-bottom: -6px;
}

.btn-active:not(:disabled):not(.disabled):active {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

.btn[data-bs-toggle] .btn-icon,
.btn-active .btn-icon {
    position: relative;
}
.btn[data-bs-toggle] .btn-icon > svg:not(:first-child),
.btn-active .btn-icon > svg:not(:first-child) {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
    will-change: clip-path;
    -webkit-transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
}
.btn[data-bs-toggle].active,
.btn-active.active {
    -webkit-animation: flq-btn-active calc(var(--flq-transition-duration) + 0.1s) var(--flq-transition-easing);
            animation: flq-btn-active calc(var(--flq-transition-duration) + 0.1s) var(--flq-transition-easing);
}
.btn[data-bs-toggle].active .btn-icon > svg:not(:first-child),
.btn-active.active .btn-icon > svg:not(:first-child) {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
}

/* ------------------------------------------------------------------
  dropdown
------------------------------------------------------------------- */
.dropdown-menu {
    --flq-dropdown--padding-v: 25px;
    --flq-dropdown--padding-h: 25px;
    --flq-dropdown--min-width: 250px;
    position: absolute;
    left: 0;
    display: none;
    min-width: var(--flq-dropdown--min-width);
    padding: var(--flq-dropdown--padding-v) var(--flq-dropdown--padding-h);
    background-color: transparent;
    background-clip: border-box;
    border: 0;
}
.dropdown-menu::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    background-color: hsla(var(--flq-color-dark), 0.5);
    border-radius: var(--flq-border-radius-lg);
    -webkit-box-shadow: inset 0 0 0 1px solid hsla(var(--flq-color-black), 0.02);
            box-shadow: inset 0 0 0 1px solid hsla(var(--flq-color-black), 0.02);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .dropdown-menu::before {
        -webkit-backdrop-filter: blur(var(--flq-backdrop-blur));
                backdrop-filter: blur(var(--flq-backdrop-blur));
    }
}
.dropdown-menu.show {
    display: block;
}

.flq-dropdown {
    --flq-dropdown--offset: 15px;
    --flq-dropdown-parent--position-v: 100%;
    --flq-dropdown-parent--position-h: 0%;
    --flq-dropdown-child--position-v: 0%;
    --flq-dropdown-child--position-h: 100%;
    position: relative;
}
.flq-dropdown .dropdown-menu {
    visibility: hidden;
    top: var(--flq-dropdown-parent--position-v);
    left: var(--flq-dropdown-parent--position-h);
    display: block;
    margin-top: var(--flq-dropdown--offset);
    -webkit-transition: visibility var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: visibility var(--flq-transition-duration) var(--flq-transition-easing);
    transition: visibility var(--flq-transition-duration) var(--flq-transition-easing);
}
.flq-dropdown .dropdown-menu > .container,
.flq-dropdown .dropdown-menu > ul, .flq-dropdown .dropdown-menu::before {
    opacity: 0;
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
}
.flq-dropdown .dropdown-menu .dropdown-menu {
    top: var(--flq-dropdown-child--position-v);
    left: var(--flq-dropdown-child--position-h);
    margin-top: calc(var(--flq-dropdown--offset) * -1);
    margin-left: var(--flq-dropdown--offset);
}
.flq-dropdown .dropdown-menu .dropdown-menu::after {
    right: auto;
    bottom: 0;
    width: var(--flq-dropdown--offset);
    height: auto;
    margin-top: 0;
    margin-left: calc(var(--flq-dropdown--offset) * -1);
}
.flq-dropdown .dropdown-menu::before {
    will-change: opacity, transform;
}
.flq-dropdown .dropdown-menu::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: var(--flq-dropdown--offset);
    margin-top: calc(var(--flq-dropdown--offset) * -1);
    content: "";
}
.flq-dropdown .dropdown-menu-mega {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flq-dropdown > a:hover ~ .dropdown-menu, .flq-dropdown > a:focus ~ .dropdown-menu,
.flq-dropdown > button:hover ~ .dropdown-menu,
.flq-dropdown > button:focus ~ .dropdown-menu {
    visibility: visible;
}
.flq-dropdown > a:hover ~ .dropdown-menu > .container,
.flq-dropdown > a:hover ~ .dropdown-menu > ul, .flq-dropdown > a:hover ~ .dropdown-menu::before, .flq-dropdown > a:focus ~ .dropdown-menu > .container,
.flq-dropdown > a:focus ~ .dropdown-menu > ul, .flq-dropdown > a:focus ~ .dropdown-menu::before,
.flq-dropdown > button:hover ~ .dropdown-menu > .container,
.flq-dropdown > button:hover ~ .dropdown-menu > ul,
.flq-dropdown > button:hover ~ .dropdown-menu::before,
.flq-dropdown > button:focus ~ .dropdown-menu > .container,
.flq-dropdown > button:focus ~ .dropdown-menu > ul,
.flq-dropdown > button:focus ~ .dropdown-menu::before {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.flq-dropdown:hover > .dropdown-menu, .flq-dropdown.show > .dropdown-menu, .flq-dropdown.focus > .dropdown-menu {
    visibility: visible;
}
.flq-dropdown:hover > .dropdown-menu > .container,
.flq-dropdown:hover > .dropdown-menu > ul, .flq-dropdown:hover > .dropdown-menu::before, .flq-dropdown.show > .dropdown-menu > .container,
.flq-dropdown.show > .dropdown-menu > ul, .flq-dropdown.show > .dropdown-menu::before, .flq-dropdown.focus > .dropdown-menu > .container,
.flq-dropdown.focus > .dropdown-menu > ul, .flq-dropdown.focus > .dropdown-menu::before {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.flq-dropdown > .flq-dropdown-drop-left {
    right: var(--flq-dropdown-parent--position-h);
    left: auto;
    min-width: 180px;
    font-family: "Poppins", sans-serif;
}

.flq-dropdown > .dropdown-menu .flq-dropdown-drop-left {
    right: var(--flq-dropdown-child--position-h);
    left: auto;
    margin-right: var(--flq-dropdown--offset);
    margin-left: auto;
}
.flq-dropdown > .dropdown-menu .flq-dropdown-drop-left::after {
    right: calc(var(--flq-dropdown--offset) * -1);
    left: auto;
}
.flq-dropdown > .flq-dropdown-drop-right {
    right: auto;
    left: var(--flq-dropdown-parent--position-h);
}
.flq-dropdown > .dropdown-menu .flq-dropdown-drop-right {
    right: auto;
    left: var(--flq-dropdown-child--position-h);
    margin-right: auto;
    margin-left: var(--flq-dropdown--offset);
}
.flq-dropdown > .dropdown-menu .flq-dropdown-drop-right::after {
    right: auto;
    left: 0;
}

.flq-dropdown-mega {
    --flq-dropdown-mega--gap: 40px;
}
.flq-dropdown-mega .container {
    padding-right: calc(var(--flq-container--padding) - var(--flq-dropdown-mega--gap) * 0.5);
    padding-left: calc(var(--flq-container--padding) - var(--flq-dropdown-mega--gap) * 0.5);
}
.flq-dropdown-mega > .dropdown-menu {
    --flq-dropdown--padding-v: 30px;
    --flq-dropdown--padding-h: calc(var(--flq-dropdown-mega--gap) * 0.5);
    --flq-dropdown--min-width: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.flq-dropdown-mega > .dropdown-menu,
.flq-dropdown-mega > .dropdown-menu > .container {
    --flq-scrollbar__width: 5px;
    --flq-scrollbar__border-width: 0%;
    --flq-scrollbar__background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flq-dropdown-mega > .dropdown-menu > .container {
    max-height: 60vh;
    overflow-y: auto;
}

.dropdown-divider {
    margin: var(--flq-dropdown--padding-v) calc(var(--flq-dropdown--padding-h) * -1);
    border-color: hsla(var(--flq-color-white), 0.05);
}

/* ------------------------------------------------------------------
  nav
------------------------------------------------------------------- */
nav {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
}

.nav {
    --flq-nav__link--color: var(--flq-color-text);
    --flq-nav__link-hover--color: var(--flq-color-title);
    --flq-nav__link-focus--color: var(--flq-color-title);
    --flq-nav__link-active--color: var(--flq-color-title);
    --flq-nav__link-name--padding-v: 4px;
    --flq-nav__link-name--padding-h: 10px;
    --flq-nav__link-name-hover--background-color: var(--flq-color-title), 0.05;
    --flq-nav__link-name-focus--background-color: var(--flq-color-title), 0.075;
    --flq-nav__link-name-active--background-color: var(--flq-color-title), 0.1;
    --flq-nav__dot--size: 6px;
    --flq-nav__dot--gap: 10px;
    --flq-nav__dot--translate: 8px;
    --flq-nav__dot--background-color: var(--flq-color-brand);
    --flq-nav-dropdown__link--color: var(--flq-color-text);
    --flq-nav-dropdown__link-hover--color: var(--flq-color-title);
    --flq-nav-dropdown__link-focus--color: var(--flq-color-title);
    --flq-nav-dropdown__link-active--color: var(--flq-color-title);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 0;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-bottom: 0;
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    list-style: none;
}
.nav > .nav-item {
    margin-top: var(--bs-gutter-y);
}
.nav > .nav-item > .nav-link,
.nav > .nav-item > .nav-link-label {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.nav.flex-column {
    --bs-gutter-x: 0%;
    margin-top: calc(var(--bs-gutter-y) * -0.5);
    margin-bottom: calc(var(--bs-gutter-y) * -0.5);
}
.nav.flex-column > .nav-item {
    margin-top: 0;
}
.nav.flex-column .nav-link {
    position: relative;
    width: 100%;
    padding-top: calc(var(--bs-gutter-y) * 0.5);
    padding-bottom: calc(var(--bs-gutter-y) * 0.5);
}

.active > .nav-link {
    color: hsla(var(--flq-nav__link-active--color));
}

.nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    font-family: var(--flq-nav--font-family);
    font-size: var(--flq-nav--font-size);
    font-weight: var(--flq-nav--font-weight);
    line-height: var(--flq-nav--line-height);
    color: hsla(var(--flq-nav__link--color));
    text-transform: var(--flq-nav--text-transform);
    letter-spacing: var(--flq-nav--letter-spacing);
}
.nav-link:hover {
    color: hsla(var(--flq-nav__link-hover--color));
}
.nav-link:focus {
    color: hsla(var(--flq-nav__link-focus--color));
}

.nav-item-label {
    padding: var(--flq-nav__link--padding-v) var(--flq-nav__link--padding-h);
    margin-bottom: var(--flq-vertical-rhythm-1);
    font-family: var(--flq-heading--font-family);
    font-size: var(--flq-h6--font-size);
    font-weight: var(--flq-heading--font-weight);
    line-height: var(--flq-h6--line-height);
    color: hsla(var(--flq-color-title));
    text-transform: var(--flq-heading--text-transform);
    letter-spacing: var(--flq-h6--letter-spacing);
}

.nav-parent > .nav-item-label {
    padding: var(--flq-nav__link--padding-v) var(--flq-nav__link--padding-h);
}
.nav-parent > .nav-item > .nav-link > .nav-link-name {
    position: relative;
    padding: var(--flq-nav__link-name--padding-v) var(--flq-nav__link-name--padding-h);
}
.nav-parent > .nav-item > .nav-link > .nav-link-name::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-clip-path: circle(0% at 50% 50%);
            clip-path: circle(0% at 50% 50%);
    content: "";
    background-color: hsla(var(--flq-nav__link-name-hover--background-color));
    border-radius: var(--flq-border-radius-sm);
    -webkit-transition: background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2);
    transition: background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2);
    -o-transition: clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2), background-color var(--flq-transition-duration) var(--flq-transition-easing);
    transition: clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2), background-color var(--flq-transition-duration) var(--flq-transition-easing);
    transition: clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2), background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic-2) var(--flq-transition-easing-cubic-2);
    will-change: clip-path;
}
.nav-parent > .nav-item > .nav-link:hover {
    color: hsla(var(--flq-nav__link-hover--color));
}
.nav-parent > .nav-item > .nav-link:hover > .nav-link-name::before {
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
    -webkit-transition: background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2);
    transition: background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2);
    -o-transition: clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2), background-color var(--flq-transition-duration) var(--flq-transition-easing);
    transition: clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2), background-color var(--flq-transition-duration) var(--flq-transition-easing);
    transition: clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2), background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2);
}
.nav-parent > .nav-item > .nav-link:focus {
    color: hsla(var(--flq-nav__link-focus--color));
}
.nav-parent > .nav-item > .nav-link:focus > .nav-link-name::before {
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
    background-color: hsla(var(--flq-nav__link-name-focus--background-color));
    -webkit-transition: background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2);
    transition: background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2);
    -o-transition: clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2), background-color var(--flq-transition-duration) var(--flq-transition-easing);
    transition: clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2), background-color var(--flq-transition-duration) var(--flq-transition-easing);
    transition: clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2), background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path calc(var(--flq-transition-duration-cubic-2) + 0.2s) var(--flq-transition-easing-cubic-2);
}
.nav-parent > .nav-item:hover > .nav-link, .nav-parent > .nav-item.show > .nav-link {
    color: hsla(var(--flq-nav__link-hover--color));
}
.nav-parent > .nav-item:hover > .nav-link > .nav-link-name::before, .nav-parent > .nav-item.show > .nav-link > .nav-link-name::before {
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
    background-color: hsla(var(--flq-nav__link-name-hover--background-color));
}
.nav-parent > .nav-item.active > .nav-link {
    color: hsla(var(--flq-nav__link-active--color));
}
.nav-parent > .nav-item.active > .nav-link > .nav-link-name::before {
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
    background-color: hsla(var(--flq-nav__link-name-active--background-color));
}

.nav-dots > .nav-item > .nav-link > .nav-link-name, .flq-dropdown-mega > .dropdown-menu > .container > .nav > .nav-item > .nav-link > .nav-link-name, .flq-dropdown-nav > .dropdown-menu > .nav > .nav-item > .nav-link > .nav-link-name {
    position: relative;
    display: inline-block;
    will-change: transform;
    -webkit-transition: -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
.nav-dots > .nav-item > .nav-link > .nav-link-name::before, .flq-dropdown-mega > .dropdown-menu > .container > .nav > .nav-item > .nav-link > .nav-link-name::before, .flq-dropdown-nav > .dropdown-menu > .nav > .nav-item > .nav-link > .nav-link-name::before {
    position: absolute;
    top: 50%;
    right: 100%;
    width: var(--flq-nav__dot--size);
    height: var(--flq-nav__dot--size);
    margin-top: calc(var(--flq-nav__dot--size) * -0.5);
    margin-right: var(--flq-nav__dot--gap);
    content: "";
    background-color: hsla(var(--flq-nav__dot--background-color));
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing);
    will-change: opacity;
}
.nav-dots > .nav-item > .nav-link:hover > .nav-link-name, .flq-dropdown-mega > .dropdown-menu > .container > .nav > .nav-item > .nav-link:hover > .nav-link-name, .flq-dropdown-nav > .dropdown-menu > .nav > .nav-item > .nav-link:hover > .nav-link-name,
.nav-dots > .nav-item > .nav-link:focus > .nav-link-name,
.flq-dropdown-mega > .dropdown-menu > .container > .nav > .nav-item > .nav-link:focus > .nav-link-name,
.flq-dropdown-nav > .dropdown-menu > .nav > .nav-item > .nav-link:focus > .nav-link-name, .nav-dots > .nav-item:hover > .nav-link > .nav-link-name, .flq-dropdown-mega > .dropdown-menu > .container > .nav > .nav-item:hover > .nav-link > .nav-link-name, .flq-dropdown-nav > .dropdown-menu > .nav > .nav-item:hover > .nav-link > .nav-link-name, .nav-dots > .nav-item.show > .nav-link > .nav-link-name, .flq-dropdown-mega > .dropdown-menu > .container > .nav > .nav-item.show > .nav-link > .nav-link-name, .flq-dropdown-nav > .dropdown-menu > .nav > .nav-item.show > .nav-link > .nav-link-name, .nav-dots > .nav-item.active > .nav-link > .nav-link-name, .flq-dropdown-mega > .dropdown-menu > .container > .nav > .nav-item.active > .nav-link > .nav-link-name, .flq-dropdown-nav > .dropdown-menu > .nav > .nav-item.active > .nav-link > .nav-link-name {
    -webkit-transform: translateX(var(--flq-nav__dot--translate));
        -ms-transform: translateX(var(--flq-nav__dot--translate));
            transform: translateX(var(--flq-nav__dot--translate));
}
.nav-dots > .nav-item > .nav-link:hover > .nav-link-name::before, .flq-dropdown-mega > .dropdown-menu > .container > .nav > .nav-item > .nav-link:hover > .nav-link-name::before, .flq-dropdown-nav > .dropdown-menu > .nav > .nav-item > .nav-link:hover > .nav-link-name::before,
.nav-dots > .nav-item > .nav-link:focus > .nav-link-name::before,
.flq-dropdown-mega > .dropdown-menu > .container > .nav > .nav-item > .nav-link:focus > .nav-link-name::before,
.flq-dropdown-nav > .dropdown-menu > .nav > .nav-item > .nav-link:focus > .nav-link-name::before, .nav-dots > .nav-item:hover > .nav-link > .nav-link-name::before, .flq-dropdown-mega > .dropdown-menu > .container > .nav > .nav-item:hover > .nav-link > .nav-link-name::before, .flq-dropdown-nav > .dropdown-menu > .nav > .nav-item:hover > .nav-link > .nav-link-name::before, .nav-dots > .nav-item.show > .nav-link > .nav-link-name::before, .flq-dropdown-mega > .dropdown-menu > .container > .nav > .nav-item.show > .nav-link > .nav-link-name::before, .flq-dropdown-nav > .dropdown-menu > .nav > .nav-item.show > .nav-link > .nav-link-name::before, .nav-dots > .nav-item.active > .nav-link > .nav-link-name::before, .flq-dropdown-mega > .dropdown-menu > .container > .nav > .nav-item.active > .nav-link > .nav-link-name::before, .flq-dropdown-nav > .dropdown-menu > .nav > .nav-item.active > .nav-link > .nav-link-name::before {
    opacity: 1;
}

.flq-dropdown-nav {
    --flq-dropdown-parent--position-h: var(--flq-nav__link--padding-h, 0%);
}
.flq-dropdown-nav > .dropdown-menu > .nav,
.flq-dropdown-nav > .dropdown-menu > .container > .nav {
    display: block;
    margin: calc(var(--bs-gutter-y) * -0.5) calc(var(--flq-dropdown--padding-h) * -1);
}
.flq-dropdown-nav > .dropdown-menu > .nav > .nav-item,
.flq-dropdown-nav > .dropdown-menu > .container > .nav > .nav-item {
    margin-top: 0;
}
.flq-dropdown-nav > .dropdown-menu > .nav > .nav-item-label,
.flq-dropdown-nav > .dropdown-menu > .container > .nav > .nav-item-label {
    padding: 0 var(--flq-dropdown--padding-h);
    margin-bottom: var(--flq-vertical-rhythm-3);
}
.flq-dropdown-nav > .dropdown-menu > .nav > .nav-item-label + .nav-item,
.flq-dropdown-nav > .dropdown-menu > .container > .nav > .nav-item-label + .nav-item {
    margin-top: calc(var(--bs-gutter-y) * -0.5);
}
.flq-dropdown-nav > .dropdown-menu > .nav > .nav-item > .nav-link,
.flq-dropdown-nav > .dropdown-menu > .container > .nav > .nav-item > .nav-link {
    position: relative;
    display: block;
    width: 100%;
    padding: calc(var(--bs-gutter-y) * 0.5) var(--flq-dropdown--padding-h);
    color: hsla(var(--flq-nav-dropdown__link--color));
}
.flq-dropdown-nav > .dropdown-menu > .nav > .nav-item > .nav-link:hover,
.flq-dropdown-nav > .dropdown-menu > .container > .nav > .nav-item > .nav-link:hover {
    color: hsla(var(--flq-nav-dropdown__link-hover--color));
}
.flq-dropdown-nav > .dropdown-menu > .nav > .nav-item > .nav-link:focus,
.flq-dropdown-nav > .dropdown-menu > .container > .nav > .nav-item > .nav-link:focus {
    color: hsla(var(--flq-nav-dropdown__link-focus--color));
}
.flq-dropdown-nav > .dropdown-menu > .nav > .nav-item:hover > .nav-link, .flq-dropdown-nav > .dropdown-menu > .nav > .nav-item.show > .nav-link,
.flq-dropdown-nav > .dropdown-menu > .container > .nav > .nav-item:hover > .nav-link,
.flq-dropdown-nav > .dropdown-menu > .container > .nav > .nav-item.show > .nav-link {
    color: hsla(var(--flq-nav-dropdown__link-hover--color));
}
.flq-dropdown-nav > .dropdown-menu > .nav > .nav-item.active > .nav-link,
.flq-dropdown-nav > .dropdown-menu > .container > .nav > .nav-item.active > .nav-link {
    color: hsla(var(--flq-nav-dropdown__link-active--color));
}
.flq-dropdown-nav.flq-dropdown-mega > .dropdown-menu > .nav, .flq-dropdown-nav.flq-dropdown-mega > .dropdown-menu > .container > .nav {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
    padding-right: calc(var(--flq-dropdown-mega--gap) * 0.5);
    padding-left: calc(var(--flq-dropdown-mega--gap) * 0.5);
    margin: 0;
}
.flq-dropdown-nav.flq-dropdown-mega > .dropdown-menu > .nav > .nav-item-label, .flq-dropdown-nav.flq-dropdown-mega > .dropdown-menu > .container > .nav > .nav-item-label {
    padding-right: 0;
    padding-left: 0;
}
.flq-dropdown-nav.flq-dropdown-mega > .dropdown-menu > .nav > .nav-item > .nav-link, .flq-dropdown-nav.flq-dropdown-mega > .dropdown-menu > .container > .nav > .nav-item > .nav-link {
    padding-right: 0;
    padding-left: 0;
}

/* ------------------------------------------------------------------
  nav tab
------------------------------------------------------------------- */
.nav-tabs {
    --flq-nav__link--color: var(--flq-color-title);
    --flq-nav__link-hover--color: var(--flq-color-brand);
    --flq-nav__link-focus--color: var(--flq-color-title);
    --flq-nav__link-active--color: var(--flq-color-title);
    --flq-nav__link-name-hover--background-color: var(--flq-color-title), 0.1;
    --flq-nav__link-name-focus--background-color: var(--flq-color-title), 0.1;
    --flq-nav__link-name-active--background-color: var(--flq-color-title), 0.1;
}
.nav-tabs > .nav-item > .nav-link {
    color: hsla(var(--flq-nav__link--color));
}
.nav-tabs > .nav-item > .nav-link > .nav-link-name {
    position: relative;
    padding: var(--flq-nav__link-name--padding-v) var(--flq-nav__link-name--padding-h);
}
.nav-tabs > .nav-item > .nav-link > .nav-link-name::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-clip-path: circle(0% at 50% 50%);
            clip-path: circle(0% at 50% 50%);
    content: "";
    background-color: hsla(var(--flq-nav__link-name-hover--background-color));
    border-radius: var(--flq-border-radius-sm);
    -webkit-transition: background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 0.25s) var(--flq-transition-easing-cubic);
    transition: background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 0.25s) var(--flq-transition-easing-cubic);
    -o-transition: clip-path calc(var(--flq-transition-duration-cubic) + 0.25s) var(--flq-transition-easing-cubic), background-color var(--flq-transition-duration) var(--flq-transition-easing);
    transition: clip-path calc(var(--flq-transition-duration-cubic) + 0.25s) var(--flq-transition-easing-cubic), background-color var(--flq-transition-duration) var(--flq-transition-easing);
    transition: clip-path calc(var(--flq-transition-duration-cubic) + 0.25s) var(--flq-transition-easing-cubic), background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 0.25s) var(--flq-transition-easing-cubic);
    will-change: clip-path;
}
.nav-tabs > .nav-item > .nav-link:hover {
    color: hsla(var(--flq-nav__link-hover--color));
}
.nav-tabs > .nav-item > .nav-link:focus {
    color: hsla(var(--flq-nav__link-focus--color));
}
.nav-tabs > .nav-item > .nav-link:focus > .nav-link-name::before {
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
    background-color: hsla(var(--flq-nav__link-name-focus--background-color));
}
.nav-tabs > .nav-item > .nav-link.active {
    color: hsla(var(--flq-nav__link-active--color));
}
.nav-tabs > .nav-item > .nav-link.active > .nav-link-name::before {
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
    background-color: hsla(var(--flq-nav__link-name-active--background-color));
}

/* ------------------------------------------------------------------
  card
------------------------------------------------------------------- */
.card-body {
    color: hsla(var(--flq-color-text));
}

.flq-card-team {
    position: relative;
    z-index: 1;
    text-align: center;
}
.flq-card-team:hover .card-img-wrap > a {
    -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
            transform: translateY(-4px);
}
.flq-card-team:hover .card-img-wrap > a::before {
    opacity: 1;
    -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
            transform: scaleY(1);
}
.flq-card-team .card-img-wrap {
    position: relative;
}
.flq-card-team .card-img-wrap .flq-image {
    overflow: hidden;
    border-radius: var(--flq-border-radius-lg);
}
.flq-card-team .card-img-wrap > a {
    display: block;
    -webkit-transition: -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    will-change: transform;
}
.flq-card-team .card-img-wrap > a::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    height: 20%;
    content: "";
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(var(--flq-color-black), 0)), to(hsla(var(--flq-color-black), 0.6)));
    background-image: -o-linear-gradient(top, hsla(var(--flq-color-black), 0), hsla(var(--flq-color-black), 0.6) 100%);
    background-image: linear-gradient(180deg, hsla(var(--flq-color-black), 0), hsla(var(--flq-color-black), 0.6) 100%);
    border-radius: var(--flq-border-radius-lg);
    opacity: 0;
    -webkit-transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transform: scaleY(0.8);
        -ms-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
            transform-origin: bottom;
    will-change: opacity, transform;
}
.flq-card-team .card-img-wrap > a:hover::before, .flq-card-team .card-img-wrap > a:focus::before {
    opacity: 1;
    -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
            transform: scaleY(1);
}
.flq-card-team .card-img-wrap > .flq-social {
    --flq-social__link--size: 44px;
    --flq-social__link-hover--background-color: var(--flq-color-black), 0.6;
    --flq-social__link-focus--background-color: var(--flq-color-black), 1;
    position: absolute;
    bottom: var(--flq-vertical-rhythm-3);
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.flq-card-team .card-img-wrap > .flq-social .flq-social-link {
    opacity: 0;
    -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
}
.flq-card-team .card-img-wrap > .flq-social .flq-social-link:focus {
    opacity: 1 !important;
    -webkit-transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
            transform: translateY(0) !important;
}
.flq-card-team .card-img-wrap + .card-body {
    margin-top: var(--flq-vertical-rhythm-3);
}
.flq-card-team .card-title + .card-subtitle {
    margin-top: var(--flq-vertical-rhythm-1);
}
.flq-card-team .card-subtitle {
    font-weight: var(--flq-body--font-weight-bold);
    color: hsl(var(--flq-color-text));
}

.flq-card-feature[href] .card-title {
    -webkit-transition: color var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: color var(--flq-transition-duration) var(--flq-transition-easing);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing);
}
.flq-card-feature[href]:hover .card-title, .flq-card-feature[href]:focus .card-title {
    color: hsla(var(--flq-color-brand));
}
.flq-card-feature:hover .card-icon > svg:not(:first-child), .flq-card-feature[href]:hover .card-icon > svg:not(:first-child), .flq-card-feature[href]:focus .card-icon > svg:not(:first-child) {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
}
.flq-card-feature .card-icon {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 60px;
    height: 60px;
    color: hsla(var(--flq-color-white));
    background-color: hsla(var(--flq-color-brand));
    border-radius: var(--flq-border-radius-xl);
}
.flq-card-feature .card-icon > svg:not(:first-child) {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
    will-change: clip-path;
    -webkit-transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
}
.flq-card-feature .card-icon + .card-title {
    margin-top: var(--flq-vertical-rhythm-3);
}
.flq-card-feature .card-title {
    display: block;
}
.flq-card-feature .card-title + p,
.flq-card-feature .card-title + .paragraph {
    margin-top: var(--flq-vertical-rhythm-1);
}

.flq-card-feature-filled {
    padding: 50px;
    background-color: hsla(var(--flq-color-background-200));
    border-radius: var(--flq-border-radius-xl);
    -webkit-transition: background-color var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: background-color var(--flq-transition-duration) var(--flq-transition-easing);
    transition: background-color var(--flq-transition-duration) var(--flq-transition-easing);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: perspective(1000px);
            transform: perspective(1000px);
}
.flq-card-feature-filled .card-body {
    -webkit-transform: translateZ(20px);
            transform: translateZ(20px);
}
.flq-card-feature-filled .card-icon {
    -webkit-box-shadow: 0 0 0 0 hsla(var(--flq-color-brand), 0);
            box-shadow: 0 0 0 0 hsla(var(--flq-color-brand), 0);
    -webkit-transition: -webkit-box-shadow var(--flq-transition-duration) var(--flq-transition-easing);
    transition: -webkit-box-shadow var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: box-shadow var(--flq-transition-duration) var(--flq-transition-easing);
    transition: box-shadow var(--flq-transition-duration) var(--flq-transition-easing);
    transition: box-shadow var(--flq-transition-duration) var(--flq-transition-easing), -webkit-box-shadow var(--flq-transition-duration) var(--flq-transition-easing);
}
.flq-card-feature-filled:hover, .flq-card-feature-filled[href]:hover, .flq-card-feature-filled[href]:focus {
    background-color: hsla(var(--flq-color-background-300));
}
.flq-card-feature-filled:hover .card-icon, .flq-card-feature-filled[href]:hover .card-icon, .flq-card-feature-filled[href]:focus .card-icon {
    -webkit-box-shadow: 0 5px 16px -5px hsla(var(--flq-color-brand), 0.5);
            box-shadow: 0 5px 16px -5px hsla(var(--flq-color-brand), 0.5);
}
.flq-card-feature-filled:hover .card-icon > svg:not(:first-child), .flq-card-feature-filled[href]:hover .card-icon > svg:not(:first-child), .flq-card-feature-filled[href]:focus .card-icon > svg:not(:first-child) {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
}

.flq-card-movie {
    position: relative;
    -webkit-transform: perspective(1000px);
            transform: perspective(1000px);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.flq-card-movie:hover .card-img-wrap img, .flq-card-movie:focus .card-img-wrap img {
    -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
            transform: scale(1.03);
}
.flq-card-movie .card-img-wrap {
    position: relative;
    z-index: -1;
    display: block;
    overflow: hidden;
}
.flq-card-movie .card-img-wrap .flq-image {
    border-radius: var(--flq-border-radius-xl);
}
.flq-card-movie .card-img-wrap .flq-image::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    content: "";
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(var(--flq-color-black), 0)), color-stop(60%, hsla(var(--flq-color-black), 0.6)));
    background-image: -o-linear-gradient(top, hsla(var(--flq-color-black), 0) 0%, hsla(var(--flq-color-black), 0.6) 60%);
    background-image: linear-gradient(180deg, hsla(var(--flq-color-black), 0) 0%, hsla(var(--flq-color-black), 0.6) 60%);
}
.flq-card-movie .card-img-wrap img {
    will-change: transform;
    -webkit-transition: -webkit-transform calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    transition: -webkit-transform calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    -o-transition: transform calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    transition: transform calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    transition: transform calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic), -webkit-transform calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
@media (max-width: 847.98px) {
    .flq-card-movie .card-img-wrap > .flq-image {
        min-height: 300px;
    }
}
.flq-card-movie .card-body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    padding: 42px 50px;
    -webkit-transform: translateZ(20px);
            transform: translateZ(20px);
}
@media (max-width: 635.98px) {
    .flq-card-movie .card-body {
        padding: 25px 30px;
    }
}
.flq-card-movie .card-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: var(--flq-body--font-weight-bold);
    color: hsla(var(--flq-color-title));
}
.flq-card-movie .card-badge > svg {
    margin-right: 10px;
}
.flq-card-movie .card-badge + .card-title {
    margin-top: calc(var(--flq-vertical-rhythm-1) * 2);
}
.flq-card-movie .card-title {
    display: block;
}
.flq-card-movie .card-title + .card-description {
    margin-top: calc(var(--flq-vertical-rhythm-1) * 2);
}
.flq-card-movie .card-description {
    display: block;
}
.flq-card-movie .card-description > span {
    display: block;
}
@media (max-width: 635.98px) {
    .flq-card-movie .card-description > span {
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.flq-card-image {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flq-card-image .card-image {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
    color: hsla(var(--flq-color-white));
    border-radius: var(--flq-border-radius-xl);
}
.flq-card-image .card-image > .flq-image {
    height: 100%;
}
.flq-card-image .card-image::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    content: "";
    background-color: hsla(var(--flq-color-black), 0.4);
    opacity: 0;
    -webkit-transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    will-change: opacity;
}
.flq-card-image .card-image img {
    -webkit-transition: -webkit-transform calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    transition: -webkit-transform calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    -o-transition: transform calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    transition: transform calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    transition: transform calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic), -webkit-transform calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    will-change: transform;
}
.flq-card-image .card-image > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.7);
        -ms-transform: translateX(-50%) translateY(-50%) scale(0.7);
            transform: translateX(-50%) translateY(-50%) scale(0.7);
    will-change: transform, opacity;
}
.flq-card-image .card-image:hover, .flq-card-image .card-image:focus {
    color: hsla(var(--flq-color-white));
}
.flq-card-image .card-image:hover::before, .flq-card-image .card-image:focus::before {
    opacity: 1;
}
.flq-card-image .card-image:hover img, .flq-card-image .card-image:focus img {
    -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
            transform: scale(1.03);
}
.flq-card-image .card-image:hover > svg, .flq-card-image .card-image:focus > svg {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        -ms-transform: translateX(-50%) translateY(-50%) scale(1);
            transform: translateX(-50%) translateY(-50%) scale(1);
}
.flq-card-image .card-body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.flq-card-image-link .card-image::before {
    background: none;
}
.flq-card-image-link .card-body {
    top: 0;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.flq-card-image-play:hover .btn-play .btn-play-progress svg, .flq-card-image-play:focus .btn-play .btn-play-progress svg {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.flq-card-image-play:hover .btn-play .btn-play-progress svg circle, .flq-card-image-play:focus .btn-play .btn-play-progress svg circle {
    stroke-dashoffset: 100%;
}
.flq-card-image-play:hover .btn-play .btn-icon, .flq-card-image-play:focus .btn-play .btn-icon {
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
}

.flq-card-image-instagram .card-image::before {
    background-color: transparent;
    background-image: -o-linear-gradient(45deg, rgba(253, 137, 29, 0.5) -0.15%, rgba(225, 48, 48, 0.5) 20%, rgba(193, 53, 132, 0.5) 40%, rgba(131, 58, 180, 0.5) 60%, rgba(88, 81, 219, 0.5) 80%, rgba(64, 93, 230, 0.5) 100%);
    background-image: linear-gradient(45deg, rgba(253, 137, 29, 0.5) -0.15%, rgba(225, 48, 48, 0.5) 20%, rgba(193, 53, 132, 0.5) 40%, rgba(131, 58, 180, 0.5) 60%, rgba(88, 81, 219, 0.5) 80%, rgba(64, 93, 230, 0.5) 100%);
}

.flq-card-blog {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.flq-card-blog:hover .card-img-wrap > a {
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px);
}
.flq-card-blog:hover .card-img-wrap > a .flq-image > img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.flq-card-blog .flq-meta {
    --flq-meta--color: var(--flq-color-text);
}
.flq-card-blog .card-img-wrap {
    position: relative;
    width: 100%;
}
.flq-card-blog .card-img-wrap > a {
    display: block;
    color: hsla(var(--flq-color-title));
    -webkit-transition: -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.flq-card-blog .card-img-wrap > a:hover, .flq-card-blog .card-img-wrap > a:focus {
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px);
}
.flq-card-blog .card-img-wrap > a:hover .flq-image > img, .flq-card-blog .card-img-wrap > a:focus .flq-image > img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.flq-card-blog .card-img-wrap .card-badge {
    --flq-backdrop-blur: 4px;
    position: absolute;
    top: 15px;
    right: 15px;
}
.flq-card-blog .card-img-wrap .flq-image {
    overflow: hidden;
    border-radius: var(--flq-border-radius);
}
.flq-card-blog .card-img-wrap .flq-image > img {
    will-change: transform;
    -webkit-transition: -webkit-transform calc(var(--flq-transition-duration-cubic) + 0.5s) var(--flq-transition-easing-cubic);
    transition: -webkit-transform calc(var(--flq-transition-duration-cubic) + 0.5s) var(--flq-transition-easing-cubic);
    -o-transition: transform calc(var(--flq-transition-duration-cubic) + 0.5s) var(--flq-transition-easing-cubic);
    transition: transform calc(var(--flq-transition-duration-cubic) + 0.5s) var(--flq-transition-easing-cubic);
    transition: transform calc(var(--flq-transition-duration-cubic) + 0.5s) var(--flq-transition-easing-cubic), -webkit-transform calc(var(--flq-transition-duration-cubic) + 0.5s) var(--flq-transition-easing-cubic);
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.flq-card-blog .card-img-wrap + .card-body {
    margin-top: var(--flq-vertical-rhythm-3);
}
.flq-card-blog .card-title + .flq-meta {
    margin-top: var(--flq-vertical-rhythm-1);
}
.flq-card-blog .card-title + p {
    margin-top: var(--flq-vertical-rhythm-2);
}
.flq-card-blog .btn {
    margin-top: var(--flq-vertical-rhythm-2);
}

.flq-card-blog-classic {
    --flq-card-blog__meta--gap: 30px;
    --flq-card-blog__meta--font-size: var(--flq-body--font-size);
    --flq-card-blog__meta--font-weight: var(--flq-body--font-weight-bold);
    --flq-card-blog__meta--line-height: var(--flq-body--line-height);
    --flq-card-blog__meta--color: var(--flq-color-meta);
}
.flq-card-blog-classic .card-img-wrap .flq-image {
    border-radius: var(--flq-border-radius-xl);
}
.flq-card-blog-classic .card-img-wrap + .card-body {
    margin-top: 40px;
}
.flq-card-blog-classic .flq-meta {
    --flq-meta--color: var(--flq-color-meta);
}
.flq-card-blog-classic .card-title + .flq-meta {
    margin-top: var(--flq-vertical-rhythm-3);
}
.flq-card-blog-classic .card-body p {
    margin-top: var(--flq-vertical-rhythm-3);
}
.flq-card-blog-classic .btn {
    margin-top: var(--flq-vertical-rhythm);
}

.flq-card-tvshow .flq-meta .card-category {
    --flq-meta--color: var(--flq-color-brand);
    --flq-meta-hover--color: var(--flq-color-title);
    --flq-meta-focus--color: var(--flq-color-title);
}
.flq-card-tvshow .flq-meta .card-year {
    --flq-meta--color: var(--flq-color-title);
    --flq-meta-hover--color: var(--flq-color-brand);
    --flq-meta-focus--color: var(--flq-color-brand);
}

@media (max-width: 635.98px) {
    .flq-card-favorites,
.flq-card-favorites .flq-image {
        min-height: 200px;
    }
}
.flq-card-favorites .card-body {
    right: 10px;
    bottom: 10px;
    left: 10px;
}

@media (max-width: 635.98px) {
    .flq-card-trailer[class*=flq-responsive] .card-image {
        position: relative;
        height: 200px;
    }
}
@media (max-width: 635.98px) {
    .flq-card-trailer .card-body {
        position: static;
        margin-top: 20px;
    }
}
.flq-card-trailer .card-body .btn {
    position: absolute;
    bottom: 30px;
    left: 30px;
}
@media (max-width: 635.98px) {
    .flq-card-trailer .card-body .btn {
        position: static;
        width: 100%;
    }
}
.flq-card-trailer .card-body .badge {
    position: absolute;
    right: 30px;
    bottom: 30px;
}
@media (max-width: 635.98px) {
    .flq-card-trailer .card-body .badge {
        top: 20px;
        right: 20px;
        bottom: auto;
    }
}

.flq-card-pricing {
    padding: 50px;
    background-color: hsla(var(--flq-color-black), 0.2);
    border-radius: var(--flq-border-radius-xl);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: perspective(1000px);
            transform: perspective(1000px);
}
.flq-card-pricing .card-head,
.flq-card-pricing .card-footer,
.flq-card-pricing .card-body {
    -webkit-transform: translateZ(40px);
            transform: translateZ(40px);
}
.flq-card-pricing .card-subtitle + .card-price {
    margin-top: var(--flq-vertical-rhythm-2);
}
.flq-card-pricing .card-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.flq-card-pricing .card-price > span {
    font-family: var(--flq-body--font-family);
    font-size: var(--flq-small--font-size);
    font-weight: var(--flq-small--font-weight-bold);
    line-height: var(--flq-small--line-height);
    color: hsla(var(--flq-color-meta));
    text-transform: var(--flq-small--text-transform);
}
.flq-card-pricing .card-price > span:first-child {
    margin-right: 0.4em;
}
.flq-card-pricing .card-price > span:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-left: 0.4em;
}
.flq-card-pricing .card-price > span:last-child::before {
    display: block;
    margin-right: 0.4em;
    content: "/";
}
.flq-card-pricing .card-body {
    margin-top: var(--flq-vertical-rhythm);
}
.flq-card-pricing .card-body > ul > li {
    position: relative;
    padding-left: calc(1em + 15px);
    color: hsla(var(--flq-color-title));
}
.flq-card-pricing .card-body > ul > li + li {
    margin-top: var(--flq-vertical-rhythm-2);
}
.flq-card-pricing .card-body > ul > li::before {
    position: absolute;
    top: 0.4em;
    left: 0;
    width: 1em;
    height: 1em;
    content: "";
    background-color: currentColor;
    -webkit-mask-image: var(--flq-icon-stick);
            mask-image: var(--flq-icon-stick);
}
.flq-card-pricing .card-footer {
    margin-top: calc(var(--flq-vertical-rhythm) + 0.4em);
}

/* ------------------------------------------------------------------
  collapse
------------------------------------------------------------------- */
.collapsing {
    -webkit-transition: height 0.5s cubic-bezier(0.2, 0.9, 0.4, 1);
    -o-transition: height 0.5s cubic-bezier(0.2, 0.9, 0.4, 1);
    transition: height 0.5s cubic-bezier(0.2, 0.9, 0.4, 1);
}

/* ------------------------------------------------------------------
  accordion
------------------------------------------------------------------- */
.accordion {
    --flq-accordion__item--padding-v: 35px;
    --flq-accordion__item--padding-h: 40px;
    --flq-accordion__item--gap: 30px;
    --flq-accordion__button-icon--size: 26px;
    --flq-accordion__button-icon--gap: 30px;
    --flq-accordion__button-icon--color: var(--flq-color-meta);
    --flq-accordion__button-icon--background-color: var(--flq-color-border);
    --flq-accordion__button-icon-line--size: 11px;
    --flq-accordion__button-icon-line--stroke: 2px;
    --flq-accordion__button-dot--size: 6px;
    --flq-accordion__button-dot--gap: 15px;
}

.accordion-item {
    padding-top: calc(var(--flq-accordion__item--padding-v) - var(--flq-vertical-rhythm-3));
    padding-bottom: calc(var(--flq-accordion__item--padding-v) - var(--flq-vertical-rhythm-3));
    background-color: hsla(var(--flq-color-background-200));
    border-radius: var(--flq-border-radius-lg);
    -webkit-transition: background-color var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: background-color var(--flq-transition-duration) var(--flq-transition-easing);
    transition: background-color var(--flq-transition-duration) var(--flq-transition-easing);
}
.accordion-item:hover {
    background-color: hsla(var(--flq-color-background-300));
}
.accordion-item:first-of-type, .accordion-item:last-of-type {
    border-radius: var(--flq-border-radius-lg);
}
.accordion-item + .accordion-item {
    margin-top: var(--flq-accordion__item--gap);
}

.accordion-button {
    position: relative;
    padding-top: var(--flq-vertical-rhythm-3);
    padding-right: calc(var(--flq-accordion__item--padding-h) + var(--flq-accordion__button-icon--size) + var(--flq-accordion__button-icon--gap));
    padding-bottom: var(--flq-vertical-rhythm-3);
    padding-left: var(--flq-accordion__item--padding-h);
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: hsla(var(--flq-color-title));
    letter-spacing: inherit;
    will-change: padding-left;
    -webkit-transition: padding-left var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), color var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: padding-left var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), color var(--flq-transition-duration) var(--flq-transition-easing);
    transition: padding-left var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), color var(--flq-transition-duration) var(--flq-transition-easing);
}
.accordion-button::before {
    position: absolute;
    top: 50%;
    left: var(--flq-accordion__item--padding-h);
    width: var(--flq-accordion__button-dot--size);
    height: var(--flq-accordion__button-dot--size);
    margin-top: calc(var(--flq-accordion__button-dot--size) * -0.5);
    content: "";
    background-color: hsla(var(--flq-color-brand));
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    will-change: transform, opacity;
}
.accordion-button:not(.collapsed) {
    padding-left: calc(var(--flq-accordion__item--padding-h) + var(--flq-accordion__button-dot--size) + var(--flq-accordion__button-dot--gap));
    color: hsla(var(--flq-color-title));
}
.accordion-button:not(.collapsed)::before {
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
.accordion-button:not(.collapsed) .accordion-button-icon {
    color: hsla(var(--flq-color-text));
}
.accordion-button:not(.collapsed) .accordion-button-icon::after {
    opacity: 0;
    -webkit-transform: translateY(-6px) rotate(90deg);
        -ms-transform: translateY(-6px) rotate(90deg);
            transform: translateY(-6px) rotate(90deg);
}
.accordion-button:hover .accordion-button-icon, .accordion-button:focus .accordion-button-icon {
    -webkit-clip-path: inset(0 0 0 0 round 50%);
            clip-path: inset(0 0 0 0 round 50%);
}
.accordion-button::after {
    display: none;
}

.accordion-button-icon {
    position: absolute;
    top: 50%;
    right: var(--flq-accordion__item--padding-h);
    display: block;
    width: var(--flq-accordion__button-icon--size);
    height: var(--flq-accordion__button-icon--size);
    margin-top: calc(var(--flq-accordion__button-icon--size) * -0.5);
    -webkit-clip-path: inset(0 0 0 0 round var(--flq-border-radius-sm));
            clip-path: inset(0 0 0 0 round var(--flq-border-radius-sm));
    color: hsla(var(--flq-accordion__button-icon--color));
    background-color: hsla(var(--flq-accordion__button-icon--background-color));
    -webkit-transition: color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: color var(--flq-transition-duration) var(--flq-transition-easing), clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing), clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing), clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    will-change: clip-path;
}
.accordion-button-icon::before, .accordion-button-icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--flq-accordion__button-icon-line--size);
    height: var(--flq-accordion__button-icon-line--stroke);
    margin-top: calc(var(--flq-accordion__button-icon-line--stroke) * -0.5);
    margin-left: calc(var(--flq-accordion__button-icon-line--size) * -0.5);
    content: "";
    background-color: currentColor;
    border-radius: var(--flq-border-radius);
}
.accordion-button-icon::after {
    opacity: 1;
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transform: translateY(0) rotate(90deg);
        -ms-transform: translateY(0) rotate(90deg);
            transform: translateY(0) rotate(90deg);
    will-change: transform, opacity;
}

.accordion-body {
    padding: 0 var(--flq-accordion__item--padding-h) var(--flq-vertical-rhythm-3);
}

/* ------------------------------------------------------------------
  breadcrumb
------------------------------------------------------------------- */
.breadcrumb {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    margin-right: -15px;
    margin-bottom: 0;
    margin-left: -15px;
    font-size: var(--flq-body--font-size);
    font-weight: var(--flq-body--font-weight-bold);
    line-height: var(--flq-body--line-height);
    background-color: transparent;
}

.breadcrumb-item {
    padding-right: 15px;
    padding-left: 15px;
    color: hsla(var(--flq-color-meta));
}
.breadcrumb-item.active {
    color: hsla(var(--flq-color-meta));
}
.breadcrumb-item + .breadcrumb-item::before {
    display: none;
}
.breadcrumb-item > a {
    color: currentColor;
    text-decoration: none;
}
.breadcrumb-item > a:hover, .breadcrumb-item > a:focus {
    color: hsla(var(--flq-color-title));
}

/* ------------------------------------------------------------------
  pagination
------------------------------------------------------------------- */
.pagination {
    --bs-gutter-y: 15px;
    --bs-gutter-x: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
}

.page-item {
    padding-top: var(--bs-gutter-y);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.page-item.active > .page-link {
    color: hsla(var(--flq-color-title));
    background-color: hsla(var(--flq-color-brand));
}
.page-item:first-child .page-link {
    border-radius: var(--flq-btn-sm--border-radius);
}
.page-item:first-child .page-link-prev, .page-item:first-child .page-link-next {
    border-radius: 0;
}
.page-item:last-child .page-link {
    border-radius: var(--flq-btn-sm--border-radius);
}
.page-item:last-child .page-link-prev, .page-item:last-child .page-link-next {
    border-radius: 0;
}

.page-link {
    min-width: var(--flq-btn-sm--size);
    padding: var(--flq-btn-sm--padding-v) var(--flq-btn-sm--padding-v);
    font-family: var(--flq-btn--font-family);
    font-size: var(--flq-btn-sm--font-size);
    font-weight: var(--flq-btn--font-weight);
    line-height: var(--flq-btn--line-height);
    color: hsla(var(--flq-color-title));
    text-align: center;
    text-transform: var(--flq-btn--text-transform);
    letter-spacing: var(--flq-btn--letter-spacing);
    background-color: hsla(var(--flq-color-background-300));
    border-radius: var(--flq-btn-sm--border-radius);
}
.page-link:hover {
    color: hsla(var(--flq-color-title));
    background-color: hsla(var(--flq-color-border));
}

.page-link-prev,
.page-link-next {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    border-radius: 0;
}
@media (min-width: 636px) {
    .page-link-prev > svg,
.page-link-next > svg {
        display: none;
    }
}
@media (max-width: 635.98px) {
    .page-link-prev,
.page-link-next {
        min-width: auto;
        padding: 0;
        font-size: 0;
    }
}
.page-link-prev:hover, .page-link-prev:focus,
.page-link-next:hover,
.page-link-next:focus {
    color: hsla(var(--flq-color-brand));
    background-color: transparent;
}

.page-link-prev {
    padding-left: 0;
}

.page-link-next {
    padding-right: 0;
}

/* ------------------------------------------------------------------
  list group
------------------------------------------------------------------- */
.list-group-item {
    color: inherit;
    border-color: hsla(var(--flq-color-border));
}

.list-group-flush .list-group-item {
    padding: var(--flq-vertical-rhythm-2) 0;
}
.list-group-flush .list-group-item:first-child {
    padding-top: 0;
}
.list-group-flush .list-group-item:last-child {
    padding-bottom: 0;
}

.list-group-dotted .list-group-item {
    position: relative;
    padding-left: 21px;
}
.list-group-dotted .list-group-item::before {
    position: absolute;
    top: calc(var(--flq-vertical-rhythm-2) + 0.7em);
    left: 0;
    width: 6px;
    height: 6px;
    content: "";
    background-color: currentColor;
    border-radius: 50%;
}
.list-group-dotted .list-group-item:first-child::before {
    top: 0.7em;
}

/* ------------------------------------------------------------------
  table
------------------------------------------------------------------- */
.table {
    --flq-table--gap: var(--flq-vertical-rhythm-1);
    margin-bottom: 0;
    color: hsla(var(--flq-color-title));
}
.table > :not(caption) > * > * {
    padding: var(--flq-table--gap);
    border-bottom-color: hsla(var(--flq-color-border));
}
.table > :not(caption) > * > *:first-child {
    padding-left: 0;
}
.table > :not(caption) > * > *:last-child {
    padding-right: 0;
}
.table > tbody:first-child > tr:first-child > * {
    padding-top: 0;
}
.table > tbody:last-child > tr:last-child > * {
    padding-bottom: 0;
    border-bottom: 0;
}

.table-borderless {
    --flq-table--gap: var(--flq-vertical-rhythm-2);
}
.table-borderless > tbody > tr + tr > * {
    padding-top: 0;
}

/* ------------------------------------------------------------------
  badge
------------------------------------------------------------------- */
.badge {
    --flq-badge--background-color: var(--flq-color-background-300);
    display: inline-block;
    padding: 2.5px 10px;
    font-size: var(--flq-small--font-size);
    font-weight: var(--flq-small--font-weight-bold);
    line-height: var(--flq-small--line-height);
    color: hsla(var(--flq-color-text));
    text-transform: var(--flq-small--text-transform);
    background-color: hsla(var(--flq-badge--background-color));
    border-radius: var(--flq-border-radius-sm);
}

.badge-sm {
    padding: 0.5px 8px;
}

.badge-white {
    --flq-badge--background-color: var(--flq-color-white);
}

.badge-black {
    --flq-badge--background-color: var(--flq-color-black);
}

.badge-dark {
    --flq-badge--background-color: var(--flq-color-dark);
}

.badge-glass {
    background-color: hsla(var(--flq-badge--background-color), 0.6);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .badge-glass {
        -webkit-backdrop-filter: blur(var(--flq-backdrop-blur));
                backdrop-filter: blur(var(--flq-backdrop-blur));
    }
}

.badge-translucent {
    background-color: hsla(var(--flq-badge--background-color), 0.1);
}

/* ------------------------------------------------------------------
  offcanvas
------------------------------------------------------------------- */
@-webkit-keyframes flq-offcanvas-toggle-dots {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(2px);
                transform: translateX(2px);
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@keyframes flq-offcanvas-toggle-dots {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(2px);
                transform: translateX(2px);
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
[data-bs-toggle=offcanvas] {
    --flq-offcanvas-toggle__dot--size: 3.5px;
    --flq-offcanvas-toggle__dot--gap: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
[data-bs-toggle=offcanvas]::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: var(--flq-btn-md--size);
    height: var(--flq-btn-md--size);
    margin-top: calc(var(--flq-btn-md--size) * -0.5);
    margin-left: calc(var(--flq-btn-md--size) * -0.5);
    content: "";
}
[data-bs-toggle=offcanvas] > span {
    width: var(--flq-offcanvas-toggle__dot--size);
    height: var(--flq-offcanvas-toggle__dot--size);
    margin-top: calc(var(--flq-offcanvas-toggle__dot--gap) * 0.5);
    margin-bottom: calc(var(--flq-offcanvas-toggle__dot--gap) * 0.5);
    background-color: currentColor;
    border-radius: 50%;
}
[data-bs-toggle=offcanvas]:hover > span, [data-bs-toggle=offcanvas]:focus > span {
    -webkit-animation: flq-offcanvas-toggle-dots calc(var(--flq-transition-duration) + 0.1s) linear;
            animation: flq-offcanvas-toggle-dots calc(var(--flq-transition-duration) + 0.1s) linear;
}
[data-bs-toggle=offcanvas]:hover > span:nth-child(2), [data-bs-toggle=offcanvas]:focus > span:nth-child(2) {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
}
[data-bs-toggle=offcanvas]:hover > span:nth-child(3), [data-bs-toggle=offcanvas]:focus > span:nth-child(3) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
}

.offcanvas {
    --flq-offcanvas--padding-v: 40px;
    --flq-offcanvas--padding-h: 40px;
    --flq-offcanvas--delay: 0.3s;
    width: calc(var(--flq-page__sidebar--width) + var(--flq-offcanvas--padding-h) + var(--flq-offcanvas--padding-h) + var(--flq-page-scrollbar__size));
    background-color: hsla(var(--flq-color-background));
    will-change: clip-path, transform;
    -webkit-transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
}
.offcanvas .offcanvas-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: var(--flq-navbar-top--min-height);
    padding-right: var(--flq-offcanvas--padding-h);
    padding-left: var(--flq-offcanvas--padding-h);
}
.offcanvas .offcanvas-body {
    padding: var(--flq-offcanvas--padding-v) var(--flq-offcanvas--padding-h);
    overflow-y: scroll;
}
.offcanvas.show {
    -webkit-clip-path: inset(0 0% 0 0%);
            clip-path: inset(0 0% 0 0%);
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
.offcanvas.show .offcanvas-close {
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
}
.offcanvas.show .offcanvas-close > span {
    background-color: hsla(var(--flq-color-white), 0.1);
}
.offcanvas.show .offcanvas-close > span::before, .offcanvas.show .offcanvas-close > span::after {
    -webkit-clip-path: inset(0 3px 0 3px round var(--flq-border-radius));
            clip-path: inset(0 3px 0 3px round var(--flq-border-radius));
}
.offcanvas.show .offcanvas-close > span::before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.offcanvas.show .offcanvas-close > span::after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.offcanvas-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: var(--flq-btn-xs--size);
    -webkit-clip-path: circle(0% at 50% 50%);
            clip-path: circle(0% at 50% 50%);
    will-change: clip-path;
    -webkit-transition: -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    transition: -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    -o-transition: clip-path calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    transition: clip-path calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    transition: clip-path calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic), -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    -webkit-transition-delay: calc(var(--flq-offcanvas--delay) - 0.15s);
         -o-transition-delay: calc(var(--flq-offcanvas--delay) - 0.15s);
            transition-delay: calc(var(--flq-offcanvas--delay) - 0.15s);
}
.offcanvas-close > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: var(--flq-btn-xs--size);
    height: var(--flq-btn-xs--size);
    -webkit-clip-path: inset(0 0 0 0 round var(--flq-border-radius));
            clip-path: inset(0 0 0 0 round var(--flq-border-radius));
    background-color: transparent;
    -webkit-transition: background-color var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: background-color var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), background-color var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), background-color var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), background-color var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transition-delay: 0s, calc(var(--flq-offcanvas--delay) + 0.3s);
         -o-transition-delay: 0s, calc(var(--flq-offcanvas--delay) + 0.3s);
            transition-delay: 0s, calc(var(--flq-offcanvas--delay) + 0.3s);
}
.offcanvas-close > span::before, .offcanvas-close > span::after {
    display: block;
    width: 28px;
    height: 2px;
    -webkit-clip-path: inset(0% round var(--flq-border-radius));
            clip-path: inset(0% round var(--flq-border-radius));
    content: "";
    background-color: hsla(var(--flq-color-title));
    -webkit-transition: -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration) var(--flq-transition-easing);
    transition: -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), clip-path var(--flq-transition-duration) var(--flq-transition-easing);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), clip-path var(--flq-transition-duration) var(--flq-transition-easing);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), clip-path var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration) var(--flq-transition-easing);
    -webkit-transition-delay: var(--flq-offcanvas--delay), calc(var(--flq-offcanvas--delay) + 0.25s);
         -o-transition-delay: var(--flq-offcanvas--delay), calc(var(--flq-offcanvas--delay) + 0.25s);
            transition-delay: var(--flq-offcanvas--delay), calc(var(--flq-offcanvas--delay) + 0.25s);
    will-change: transform, clip-path;
}
.offcanvas-close > span::before {
    margin-bottom: -1px;
}
.offcanvas-close > span::after {
    margin-top: -1px;
}
.offcanvas-close:hover > span, .offcanvas-close:focus > span {
    -webkit-clip-path: inset(0 0 0 0 round 50%);
            clip-path: inset(0 0 0 0 round 50%);
}

.offcanvas-start {
    -webkit-clip-path: inset(0 50% 0 0);
            clip-path: inset(0 50% 0 0);
    border-right: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.offcanvas-end {
    -webkit-clip-path: inset(0 0 0 50%);
            clip-path: inset(0 0 0 50%);
    border-left: 0;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
}

.flq-offcanvas-is-closing .offcanvas-close {
    -webkit-clip-path: circle(0% at 50% 50%);
            clip-path: circle(0% at 50% 50%);
    -webkit-transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}

/* ------------------------------------------------------------------

  Components

------------------------------------------------------------------- */
/* ------------------------------------------------------------------
  cursor
------------------------------------------------------------------- */
.flq-cursor {
    --flq-cursor--size: 40px;
    --flq-cursor__icon--gap: 4px;
    --flq-cursor__icon--width: 18px;
    --flq-cursor__icon--height: 18px;
    position: fixed;
    top: calc(var(--flq-cursor--size) * -0.5);
    left: calc(var(--flq-cursor--size) * -0.5);
    z-index: 999;
    pointer-events: none;
    will-change: transform;
}
.flq-cursor > span {
    display: block;
    width: var(--flq-cursor--size);
    height: var(--flq-cursor--size);
    border: 2px solid hsla(var(--flq-color-white), 1);
    border-radius: 50%;
    opacity: 0;
    will-change: opacity, transform;
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
}
.flq-cursor::before, .flq-cursor::after {
    position: absolute;
    top: 50%;
    display: block;
    width: var(--flq-cursor__icon--width);
    height: var(--flq-cursor__icon--height);
    margin-top: calc(var(--flq-cursor__icon--width) * -0.5);
    content: "";
    background-color: hsla(var(--flq-color-white));
    opacity: 0;
    will-change: opacity, transform;
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transition-delay: 0.1s;
         -o-transition-delay: 0.1s;
            transition-delay: 0.1s;
}
.flq-cursor::before {
    left: calc((var(--flq-cursor__icon--width) + var(--flq-cursor__icon--gap)) * -1);
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 19L8 12L15 5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 19L8 12L15 5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
}
.flq-cursor::after {
    right: calc((var(--flq-cursor__icon--width) + var(--flq-cursor__icon--gap)) * -1);
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 19L16 12L9 5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 19L16 12L9 5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.flq-cursor-show > span {
    opacity: 0.6;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.flq-cursor-show::before, .flq-cursor-show::after {
    opacity: 0.6;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

.flq-cursor-touch > span {
    opacity: 1;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}
.flq-cursor-touch::before, .flq-cursor-touch::after {
    opacity: 1;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}
.flq-cursor-touch::before {
    -webkit-transform: translateX(-20%);
        -ms-transform: translateX(-20%);
            transform: translateX(-20%);
}
.flq-cursor-touch::after {
    -webkit-transform: translateX(20%);
        -ms-transform: translateX(20%);
            transform: translateX(20%);
}

/* ------------------------------------------------------------------
  images ticker
------------------------------------------------------------------- */
:root {
    --flq-image-ticker__height: 180px;
    --flq-image-ticker__gap: 20px;
}

@-webkit-keyframes flq-image-ticker-slide {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}

@keyframes flq-image-ticker-slide {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}
@-webkit-keyframes flq-image-ticker-slide-inverted {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
}
@keyframes flq-image-ticker-slide-inverted {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
}
.flq-image-ticker {
    overflow: hidden;
}
.flq-image-ticker.flq-image-ticker-ready .flq-image-ticker-inner {
    visibility: visible;
    opacity: 1;
}
.flq-image-ticker .flq-image-ticker-item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: auto;
    height: 100%;
}
.flq-image-ticker .flq-image {
    height: 100%;
}
.flq-image-ticker .flq-image img {
    width: auto;
    height: 100%;
}

.flq-image-ticker-pause-hover:hover .flq-image-ticker-inner {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

.flq-image-ticker-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.5s opacity, 0.5s visibility;
    -o-transition: 0.5s opacity, 0.5s visibility;
    transition: 0.5s opacity, 0.5s visibility;
    -webkit-animation-name: flq-image-ticker-slide;
            animation-name: flq-image-ticker-slide;
    -webkit-animation-duration: 7s;
            animation-duration: 7s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
[data-inverted].flq-image-ticker .flq-image-ticker-inner {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-animation-name: flq-image-ticker-slide-inverted;
            animation-name: flq-image-ticker-slide-inverted;
}
.flq-image-ticker-inner > div {
    padding-left: var(--flq-image-ticker__gap);
    white-space: nowrap;
}

/* ------------------------------------------------------------------
  background
------------------------------------------------------------------- */
.flq-background {
    position: relative;
}
.flq-background > .flq-background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.flq-background > .flq-background-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}
.flq-background > .flq-background-image .flq-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.flq-background > .flq-background-ticker {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
        align-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}
.flq-background > .flq-background-ticker .flq-image-ticker {
    height: var(--flq-image-ticker__height);
}
.flq-background > .flq-background-shape {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}
.flq-background > .flq-background-shape [data-rellax] {
    position: relative;
    max-width: 100%;
}
.flq-background > .flq-background-shape svg {
    width: 100%;
}

.flq-background-color-100 {
    background-color: hsla(var(--flq-color-background-100));
}

.flq-background-color-200 {
    background-color: hsla(var(--flq-color-background-200));
}

.flq-background-color-300 {
    background-color: hsla(var(--flq-color-background-300));
}

/* ------------------------------------------------------------------
  counter box
------------------------------------------------------------------- */
.flq-counter-box {
    padding-top: 15px;
    padding-bottom: 20px;
}

.flq-counter-box-number {
    display: block;
    color: hsla(var(--flq-color-brand));
}
.flq-counter-box-number + .flq-counter-box-subtitle {
    margin-top: var(--flq-vertical-rhythm-1);
}

.flq-counter-box-subtitle {
    display: block;
}

/* ------------------------------------------------------------------
  page pagination
------------------------------------------------------------------- */
.flq-page-navigation,
.flq-page-navigation-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.flq-page-navigation-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
}
.flq-page-navigation-image img {
    border-radius: 0;
    opacity: 0.4;
    will-change: opacity, transform;
    -webkit-transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    -o-transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic), -webkit-transform calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
}

.flq-page-navigation-subtitle {
    font-size: var(--flq-body-small__font-size);
    font-weight: var(--flq-body-small__font-weight);
    line-height: var(--flq-body-small__line-height);
    text-transform: var(--flq-body-small__text-transform);
}

.flq-page-navigation-title {
    margin: 0;
}

.flq-page-navigation-prev .btn,
.flq-page-navigation-next .btn {
    pointer-events: none;
}
.flq-page-navigation-prev:hover, .flq-page-navigation-prev:focus,
.flq-page-navigation-next:hover,
.flq-page-navigation-next:focus {
    color: hsla(var(--flq-color-title));
}
.flq-page-navigation-prev:hover img, .flq-page-navigation-prev:focus img,
.flq-page-navigation-next:hover img,
.flq-page-navigation-next:focus img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

@media (min-width: 1280px) {
    .flq-page-navigation {
        position: fixed;
        top: 50%;
        right: 0;
        left: 0;
        z-index: 3;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        min-width: 100%;
        margin-top: 0;
        pointer-events: none;
    }

    .flq-page-navigation-container {
        position: relative;
        margin-right: var(--flq-container__padding);
        margin-left: var(--flq-container__padding);
        pointer-events: none;
    }

    .flq-page-navigation-content {
        position: absolute;
        top: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 500px;
        padding: 30px;
        visibility: hidden;
        background-color: hsla(var(--flq-color-background-100));
        opacity: 0;
        -webkit-transition: visibility 0.15s var(--flq-transition-easing), opacity 0.15s var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
        transition: visibility 0.15s var(--flq-transition-easing), opacity 0.15s var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
        -o-transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), visibility 0.15s var(--flq-transition-easing), opacity 0.15s var(--flq-transition-easing);
        transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), visibility 0.15s var(--flq-transition-easing), opacity 0.15s var(--flq-transition-easing);
        transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), visibility 0.15s var(--flq-transition-easing), opacity 0.15s var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
        will-change: clip-path, opacity;
    }
    .flq-page-navigation-content:hover .flq-page-navigation-image img {
        opacity: 0.5;
        -webkit-transform: scale(1.03);
            -ms-transform: scale(1.03);
                transform: scale(1.03);
    }

    .flq-page-navigation-subtitle {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-clip-path: inset(30px 0 30px 0 round var(--flq-border-radius) var(--flq-border-radius) var(--flq-border-radius) var(--flq-border-radius));
                clip-path: inset(30px 0 30px 0 round var(--flq-border-radius) var(--flq-border-radius) var(--flq-border-radius) var(--flq-border-radius));
        white-space: nowrap;
        background-color: hsla(var(--flq-color-dark), 0.5);
        -webkit-transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
        transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
        -o-transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
        transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
        transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
        will-change: clip-path;
    }
    @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
        .flq-page-navigation-subtitle {
            -webkit-backdrop-filter: blur(var(--flq-backdrop-blur));
                    backdrop-filter: blur(var(--flq-backdrop-blur));
        }
    }
    .flq-page-navigation-subtitle > span,
.flq-page-navigation-subtitle > svg {
        -webkit-transition: opacity 0.15s var(--flq-transition-easing), -webkit-transform 0.15s var(--flq-transition-easing);
        transition: opacity 0.15s var(--flq-transition-easing), -webkit-transform 0.15s var(--flq-transition-easing);
        -o-transition: opacity 0.15s var(--flq-transition-easing), transform 0.15s var(--flq-transition-easing);
        transition: opacity 0.15s var(--flq-transition-easing), transform 0.15s var(--flq-transition-easing);
        transition: opacity 0.15s var(--flq-transition-easing), transform 0.15s var(--flq-transition-easing), -webkit-transform 0.15s var(--flq-transition-easing);
        will-change: opacity, transform;
    }
    .flq-page-navigation-subtitle > svg {
        position: absolute;
    }

    .flq-page-navigation-prev,
.flq-page-navigation-next {
        position: absolute;
        top: 0;
        display: block;
        width: 50px;
        height: 260px;
        margin-top: -130px;
        font-family: var(--flq-btn--font-family);
        font-size: var(--flq-btn-md--font-size);
        font-weight: var(--flq-btn--font-weight);
        line-height: var(--flq-btn--line-height);
        text-transform: var(--flq-btn--text-transform);
        letter-spacing: var(--flq-btn--letter-spacing);
        pointer-events: visible;
    }
    .flq-page-navigation-prev::before,
.flq-page-navigation-next::before {
        position: absolute;
        top: 0;
        bottom: 0;
        display: block;
        content: "";
    }
    .flq-page-navigation-prev:hover .flq-page-navigation-content, .flq-page-navigation-prev:focus .flq-page-navigation-content,
.flq-page-navigation-next:hover .flq-page-navigation-content,
.flq-page-navigation-next:focus .flq-page-navigation-content {
        -webkit-clip-path: inset(0 0 0 0 round var(--flq-border-radius-lg));
                clip-path: inset(0 0 0 0 round var(--flq-border-radius-lg));
        visibility: visible;
        opacity: 1;
    }
    .flq-page-navigation-prev:hover .flq-page-navigation-subtitle, .flq-page-navigation-prev:focus .flq-page-navigation-subtitle,
.flq-page-navigation-next:hover .flq-page-navigation-subtitle,
.flq-page-navigation-next:focus .flq-page-navigation-subtitle {
        -webkit-clip-path: inset(0 0 0 0 round var(--flq-border-radius-lg));
                clip-path: inset(0 0 0 0 round var(--flq-border-radius-lg));
    }

    .flq-page-navigation-prev {
        left: var(--flq-page-offset);
    }
    .flq-page-navigation-prev .flq-page-navigation-content {
        left: calc(100% + 10px);
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-clip-path: inset(30px 0 30px 0 round var(--flq-border-radius));
                clip-path: inset(30px 0 30px 0 round var(--flq-border-radius));
    }
    .flq-page-navigation-prev .flq-page-navigation-subtitle > span {
        opacity: 0;
        -webkit-transform: rotate(-90deg) translateY(50%);
            -ms-transform: rotate(-90deg) translateY(50%);
                transform: rotate(-90deg) translateY(50%);
    }
    .flq-page-navigation-prev:hover::before, .flq-page-navigation-prev:focus::before {
        right: -10px;
        left: 0;
    }
    .flq-page-navigation-prev:hover .flq-page-navigation-subtitle > span, .flq-page-navigation-prev:focus .flq-page-navigation-subtitle > span {
        opacity: 1;
        -webkit-transform: rotate(-90deg) translateY(0);
            -ms-transform: rotate(-90deg) translateY(0);
                transform: rotate(-90deg) translateY(0);
    }
    .flq-page-navigation-prev:hover .flq-page-navigation-subtitle > svg, .flq-page-navigation-prev:focus .flq-page-navigation-subtitle > svg {
        opacity: 0;
    }

    .flq-page-navigation-next {
        right: var(--flq-page-offset);
    }
    .flq-page-navigation-next .flq-page-navigation-content {
        right: calc(100% + 10px);
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-clip-path: inset(30px 0 30px 0 round var(--flq-border-radius));
                clip-path: inset(30px 0 30px 0 round var(--flq-border-radius));
        text-align: right;
    }
    .flq-page-navigation-next .flq-page-navigation-subtitle > span {
        opacity: 0;
        -webkit-transform: rotate(90deg) translateY(50%);
            -ms-transform: rotate(90deg) translateY(50%);
                transform: rotate(90deg) translateY(50%);
    }
    .flq-page-navigation-next:hover::before, .flq-page-navigation-next:focus::before {
        right: 0;
        left: -10px;
    }
    .flq-page-navigation-next:hover .flq-page-navigation-subtitle > span, .flq-page-navigation-next:focus .flq-page-navigation-subtitle > span {
        opacity: 1;
        -webkit-transform: rotate(90deg) translateY(0);
            -ms-transform: rotate(90deg) translateY(0);
                transform: rotate(90deg) translateY(0);
    }
    .flq-page-navigation-next:hover .flq-page-navigation-subtitle > svg, .flq-page-navigation-next:focus .flq-page-navigation-subtitle > svg {
        opacity: 0;
    }
}
@media (max-width: 1279.98px) {
    .flq-page-navigation-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .flq-page-navigation-subtitle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 14px;
    }
    .flq-page-navigation-subtitle svg + span,
.flq-page-navigation-subtitle span + svg {
        margin-left: 6px;
    }
    .flq-page-navigation-subtitle svg {
        width: 20px;
        height: 20px;
    }
    .flq-page-navigation-subtitle path {
        stroke-width: 2.5;
    }

    .flq-page-navigation-image {
        border-radius: var(--flq-border-radius-lg);
    }

    .flq-page-navigation-prev,
.flq-page-navigation-next {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        min-height: 200px;
        padding: 40px;
        -webkit-clip-path: inset(0 round var(--flq-border-radius-lg));
                clip-path: inset(0 round var(--flq-border-radius-lg));
    }
    .flq-page-navigation-prev::before,
.flq-page-navigation-next::before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        content: "";
        background-color: hsla(var(--flq-color-background-100));
    }
    .flq-page-navigation-prev:hover img, .flq-page-navigation-prev:focus img,
.flq-page-navigation-next:hover img,
.flq-page-navigation-next:focus img {
        opacity: 0.5;
    }
}
@media (min-width: 1072px) and (max-width: 1279.98px) {
    .flq-page-navigation-container {
        margin-top: -30px;
        margin-left: -20px;
    }

    .flq-page-navigation-prev,
.flq-page-navigation-next {
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        max-width: 100%;
        margin-top: 30px;
        margin-left: 20px;
    }

    .flq-page-navigation-prev,
.flq-page-navigation-prev .flq-page-navigation-content {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        text-align: right;
    }

    .flq-page-navigation-next,
.flq-page-navigation-next .flq-page-navigation-content {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        text-align: left;
    }
}
@media (max-width: 1071.98px) {
    .flq-page-navigation-prev,
.flq-page-navigation-next {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    .flq-page-navigation-prev .flq-page-navigation-subtitle > span {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        margin-right: 6px;
        margin-left: 0;
    }

    .flq-page-navigation-subtitle {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: hsla(var(--flq-color-white), var(--flq-color-text-opacity));
    }

    .flq-page-navigation-prev + .flq-page-navigation-next {
        margin-top: var(--flq-vertical-rhythm-3);
    }
}
/* ------------------------------------------------------------------
  social
------------------------------------------------------------------- */
.flq-social {
    --bs-gutter-y: 20px;
    --bs-gutter-x: 20px;
    --flq-social__link--size: var(--flq-btn-md--size);
    --flq-social__link--color: var(--flq-color-title);
    --flq-social__link-hover--color: var(--flq-color-title);
    --flq-social__link-focus--color: var(--flq-color-title);
    --flq-social__link--background-color: var(--flq-color-title), 0.1;
    --flq-social__link-hover--background-color: var(--flq-color-title), 0.1;
    --flq-social__link-focus--background-color: var(--flq-color-title), 0.1;
    line-height: 0;
}
.flq-social > ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.flq-social > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.flq-social-xs {
    --flq-social__link--size: var(--flq-btn-xs--size);
}

.flq-social-sm {
    --flq-social__link--size: var(--flq-btn-sm--size);
}

.flq-social-lg {
    --flq-social__link--size: var(--flq-btn-lg--size);
}

.flq-social-link {
    position: relative;
    z-index: 1;
    display: block;
    color: hsla(var(--flq-social__link--color));
}
.flq-social-link::before, .flq-social-link::after {
    content: "";
}
.flq-social-link::before {
    position: absolute;
    top: calc(var(--bs-gutter-y) * -1);
    right: calc(var(--bs-gutter-x) * -0.5);
    bottom: 0;
    left: calc(var(--bs-gutter-x) * -0.5);
}
.flq-social-link::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: var(--flq-social__link--size);
    height: var(--flq-social__link--size);
    margin-top: calc(var(--flq-social__link--size) * -0.5);
    margin-left: calc(var(--flq-social__link--size) * -0.5);
    background-color: hsla(var(--flq-social__link--background-color));
    border-radius: 50%;
    -webkit-transition: background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform calc(var(--flq-transition-duration-cubic-2) - 0.1s) var(--flq-transition-easing-cubic-2);
    transition: background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform calc(var(--flq-transition-duration-cubic-2) - 0.1s) var(--flq-transition-easing-cubic-2);
    -o-transition: background-color var(--flq-transition-duration) var(--flq-transition-easing), transform calc(var(--flq-transition-duration-cubic-2) - 0.1s) var(--flq-transition-easing-cubic-2);
    transition: background-color var(--flq-transition-duration) var(--flq-transition-easing), transform calc(var(--flq-transition-duration-cubic-2) - 0.1s) var(--flq-transition-easing-cubic-2);
    transition: background-color var(--flq-transition-duration) var(--flq-transition-easing), transform calc(var(--flq-transition-duration-cubic-2) - 0.1s) var(--flq-transition-easing-cubic-2), -webkit-transform calc(var(--flq-transition-duration-cubic-2) - 0.1s) var(--flq-transition-easing-cubic-2);
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}
.flq-social-link:hover {
    color: hsla(var(--flq-social__link-hover--color));
}
.flq-social-link:hover::after {
    background-color: hsla(var(--flq-social__link-hover--background-color));
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.flq-social-link:focus {
    color: hsla(var(--flq-social__link-focus--color));
}
.flq-social-link:focus::after {
    background-color: hsla(var(--flq-social__link-focus--background-color));
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.flq-social-glass {
    --flq-social__link--background-color: var(--flq-color-black), 0.2;
    --flq-social__link-hover--background-color: var(--flq-color-black), 0.4;
    --flq-social__link-focus--background-color: var(--flq-color-black), 0.6;
}
.flq-social-glass .flq-social-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: var(--flq-social__link--size);
    height: var(--flq-social__link--size);
    border-radius: 50%;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .flq-social-glass .flq-social-link {
        -webkit-backdrop-filter: blur(var(--flq-backdrop-blur));
                backdrop-filter: blur(var(--flq-backdrop-blur));
    }
}

/* ------------------------------------------------------------------
  comment
------------------------------------------------------------------- */
.flq-comment + .flq-comment {
    margin-top: calc(var(--flq-vertical-rhythm-3) * 2);
}
.flq-comment > .flq-media + .flq-rating {
    padding-top: var(--flq-vertical-rhythm-1);
    margin-top: var(--flq-vertical-rhythm-3);
}
.flq-comment > .flq-media + .flq-comment-content {
    margin-top: var(--flq-vertical-rhythm-3);
}
.flq-comment > .flq-rating + .flq-comment-content {
    margin-top: var(--flq-vertical-rhythm-3);
}
.flq-comment > .btn:not(:first-child) {
    margin-top: var(--flq-vertical-rhythm-3);
}

/* ------------------------------------------------------------------
  countdown
------------------------------------------------------------------- */
.flq-countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.flq-countdown-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 170px;
    padding: 35px 0;
    background-color: hsla(var(--flq-color-black), 0.2);
    border-radius: var(--flq-border-radius-xl);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .flq-countdown-item {
        -webkit-backdrop-filter: blur(var(--flq-backdrop-blur));
                backdrop-filter: blur(var(--flq-backdrop-blur));
    }
}
.flq-countdown-item > span:first-child {
    display: block;
    width: 100%;
    margin-top: var(--flq-vertical-rhythm-1);
    text-align: center;
}
.flq-countdown-item > span:last-child {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 100%;
}

/* ------------------------------------------------------------------
  meta
------------------------------------------------------------------- */
.flq-meta {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0%;
    --flq-meta--font-size: var(--flq-body--font-size);
    --flq-meta--font-weight: var(--flq-body--font-weight-bold);
    --flq-meta--line-height: var(--flq-body--line-height);
    --flq-meta--text-transform: var(--flq-body--text-transform);
    --flq-meta--color: var(--flq-color-meta);
    --flq-meta-hover--color: var(--flq-color-title);
    --flq-meta-focus--color: var(--flq-color-brand);
}
.flq-meta > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    font-size: var(--flq-meta--font-size);
    font-weight: var(--flq-meta--font-weight);
    line-height: var(--flq-meta--line-height);
    text-transform: var(--flq-meta--text-transform);
}
.flq-meta > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: var(--bs-gutter-y);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    color: hsla(var(--flq-meta--color));
}
.flq-meta > ul > li::after {
    width: 4px;
    height: 4px;
    content: "";
    background-color: hsla(var(--flq-color-border));
    border-radius: 50%;
    -webkit-transform: translateX(calc(var(--bs-gutter-x) * 0.5));
        -ms-transform: translateX(calc(var(--bs-gutter-x) * 0.5));
            transform: translateX(calc(var(--bs-gutter-x) * 0.5));
}
.flq-meta > ul > li:last-child::after {
    display: none;
}
.flq-meta > ul > li > a {
    display: block;
    color: hsla(var(--flq-meta--color));
}
.flq-meta > ul > li > a:hover {
    color: hsla(var(--flq-meta-hover--color));
}
.flq-meta > ul > li > a:focus {
    color: hsla(var(--flq-meta-focus--color));
}

.flq-meta-sm {
    --flq-meta--gap-h: 15px;
    --flq-meta--font-size: var(--flq-small--font-size);
    --flq-meta--font-weight: var(--flq-small--font-weight-bold);
    --flq-meta--line-height: var(--flq-small--line-height);
    --flq-meta--text-transform: var(--flq-small--text-transform);
}

/* ------------------------------------------------------------------
  media
------------------------------------------------------------------- */
.flq-media {
    --flq-media__image--gap: 20px;
    --flq-media__image--width: 70px;
    --flq-media__image--height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media (max-width: 635.98px) {
    .flq-media {
        --flq-media__image--gap: 15px;
        --flq-media__image--width: 26px;
        --flq-media__image--height: 26px;
    }
}

.flq-media-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
    position: relative;
    display: block;
    width: var(--flq-media__image--width);
    height: var(--flq-media__image--height);
    margin-right: var(--flq-media__image--gap);
    overflow: hidden;
    border-radius: var(--flq-border-radius);
}
@media (max-width: 635.98px) {
    .flq-media-image {
        border-radius: 50%;
    }
    .flq-media-image + .flq-media-meta > .flq-meta {
        margin-top: var(--flq-vertical-rhythm-1);
        margin-left: calc((var(--flq-media__image--width) + var(--flq-media__image--gap)) * -1);
    }
}

.flq-media-meta {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
        align-content: center;
}

.flq-media-title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    font-size: calc(var(--flq-h5--font-size) - 2px);
}
@media (min-width: 636px) {
    .flq-media-title {
        margin-top: 4px;
    }
}
@media (max-width: 635.98px) {
    .flq-media-title {
        margin-top: 2px;
    }
}
.flq-media-title + .flq-meta {
    margin-top: 4px;
}

.flq-meta {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}

/* ------------------------------------------------------------------
  rating
------------------------------------------------------------------- */
:root {
    --flq-icon-star: url('data:image/svg+xml;utf8,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.90195 0.263541L11.0643 5.31475L16.6003 5.78413C16.9843 5.81685 17.1405 6.28968 16.849 6.53858L12.6499 10.1291L13.9082 15.4706C13.9955 15.8418 13.588 16.1337 13.2581 15.9365L8.50054 13.1047L3.74296 15.9365C3.41223 16.1329 3.00559 15.8409 3.09285 15.4706L4.35118 10.1291L0.151211 6.53772C-0.140248 6.28882 0.0150806 5.81599 0.399911 5.78326L5.93588 5.31389L8.09826 0.263541C8.24835 -0.0878471 8.75186 -0.0878471 8.90195 0.263541Z" fill="%23FFBD3C"/></svg>');
    --flq-icon-star-back: url('data:image/svg+xml;utf8,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.90195 0.263541L11.0643 5.31475L16.6003 5.78413C16.9843 5.81685 17.1405 6.28968 16.849 6.53858L12.6499 10.1291L13.9082 15.4706C13.9955 15.8418 13.588 16.1337 13.2581 15.9365L8.50054 13.1047L3.74296 15.9365C3.41223 16.1329 3.00559 15.8409 3.09285 15.4706L4.35118 10.1291L0.151211 6.53772C-0.140248 6.28882 0.0150806 5.81599 0.399911 5.78326L5.93588 5.31389L8.09826 0.263541C8.24835 -0.0878471 8.75186 -0.0878471 8.90195 0.263541Z" fill="%233F3F41"/></svg>');
}

.flq-rating {
    --flq-rating--width: 0%;
    --flq-rating--gap: 3px;
    --flq-rating__icon--width: 17px;
    --flq-rating__icon--height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
.flq-rating > span {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-right: calc(var(--flq-rating--gap) * 0.5);
    padding-left: calc(var(--flq-rating--gap) * 0.5);
    margin-right: calc(var(--flq-rating--gap) * -0.5);
    margin-left: calc(var(--flq-rating--gap) * -0.5);
}
.flq-rating > span > span:first-child {
    display: inline-block;
    width: calc((var(--flq-rating--gap) + var(--flq-rating__icon--width)) * 5);
    max-width: 100%;
    height: var(--flq-rating__icon--height);
    background-image: var(--flq-icon-star-back);
    background-repeat: space repeat;
    background-size: center/var(--flq-rating__icon--width);
}
.flq-rating > span > span:last-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-clip-path: inset(0 calc(var(--flq-rating--width) / 0.1) 0 0);
            clip-path: inset(0 calc(var(--flq-rating--width) / 0.1) 0 0);
}
.flq-rating > span > span:last-child::before {
    position: absolute;
    top: 0;
    right: calc(var(--flq-rating--gap) * 0.5);
    bottom: 0;
    left: calc(var(--flq-rating--gap) * 0.5);
    display: inline-block;
    content: "";
    background-image: var(--flq-icon-star);
    background-repeat: space repeat;
    background-size: center/var(--flq-rating__icon--width);
}

.flq-rating-dynamic {
    --flq-rating-dynamic--gap: 5px;
    --flq-rating-dynamic__icon--width: 22px;
    --flq-rating-dynamic__icon--height: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flq-rating-dynamic > span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: calc(var(--flq-rating-dynamic--gap) * -1);
}
.flq-rating-dynamic input {
    position: relative;
    width: var(--flq-rating-dynamic__icon--width);
    height: var(--flq-rating-dynamic__icon--height);
    margin-left: var(--flq-rating-dynamic--gap);
    cursor: pointer;
    background-color: transparent;
    background-image: var(--flq-icon-star-back);
    background-repeat: no-repeat;
    background-size: var(--flq-rating-dynamic__icon--width) var(--flq-rating-dynamic__icon--height);
    border: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.flq-rating-dynamic input::before, .flq-rating-dynamic input::after {
    position: absolute;
    top: 0;
    bottom: 0;
    content: "";
}
.flq-rating-dynamic input::before {
    right: 0;
    left: 0;
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    background-image: var(--flq-icon-star);
    background-repeat: no-repeat;
    background-size: var(--flq-rating-dynamic__icon--width) var(--flq-rating-dynamic__icon--height);
    will-change: opacity;
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing);
}
.flq-rating-dynamic input::after {
    right: calc(var(--flq-rating-dynamic--gap) * -0.5);
    left: calc(var(--flq-rating-dynamic--gap) * -0.5);
}
.flq-rating-dynamic input:checked ~ input::before {
    opacity: 0;
}
.flq-rating-dynamic input:hover ~ input::before {
    opacity: 0.5;
}
.flq-rating-dynamic > span:hover input:hover ~ input::before {
    opacity: 0.5;
}
.flq-rating-dynamic > span:hover input::before {
    opacity: 1;
}

/* ------------------------------------------------------------------
  tags
------------------------------------------------------------------- */
.flq-tags {
    --bs-gutter-x: 15px;
    --bs-gutter-y: 15px;
}
.flq-tags > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.flq-tags > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: var(--bs-gutter-y);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.flq-tags-translucent .flq-tag::before {
    background-color: hsla(var(--flq-color-white), 0.1);
}

.flq-tag {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 2.5px 10px;
    -webkit-clip-path: inset(0 round var(--flq-border-radius-sm));
            clip-path: inset(0 round var(--flq-border-radius-sm));
    font-size: var(--flq-small--font-size);
    font-weight: var(--flq-small--font-weight-bold);
    line-height: var(--flq-small--line-height);
    color: hsla(var(--flq-color-title));
    text-transform: var(--flq-small--text-transform);
    -webkit-transition: color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: color var(--flq-transition-duration) var(--flq-transition-easing), clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing), clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing), clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    will-change: clip-path;
}
.flq-tag::before, .flq-tag::after {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    z-index: -1;
    display: block;
    content: "";
    border-radius: var(--flq-border-radius-sm);
}
.flq-tag::before {
    background-color: hsla(var(--flq-color-background-300));
}
.flq-tag::after {
    -webkit-clip-path: circle(0% at 50% 50%);
            clip-path: circle(0% at 50% 50%);
    background-color: hsla(var(--flq-color-white));
    opacity: 0;
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 0.5s) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 0.5s) var(--flq-transition-easing-cubic);
    -o-transition: clip-path calc(var(--flq-transition-duration-cubic) + 0.5s) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: clip-path calc(var(--flq-transition-duration-cubic) + 0.5s) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: clip-path calc(var(--flq-transition-duration-cubic) + 0.5s) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 0.5s) var(--flq-transition-easing-cubic);
    -webkit-transition-delay: var(--flq-transition-duration), 0s;
         -o-transition-delay: var(--flq-transition-duration), 0s;
            transition-delay: var(--flq-transition-duration), 0s;
    will-change: clip-path, opacity;
}
.flq-tag:hover, .flq-tag:focus {
    -webkit-clip-path: inset(-2px round var(--flq-border-radius-sm));
            clip-path: inset(-2px round var(--flq-border-radius-sm));
    color: hsla(var(--flq-color-black));
}
.flq-tag:hover::after, .flq-tag:focus::after {
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
    opacity: 1;
    -webkit-transition-delay: 0s, 0s;
         -o-transition-delay: 0s, 0s;
            transition-delay: 0s, 0s;
}

/* ------------------------------------------------------------------
  scroll top button
------------------------------------------------------------------- */
.flq-offcanvas-active .flq-scroll-top-wrapper,
.fancybox-active .flq-scroll-top-wrapper {
    right: calc(var(--flq-page-offset) + var(--flq-page-scrollbar__size));
}

@media (max-width: 635.98px) {
    .flq-navbar-icons-existence .flq-scroll-top-wrapper {
        display: none;
    }
    .flq-navbar-icons-existence .flq-navbar-icons .flq-scroll-top-wrapper {
        --flq-scroll-top-button--size: var(--flq-btn-xs--size);
        position: static;
        display: block;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }
    @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
        .flq-navbar-icons-existence .flq-navbar-icons .flq-scroll-top-wrapper {
            -webkit-backdrop-filter: blur(0);
                    backdrop-filter: blur(0);
        }
    }
    .flq-navbar-icons-existence .flq-navbar-icons .flq-scroll-top-wrapper::before {
        background-color: transparent;
    }
    .flq-navbar-icons-existence .flq-navbar-icons .flq-scroll-top-wrapper .flq-scroll-progress-circle {
        --flq-scroll-progress-circle__size: var(--flq-btn-xs--size);
    }
}
.flq-scroll-top-wrapper {
    --flq-scroll-top-button--size: var(--flq-btn-md--size);
    position: fixed;
    right: var(--flq-page-offset);
    bottom: calc(var(--flq-navbar-icons--min-height) + var(--flq-container--padding));
    z-index: 5;
    width: var(--flq-scroll-top-button--size);
    height: var(--flq-scroll-top-button--size);
    visibility: hidden;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: color var(--flq-transition-duration) var(--flq-transition-easing), opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), visibility var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing), opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), visibility var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: color var(--flq-transition-duration) var(--flq-transition-easing), opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), visibility var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing), opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), visibility var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing), opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), visibility var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
            transform: translateX(5px);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .flq-scroll-top-wrapper {
        -webkit-backdrop-filter: blur(var(--flq-backdrop-blur));
                backdrop-filter: blur(var(--flq-backdrop-blur));
    }
}
.flq-scroll-top-wrapper::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    background-color: hsla(var(--flq-color-background), 0.3);
    border-radius: 50%;
}

.flq-scroll-top-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: hsla(var(--flq-color-white));
    border-radius: 100%;
    -webkit-transition: color var(--flq-transition-duration) var(--flq-transition-easing), background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing), background-color var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: color var(--flq-transition-duration) var(--flq-transition-easing), background-color var(--flq-transition-duration) var(--flq-transition-easing), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing), background-color var(--flq-transition-duration) var(--flq-transition-easing), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: color var(--flq-transition-duration) var(--flq-transition-easing), background-color var(--flq-transition-duration) var(--flq-transition-easing), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    will-change: transform;
}
.flq-scroll-top-button::before, .flq-scroll-top-button::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
}
.flq-scroll-top-button::before {
    z-index: -1;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 0 hsla(var(--flq-color-white));
            box-shadow: inset 0 0 0 0 hsla(var(--flq-color-white));
    will-change: box-shadow, transform;
    -webkit-transition: -webkit-box-shadow calc(var(--flq-transition-duration-cubic-2) - 0.1s) var(--flq-transition-easing-cubic-2), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: -webkit-box-shadow calc(var(--flq-transition-duration-cubic-2) - 0.1s) var(--flq-transition-easing-cubic-2), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: box-shadow calc(var(--flq-transition-duration-cubic-2) - 0.1s) var(--flq-transition-easing-cubic-2), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: box-shadow calc(var(--flq-transition-duration-cubic-2) - 0.1s) var(--flq-transition-easing-cubic-2), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: box-shadow calc(var(--flq-transition-duration-cubic-2) - 0.1s) var(--flq-transition-easing-cubic-2), transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-box-shadow calc(var(--flq-transition-duration-cubic-2) - 0.1s) var(--flq-transition-easing-cubic-2), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transition-delay: 0.05s, 0s;
         -o-transition-delay: 0.05s, 0s;
            transition-delay: 0.05s, 0s;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.flq-scroll-top-button::after {
    border: 2px solid hsla(var(--flq-color-white), 0.2);
    border-radius: 50%;
}
.flq-scroll-top-button > svg {
    display: block;
    width: 16px;
    height: 16px;
}
.flq-scroll-top-button:hover, .flq-scroll-top-button:focus {
    color: hsla(var(--flq-color-black));
}
.flq-scroll-top-button:hover::before, .flq-scroll-top-button:focus::before {
    -webkit-box-shadow: inset 0 0 0 calc(var(--flq-scroll-top-button--size) * 0.5) hsla(var(--flq-color-white));
            box-shadow: inset 0 0 0 calc(var(--flq-scroll-top-button--size) * 0.5) hsla(var(--flq-color-white));
    -webkit-transition-delay: 0s, 0.05s;
         -o-transition-delay: 0s, 0.05s;
            transition-delay: 0s, 0.05s;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.flq-scroll-progress-circle {
    --flq-scroll-progress-circle__size: var(--flq-btn-md--size);
    position: absolute;
    top: 0;
    left: 0;
    color: hsla(var(--flq-color-white));
    will-change: transform;
    -webkit-transition: -webkit-transform 0.2s var(--flq-transition-easing);
    transition: -webkit-transform 0.2s var(--flq-transition-easing);
    -o-transition: transform 0.2s var(--flq-transition-easing);
    transition: transform 0.2s var(--flq-transition-easing);
    transition: transform 0.2s var(--flq-transition-easing), -webkit-transform 0.2s var(--flq-transition-easing);
}
.flq-scroll-progress-circle svg {
    display: block;
    width: var(--flq-scroll-progress-circle__size);
    height: var(--flq-scroll-progress-circle__size);
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}
.flq-scroll-progress-circle svg circle {
    stroke-dasharray: 300%;
    stroke-dashoffset: calc(300% + var(--flq-scroll-progress) * 3);
    stroke-linecap: round;
    stroke-width: 2px;
    -webkit-transform: rotate(-90deg) translateX(-50%) translateY(50%);
        -ms-transform: rotate(-90deg) translateX(-50%) translateY(50%);
            transform: rotate(-90deg) translateX(-50%) translateY(50%);
    r: calc(var(--flq-scroll-progress-circle__size) * 0.5 - 1px);
}

.flq-scroll-top-button-show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

.flq-scroll-top-button-hide {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
            transform: translateX(5px);
}

/* ------------------------------------------------------------------
  widget
------------------------------------------------------------------- */
.flq-widget + .flq-widget {
    margin-top: 60px;
}

.flq-widget-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: var(--flq-vertical-rhythm-3);
}
.flq-widget-title > span {
    display: block;
    max-width: 100%;
}
.flq-widget-title::after {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
    display: block;
    margin-left: 20px;
    content: "";
    border-bottom: 1px solid hsla(var(--flq-color-border));
}

.flq-widget-author > .flq-image + h6 {
    margin-top: var(--flq-vertical-rhythm-3);
}
.flq-widget-author > h6 + p {
    margin-top: var(--flq-vertical-rhythm-2);
}

.flq-widget-search > form {
    position: relative;
}
.flq-widget-search > form > .btn {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.flq-widget-blog > ul > li + li {
    margin-top: 30px;
}
.flq-widget-blog > ul > li > a {
    display: block;
}

/* ------------------------------------------------------------------

  Pages

------------------------------------------------------------------- */
/* ------------------------------------------------------------------
  Page
------------------------------------------------------------------- */
.content-wrap {
    margin: 0 auto;
    background: #1e2022;
}

.flq-sidebar {
    width: 100%;
    max-width: 100%;
}

@media (min-width: 636px) {
    .flq-sidebar-sm {
        width: var(--flq-page__sidebar--width);
    }
}
@media (min-width: 848px) {
    .flq-sidebar-md {
        width: var(--flq-page__sidebar--width);
    }
}
@media (min-width: 1072px) {
    .flq-sidebar-lg {
        width: var(--flq-page__sidebar--width);
    }
}
@media (min-width: 1280px) {
    .flq-sidebar-xl {
        width: var(--flq-page__sidebar--width);
    }
}
@media (min-width: 1480px) {
    .flq-sidebar-xxl {
        width: var(--flq-page__sidebar--width);
    }
}
/* ------------------------------------------------------------------
  post
------------------------------------------------------------------- */
.flq-post-content > p > a,
.flq-post-content > ul > a,
.flq-post-content > ol > a {
    color: hsla(var(--flq-color-title));
    background-image: -webkit-gradient(linear, left bottom, left top, from(hsla(var(--flq-color-brand))), to(hsla(var(--flq-color-brand))));
    background-image: -o-linear-gradient(bottom, hsla(var(--flq-color-brand)) 0%, hsla(var(--flq-color-brand)) 100%);
    background-image: linear-gradient(0deg, hsla(var(--flq-color-brand)) 0%, hsla(var(--flq-color-brand)) 100%);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% 2px;
    -webkit-transition: background-size var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: background-size var(--flq-transition-duration) var(--flq-transition-easing);
    transition: background-size var(--flq-transition-duration) var(--flq-transition-easing);
}
.flq-post-content > p > a:hover, .flq-post-content > p > a:focus,
.flq-post-content > ul > a:hover,
.flq-post-content > ul > a:focus,
.flq-post-content > ol > a:hover,
.flq-post-content > ol > a:focus {
    color: hsla(var(--flq-color-title));
    background-size: 100% 100%;
}
.flq-post-content > p > strong,
.flq-post-content > ul > strong,
.flq-post-content > ol > strong {
    color: hsla(var(--flq-color-title));
}

.flq-post-author {
    padding: 40px;
    background-color: hsla(var(--flq-color-background-100));
    border-radius: var(--flq-border-radius-xl);
}
.flq-post-author .flq-post-author-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.flq-post-author .flq-post-author-head + .flq-post-author-body {
    margin-top: var(--flq-vertical-rhythm);
}
@media (min-width: 636px) {
    .flq-post-author .flq-media {
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        max-width: 100%;
        margin-right: 30px;
    }
    .flq-post-author .flq-social {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        max-width: 100%;
        margin-left: auto;
    }
}
@media (max-width: 635.98px) {
    .flq-post-author .flq-media,
.flq-post-author .flq-social {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
    .flq-post-author .flq-social {
        margin-top: var(--flq-vertical-rhythm);
    }
}

/* ------------------------------------------------------------------
  account
------------------------------------------------------------------- */
.flq-account-navbar,
.flq-account-content {
    padding: 40px;
    background-color: hsla(var(--flq-color-background-100));
    border-radius: var(--flq-border-radius-lg);
}

.flq-account-avatar {
    display: block;
    width: 80px;
}
.flq-account-avatar .card-image {
    border-radius: var(--flq-border-radius);
}

.flq-account-favorite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px;
    background-color: hsla(var(--flq-color-background-100));
    border-radius: var(--flq-border-radius-lg);
    -webkit-transition: background-color var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: background-color var(--flq-transition-duration) var(--flq-transition-easing);
    transition: background-color var(--flq-transition-duration) var(--flq-transition-easing);
}
@media (min-width: 636px) {
    .flq-account-favorite {
        padding-right: 30px;
    }
}
@media (min-width: 636px) {
    .flq-account-favorite > .flq-media {
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        max-width: 100%;
    }
}
@media (max-width: 635.98px) {
    .flq-account-favorite > .flq-media {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 636px) {
    .flq-account-favorite > .btn {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        max-width: 100%;
    }
}
@media (max-width: 635.98px) {
    .flq-account-favorite > .btn {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        margin-top: var(--flq-vertical-rhythm-2);
    }
}
.flq-account-favorite:hover {
    background-color: hsla(var(--flq-color-background-200));
}

.flq-account-comment {
    padding: 30px;
    background-color: hsla(var(--flq-color-background-100));
    border-radius: var(--flq-border-radius-lg);
}
.flq-account-comment > hr {
    margin-right: -30px;
    margin-left: -30px;
}

.flq-account-form-highlight {
    position: relative;
    z-index: 0;
}
.flq-account-form-highlight::after {
    position: absolute;
    top: calc(var(--bs-gutter-y) * -0.5);
    right: -40px;
    bottom: calc(var(--bs-gutter-y) * -0.5);
    left: -40px;
    z-index: -1;
    display: block;
    content: "";
    background-color: hsla(var(--flq-color-background-200));
}

/* ------------------------------------------------------------------

  Plugins

------------------------------------------------------------------- */
/* ------------------------------------------------------------------
  swiper
------------------------------------------------------------------- */
.swiper[data-parallax=true] .swiper-slide {
    overflow: hidden;
}
.swiper[data-parallax=true] .swiper-image {
    will-change: transform;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: var(--flq-transition-easing-cubic);
         -o-transition-timing-function: var(--flq-transition-easing-cubic);
            transition-timing-function: var(--flq-transition-easing-cubic);
}

.flq-swiper-effect-touch.flq-swiper-touch .swiper-slide {
    -webkit-transform: scale(0.94);
        -ms-transform: scale(0.94);
            transform: scale(0.94);
}
.flq-swiper-effect-touch .swiper-slide {
    margin-top: 2px;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.45s ease;
    transition: -webkit-transform 0.45s ease;
    -o-transition: transform 0.45s ease;
    transition: transform 0.45s ease;
    transition: transform 0.45s ease, -webkit-transform 0.45s ease;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.flq-swiper-main .swiper-slide .container {
    opacity: 0;
    -webkit-transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
}
.flq-swiper-main .swiper-slide-active .container {
    opacity: 1;
}
.flq-swiper-main [data-animejs] {
    will-change: transform, opacity;
}

.flq-swiper-pagination.swiper-pagination-bullets {
    width: auto;
}
.flq-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}

.flq-swiper-pagination {
    --flq-swiper-pagination--gap: 20px;
    --flq-swiper-pagination__bullet--border-size: 32px;
    --flq-swiper-pagination__bullet--border-width: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 847.98px) {
    .flq-swiper-pagination {
        --flq-swiper-pagination--gap: 15px;
        --flq-swiper-pagination__bullet--border-size: 22px;
    }
}
.flq-swiper-pagination > .swiper-pagination-bullet {
    position: relative;
    width: auto;
    height: auto;
    background-color: transparent;
    border-radius: 0;
    opacity: 1;
}
.flq-swiper-pagination > .swiper-pagination-bullet::before {
    display: block;
    content: "";
    background-color: hsla(var(--flq-color-white));
    opacity: 0.5;
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    will-change: clip-path, opacity;
}
.flq-swiper-pagination > .swiper-pagination-bullet:hover::before {
    opacity: 1;
}
.flq-swiper-pagination > .swiper-pagination-bullet-active {
    background-color: transparent;
    opacity: 1;
}
.flq-swiper-pagination > .swiper-pagination-bullet-active::before {
    background-color: hsla(var(--flq-color-white));
    opacity: 1;
}
.flq-swiper-pagination.flq-swiper-pagination-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.flq-swiper-pagination.flq-swiper-pagination-vertical > .swiper-pagination-bullet {
    padding: calc(var(--flq-swiper-pagination--gap) * 0.5) 0;
}
.flq-swiper-pagination.flq-swiper-pagination-vertical > .swiper-pagination-bullet::before {
    width: var(--flq-swiper-pagination__bullet--border-size);
    height: var(--flq-swiper-pagination__bullet--border-width);
    -webkit-clip-path: inset(0 20% 0 20% round var(--flq-border-radius));
            clip-path: inset(0 20% 0 20% round var(--flq-border-radius));
}
.flq-swiper-pagination.flq-swiper-pagination-vertical > .swiper-pagination-bullet-active::before {
    -webkit-clip-path: inset(0 0% 0 0% round var(--flq-border-radius));
            clip-path: inset(0 0% 0 0% round var(--flq-border-radius));
}
.flq-swiper-pagination.flq-swiper-pagination-horizontal > .swiper-pagination-bullet {
    padding: 0 calc(var(--flq-swiper-pagination--gap) * 0.5);
}
.flq-swiper-pagination.flq-swiper-pagination-horizontal > .swiper-pagination-bullet::before {
    width: var(--flq-swiper-pagination__bullet--border-width);
    height: var(--flq-swiper-pagination__bullet--border-size);
    -webkit-clip-path: inset(20% 0 20% 0 round var(--flq-border-radius));
            clip-path: inset(20% 0 20% 0 round var(--flq-border-radius));
}
.flq-swiper-pagination.flq-swiper-pagination-horizontal > .swiper-pagination-bullet-active::before {
    -webkit-clip-path: inset(0% 0 0% 0 round var(--flq-border-radius));
            clip-path: inset(0% 0 0% 0 round var(--flq-border-radius));
}
@media (min-width: 848px) {
    .flq-swiper-pagination.flq-swiper-pagination-md-vertical {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .flq-swiper-pagination.flq-swiper-pagination-md-vertical > .swiper-pagination-bullet {
        padding: calc(var(--flq-swiper-pagination--gap) * 0.5) 0;
    }
    .flq-swiper-pagination.flq-swiper-pagination-md-vertical > .swiper-pagination-bullet::before {
        width: var(--flq-swiper-pagination__bullet--border-size);
        height: var(--flq-swiper-pagination__bullet--border-width);
        -webkit-clip-path: inset(0 20% 0 20% round var(--flq-border-radius));
                clip-path: inset(0 20% 0 20% round var(--flq-border-radius));
    }
    .flq-swiper-pagination.flq-swiper-pagination-md-vertical > .swiper-pagination-bullet-active::before {
        -webkit-clip-path: inset(0 0% 0 0% round var(--flq-border-radius));
                clip-path: inset(0 0% 0 0% round var(--flq-border-radius));
    }
}

.flq-swiper-pagination-progress {
    position: relative;
}
.flq-swiper-pagination-progress, .flq-swiper-pagination-progress.swiper-pagination-horizontal {
    height: 2px;
    overflow: hidden;
    background-color: hsla(var(--flq-color-border));
    border-radius: var(--flq-border-radius);
}
.flq-swiper-pagination-progress .swiper-pagination-progressbar-fill {
    background-color: hsla(var(--flq-color-title));
}

.flq-swiper-pagination-custom {
    --flq-swiper-pagination--gap: 0%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7.5px 14px;
    font-size: var(--flq-small--font-size);
    font-weight: var(--flq-small--font-weight-bold);
    line-height: var(--flq-small--line-height);
    color: hsla(var(--flq-color-meta));
    text-transform: var(--flq-small--text-transform);
    background-color: hsla(var(--flq-color-background-300));
    border-radius: var(--flq-border-radius);
}
.flq-swiper-pagination-custom::before {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 0 6px;
    content: "/";
}
.flq-swiper-pagination-custom::after {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    content: attr(data-bullets-total);
}
.flq-swiper-pagination-custom > .swiper-pagination-bullet {
    position: absolute;
    top: 7.5px;
    left: 14px;
    width: auto;
    height: auto;
    margin: 0;
    color: hsla(var(--flq-color-title));
    visibility: hidden;
    background-color: transparent;
    border-radius: 0;
    opacity: 0;
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), visibility var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing), visibility var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing), visibility var(--flq-transition-duration) var(--flq-transition-easing);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing), visibility var(--flq-transition-duration) var(--flq-transition-easing);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), opacity var(--flq-transition-duration) var(--flq-transition-easing), visibility var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    will-change: transform, opacity;
}
.flq-swiper-pagination-custom > .swiper-pagination-bullet:last-child {
    position: static;
}
.flq-swiper-pagination-custom > .swiper-pagination-bullet-active {
    visibility: visible;
    background-color: transparent;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.flq-swiper-pagination-custom > .swiper-pagination-bullet-active ~ .swiper-pagination-bullet {
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
}

/* ------------------------------------------------------------------
  fancybox
------------------------------------------------------------------- */
.flq-fancybox-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: var(--flq-btn-xs--size);
    -webkit-clip-path: circle(0% at 50% 50%);
            clip-path: circle(0% at 50% 50%);
    will-change: clip-path;
    -webkit-transition: -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    transition: -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    -o-transition: clip-path calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    transition: clip-path calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    transition: clip-path calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic), -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 1s) var(--flq-transition-easing-cubic);
    -webkit-transition-delay: calc(var(--flq-fancybox-show--delay) - 0.15s);
         -o-transition-delay: calc(var(--flq-fancybox-show--delay) - 0.15s);
            transition-delay: calc(var(--flq-fancybox-show--delay) - 0.15s);
}
.flq-fancybox-close > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: var(--flq-btn-xs--size);
    height: var(--flq-btn-xs--size);
    -webkit-clip-path: inset(0 0 0 0 round var(--flq-border-radius));
            clip-path: inset(0 0 0 0 round var(--flq-border-radius));
    background-color: transparent;
    -webkit-transition: background-color var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: background-color var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), background-color var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), background-color var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), background-color var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transition-delay: 0s, calc(var(--flq-fancybox-show--delay) + 0.3s);
         -o-transition-delay: 0s, calc(var(--flq-fancybox-show--delay) + 0.3s);
            transition-delay: 0s, calc(var(--flq-fancybox-show--delay) + 0.3s);
}
.flq-fancybox-close > span::before, .flq-fancybox-close > span::after {
    display: block;
    width: 28px;
    height: 2px;
    -webkit-clip-path: inset(0% round var(--flq-border-radius));
            clip-path: inset(0% round var(--flq-border-radius));
    content: "";
    background-color: hsla(var(--flq-color-title));
    -webkit-transition: -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration) var(--flq-transition-easing);
    transition: -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), clip-path var(--flq-transition-duration) var(--flq-transition-easing);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), clip-path var(--flq-transition-duration) var(--flq-transition-easing);
    transition: transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), clip-path var(--flq-transition-duration) var(--flq-transition-easing), -webkit-transform var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration) var(--flq-transition-easing);
    -webkit-transition-delay: var(--flq-fancybox-show--delay), calc(var(--flq-fancybox-show--delay) + 0.25s);
         -o-transition-delay: var(--flq-fancybox-show--delay), calc(var(--flq-fancybox-show--delay) + 0.25s);
            transition-delay: var(--flq-fancybox-show--delay), calc(var(--flq-fancybox-show--delay) + 0.25s);
    will-change: transform, clip-path;
}
.flq-fancybox-close > span::before {
    margin-bottom: -1px;
}
.flq-fancybox-close > span::after {
    margin-top: -1px;
}
.flq-fancybox-close:hover > span, .flq-fancybox-close:focus > span {
    -webkit-clip-path: inset(0 0 0 0 round 50%);
            clip-path: inset(0 0 0 0 round 50%);
}

.flq-fancybox-open .flq-fancybox-close {
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
}
.flq-fancybox-open .flq-fancybox-close > span {
    background-color: hsla(var(--flq-color-white), 0.1);
}
.flq-fancybox-open .flq-fancybox-close > span::before, .flq-fancybox-open .flq-fancybox-close > span::after {
    -webkit-clip-path: inset(0 3px 0 3px round var(--flq-border-radius));
            clip-path: inset(0 3px 0 3px round var(--flq-border-radius));
}
.flq-fancybox-open .flq-fancybox-close > span::before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.flq-fancybox-open .flq-fancybox-close > span::after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.fancybox-is-closing .flq-fancybox-close {
    -webkit-clip-path: circle(0% at 50% 50%);
            clip-path: circle(0% at 50% 50%);
    -webkit-transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -o-transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}

.fancybox-container {
    --flq-fancybox-show--delay: 0.3s;
}
.fancybox-container .flq-fancybox-head {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    min-height: var(--flq-navbar-top--min-height);
}
@media (max-width: 847.98px) {
    @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
        .fancybox-container .flq-fancybox-head {
            -webkit-backdrop-filter: blur(var(--flq-backdrop-blur));
                    backdrop-filter: blur(var(--flq-backdrop-blur));
        }
    }
}
.fancybox-container .flq-fancybox-head > .container,
.fancybox-container .flq-fancybox-head > .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.fancybox-container .flq-fancybox-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    opacity: 0;
    -webkit-transition: opacity calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic), -webkit-transform calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    transition: opacity calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic), -webkit-transform calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    -o-transition: opacity calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic), transform calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    transition: opacity calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic), transform calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    transition: opacity calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic), transform calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic), -webkit-transform calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    -webkit-transition-delay: var(--flq-fancybox-show--delay);
         -o-transition-delay: var(--flq-fancybox-show--delay);
            transition-delay: var(--flq-fancybox-show--delay);
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
    will-change: opacity, transform;
}

.flq-navbar-mobile,
.flq-fancybox-content-search,
.flq-fancybox-content-signin,
.flq-fancybox-content-signup {
    display: none;
}

.flq-fancybox-navbar::before,
.flq-fancybox-search::before,
.flq-fancybox-signin::before,
.flq-fancybox-signup::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    pointer-events: none;
    content: "";
    background-image: -o-radial-gradient(50% 0%, 100% 100%, hsla(var(--flq-color-brand), 0.15) 25%, hsla(var(--flq-color-background-100), 0) 100%);
    background-image: radial-gradient(100% 100% at 50% 0%, hsla(var(--flq-color-brand), 0.15) 25%, hsla(var(--flq-color-background-100), 0) 100%);
    opacity: 0;
    -webkit-transition: opacity calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    -o-transition: opacity calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    transition: opacity calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    -webkit-transition-delay: var(--flq-fancybox-show--delay);
         -o-transition-delay: var(--flq-fancybox-show--delay);
            transition-delay: var(--flq-fancybox-show--delay);
    will-change: opacity;
}
.flq-fancybox-navbar .fancybox-bg,
.flq-fancybox-search .fancybox-bg,
.flq-fancybox-signin .fancybox-bg,
.flq-fancybox-signup .fancybox-bg {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
    background-color: hsla(var(--flq-color-black), 1);
    opacity: 1;
    will-change: clip-path;
    -webkit-transition: background-color var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    transition: background-color var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    -o-transition: clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic), background-color var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic), background-color var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic);
    transition: clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic), background-color var(--flq-transition-duration-cubic) var(--flq-transition-easing-cubic), -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
}
.flq-fancybox-navbar .fancybox-bg::before, .flq-fancybox-navbar .fancybox-bg::after,
.flq-fancybox-search .fancybox-bg::before,
.flq-fancybox-search .fancybox-bg::after,
.flq-fancybox-signin .fancybox-bg::before,
.flq-fancybox-signin .fancybox-bg::after,
.flq-fancybox-signup .fancybox-bg::before,
.flq-fancybox-signup .fancybox-bg::after {
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    height: 51%;
    content: "";
    background-color: hsla(var(--flq-color-background-100));
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(1, 0, 0.55, 1);
    transition: -webkit-transform 0.8s cubic-bezier(1, 0, 0.55, 1);
    -o-transition: transform 0.8s cubic-bezier(1, 0, 0.55, 1);
    transition: transform 0.8s cubic-bezier(1, 0, 0.55, 1);
    transition: transform 0.8s cubic-bezier(1, 0, 0.55, 1), -webkit-transform 0.8s cubic-bezier(1, 0, 0.55, 1);
    -webkit-transition-delay: var(--flq-fancybox-show--delay);
         -o-transition-delay: var(--flq-fancybox-show--delay);
            transition-delay: var(--flq-fancybox-show--delay);
    -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
            transform: scaleY(1);
    will-change: transform;
}
.flq-fancybox-navbar .fancybox-bg::before,
.flq-fancybox-search .fancybox-bg::before,
.flq-fancybox-signin .fancybox-bg::before,
.flq-fancybox-signup .fancybox-bg::before {
    top: 0;
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
}
.flq-fancybox-navbar .fancybox-bg::after,
.flq-fancybox-search .fancybox-bg::after,
.flq-fancybox-signin .fancybox-bg::after,
.flq-fancybox-signup .fancybox-bg::after {
    bottom: 0;
    -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
            transform-origin: bottom;
}
.flq-fancybox-navbar .fancybox-slide,
.flq-fancybox-search .fancybox-slide,
.flq-fancybox-signin .fancybox-slide,
.flq-fancybox-signup .fancybox-slide {
    padding: 0;
    opacity: 1;
}
.flq-fancybox-navbar .fancybox-content,
.flq-fancybox-search .fancybox-content,
.flq-fancybox-signin .fancybox-content,
.flq-fancybox-signup .fancybox-content {
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: transparent;
}

.flq-fancybox-open.flq-fancybox-navbar::before, .flq-fancybox-open.flq-fancybox-search::before, .flq-fancybox-open.flq-fancybox-signin::before, .flq-fancybox-open.flq-fancybox-signup::before {
    opacity: 1;
}
.flq-fancybox-open.flq-fancybox-navbar .fancybox-bg, .flq-fancybox-open.flq-fancybox-search .fancybox-bg, .flq-fancybox-open.flq-fancybox-signin .fancybox-bg, .flq-fancybox-open.flq-fancybox-signup .fancybox-bg {
    -webkit-clip-path: inset(0 0 0% 0);
            clip-path: inset(0 0 0% 0);
}
.flq-fancybox-open .flq-fancybox-brand {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.fancybox-is-closing.flq-fancybox-navbar::before, .fancybox-is-closing.flq-fancybox-search::before, .fancybox-is-closing.flq-fancybox-signin::before, .fancybox-is-closing.flq-fancybox-signup::before {
    opacity: 0;
}
.fancybox-is-closing.flq-fancybox-navbar .fancybox-bg, .fancybox-is-closing.flq-fancybox-search .fancybox-bg, .fancybox-is-closing.flq-fancybox-signin .fancybox-bg, .fancybox-is-closing.flq-fancybox-signup .fancybox-bg {
    background-color: hsla(var(--flq-color-black), 0);
}
.fancybox-is-closing.flq-fancybox-navbar .fancybox-bg::before, .fancybox-is-closing.flq-fancybox-navbar .fancybox-bg::after, .fancybox-is-closing.flq-fancybox-search .fancybox-bg::before, .fancybox-is-closing.flq-fancybox-search .fancybox-bg::after, .fancybox-is-closing.flq-fancybox-signin .fancybox-bg::before, .fancybox-is-closing.flq-fancybox-signin .fancybox-bg::after, .fancybox-is-closing.flq-fancybox-signup .fancybox-bg::before, .fancybox-is-closing.flq-fancybox-signup .fancybox-bg::after {
    -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
            transform: scaleY(0);
}
.fancybox-is-closing .flq-fancybox-brand {
    opacity: 0;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}

.flq-fancybox-navbar .flq-fancybox-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.flq-fancybox-navbar .flq-fancybox-body > div > .nav {
    position: sticky;
    top: var(--flq-navbar-top--min-height);
    left: 0;
}
.flq-fancybox-navbar .flq-fancybox-body .flq-fancybox-sidebar .flq-widget {
    will-change: transform, opacity;
}
.flq-fancybox-navbar .flq-fancybox-body .flq-fancybox-sidebar,
.flq-fancybox-navbar .flq-fancybox-body > div > .nav > .nav-item,
.flq-fancybox-navbar .flq-fancybox-body > .nav > .nav-item {
    opacity: 0;
    will-change: transform, clip-path, opacity;
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing);
}

.flq-fancybox-open.flq-fancybox-navbar .flq-fancybox-body .flq-fancybox-sidebar,
.flq-fancybox-open.flq-fancybox-navbar .flq-fancybox-body > div > .nav > .nav-item,
.flq-fancybox-open.flq-fancybox-navbar .flq-fancybox-body > .nav > .nav-item {
    opacity: 1;
}

.flq-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}
.flq-search > .flq-fancybox-head {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
}
.flq-search > .flq-fancybox-body {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.flq-search > .flq-fancybox-footer {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
    padding-bottom: 40px;
}
.flq-search .flq-social ul {
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing);
    -o-transition: opacity var(--flq-transition-duration) var(--flq-transition-easing);
    transition: opacity var(--flq-transition-duration) var(--flq-transition-easing);
}
.flq-search .flq-social ul li {
    will-change: transform;
}

.flq-search-content {
    position: relative;
    -webkit-clip-path: inset(0% 100% 0% 0 round var(--flq-form-lg--border-radius));
            clip-path: inset(0% 100% 0% 0 round var(--flq-form-lg--border-radius));
    -webkit-transition: -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    transition: -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    -o-transition: clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    transition: clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    transition: clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic), -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    -webkit-transition-delay: var(--flq-fancybox-show--delay);
         -o-transition-delay: var(--flq-fancybox-show--delay);
            transition-delay: var(--flq-fancybox-show--delay);
}
.flq-search-content .flq-search-btn {
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.flq-fancybox-open .flq-social ul {
    opacity: 1;
}
.flq-fancybox-open .flq-search-content {
    -webkit-clip-path: inset(0% 0% 0% 0 round var(--flq-form-lg--border-radius));
            clip-path: inset(0% 0% 0% 0 round var(--flq-form-lg--border-radius));
}

.fancybox-is-closing .flq-search-content {
    -webkit-clip-path: inset(60% 0% 60% 0 round var(--flq-form-lg--border-radius));
            clip-path: inset(60% 0% 60% 0 round var(--flq-form-lg--border-radius));
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}

.flq-signin,
.flq-signup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}
.flq-signin > .flq-fancybox-head,
.flq-signup > .flq-fancybox-head {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
}
.flq-signin > .flq-fancybox-body,
.flq-signup > .flq-fancybox-body {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 635.98px) {
    .flq-signin > .flq-fancybox-body .flq-signin-content,
.flq-signin > .flq-fancybox-body .flq-signup-content,
.flq-signup > .flq-fancybox-body .flq-signin-content,
.flq-signup > .flq-fancybox-body .flq-signup-content {
        padding-right: var(--flq-container--padding);
        padding-left: var(--flq-container--padding);
        background-color: transparent;
    }
}

.flq-signin-content,
.flq-signup-content {
    width: 440px;
    max-width: 100%;
    padding: 60px 50px 50px;
    margin-right: auto;
    margin-left: auto;
    -webkit-clip-path: inset(0% 0 100% 0 round var(--flq-border-radius-xl));
            clip-path: inset(0% 0 100% 0 round var(--flq-border-radius-xl));
    background-color: hsla(var(--flq-color-black), 0.3);
    border-radius: var(--flq-border-radius-xl);
    -webkit-transition: -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    transition: -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    -o-transition: clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    transition: clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    transition: clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic), -webkit-clip-path calc(var(--flq-transition-duration-cubic) + 0.4s) var(--flq-transition-easing-cubic);
    -webkit-transition-delay: var(--flq-fancybox-show--delay);
         -o-transition-delay: var(--flq-fancybox-show--delay);
            transition-delay: var(--flq-fancybox-show--delay);
}

.flq-fancybox-open .flq-signin-content,
.flq-fancybox-open .flq-signup-content {
    -webkit-clip-path: inset(0% 0 0% 0 round var(--flq-border-radius-xl));
            clip-path: inset(0% 0 0% 0 round var(--flq-border-radius-xl));
}

.fancybox-is-closing .flq-signin-content,
.fancybox-is-closing .flq-signup-content {
    -webkit-clip-path: inset(60% 0% 60% 0 round var(--flq-border-radius-xl));
            clip-path: inset(60% 0% 60% 0 round var(--flq-border-radius-xl));
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}

/* ------------------------------------------------------------------
  isotope
------------------------------------------------------------------- */
.flq-isotope-grid.row {
    pointer-events: none;
}
.flq-isotope-grid.row > * {
    pointer-events: initial;
}

/* ------------------------------------------------------------------
  rellax
------------------------------------------------------------------- */
[data-rellax] {
    will-change: transform;
    -webkit-transition: -webkit-transform calc(var(--flq-transition-duration-cubic) + 0.8s) var(--flq-transition-easing-cubic);
    transition: -webkit-transform calc(var(--flq-transition-duration-cubic) + 0.8s) var(--flq-transition-easing-cubic);
    -o-transition: transform calc(var(--flq-transition-duration-cubic) + 0.8s) var(--flq-transition-easing-cubic);
    transition: transform calc(var(--flq-transition-duration-cubic) + 0.8s) var(--flq-transition-easing-cubic);
    transition: transform calc(var(--flq-transition-duration-cubic) + 0.8s) var(--flq-transition-easing-cubic), -webkit-transform calc(var(--flq-transition-duration-cubic) + 0.8s) var(--flq-transition-easing-cubic);
}