/*!-----------------------------------------------------------------
    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: 44deg, 100%, 39%;
  --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;
}
.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: #c79200;
  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: 280px;
  }
} */
.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: 40px;
    --flq-media__image--height: 40px;
  }
}

.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;
}

.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);
}