/*
* Name: Hub - HTML version styles
* Author: LiquidThemes
*/
/*----------------------------------------
[ TABLE OF CONTENTS ]
1. BASE
|- 1.1. General elements
|- 1.2. Base styling
2. HEADER
|- 2.1. Header
3. FOOTER
|- 3.1. Footer
4. TITLEBAR
|- 4.1. Titlebar
5. SIDEBAR
|- 5.1. Sidebar
6. THEME FEATURES
|- 6.1. Theme Features
7. LIQUID WIDGETS
|- 7.1. Accordion
|- 7.2. Animated Frame
|- 7.3. Asymmetric slider
|- 7.4. Banner
|- 7.5. Banner bannanas
|- 7.6. Block revealer
|- 7.7. Breadcrumbs
|- 7.8. Bullet list
|- 7.9. Button
|- 7.10. Carousel
|- 7.11. Jquery UI
|- 7.12. Contact form
|- 7.13. Countdown
|- 7.14. Counter
|- 7.15. Custom menu
|- 7.16. Fancy box
|- 7.17. Fancy heading
|- 7.18. Fancy image
|- 7.19. Filter items
|- 7.20. Flipbox
|- 7.21. Fullscreen project
|- 7.22. Google maps
|- 7.23. Highlight
|- 7.24. Hotspot
|- 7.25. Iconbox
|- 7.26. Iconbox circle
|- 7.27. Image comparison
|- 7.28. Image gallery
|- 7.29. Image text slider
|- 7.30. Latest posts
|- 7.31. Fresco lightbox
|- 7.32. Media elements
|- 7.33. Milestone
|- 7.34. Lity modal
|- 7.35. Newsletter form
|- 7.36. Navigation
|- 7.37. Particles
|- 7.38. Portfolio
|- 7.39. Price table
|- 7.40. Process box
|- 7.41. Promo
|- 7.42. Roadmap
|- 7.43. Snickers bar
|- 7.44. Social icon
|- 7.45. Split text
|- 7.46. Sticky
|- 7.47. Tabs
|- 7.48. Team member
|- 7.49. Testimonials
|- 7.50. Text rotator
|- 7.51. Typewriter
|- 7.52. Vertical lines
|- 7.53. Vertical slider
|- 7.54. Video background
|- 7.55. Iamge overlay text
|- 7.56. Progressbar
|- 7.57. Device gallery
|- 7.58. Interactive text image
|- 7.59. Section flow
|- 7.60. Liquid GDPR
|- 7.61. Divider
|- 7.62. Liquid shape
8. BLOG
|- 8.1. Blog
9. PORTFOLIO
|- 9.1. Portfolio
10. PAGE LAYOUTS
|- 10.1. Page stacks
11. PAGES
|- 11.1. Pages
----------------------------------------*/
:root {
/* Colors */
--lqd-color-primary: #184341;
--lqd-color-secondary: #54595F;
--lqd-color-link: #5b7bfb;
--lqd-color-link-hover: #181b31;
--lqd-color-gradient-start: #007fff;
--lqd-color-gradient-stop: #ff4d54;
/* Container width and row spacing */
--lqd-container-width: 1170px;
--lqd-row-gutter-x: 30px;
--lqd-row-gutter-y: 0;
/* Typography */
--lqd-body-font-family: 'Rubik', sans-serif;
--lqd-body-font-size: 18px;
--lqd-body-line-height: 1.7;
--lqd-body-font-weight: 400;
--lqd-body-letter-spacing: ;
--lqd-body-text-color: #626974;
--lqd-secondary-font-family: ;
--lqd-secondary-font-size: ;
--lqd-secondary-line-height: ;
--lqd-secondary-font-weight: ;
--lqd-secondary-text-color: ;
--lqd-accent-font-family: ;
--lqd-accent-font-size: ;
--lqd-accent-line-height: ;
--lqd-accent-font-weight: ;
--lqd-accent-text-color: ;
--lqd-heading-font-family: 'Manrope', sans-serif;
--lqd-heading-line-height: 1.2em;
--lqd-heading-font-weight: 600;
--lqd-heading-text-transform: ;
--lqd-heading-letter-spacing: ;
--lqd-heading-color: #181b31;
/* --lqd-h1-font-family: var(--lqd-heading-font-family);
--lqd-h1-line-height: var(--lqd-heading-line-height);
--lqd-h1-font-weight: var(--lqd-heading-font-weight);
--lqd-h1-text-transform: var(--lqd-heading-text-transform);
--lqd-h1-letter-spacing: var(--lqd-heading-letter-spacing);
--lqd-h1-color: var(--lqd-heading-color);
--lqd-h2-font-family: var(--lqd-heading-font-family);
--lqd-h2-line-height: var(--lqd-heading-line-height);
--lqd-h2-font-weight: var(--lqd-heading-font-weight);
--lqd-h2-text-transform: var(--lqd-heading-text-transform);
--lqd-h2-letter-spacing: var(--lqd-heading-letter-spacing);
--lqd-h2-color: var(--lqd-heading-color);
--lqd-h3-font-family: var(--lqd-heading-font-family);
--lqd-h3-line-height: var(--lqd-heading-line-height);
--lqd-h3-font-weight: var(--lqd-heading-font-weight);
--lqd-h3-text-transform: var(--lqd-heading-text-transform);
--lqd-h3-letter-spacing: var(--lqd-heading-letter-spacing);
--lqd-h3-color: var(--lqd-heading-color);
--lqd-h4-font-family: var(--lqd-heading-font-family);
--lqd-h4-line-height: var(--lqd-heading-line-height);
--lqd-h4-font-weight: var(--lqd-heading-font-weight);
--lqd-h4-text-transform: var(--lqd-heading-text-transform);
--lqd-h4-letter-spacing: var(--lqd-heading-letter-spacing);
--lqd-h4-color: var(--lqd-heading-color);
--lqd-h5-font-family: var(--lqd-heading-font-family);
--lqd-h5-line-height: var(--lqd-heading-line-height);
--lqd-h5-font-weight: var(--lqd-heading-font-weight);
--lqd-h5-text-transform: var(--lqd-heading-text-transform);
--lqd-h5-letter-spacing: var(--lqd-heading-letter-spacing);
--lqd-h5-color: var(--lqd-heading-color);
--lqd-h6-font-family: var(--lqd-heading-font-family);
--lqd-h6-line-height: var(--lqd-heading-line-height);
--lqd-h6-font-weight: var(--lqd-heading-font-weight);
--lqd-h6-text-transform: var(--lqd-heading-text-transform);
--lqd-h6-letter-spacing: var(--lqd-heading-letter-spacing);
--lqd-h6-color: var(--lqd-heading-color); */
/* Sticky header */
--lqd-sticky-header-height: 0px;
--lqd-sticky-header-sentinel-top: 100%;
--lqd-sticky-header-placeholder-height: 80px;
/* Snikers bar */
--lqd-snickersbar-animation-time: 1.2s;
--lqd-snickersbar-stay-time: 4s;
/* Custom cursor */
--lqd-cc-bc: var(--lqd-color-primary);
--lqd-cc-bg: var(--lqd-color-primary);
--lqd-cc-size-outer: 35px;
--lqd-cc-size-inner: 7px;
--lqd-cc-bw: 1px;
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
--lqd-cc-active-bc: var(--lqd-color-primary);
--lqd-cc-active-bg: var(--lqd-color-primary);
--lqd-cc-active-bw: 1px;
--lqd-cc-active-circle-color: #fff;
--lqd-cc-active-circle-txt: #000;
--lqd-cc-active-arrow-color: #fff;
/* Misc */
--lqd-z-index: 20;
--lqd-top-scroll-ind-height: 0;
}
/* Start reboot */
*,
*::before,
*::after {
box-sizing: border-box;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-left: 2rem;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 0.875em;
}
mark {
padding: 0.1875em;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
text-decoration: underline;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-size: 1em;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
word-wrap: break-word;
}
a>code {
color: inherit;
}
kbd {
padding: 0.1875rem 0.375rem;
font-size: 0.875em;
border-radius: 0.25rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
text-align: left;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit;
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend+* {
clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield;
appearance: textfield;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
::file-selector-button {
font: inherit;
-webkit-appearance: button;
appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
section {
position: relative;
}
[hidden] {
display: none !important;
}
/* End reboot */
/* Start grid */
.container,
.container-fluid {
width: 100%;
padding-right: calc(var(--lqd-row-gutter-x) * 0.5);
padding-left: calc(var(--lqd-row-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: calc(-0.5 * var(--lqd-row-gutter-x));
margin-left: calc(-0.5 * var(--lqd-row-gutter-x));
}
.col {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--lqd-row-gutter-x) * 0.5);
padding-left: calc(var(--lqd-row-gutter-x) * 0.5);
padding-bottom: calc(var(--lqd-row-gutter-y) * 0.5);
padding-top: calc(var(--lqd-row-gutter-y) * 0.5);
}
@media (min-width: 576px) {
.container {
max-width: var(--lqd-container-width-xs, 540px);
}
}
@media (min-width: 768px) {
.container {
max-width: var(--lqd-container-width-sm, 720px);
}
}
@media (min-width: 992px) {
.container {
max-width: var(--lqd-container-width-md, 960px);
}
}
@media (min-width: 1200px) {
.container {
max-width: var(--lqd-container-width-lg, 1140px);
}
}
@media (min-width: 1400px) {
.container {
max-width: var(--lqd-container-width);
}
}
.col {
flex: 1 0 0%;
}
.row-cols-auto>.col {
flex: 0 0 auto;
width: auto;
}
.row-cols-1>.col {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2>.col {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3>.col {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-4>.col {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5>.col {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6>.col {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.row-cols-sm-auto>.col {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1>.col {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2>.col {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3>.col {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-sm-4>.col {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5>.col {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6>.col {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.row-cols-md-auto>.col {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1>.col {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2>.col {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3>.col {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-md-4>.col {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5>.col {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6>.col {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto>.col {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1>.col {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2>.col {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3>.col {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4>.col {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5>.col {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6>.col {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.row-cols-xl-auto>.col {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1>.col {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2>.col {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3>.col {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xl-4>.col {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5>.col {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6>.col {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.row-cols-xxl-auto>.col {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1>.col {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2>.col {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3>.col {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xxl-4>.col {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5>.col {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6>.col {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
}
/* End grid */
html,
body {
max-width: 100vw;
}
html {
font-size: 100%;
overflow-x: hidden;
}
body {
margin: 0;
font-family: var(--lqd-body-font-family);
font-size: var(--lqd-body-font-size);
font-weight: var(--lqd-body-font-weight);
letter-spacing: var(--lqd-body-letter-spacing);
line-height: var(--lqd-body-line-height);
color: var(--lqd-body-text-color);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
iframe {
max-width: 100%;
}
small,
.font_small {
font-size: 0.667em;
}
a {
text-decoration: none;
color: var(--lqd-color-link);
transition: all 0.3s;
}
a:hover,
a:focus {
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
}
figure {
margin-bottom: 0;
}
label {
font-weight: normal;
}
textarea {
resize: vertical;
}
dd {
margin-inline-start: 1.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
table {
width: 100%;
color: #333;
}
table tr {
border-bottom: 1px solid #dedede;
}
table th,
table td {
border: none;
padding: 0.5em 1em 0.5em 0;
}
table th,
table th a {
color: #000;
}
table thead th {
padding-top: 0.8em;
padding-bottom: 0.8em;
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 0.1em;
}
table tbody th {
font-weight: 400;
}
table tbody tr:nth-child(odd) {
background-color: #f7f7f7;
}
pre {
margin-bottom: 1.5em;
}
blockquote {
display: block;
margin-bottom: 2.5em;
font-style: italic;
}
blockquote cite {
display: inline-block;
position: relative;
padding-top: 1em;
margin-top: 1em;
font-size: 12px;
letter-spacing: 0.2em;
text-transform: uppercase;
font-style: normal;
}
blockquote cite:before {
content: "";
display: inline-block;
width: 30px;
height: 2px;
position: absolute;
top: 0;
left: 0;
background-color: currentColor;
}
/*
Base Styles
*/
#wrap,
#lqd-site-content {
position: relative;
}
#lqd-site-content {
z-index: 2;
transition: transform 0.3s;
}
@media screen and (max-width: 879px) {
body {
overflow: hidden;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
h1,
.h1 {
font-family: var(--lqd-h1-font-family, var(--lqd-heading-font-family));
font-size: var(--lqd-h1-font-size, var(--lqd-heading-font-size));
line-height: var(--lqd-h1-line-height, var(--lqd-heading-line-height));
font-weight: var(--lqd-h1-font-weight, var(--lqd-heading-font-weight));
text-transform: var(--lqd-h1-text-transform, var(--lqd-heading-text-transform));
letter-spacing: var(--lqd-h1-letter-spacing, var(--lqd-heading-letter-spacing));
color: var(--lqd-h1-color, var(--lqd-heading-color));
}
h2,
.h2 {
font-family: var(--lqd-h2-font-family, var(--lqd-heading-font-family));
font-size: var(--lqd-h2-font-size, var(--lqd-heading-font-size));
line-height: var(--lqd-h2-line-height, var(--lqd-heading-line-height));
font-weight: var(--lqd-h2-font-weight, var(--lqd-heading-font-weight));
text-transform: var(--lqd-h2-text-transform, var(--lqd-heading-text-transform));
letter-spacing: var(--lqd-h2-letter-spacing, var(--lqd-heading-letter-spacing));
color: var(--lqd-h2-color, var(--lqd-heading-color));
}
h3,
.h3 {
font-family: var(--lqd-h3-font-family, var(--lqd-heading-font-family));
font-size: var(--lqd-h3-font-size, var(--lqd-heading-font-size));
line-height: var(--lqd-h3-line-height, var(--lqd-heading-line-height));
font-weight: var(--lqd-h3-font-weight, var(--lqd-heading-font-weight));
text-transform: var(--lqd-h3-text-transform, var(--lqd-heading-text-transform));
letter-spacing: var(--lqd-h3-letter-spacing, var(--lqd-heading-letter-spacing));
color: var(--lqd-h3-color, var(--lqd-heading-color))
}
h4,
.h4 {
font-family: var(--lqd-h4-font-family, var(--lqd-heading-font-family));
font-size: var(--lqd-h4-font-size, var(--lqd-heading-font-size));
line-height: var(--lqd-h4-line-height, var(--lqd-heading-line-height));
font-weight: var(--lqd-h4-font-weight, var(--lqd-heading-font-weight));
text-transform: var(--lqd-h4-text-transform, var(--lqd-heading-text-transform));
letter-spacing: var(--lqd-h4-letter-spacing, var(--lqd-heading-letter-spacing));
color: var(--lqd-h4-color, var(--lqd-heading-color))
}
h5,
.h5 {
font-family: var(--lqd-h5-font-family, var(--lqd-heading-font-family));
font-size: var(--lqd-h5-font-size, var(--lqd-heading-font-size));
line-height: var(--lqd-h5-line-height, var(--lqd-heading-line-height));
font-weight: var(--lqd-h5-font-weight, var(--lqd-heading-font-weight));
text-transform: var(--lqd-h5-text-transform, var(--lqd-heading-text-transform));
letter-spacing: var(--lqd-h5-letter-spacing, var(--lqd-heading-letter-spacing));
color: var(--lqd-h5-color, var(--lqd-heading-color))
}
h6,
.h6 {
font-family: var(--lqd-h6-font-family, var(--lqd-heading-font-family));
font-size: var(--lqd-h6-font-size, var(--lqd-heading-font-size));
line-height: var(--lqd-h6-line-height, var(--lqd-heading-line-height));
font-weight: var(--lqd-h6-font-weight, var(--lqd-heading-font-weight));
text-transform: var(--lqd-h6-text-transform, var(--lqd-heading-text-transform));
letter-spacing: var(--lqd-h6-letter-spacing, var(--lqd-heading-letter-spacing));
color: var(--lqd-h6-color, var(--lqd-heading-color))
}
/*******************************************
2.1. Header
*******************************************/
.main-header {
max-width: 100vw;
position: relative;
top: var(--lqd-top-scroll-ind-height, 0);
z-index: 99;
transition: background-color 0.3s;
}
.main-header-overlay {
position: absolute;
top: var(--lqd-top-scroll-ind-height, 0);
left: 0;
right: 0;
}
@keyframes stickySlideDown {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
@keyframes stickySlideOut {
to {
transform: translateY(-100%);
}
}
.is-stuck {
position: fixed;
left: 0;
right: 0;
top: var(--lqd-top-scroll-ind-height, 0);
box-shadow: -2px 3px 90px -20px rgba(0, 0, 0, 0.25);
animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.is-stuck>.megamenu-hover-bg {
display: none !important;
}
.lqd-smart-sticky-header {
animation: none;
}
.lqd-smart-sticky-header.lqd-just-stuck {
transform: translateY(-100%);
}
.lqd-smart-sticky-hide {
animation: stickySlideOut 0.4s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.lqd-smart-sticky-show {
animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.lqd-sticky-placeholder {
height: var(--lqd-sticky-header-placeholder-height, 0);
}
.lqd-sticky-sentinel {
width: 100%;
min-height: 1px;
top: var(--lqd-sticky-header-sentinel-top);
left: 0;
}
.titlebar>.lqd-sticky-sentinel {
--lqd-sticky-header-sentinel-top: calc(100% - var(--lqd-sticky-header-height, 0px) - 2px);
}
.lqd-show-onstuck:not(.lqd-stickybar-wrap) {
display: none;
}
.is-stuck .lqd-show-onstuck:not(.lqd-stickybar-wrap) {
display: block;
}
.is-stuck .lqd-hide-onstuck {
display: none;
}
.is-stuck.sticky-header-noshadow {
box-shadow: none;
}
.lqd-head-col {
display: flex;
width: 100%;
padding-inline-start: 15px;
padding-inline-end: 15px;
align-items: stretch;
}
.lqd-stickybar .lqd-head-col {
padding-inline-start: 0;
padding-inline-end: 0;
}
.main-header .col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.main-header .col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.header-module {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
}
.navbar-collapse {
flex: 1 auto;
overflow: visible;
}
@media (min-width: 992px) {
.navbar-collapse {
display: flex !important;
height: auto !important;
overflow: visible !important;
}
}
.main-header .nav-trigger-dark .bar,
.main-header .nav-trigger-dark .bar:before,
.main-header .nav-trigger-dark .bar:after {
background-color: #fff;
}
.lqd-stickybar-wrap {
--padding-top: 5vh;
--padding-bottom: 5vh;
--container-default-padding: 0;
display: flex;
justify-content: center;
width: 100px;
height: 100vh;
padding-top: var(--padding-top);
padding-bottom: var(--padding-bottom);
position: absolute !important;
top: 0;
z-index: 10;
background: none !important;
}
.lqd-smart-sticky-header .lqd-stickybar-wrap,
.lqd-stickybar-wrap.lqd-show-onstuck,
.lqd-stickybar-wrap.lqd-hide-onstuck {
transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s 0.3s;
}
.is-stuck .lqd-stickybar-wrap.lqd-show-onstuck {
transition-delay: 0.15s;
}
[data-sticky-header] .lqd-stickybar-wrap {
position: fixed !important;
}
.is-stuck .lqd-stickybar-wrap {
display: flex;
}
@media (max-width: 991px) {
.lqd-stickybar-wrap {
display: none !important;
}
}
.lqd-stickybar-left {
left: 0;
}
.is-stuck.lqd-smart-sticky-hide .lqd-stickybar-left,
.is-stuck .lqd-stickybar-left.lqd-hide-onstuck,
[data-sticky-header].is-not-stuck .lqd-stickybar-left.lqd-show-onstuck {
transform: translateX(-100%);
}
.lqd-stickybar-right {
right: 0;
}
.is-stuck.lqd-smart-sticky-hide .lqd-stickybar-right,
.is-stuck .lqd-stickybar-right.lqd-hide-onstuck,
[data-sticky-header].is-not-stuck .lqd-stickybar-right.lqd-show-onstuck {
transform: translateX(100%);
}
.main-nav-hover-fade-inactive:hover>li>a {
opacity: 0.35;
}
.main-nav-hover-fade-inactive:hover>li:hover>a {
opacity: 1;
}
.main-nav-hover-fill>li>a:before {
content: "";
display: inline-block;
position: absolute;
top: calc(var(--lqd-menu-items-top-padding) - 0.25em);
left: calc(var(--lqd-menu-items-left-padding) - 0.85em);
bottom: calc(var(--lqd-menu-items-bottom-padding) - 0.25em);
right: calc(var(--lqd-menu-items-right-padding) - 0.85em);
z-index: -1;
background: rgba(0, 0, 0, 0.07);
border-radius: 4px;
opacity: 0;
transform: scale(0.85);
transition: opacity 0.35s, transform 0.35s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.main-nav-hover-fill>li.is-ative>a:before,
.main-nav-hover-fill>li.current-menu-item>a:before,
.main-nav-hover-fill>li.current-menu-ancestor>a:before,
.main-nav-hover-fill>li:hover>a:before {
opacity: 1;
transform: scale(1);
}
.navbar-visible-ontoggle {
padding-inline-end: 5px;
padding-inline-start: 5px;
}
.navbar-visible-ontoggle .main-nav>li {
opacity: 0;
visibility: hidden;
transform: translateX(5px);
transition: all 0.3s ease;
transition-property: opacity, visibility, transform;
}
.navbar-visible-ontoggle.in {
display: inline-flex;
overflow: unset;
}
.navbar-visible-ontoggle.is-active .main-nav>li {
opacity: 1;
visibility: visible;
transform: none;
}
.navbar-visible-ontoggle:not(.is-active).collapsing .main-nav>li {
transform: translateX(-5px);
}
.nav-item-children {
min-width: 232px;
padding: 1.0625em 0;
border-radius: 5px;
position: absolute;
top: 100%;
left: 0;
z-index: 11;
list-style: none;
opacity: 0;
visibility: hidden;
text-align: start;
pointer-events: none;
transform: translateY(10px);
transition: all 0.85s cubic-bezier(0.19, 1, 0.22, 1);
transition-property: transform, opacity, visibility;
}
.nav-item-children:before {
content: "";
display: inline-block;
border-radius: inherit;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
background-color: #fff;
box-shadow: 0 16px 50px rgba(0, 0, 0, 0.07);
pointer-events: none;
}
.nav-item-children>li {
position: relative;
font-size: 1em;
line-height: normal;
}
.nav-item-children>li>a {
display: block;
padding: 0.75em 1.75em;
width: 100%;
color: rgba(0, 0, 0, 0.55);
}
.nav-item-children>li.is-active>a,
.nav-item-children>li.current-menu-item>a,
.nav-item-children>li.current-menu-ancestor>a,
.nav-item-children>li:hover>a {
color: #000;
}
.nav-item-children .nav-item-children {
bottom: auto;
top: 0;
left: 104%;
}
.nav-item-children .nav-item-children:after {
content: "";
display: inline-block;
width: 4%;
height: 100%;
position: absolute;
left: -4%;
top: 0;
}
.nav-item-children .nav-item-children.to-left {
right: 100%;
}
.nav-item-children.to-left {
left: auto;
right: 0;
}
.nav-item-children.to-left .nav-item-children {
left: auto;
right: 100%;
}
.lqd-submenu-toggle-hover .position-applied:hover>.nav-item-children {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.lqd-submenu-toggle-click .nav-item-children {
display: none;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.main-nav li.is-active>.nav-item-children {
pointer-events: auto;
}
.submenu-expander {
display: none;
width: 36px;
height: 36px;
flex: 0 0 auto;
margin-inline-start: auto;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.05);
align-items: center;
justify-content: center;
z-index: 3;
font-size: 18px;
}
.lqd-mobile-sec-nav .page_item_has_children>a .submenu-expander,
.lqd-mobile-sec-nav .menu-item-has-children>a .submenu-expander {
display: inline-flex;
}
.lqd-submenu-cover .main-nav>.menu-item-has-children:not(.megamenu) .nav-item-children {
min-width: 120px;
box-shadow: 0 10px 35px -5px rgba(0, 0, 0, 0.05);
border-radius: 15px;
}
.lqd-submenu-cover .main-nav>.menu-item-has-children:not(.megamenu)>.nav-item-children,
.lqd-submenu-cover .main-nav>.menu-item-has-children:not(.megamenu)>.nav-item-children>li {
transform: translateY(15px);
}
.lqd-submenu-cover .main-nav>.menu-item-has-children:not(.megamenu)>a {
z-index: 1;
}
.lqd-submenu-cover .main-nav>.menu-item-has-children:not(.megamenu)>.nav-item-children {
--bg-position: clamp(5px, var(--lqd-menu-items-top-padding), calc(var(--item-height) - var(--lqd-menu-items-top-padding) - (var(--lqd-menu-items-top-padding) / 2) - 10px));
padding-top: var(--item-height);
top: 0;
z-index: 3;
white-space: nowrap;
}
.lqd-submenu-cover .main-nav>.menu-item-has-children:not(.megamenu)>.nav-item-children:before {
top: var(--bg-position);
left: clamp(-5px, var(--lqd-menu-items-left-padding, 15px) * -1, -20px);
right: clamp(var(--lqd-menu-items-right-padding, 15px) * -1, var(--lqd-menu-items-right-padding, 15px) / 2 * -1, var(--lqd-menu-items-right-padding, 15px) * -1);
}
.lqd-submenu-cover .main-nav>.menu-item-has-children:not(.megamenu)>.nav-item-children>li {
opacity: 0;
transition: all 0.5s cubic-bezier(0.17, 0.84, 0.44, 1);
transition-property: transform, opacity;
}
.lqd-submenu-cover .main-nav>.menu-item-has-children:not(.megamenu)>.nav-item-children>li>a {
padding: 0.5em var(--lqd-menu-items-right-padding, 15px) 0.5em var(--lqd-menu-items-left-padding, 15px);
}
.lqd-submenu-cover .main-nav>.menu-item-has-children:not(.megamenu):hover>.nav-item-children,
.lqd-submenu-cover .main-nav>.menu-item-has-children:not(.megamenu):hover>.nav-item-children>li {
opacity: 1;
transform: translateY(0);
}
.lqd-submenu-cover .main-nav>.menu-item-has-children:not(.megamenu):hover>a {
z-index: 4;
transition: color 0.3s, background 0.3s, border 0.3s, z-index 0.05s step-start;
}
.lqd-submenu-dark .nav-item-children:before {
background-color: #424040;
}
.lqd-submenu-dark .nav-item-children>li>a {
color: rgba(255, 255, 255, 0.8);
}
.lqd-submenu-dark .nav-item-children>li>a:hover {
color: #fff;
}
.lqd-submenu-dark.lqd-submenu-cover .main-nav>.menu-item-has-children:not(.megamenu):before,
.lqd-submenu-dark.lqd-submenu-cover .main-nav>.menu-item-has-children:not(.megamenu):after {
background-color: #424040;
}
.lqd-megamenu-rows-wrap {
background-color: #fff;
box-shadow: 0 16px 50px rgba(0, 0, 0, 0.07);
}
.megamenu {
position: static !important;
}
.main-nav .megamenu:not(.position-applied) .nav-item-children {
display: block !important;
visibility: hidden;
}
.megamenu .megamenu-container {
width: unset;
max-width: unset;
padding: 0;
}
.megamenu .nav-item-children {
max-width: 100vw;
border-radius: 0;
padding: 0;
}
.megamenu .nav-item-children:before {
background-color: transparent !important;
box-shadow: none;
}
.megamenu .flickity-viewport {
width: 100%;
}
.megamenu[data-megamenu-bg-scheme=transparent] .megamenu-row {
box-shadow: none;
}
.megamenu.megamenu-content-stretch .nav-item-children {
left: 0;
right: 0;
}
.megamenu.megamenu-fullwidth .nav-item-children {
width: 100vw;
left: 50%;
right: 50%;
margin-inline-start: -50vw;
margin-inline-end: -50vw;
}
.megamenu.megamenu-fullwidth .megamenu-container {
width: 100%;
max-width: none;
}
.megamenu.position-applied .megamenu-row {
display: flex;
flex-wrap: wrap;
}
.megamenu.position-applied .megamenu-col {
flex: 1 0 auto;
}
.megamenu.position-applied .megamenu-col:only-of-type {
width: 100%;
}
.lqd-submenu-dark .megamenu .megamenu-row {
background-color: #030516;
}
.main-header[data-react-to-megamenu=true]:not(.is-stuck) .megamenu-hover-bg {
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background-color: var(--lqd-megamenu-background-color, #fff);
transition: opacity 0.3s cubic-bezier(0.02, 0.01, 0.47, 1), background 0.3s;
}
.main-header[data-react-to-megamenu=true]:not(.is-stuck).megamenu-item-active .megamenu-hover-bg {
opacity: 1;
}
@keyframes lqdMegamenuSlideReveal {
from {
transform: rotateX(-15deg);
opacity: 0;
}
to {
transform: rotateX(0);
opacity: 1;
}
}
@keyframes lqdMegamenuSlideIn {
from {
transform: translateX(var(--lqd-megamenu-slide-from-val, 0));
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes lqdMegamenuSlideOut {
from {
transform: translateX(0);
opacity: 1;
}
to {
transform: translateX(var(--lqd-megamenu-slide-to-val, 0));
opacity: 0;
}
}
.lqd-megamenu-slide-stuff {
position: absolute !important;
top: 100%;
left: 0;
right: 0;
transition: opacity var(--lqd-megamenu-slide-trans-dur);
opacity: 0;
perspective: 1200px;
min-height: 1px;
}
.lqd-megamenu-slide-stuff-wrap {
left: 0;
right: 0;
}
.lqd-megamenu-slide-arrow {
display: inline-block;
width: 12px;
height: 12px;
transform: translate(var(--lqd-megamenu-slide-arrow-pos, 0), -6px) scaleY(0);
transition: transform var(--lqd-megamenu-slide-trans-dur);
transform-origin: bottom;
}
.lqd-megamenu-slide-arrow:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 3px 0 0 0;
box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.03);
background-color: var(--lqd-megamenu-background-color, #fff);
transform: rotate(45deg);
transition: background var(--lqd-megamenu-slide-trans-dur);
}
.lqd-megamenu-slide-bg,
.lqd-megamenu-slide-bg-inner {
display: inline-block;
}
.lqd-megamenu-slide-bg {
width: calc(var(--lqd-megamenu-init-width, 0) * 1px);
height: calc(var(--lqd-megamenu-init-height, 0) * 1px);
background: var(--lqd-megamenu-background-color, #fff);
box-shadow: 0 25px 55px -6px rgba(0, 0, 0, 0.07);
transform: translate3d(var(--lqd-megamenu-x, 0), var(--lqd-megamenu-y, 0), 0) scale(calc(var(--lqd-megamenu-current-width) / var(--lqd-megamenu-init-width)), calc(var(--lqd-megamenu-current-height) / var(--lqd-megamenu-init-height)));
transition: all var(--lqd-megamenu-slide-trans-dur);
transition-property: background, transform;
transform-origin: top left;
}
[data-megamenu-slide=true] {
--lqd-megamenu-slide-trans-dur: 0.3s;
--lqd-megamenu-slide-from-val: -65px;
--lqd-megamenu-slide-to-val: 65px;
}
[data-megamenu-slide=true].lqd-megamenu-slide-from-right {
--lqd-megamenu-slide-from-val: 65px;
--lqd-megamenu-slide-to-val: -65px;
}
[data-megamenu-slide=true] .megamenu .nav-item-children {
overflow: hidden;
transition: width var(--lqd-megamenu-slide-trans-dur), height var(--lqd-megamenu-slide-trans-dur);
}
[data-megamenu-slide=true] .megamenu.lqd-megamenu-item-slide-out .lqd-megamenu-rows-wrap {
animation: lqdMegamenuSlideOut var(--lqd-megamenu-slide-trans-dur) both;
}
.lqd-megamenu-slide-active .lqd-megamenu-slide-stuff {
opacity: 1;
}
.lqd-megamenu-slide-active .lqd-megamenu-slide-arrow {
transform: translate(var(--lqd-megamenu-slide-arrow-pos, 0), -6px) scaleY(1);
}
.lqd-megamenu-slide-active .lqd-megamenu-rows-wrap,
.lqd-megamenu-slide-active .megamenu-row {
background-color: transparent !important;
box-shadow: none !important;
}
.lqd-megamenu-slide-active .megamenu.is-active .lqd-megamenu-rows-wrap {
animation: lqdMegamenuSlideIn var(--lqd-megamenu-slide-trans-dur) both;
}
.lqd-megamenu-slide-reveal {
--lqd-megamenu-slide-from-val: 0;
--lqd-megamenu-slide-to-val: 0;
}
.lqd-megamenu-slide-reveal .megamenu.is-active .nav-item-children {
perspective: 1200px;
}
.lqd-megamenu-slide-reveal .megamenu.is-active .lqd-megamenu-rows-wrap,
.lqd-megamenu-slide-reveal .lqd-megamenu-slide-stuff-wrap {
transform-origin: center -60px;
animation: lqdMegamenuSlideReveal var(--lqd-megamenu-slide-trans-dur) both;
}
.lqd-megamenu-slide-reveal .lqd-megamenu-slide-bg,
.lqd-megamenu-slide-reveal .lqd-megamenu-slide-stuff,
.lqd-megamenu-slide-reveal .lqd-megamenu-slide-arrow,
.lqd-megamenu-slide-reveal .lqd-megamenu-slide-arrow:before,
.lqd-megamenu-slide-reveal .megamenu.is-active .nav-item-children {
transition: none;
}
.ld-module-trigger {
display: inline-flex;
position: relative;
align-items: center;
cursor: pointer;
transition: color 0.3s;
}
.ld-module-trigger-icon,
.ld-module-trigger-txt {
transition: color 0.3s;
}
.ld-module-trigger-icon {
display: flex;
position: relative;
justify-content: center;
align-items: center;
}
.ld-module-trigger-txt {
display: inline-grid;
margin-inline-end: 8px;
align-items: center;
grid-template-columns: 1fr auto auto;
}
.ld-module-trigger-txt:only-child,
.ld-module-trigger-txt:last-child {
margin-inline-end: 0;
}
.ld-module-trigger-txt svg,
.ld-module-trigger-txt img {
margin-inline-end: 0.5em;
margin-inline-start: 0.5em;
}
.ld-module-trigger-txt img.emoji:first-child {
margin-inline-end: 0.5em !important;
}
.ld-module-trigger-txt img.emoji:last-child {
margin-inline-start: 0.5em !important;
}
.ld-module-trigger-txt i {
margin-inline-start: 0.5em;
}
.ld-module-trigger-txt .amount+span {
grid-column: 1/span 3;
order: -1;
}
.ld-module-trigger-txt:empty {
display: none;
}
.ld-module-trigger-count {
display: inline-flex;
width: 20px;
height: 20px;
margin-inline-start: 5px;
background-color: var(--lqd-color-primary);
border-radius: 20px;
align-items: center;
justify-content: center;
font-size: 12px;
line-height: 20px;
color: #fff;
}
.ld-module-trigger-txt+.ld-module-trigger-count {
margin-inline-start: 0;
}
.ld-module-trigger-count-sup {
position: absolute;
top: -0.75em;
right: -0.75em;
}
.lqd-module-trigger-txt-right .ld-module-trigger-txt {
margin-inline-start: 0.75em;
margin-inline-end: 0;
order: 1;
text-align: start;
}
.lqd-module-trigger-txt-right .ld-module-trigger-count-sup {
left: -0.75em;
right: auto;
}
.lqd-module-trigger-txt-left .ld-module-trigger-txt {
margin-inline-end: 0.75em;
order: -1;
}
.lqd-module-trigger-txt-left .ld-module-trigger-count-sup {
right: -0.75em;
left: auto;
}
.lqd-module-hide-icon .ld-module-trigger-count {
width: 2em;
height: 2em;
position: relative;
top: auto;
left: auto;
right: auto;
font-size: 1em;
}
.lqd-module-icon-outline .ld-module-trigger-icon {
width: 48px;
height: 48px;
font-size: 20px;
border-radius: 50em;
}
.lqd-module-icon-outline .ld-module-trigger-icon:before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 1px solid;
opacity: 0.15;
border-radius: inherit;
}
.lqd-module-icon-outline .ld-module-trigger-count-sup {
margin: 0;
top: -0.25em;
right: -0.25em;
}
.lqd-module-icon-outline.lqd-module-trigger-txt-right .ld-module-trigger-count-sup {
left: 35px;
}
.lqd-module-badge-outline .ld-module-trigger-count {
background: none;
border: 1px solid;
color: inherit;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
.nav-trigger,
.nav-trigger:hover,
.nav-trigger:focus {
border: none;
background: none;
font-size: 1em;
text-shadow: none;
outline: none;
padding: 0;
border-radius: 3em;
background: none;
background-color: transparent;
box-shadow: none;
}
.nav-trigger {
transition: all 0.3s;
}
.nav-trigger .bars {
width: 55px;
height: 55px;
border-radius: inherit;
}
.nav-trigger .bars:before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
border-radius: inherit;
transition: border 0.3s, background 0.3s;
}
.nav-trigger .bars,
.nav-trigger .bars-inner {
border-radius: inherit;
align-items: inherit;
justify-content: inherit;
}
.nav-trigger .bar {
background-color: currentColor;
transition: all 0.3s;
}
.nav-trigger .bar:before,
.nav-trigger .bar:after {
background-color: inherit;
transition: all 0.3s;
}
.nav-trigger .bar:last-child {
margin-bottom: 0 !important;
}
.nav-trigger .txt {
line-height: 1;
white-space: nowrap;
transition: transform 0.45s, opacity 0.45s, color 0.3s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.nav-trigger svg {
transition: all 0.3s;
}
.nav-trigger .loading-spinner {
display: inline-block;
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border: 2px solid transparent;
border-top-color: currentColor;
border-radius: inherit;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
animation: spin 1s linear infinite;
}
.nav-trigger.style-mobile .bars {
width: 20px;
height: 15px;
transform: rotate(0);
transition: all 0.45s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.nav-trigger.style-mobile .bar {
width: 20px;
height: 2px;
border-radius: 50px;
margin-bottom: 4.25px;
transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.nav-trigger.style-mobile .bar:first-child,
.nav-trigger.style-mobile .bar:last-child {
opacity: 0;
visibility: hidden;
transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.nav-trigger.style-mobile .bar:first-child {
transform: translateY(-3px);
}
.nav-trigger.style-mobile .bar:last-child {
transform: translateY(3px);
}
.nav-trigger.style-mobile .bar:nth-child(2) {
width: 22px;
margin-inline-end: auto;
transform: rotate(45deg);
transition-delay: 0.1s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.nav-trigger.style-mobile .bar:nth-child(2):before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: inherit;
transition: inherit;
background-color: inherit;
transform: rotate(-90deg);
}
.nav-trigger.solid .bars:before {
background-color: #f5f5f5;
}
.nav-trigger.bordered .bars:before {
border: 1px solid #e1e1e1;
}
.nav-trigger.circle .bars {
width: 62px;
height: 62px;
flex: 1 0 62px;
margin-inline-end: 10px;
}
.nav-trigger.round {
border-radius: 4px;
}
.nav-trigger.txt-left {
flex-direction: row-reverse;
}
.nav-trigger.txt-left.circle .bars {
margin-inline-start: 10px;
margin-inline-end: 0;
}
.nav-trigger.rotate-90 {
transform: rotate(-90deg);
}
.nav-trigger.is-loading .loading-spinner {
opacity: 1;
visibility: visible;
}
.nav-trigger.collapsed .bars {
transform: none;
transition-delay: 0s;
}
.nav-trigger.collapsed .bar:first-child,
.nav-trigger.collapsed .bar:last-child,
.nav-trigger.collapsed .bar:nth-child(2) {
opacity: 1;
visibility: visible;
transform: none;
}
.nav-trigger.collapsed .bar:first-child:before,
.nav-trigger.collapsed .bar:first-child:after,
.nav-trigger.collapsed .bar:last-child:before,
.nav-trigger.collapsed .bar:last-child:after,
.nav-trigger.collapsed .bar:nth-child(2):before,
.nav-trigger.collapsed .bar:nth-child(2):after {
transform: rotate(0) translate(0, 0);
}
.nav-trigger.collapsed.style-mobile .bar:first-child,
.nav-trigger.collapsed.style-mobile .bar:last-child {
transition-delay: 0.15s;
}
.nav-trigger.collapsed.style-mobile .bar:nth-child(2) {
width: 16px;
}
.nav-trigger.collapsed.style-mobile .bar:nth-child(2):before {
opacity: 0;
}
.lqd-stickybar-wrap .nav-trigger {
writing-mode: horizontal-tb;
transform: rotate(90deg);
}
.lqd-stickybar-wrap .nav-trigger .bars {
transform: rotate(180deg);
}
.lqd-stickybar-wrap .nav-trigger .bars:only-child {
transform: rotate(-90deg);
}
.nav-trigger.style-1 .bars {
transform: rotate(90deg);
transition: all 0.3s 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.nav-trigger.style-1 .bar {
width: 25px;
height: 1px;
margin-bottom: 5px;
margin-inline-start: auto;
margin-inline-end: auto;
}
.nav-trigger.style-1 .bar:first-child,
.nav-trigger.style-1 .bar:last-child {
width: 16px;
opacity: 0;
visibility: hidden;
}
.nav-trigger.style-1 .bar:first-child {
transform: translateY(-7px);
margin-inline-end: 15px;
}
.nav-trigger.style-1 .bar:last-child {
transform: translateY(7px);
}
.nav-trigger.style-1 .bar:nth-child(2) {
transform: rotate(45deg);
transition: transform 0.3s 0.2s, backgroud 0.3s, opacity 0.3s;
transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
.nav-trigger.style-1 .bar:nth-child(2):before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: inherit;
background: inherit;
transform: rotate(-90deg);
}
.nav-trigger.style-1.collapsed .bars {
transform: none;
transition-delay: 0s;
}
.nav-trigger.style-1.collapsed .bar:first-child,
.nav-trigger.style-1.collapsed .bar:last-child,
.nav-trigger.style-1.collapsed .bar:nth-child(2) {
opacity: 1;
visibility: visible;
transform: none;
}
.nav-trigger.style-1.collapsed .bar:first-child:before,
.nav-trigger.style-1.collapsed .bar:first-child:after,
.nav-trigger.style-1.collapsed .bar:last-child:before,
.nav-trigger.style-1.collapsed .bar:last-child:after,
.nav-trigger.style-1.collapsed .bar:nth-child(2):before,
.nav-trigger.style-1.collapsed .bar:nth-child(2):after {
transform: rotate(0) translate(0, 0);
}
.nav-trigger.style-1.collapsed .bar:nth-child(2):before {
opacity: 0;
}
.nav-trigger.style-2 .bars-inner {
justify-content: center;
}
.nav-trigger.style-2 .bar {
width: 24px;
height: 2px;
background: none !important;
}
.nav-trigger.style-2 .bar:not(:last-child) {
margin-top: 3px;
margin-bottom: 3px;
}
.nav-trigger.style-2 .bar:before,
.nav-trigger.style-2 .bar:after {
content: "";
display: inline-block;
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 0;
background: #000;
}
.nav-trigger.style-2 .bar:first-child,
.nav-trigger.style-2 .bar:nth-child(2) {
overflow: hidden;
}
.nav-trigger.style-2 .bar:first-child:after,
.nav-trigger.style-2 .bar:nth-child(2):after {
content: none;
}
.nav-trigger.style-2 .bar:first-child:before {
transform-origin: right;
transform: translateX(-100%);
transition: transform 0.3s 0.15s cubic-bezier(0.65, 0.05, 0.36, 1), background 0.3s;
}
.nav-trigger.style-2 .bar:nth-child(2):before {
transform: translateX(100%);
transition: transform 0.3s 0.075s cubic-bezier(0.65, 0.05, 0.36, 1), background 0.3s;
}
.nav-trigger.style-2 .bar:last-child {
width: 24px;
height: 10px;
position: absolute;
top: calc(50% - 5px);
left: calc(50% - 13px);
}
.nav-trigger.style-2 .bar:last-child:before,
.nav-trigger.style-2 .bar:last-child:after {
transform-origin: 73%;
}
.nav-trigger.style-2 .bar:last-child:before {
transition: transform 0.3s 0.125s cubic-bezier(0.65, 0.05, 0.36, 1), background 0.3s;
transform: scale(1) rotate(-45deg) translate(0);
}
.nav-trigger.style-2 .bar:last-child:after {
top: auto;
bottom: 0;
transition: transform 0.3s 0.175s cubic-bezier(0.65, 0.05, 0.36, 1), background 0.3s;
transform: scale(1) rotate(45deg) translate(0);
}
.nav-trigger.style-2.collapsed .bar:first-child:before {
transform: scaleX(0.666);
}
.nav-trigger.style-2.collapsed .bar:nth-child(2):before {
transform: rotate(0) translate(0, 0);
}
.nav-trigger.style-2.collapsed .bar:last-child:before,
.nav-trigger.style-2.collapsed .bar:last-child:after {
transition-delay: 0s;
}
.nav-trigger.style-2.collapsed .bar:last-child:before {
transform: scale(0) rotate(-45deg) translate(150%);
}
.nav-trigger.style-2.collapsed .bar:last-child:after {
transform: scale(0) rotate(45deg) translate(150%);
}
.nav-trigger.style-3 .bar {
width: 4px;
height: 4px;
background-color: currentColor;
border-radius: 5px;
box-shadow: 11px 0 0;
}
.nav-trigger.style-3 .bar:last-of-type {
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 2px;
opacity: 1;
transform: translate(-50%, -50%) rotate(-45deg) scale(1);
box-shadow: none !important;
}
.nav-trigger.style-3 .bar:last-of-type:before {
content: "";
display: inline-block;
width: inherit;
height: inherit;
position: absolute;
top: 0;
left: 0;
border-radius: inherit;
transform: rotate(90deg);
}
.nav-trigger.style-3 .bar:not(:last-of-type) {
margin: 4px 11px 4px 0;
}
.nav-trigger.style-3 .bar:nth-of-type(2),
.nav-trigger.style-3 .bar:first-of-type {
opacity: 0;
}
.nav-trigger.style-3.is-loading .bar:last-of-type {
opacity: 0;
}
.nav-trigger.style-3.is-loading .bar:first-of-type,
.nav-trigger.style-3.is-loading .bar:nth-of-type(2) {
opacity: 1;
}
.nav-trigger.style-3.is-loading .bars {
animation: spin 3s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
}
.nav-trigger.style-3.collapsed .bar:nth-of-type(2),
.nav-trigger.style-3.collapsed .bar:first-of-type {
opacity: 1;
}
.nav-trigger.style-3.collapsed .bar:last-of-type {
opacity: 0;
transform: translate(-50%, -50%) rotate(-45deg) scale(0);
}
.nav-trigger.style-4 .bar:last-of-type {
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 2px;
opacity: 1;
transform: translate(-50%, -50%) rotate(-45deg) scale(1);
box-shadow: none !important;
}
.nav-trigger.style-4 .bar:last-of-type:before {
content: "";
display: inline-block;
width: inherit;
height: inherit;
position: absolute;
top: 0;
left: 0;
border-radius: inherit;
transform: rotate(90deg);
}
.nav-trigger.style-4 svg {
opacity: 0;
}
.lqd-stickybar-wrap .nav-trigger.style-4 svg {
transform: scale(-1);
}
.lqd-stickybar-wrap .nav-trigger.style-4.txt-left svg {
transform: scaleY(-1);
}
.nav-trigger.style-4.txt-left svg {
transform: scaleX(-1);
}
.nav-trigger.style-4.is-loading .bar:last-of-type {
opacity: 0;
}
.nav-trigger.style-4.collapsed .bar:last-of-type {
opacity: 0;
transform: translate(-50%, -50%) rotate(-45deg) scale(0);
}
.nav-trigger.style-4.collapsed svg {
opacity: 1;
}
.nav-trigger.style-5 .bars {
width: 18px;
height: 18px;
margin-inline-end: 6px;
}
.nav-trigger.style-5 .bars:before {
width: 150%;
height: 150%;
top: -25%;
left: -25%;
}
.nav-trigger.style-5 .bars-inner {
align-items: center;
justify-content: center;
}
.nav-trigger.style-5 .bar {
width: 14px;
height: 2px;
}
.nav-trigger.style-5 .bar:not(:last-child) {
margin-bottom: 2px;
}
.nav-trigger.style-5.circle .bars:before {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.nav-trigger.style-5.is-active .bar:first-child {
transform: rotate(45deg) translate(2.5px, 3px);
}
.nav-trigger.style-5.is-active .bar:nth-child(2) {
opacity: 0;
transform: scale(0);
}
.nav-trigger.style-5.is-active .bar:last-child {
transform: rotate(-45deg) translate(2.5px, -3px);
}
.nav-trigger.style-6:not(.circle) .bars {
width: 17px;
height: 13px;
margin-inline-end: 15px;
}
.nav-trigger.style-6 .bar {
width: 17px;
height: 1px;
transform-origin: left;
}
.nav-trigger.style-6 .bar:not(:last-child) {
margin-bottom: 5px;
}
.nav-trigger.style-6.is-active .bar:first-child {
transform: rotate(45deg) translate(1px, -2px);
}
.nav-trigger.style-6.is-active .bar:nth-child(2) {
transform-origin: center;
transform: scale(0);
}
.nav-trigger.style-6.is-active .bar:last-child {
transform: rotate(-45deg) translate(2px, 1px);
}
.nav-trigger.style-6.txt-left .bars {
margin-inline-end: 0;
margin-inline-start: 15px;
}
.ld-module-dropdown {
top: 100%;
right: 0;
z-index: 20;
background-color: #fff;
text-align: left;
}
.ld-module-dropdown.left {
right: auto;
left: 0;
}
.ld-module-dropdown .e-con,
.ld-module-dropdown .e-container {
--position: relative;
}
.lqd-dropdown-fade-onhover {
display: block !important;
height: auto !important;
pointer-events: none;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.85s cubic-bezier(0.19, 1, 0.22, 1);
transition-property: transform, opacity, visibility;
}
.lqd-dropdown-fade-onhover.is-active {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.collapse.positioning {
display: block !important;
position: absolute !important;
visibility: hidden !important;
}
.ld-dropdown-menu-content {
width: 210px;
padding: 20px 30px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.ld-dropdown-menu-content a {
display: inline-block;
position: relative;
}
.ld-dropdown-menu-content ul {
padding: 0;
margin: 0;
list-style: none;
}
.ld-dropdown-menu-content ul ul {
margin-inline-start: 0.3em;
}
.ld-dropdown-menu-content li {
position: relative;
}
.ld-dropdown-menu-content li:not(:last-child) a {
margin-bottom: 0.625em;
}
.ld-dropdown-menu-underlined li a:before {
content: "";
display: inline-block;
width: 100%;
height: 1px;
position: absolute;
bottom: -2px;
left: 0;
background-color: currentColor;
transform-origin: right center;
transform: scaleX(0);
transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.ld-dropdown-menu-underlined li a:hover:before {
transform-origin: left center;
transform: scaleX(1);
}
.ld-module-cart .ld-cart-product-name {
font-size: inherit;
}
.ld-module-cart .ld-module-trigger {
order: -1;
}
.ld-module-cart .ld-module-dropdown {
max-height: 85vh;
}
.ld-module-cart .ld-module-dropdown.in {
overflow-x: hidden;
overflow-y: auto;
}
.ld-cart-contents {
width: 400px;
height: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #000;
}
.ld-cart-contents .empty {
padding-top: 20px;
}
.ld-cart-contents .empty h3 {
margin: 0.5em 0 1.5em;
font-size: 22px;
text-align: center;
}
.ld-cart-contents .empty,
.ld-cart-foot,
.ld-cart-head,
.ld-cart-product {
padding-inline-start: 35px;
padding-inline-end: 35px;
}
.ld-cart-foot,
.ld-cart-head {
font-size: 12px;
}
.ld-cart-head {
margin-bottom: 20px;
display: none;
}
a.remove.ld-cart-product-remove {
display: inline-flex;
width: 20px;
height: 20px;
border: 1px solid #dedede;
border-radius: 50em;
background-color: #fff;
position: absolute;
top: 7px;
left: 25px;
z-index: 2;
align-items: center;
justify-content: center;
font-size: 18px;
color: #000 !important;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
}
a.remove.ld-cart-product-remove:before {
content: "";
display: inline-block;
width: 150%;
height: 150%;
position: absolute;
top: -25%;
left: -25%;
}
a.remove.ld-cart-product-remove:hover {
border-color: red;
background-color: red;
color: #fff !important;
}
.ld-cart-product {
padding-top: 17px;
padding-bottom: 17px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-size: 14px;
line-height: 1.571em;
}
.ld-cart-product img {
width: 65px;
border-radius: 3px;
}
.ld-cart-product:hover .ld-cart-product-remove {
opacity: 1;
visibility: visible;
}
.ld-cart-product-info a {
color: inherit;
}
figure+.ld-cart-product-details {
margin-inline-start: 15px;
}
.ld-cart-product-details dl.variation {
margin-top: 3px;
margin-bottom: 10px;
font-size: 0.9em;
}
.ld-cart-product-details dl.variation:before,
.ld-cart-product-details dl.variation:after {
content: "";
display: table;
}
.ld-cart-product-details dl.variation:after {
clear: both;
}
.ld-cart-product-details dl.variation dd,
.ld-cart-product-details dl.variation dt {
float: left;
}
.ld-cart-product-details dl.variation dt {
clear: both;
}
.ld-cart-product-details dl.variation dd {
margin: 0 0 0 5px;
}
.ld-cart-foot {
margin-top: 15px;
margin-bottom: 20px;
}
.ld-cart-foot .btn {
width: 100%;
font-weight: 700;
}
.ld-cart-foot .btn-solid {
padding: 1.5em;
border: none;
background-color: #2A2A2A;
color: #fff;
line-height: 1em;
}
.ld-cart-foot .btn-solid:hover {
background-color: var(--lqd-color-primary);
color: #fff;
}
.ld-cart-foot .btn-solid+.btn {
margin-inline-start: 0;
margin-top: 2em;
}
.ld-cart-foot .btn-naked {
color: #2A2A2A;
}
.ld-cart-total {
margin-bottom: 10px;
}
.ld-cart-total-price {
font-size: 20px;
font-weight: 600;
}
.ld-cart-message {
padding: 1em;
background-color: var(--lqd-color-primary);
font-size: 14px;
font-weight: 500;
line-height: 1.5em;
letter-spacing: 0.024em;
color: #fff;
text-align: center;
}
.ld-module-cart-dropdown .ld-cart-head {
display: none !important;
}
.ld-module-cart-offcanvas .ld-module-dropdown {
height: 100vh !important;
position: fixed;
top: 0;
right: 0;
z-index: 12;
opacity: 0;
max-height: none;
box-shadow: -20px 0 60px rgba(0, 0, 0, 0.1);
transform: translateX(100%);
transition: transform 0.65s 0s, opacity 0.25s 0.4s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ld-module-cart-offcanvas .ld-module-dropdown.is-active {
opacity: 1;
transform: translateX(0);
transition-delay: 0.1s;
}
.ld-module-cart-offcanvas .ld-cart-contents {
width: 435px;
padding: 30px 35px 0;
border: none;
overflow-y: auto;
max-width: 90vw;
}
.ld-module-cart-offcanvas .header-quickcart {
display: flex;
flex-direction: column;
min-height: 100%;
}
.ld-module-cart-offcanvas .ld-cart-head {
display: flex !important;
padding: 0 0 15px;
border-bottom: 1px solid #e1e1e1;
font-size: 20px;
font-weight: 500;
}
.ld-module-cart-offcanvas .ld-cart-head .ld-module-trigger-count {
width: 2em;
height: 2em;
margin-inline-start: 1em;
background-color: #000;
}
.ld-module-cart-offcanvas .ld-cart-head .ld-module-trigger,
.is-stuck .ld-module-cart-offcanvas .ld-cart-head .ld-module-trigger {
color: #000 !important;
}
.ld-module-cart-offcanvas .ld-cart-foot,
.ld-module-cart-offcanvas .ld-cart-product {
padding-inline-start: 0;
padding-inline-end: 0;
}
.ld-module-cart-offcanvas .ld-cart-product:last-child {
border-bottom: none;
}
.ld-module-cart-offcanvas .ld-cart-product:hover .ld-cart-product-info figure {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.ld-module-cart-offcanvas .ld-cart-product-details {
width: 45%;
flex-grow: 0;
padding-inline-end: 15px;
}
.ld-module-cart-offcanvas .ld-cart-product-info figure {
border-radius: 2px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s, transform 0.3s;
}
.ld-module-cart-offcanvas .ld-cart-product-name {
font-size: 17px;
}
.ld-module-cart-offcanvas .ld-cart-product-price {
max-width: 45%;
font-size: 16px;
}
.ld-module-cart-offcanvas a.ld-cart-product-remove.remove {
width: 16px;
height: 16px;
border: none;
left: auto;
right: 0;
top: calc(50% - 8px);
opacity: 1;
visibility: visible;
font-size: 26px;
color: var(--lqd-color-primary) !important;
}
.ld-module-cart-offcanvas a.ld-cart-product-remove.remove:hover {
background: none;
color: red !important;
}
.ld-module-cart-offcanvas .ld-cart-foot {
margin-top: auto;
margin-bottom: 40px;
}
.ld-module-cart-offcanvas .ld-cart-total {
padding-top: 20px;
padding-bottom: 10px;
border-top: 1px solid #e1e1e1;
}
.ld-module-cart-offcanvas .ld-cart-total-price,
.ld-module-cart-offcanvas .ld-cart-total-label {
font-weight: 500 !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
.ld-module-cart-offcanvas .ld-cart-total-label {
font-size: 16px;
}
.ld-module-cart-offcanvas .ld-cart-total-price {
font-size: 20px;
}
.ld-module-cart-offcanvas .ld-cart-button .btn {
font-size: 15px;
font-weight: 500 !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
.ld-module-cart-offcanvas .ld-cart-button .btn+.btn {
margin-top: 1em;
}
.ld-module-cart-offcanvas .ld-cart-button .btn-naked i {
display: none;
}
.ld-module-cart-offcanvas .blockUI.blockOverlay {
width: auto !important;
left: -35px !important;
right: -35px !important;
}
.ld-module-cart-offcanvas .ld-cart-message {
margin: -19px -35px -30px;
}
.ld-module-to-left .ld-module-cart-offcanvas .ld-module-dropdown {
right: auto;
left: 0;
transform: translateX(-100%);
}
.ld-module-to-left .ld-module-cart-offcanvas .ld-module-dropdown.is-active {
transform: translateX(0);
}
.navbar-fullscreen {
display: flex !important;
width: 100vw;
z-index: 90;
opacity: 0;
transition: all 0.15s 0.8s ease;
transform: translateZ(0);
}
.navbar-fullscreen .main-nav-trigger {
position: fixed;
top: 4em;
right: 4em;
z-index: 92;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
}
.navbar-fullscreen .main-nav-trigger .txt {
display: none;
}
.navbar-fullscreen .navbar-collapse {
height: auto !important;
overflow: visible !important;
}
.navbar-fullscreen .nav-item-children {
box-shadow: none;
}
.navbar-fullscreen .nav-item-children>li>a {
padding: 0;
}
.navbar-fullscreen .nav-item-children>li:hover>a {
background-color: transparent;
}
.navbar-fullscreen .megamenu .nav-item-children {
display: none;
visibility: visible;
left: auto !important;
right: auto !important;
}
.navbar-fullscreen .megamenu .ld-container,
.navbar-fullscreen .megamenu .megamenu-col,
.navbar-fullscreen .megamenu .megamenu-container {
width: 100% !important;
}
.navbar-fullscreen .megamenu section.vc_row {
padding: 0 !important;
}
.navbar-fullscreen .megamenu .ld-row {
display: block;
}
.navbar-fullscreen .lqd-fsh-bg-side-container:before,
.navbar-fullscreen .lqd-fsh-bg-col:before {
content: "";
display: inline-block;
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 2;
background-color: rgba(0, 0, 0, 0.1);
transform: scaleY(0);
transform-origin: center top;
transition: transform 0.75s cubic-bezier(0.7, 0, 0.2, 1);
}
.navbar-fullscreen .lqd-fsh-bg-side-container span,
.navbar-fullscreen .lqd-fsh-bg-col span {
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.65s 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}
.navbar-fullscreen .header-modules-container {
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
transition: clip-path 0.8s 0s cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar-fullscreen .module-primary-nav:only-child {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.navbar-fullscreen .module-primary-nav:only-child .navbar-collapse {
flex-grow: 1;
width: 100%;
}
.navbar-fullscreen .main-nav {
width: auto;
flex-grow: 1;
justify-content: unset;
margin-inline-start: 0;
position: relative;
}
.navbar-fullscreen .main-nav>li {
width: auto;
padding-inline-start: 0 !important;
padding-inline-end: 0 !important;
align-items: inherit;
justify-content: inherit;
position: static;
}
.navbar-fullscreen .main-nav>li:after {
content: "";
display: inline-block;
width: 100%;
position: absolute;
top: 0;
left: 100%;
bottom: 0;
visibility: hidden;
}
.navbar-fullscreen .main-nav>li,
.navbar-fullscreen .main-nav>li>a {
align-items: stretch;
}
.navbar-fullscreen .main-nav>li>a {
width: 100%;
flex-grow: 0;
font-size: 4.5vw;
line-height: 1.1em;
font-weight: 700;
}
.navbar-fullscreen .main-nav>li>a .txt {
display: flex;
position: relative;
}
.navbar-fullscreen .main-nav>li:after {
visibility: visible;
}
.navbar-fullscreen .main-nav>li .nav-item-children {
transform: translateX(0);
}
.navbar-fullscreen .main-nav .link-sup {
top: 0;
right: 0;
}
.navbar-fullscreen .main-nav .nav-item-children {
width: calc(100% + 7px);
left: 110%;
top: 0;
padding: 0.625em 0 0;
background-color: transparent;
visibility: visible;
font-size: 16px;
line-height: 1.5em;
overflow-x: hidden;
overflow-y: auto;
transform: translateX(-10px);
}
.navbar-fullscreen .main-nav .nav-item-children:before {
background: none;
box-shadow: none;
}
.navbar-fullscreen .main-nav .nav-item-children>li {
display: block;
width: 100%;
padding: 0.75em 1.25em;
font-size: 1em;
font-weight: 400;
}
.navbar-fullscreen .main-nav .nav-item-children .nav-item-children {
width: 100%;
}
.navbar-fullscreen .navbar-collapse,
.navbar-fullscreen .module-primary-nav {
width: auto;
}
.navbar-fullscreen.is-active {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.navbar-fullscreen.is-active .main-nav-trigger {
opacity: 1;
visibility: visible;
transition-delay: 0.6s;
}
.navbar-fullscreen.is-active .lqd-fsh-bg-side-container:before,
.navbar-fullscreen.is-active .lqd-fsh-bg-col:before {
transform: scaleY(1);
transition-delay: 0.25s;
}
.navbar-fullscreen.is-active .lqd-fsh-bg-side-container>span,
.navbar-fullscreen.is-active .lqd-fsh-bg-col>span {
transform: scaleX(1);
transition-delay: 0.05s;
}
.navbar-fullscreen.is-active .header-modules-container {
transition-duration: 2s;
transition-delay: 0.15s;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.navbar-brand {
height: auto;
line-height: normal;
order: 0;
transition: none;
}
.navbar-brand img {
transition: opacity 0.3s, visibiliy 0.3s;
}
.navbar-brand img.visible {
opacity: 1 !important;
visibility: visible !important;
}
.navbar-brand img.invisible {
opacity: 0;
}
.navbar-brand .logo-sticky {
display: none;
}
.navbar-brand .logo-light,
.navbar-brand .logo-dark {
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
position: absolute;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.is-stuck .navbar-brand .logo-sticky {
display: block;
}
.is-stuck .navbar-brand .logo-sticky~img {
display: none;
}
.navbar-brand-inner {
display: grid;
place-items: center;
position: relative;
}
[data-lqd-interactive-color].lqd-active-row-light .navbar-brand .logo-dark {
opacity: 1;
visibility: visible;
}
[data-lqd-interactive-color].lqd-active-row-light .navbar-brand .logo-dark~img {
opacity: 0;
visibility: hidden;
}
[data-lqd-interactive-color].lqd-active-row-dark .navbar-brand .logo-light {
opacity: 1;
visibility: visible;
}
[data-lqd-interactive-color].lqd-active-row-dark .navbar-brand .logo-light~img {
opacity: 0;
visibility: hidden;
}
.navbar-brand-solid .navbar-brand-inner {
width: 64px;
height: 64px;
background-color: var(--lqd-color-primary);
}
.navbar-brand-solid .logo-dark,
.navbar-brand-solid .logo-light {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.navbar-brand-solid img {
max-width: 80%;
}
.navbar-brand-round .navbar-brand-inner {
border-radius: 4px;
}
.navbar-brand-circle .navbar-brand-inner {
border-radius: 3em;
}
.navbar-brand-hover {
transition: clip-path 0.65s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.navbar-brand:hover .navbar-brand-hover {
-webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
}
.link-icon:empty,
.link-sup:empty,
.link-badge:empty {
display: none !important;
}
.link-badge {
display: inline-flex;
align-items: center;
padding: 0.6em 0.9em;
margin: -0.6em 0;
margin-inline-start: 1.1em;
border-radius: 2em;
position: relative;
font-size: 0.75em;
line-height: 1em;
white-space: nowrap;
}
.link-badge:before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: inherit;
background: var(--lqd-badge-color);
box-shadow: 0 8px 15px -8px var(--lqd-badge-color);
opacity: 0.125;
}
.module-primary-nav {
position: static;
min-height: 100%;
}
.main-nav {
--lqd-menu-items-top-padding: 10px;
--lqd-menu-items-bottom-padding: 10px;
--lqd-menu-items-left-padding: 15px;
--lqd-menu-items-right-padding: 15px;
flex: 1 auto;
}
.main-nav>li {
position: relative;
flex-direction: column;
}
.main-nav>li,
.main-nav>li>a {
display: flex;
}
.main-nav>li>a {
z-index: 1;
flex: 1 auto;
position: relative;
flex-direction: row;
align-items: center;
white-space: nowrap;
padding: var(--lqd-menu-items-top-padding, 10px) var(--lqd-menu-items-right-padding, 15px) var(--lqd-menu-items-bottom-padding, 10px) var(--lqd-menu-items-left-padding, 15px);
}
.main-nav>li>a .link-icon .icon-ion-ios-arrow-down {
transition: transform 0.35s;
}
.main-nav>li>a:hover,
.main-nav>li>a:focus {
background-color: transparent;
}
.main-nav>li.is-hovered>a .link-icon .icon-ion-ios-arrow-down {
transform: rotateX(-180deg);
}
.main-nav .link-sup {
top: -1.5em;
right: -1em;
font-size: 0.625em;
line-height: 1;
}
.main-nav .link-icon>i {
vertical-align: middle;
}
.main-nav .link-icon svg {
width: 1em;
height: 1em;
}
.main-nav.lqd-menu-items-block {
display: block !important;
margin: 0;
justify-content: unset !important;
}
.main-nav.lqd-menu-items-block>li {
align-items: unset !important;
}
.main-nav.lqd-menu-items-block>li>a {
width: 100%;
}
.main-nav.lqd-menu-items-block .nav-item-children {
width: 100%;
min-width: 0;
padding: 0;
transform: none;
position: relative;
top: auto;
left: auto !important;
right: auto !important;
}
.main-nav.lqd-menu-items-block .nav-item-children:before {
content: none;
}
.main-nav.lqd-menu-items-block .nav-item-children>li>a {
padding-inline-start: 10px;
padding-inline-end: 10px;
}
.main-nav.lqd-menu-items-block .lqd-megamenu-rows-wrap {
background: none;
box-shadow: none;
}
.main-nav.lqd-menu-counter-left .link-sup {
order: -1;
right: auto;
left: 1em;
}
.ld-sd-inner .main-nav {
flex-wrap: wrap;
}
.ld-sd-inner .main-nav>li {
width: 100%;
}
.left-icon {
margin-inline-end: 0.75em;
}
.right-icon {
order: 1;
margin-inline-start: 0.75em;
}
.lqd-top-scrol-ind {
height: var(--lqd-top-scroll-ind-height);
}
.lqd-scrl-indc {
writing-mode: vertical-lr;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.01em;
}
.lqd-stickybar-wrap .lqd-scrl-indc .lqd-scrl-indc-inner {
flex-direction: row-reverse;
}
.lqd-stickybar-wrap .lqd-scrl-indc .lqd-scrl-indc-line {
transform: rotate(-180deg) translate3d(0, 0, 0);
}
.lqd-scrl-indc-inner {
color: inherit;
}
.lqd-scrl-indc-txt {
margin: 1em 0;
}
.lqd-scrl-indc-el {
background-color: currentColor;
}
.lqd-scrl-indc-style-dot .lqd-scrl-indc-line {
position: relative;
width: 1px;
height: 60px;
color: inherit;
}
.lqd-scrl-indc-style-dot .lqd-scrl-indc-line:before {
content: '';
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: -0.5px;
background: currentColor;
opacity: 0.3;
}
.lqd-scrl-indc-style-dot .lqd-scrl-indc-el {
width: 8px;
height: 8px;
top: -4px;
left: -4px;
}
.ld-module-search .ld-module-dropdown {
right: -15px;
}
.ld-module-search .ld-module-dropdown.left {
right: auto;
left: -15px;
}
.ld-search-form-container {
background-color: #fff;
width: 360px;
padding: 30px 30px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.ld-search-form {
line-height: 1;
}
.ld-search-form input {
padding: 10px 20px 10px 30px;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-size: 16px;
letter-spacing: 0.025em;
}
.ld-search-form input::-webkit-input-placeholder {
color: #808188;
}
.ld-search-form input::-moz-placeholder {
color: #808188;
}
.ld-search-form input:-moz-placeholder {
color: #808188;
}
.ld-search-form input:-ms-input-placeholder {
color: #808188;
}
.ld-search-form input:focus {
outline: none;
border-color: rgba(0, 0, 0, 0.2);
}
.ld-search-form .input-icon {
top: 50%;
left: 0;
transform: translateY(-50%);
color: #b8beca;
}
.lqd-module-search-frame {
color: #a0a2ae;
}
.lqd-module-search-frame .ld-module-dropdown {
width: 100vw;
height: 100vh !important;
top: 0;
z-index: 1000;
background: rgba(18, 23, 56, 0.96);
overscroll-behavior: contain;
opacity: 0;
transition: opacity 0.5s;
}
.lqd-module-search-frame .ld-search-form-container {
width: unset;
height: 100%;
padding: 2em;
border: none;
background: none;
overflow: hidden auto;
}
.lqd-module-search-frame .ld-search-form-container:before,
.lqd-module-search-frame .ld-search-form-container:after {
content: "";
position: absolute;
width: calc(100% + 15px);
height: calc(100% + 15px);
pointer-events: none;
border: 1.5em solid #212fa0;
transition: transform 0.5s;
}
.lqd-module-search-frame .ld-search-form-container:before {
top: 0;
left: 0;
border-right-width: 0;
border-bottom-width: 0;
transform: translate(-15px, -15px);
}
.lqd-module-search-frame .ld-search-form-container:after {
right: 0;
bottom: 0;
border-top-width: 0;
border-left-width: 0;
transform: translate(15px, 15px);
}
.lqd-module-search-frame .lqd-module-search-close {
border: none;
top: 30px;
right: 70px;
font-size: 120px;
line-height: 50px;
box-shadow: none;
cursor: pointer;
transform: scale(0.8, 0.8);
transition: opacity 0.5s, transform 0.5s;
}
.lqd-module-search-frame .lqd-module-search-close:hover {
background: none;
transform: scale(0.9) !important;
}
.lqd-module-search-frame .ld-search-form {
margin: 5em 0;
opacity: 0;
transform: scale3d(0.8, 0.8, 1);
transition: opacity 0.5s, transform 0.5s;
}
.lqd-module-search-frame .ld-search-form input {
width: 75%;
padding: 0.05em 0;
border: none;
border-bottom: 2px solid;
background: none;
font-family: inherit;
font-size: 10vw;
line-height: 1;
color: #d17c78;
}
.lqd-module-search-frame .ld-search-form input::-webkit-input-placeholder {
opacity: 0.3;
}
.lqd-module-search-frame .ld-search-form input::-moz-placeholder {
opacity: 0.3;
}
.lqd-module-search-frame .ld-search-form input:-moz-placeholder {
opacity: 0.3;
}
.lqd-module-search-frame .ld-search-form input:-ms-input-placeholder {
opacity: 0.3;
}
.lqd-module-search-frame .ld-search-form input:-webkit-search-cancel-button,
.lqd-module-search-frame .ld-search-form input:-webkit-search-decoration {
-webkit-appearance: none;
}
.lqd-module-search-frame .ld-search-form input:-ms-clear {
display: none;
}
.lqd-module-search-frame .ld-search-form input:focus {
outline: none;
border-color: currentColor;
}
.lqd-module-search-frame .lqd-module-search-info {
font-size: 90%;
width: 75%;
margin: 0 auto;
padding: 0.85em 0;
color: #d17c78;
}
.lqd-module-search-frame .lqd-module-search-related {
width: 75%;
}
.lqd-module-search-frame .lqd-module-search-suggestion {
width: 33.33%;
opacity: 0;
transform: translateY(-30px);
transition: opacity 0.5s, transform 0.5s;
}
.lqd-module-search-frame .lqd-module-search-suggestion:nth-child(2) {
margin: 0 3em;
}
.lqd-module-search-frame .lqd-module-search-suggestion h3 {
margin: 0;
font-size: 1.35em;
color: inherit;
}
.lqd-module-search-frame .lqd-module-search-suggestion h3:before {
content: "⇾";
display: inline-block;
padding: 0 0.5em 0 0;
}
.lqd-module-search-frame .lqd-module-search-suggestion p {
font-size: 1.15em;
line-height: 1.4;
margin: 0.75em 0 0 0;
}
.lqd-module-search-frame .ld-module-dropdown.is-active {
pointer-events: auto;
opacity: 1;
}
.lqd-module-search-frame .ld-module-dropdown.is-active .ld-search-form-container:before,
.lqd-module-search-frame .ld-module-dropdown.is-active .ld-search-form-container:after {
transform: translate(0, 0);
}
.lqd-module-search-frame .ld-module-dropdown.is-active .lqd-module-search-close {
transform: scale3d(1, 1, 1);
}
.lqd-module-search-frame .ld-module-dropdown.is-active .ld-search-form {
opacity: 1;
transform: scale3d(1, 1, 1);
}
.lqd-module-search-frame .ld-module-dropdown.is-active .lqd-module-search-suggestion {
opacity: 1;
transform: translate(0, 0);
}
.lqd-module-search-frame .ld-module-dropdown.is-active .lqd-module-search-suggestion:nth-child(2) {
transition-delay: 0.1s;
}
.lqd-module-search-frame .ld-module-dropdown.is-active .lqd-module-search-suggestion:nth-child(3) {
transition-delay: 0.2s;
}
@media screen and (max-width: 991px) {
.ld-module-search .ld-module-dropdown {
width: 100vw;
inset-inline-start: 0;
inset-inline-end: auto;
}
.ld-search-form input,
.ld-search-form-container {
width: 100%;
}
.lqd-module-search-frame .lqd-module-search-close {
right: 30px;
font-size: 90px;
}
.lqd-module-search-frame .ld-search-form-container {
display: block;
}
.lqd-module-search-frame .ld-search-form-container:before,
.lqd-module-search-frame .ld-search-form-container:after {
border-width: 1em;
}
.lqd-module-search-frame .lqd-module-search-related,
.lqd-module-search-frame .lqd-module-search-info,
.lqd-module-search-frame .ld-search-form input {
width: 85%;
}
.lqd-module-search-frame .lqd-module-search-related {
display: block;
}
}
@media screen and (max-width: 768px) {
.lqd-module-search-frame .lqd-module-search-related,
.lqd-module-search-frame .lqd-module-search-info,
.lqd-module-search-frame .ld-search-form input {
width: 78vw;
}
}
@media screen and (max-width: 479px) {
.lqd-module-search-frame .lqd-module-search-close {
right: 30px;
font-size: 45px;
}
.lqd-module-search-frame .ld-search-form {
margin-top: 50vw;
}
.lqd-module-search-frame .ld-search-form input {
font-size: 15vw;
}
.lqd-module-search-frame .lqd-module-search-suggestion {
width: 100%;
margin: 0 0 30px !important;
}
}
.lqd-module-search-slide-top {
--ease: cubic-bezier(.175, 1, .275, 1);
}
.lqd-module-search-slide-top .ld-search-form-container {
transition: transform 0.85s var(--ease);
}
.lqd-module-search-slide-top p {
font-size: 16px;
}
.lqd-module-search-slide-top .ld-search-form input {
height: 100px;
padding: 0;
margin-bottom: 20px;
border-bottom: 4px solid #000;
background: none;
font-size: 70px;
font-weight: 600;
color: #000;
}
.lqd-module-search-slide-top .ld-search-form input::-webkit-input-placeholder {
color: #000;
}
.lqd-module-search-slide-top .ld-search-form input::-moz-placeholder {
color: #000;
}
.lqd-module-search-slide-top .ld-search-form input:-moz-placeholder {
color: #000;
}
.lqd-module-search-slide-top .ld-search-form input:-ms-input-placeholder {
color: #000;
}
.lqd-module-search-slide-top .ld-search-form .input-icon {
width: 50px;
height: 50px;
margin-top: -30px;
left: auto;
right: 0;
pointer-events: all;
cursor: pointer;
}
.lqd-module-search-slide-top .ld-search-form .input-icon:before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
border-radius: 50em;
background-color: rgba(0, 0, 0, 0.05);
transform: scale(0);
transition: transform 0.85s var(--ease);
}
.lqd-module-search-slide-top .ld-search-form .input-icon i:before,
.lqd-module-search-slide-top .ld-search-form .input-icon i:after {
content: "";
display: inline-block;
width: 22px;
height: 2px;
margin: -1px 0 0 -11px;
border-radius: 50em;
position: absolute;
top: 50%;
left: 50%;
background-color: #000;
transition: transform 0.85s 0.3s var(--ease);
}
.lqd-module-search-slide-top .ld-search-form .input-icon i:before {
transform: rotate(45deg) translateX(-17px) scale(0, 1);
}
.lqd-module-search-slide-top .ld-search-form .input-icon i:after {
transform: rotate(-45deg) translateX(17px) scale(0, 1);
}
.lqd-module-search-slide-top .ld-search-form .input-icon:hover:before {
transition-delay: 0 !important;
transform: scale(1.125) !important;
}
.lqd-module-search-slide-top .ld-search-form-container {
width: 100%;
max-width: 1200px;
border: none;
padding: 0;
background: none;
transform: translate3d(0, calc(100% - 100px), 0);
transition: transform 0.85s var(--ease);
}
.lqd-module-search-slide-top .ld-module-dropdown {
display: flex !important;
height: 380px !important;
top: 0;
left: 0;
right: 0;
z-index: 999;
background: #fff;
transform: translate3d(0, -100%, 0);
transition: transform 0.85s var(--ease), visibility 0.8s step-end;
}
.lqd-module-search-slide-top .ld-module-dropdown.is-active {
visibility: visible;
transition: transform 0.85s var(--ease), visibility 0.8s step-start;
}
.lqd-module-search-slide-top .ld-module-dropdown.is-active,
.lqd-module-search-slide-top .ld-module-dropdown.is-active .ld-search-form-container {
transform: translate3d(0, 0, 0);
}
.lqd-module-search-slide-top .ld-module-dropdown.is-active .ld-search-form .input-icon:before {
transition-delay: 0.15s;
transform: scale(1);
}
.lqd-module-search-slide-top .ld-module-dropdown.is-active .ld-search-form .input-icon i:before {
transition-delay: 0.35s;
transform: rotate(45deg) translate(0, 0) scale(1);
}
.lqd-module-search-slide-top .ld-module-dropdown.is-active .ld-search-form .input-icon i:after {
transition-delay: 0.42s;
transform: rotate(-45deg) translate(0, 0) scale(1);
}
.lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form {
color: rgba(255, 255, 255, 0.65);
}
.lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form input {
border-color: #fff;
color: #fff;
}
.lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.65);
}
.lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form input::-moz-placeholder {
color: rgba(255, 255, 255, 0.65);
}
.lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form input:-moz-placeholder {
color: rgba(255, 255, 255, 0.65);
}
.lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.65);
}
.lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form .input-icon:before {
background-color: rgba(255, 255, 255, 0.13);
}
.lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form .input-icon i:before,
.lqd-module-search-slide-top.lqd-module-search-dark .ld-search-form .input-icon i:after {
background-color: #fff;
}
.lqd-module-search-slide-top.lqd-module-search-dark p {
color: rgba(255, 255, 255, 0.6);
}
.lqd-module-search-slide-top.lqd-module-search-dark .ld-module-dropdown {
background-color: #000;
}
.lqd-search-style-slide-top:before {
content: "";
display: inline-block;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 3;
opacity: 0;
visibility: hidden;
transition: opacity 0.85s var(--ease), visibility 0.85s var(--ease);
}
.lqd-module-search-expanded .lqd-search-style-slide-top:before {
opacity: 1;
visibility: visible;
}
.lqd-module-search-expanded.module-collapsing .lqd-search-style-slide-top:before {
opacity: 0;
visibility: hidden;
}
@media screen and (max-width: 1200px) {
.lqd-module-search-slide-top .ld-search-form-container {
max-width: 90vw;
}
}
@media screen and (max-width: 768px) {
.lqd-module-search-slide-top .ld-search-form input {
height: 90px;
font-size: 60px;
}
}
@media screen and (max-width: 480px) {
.lqd-module-search-slide-top .ld-module-dropdown {
height: 35vh !important;
}
.lqd-module-search-slide-top .ld-search-form input {
height: 80px;
font-size: 40px;
padding-right: 50px;
}
.lqd-module-search-slide-top .ld-search-form .input-icon {
width: 45px;
height: 45px;
}
}
.lqd-module-search-zoom-out {
color: #cecae0;
}
.lqd-module-search-zoom-out .ld-module-dropdown {
display: block;
height: 100vh !important;
top: 0;
z-index: 1000;
border: none;
background: none;
opacity: 0;
transition: opacity 0.3s, visibility 0.3s;
}
.lqd-module-search-zoom-out .ld-module-dropdown:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
}
.lqd-module-search-zoom-out .ld-search-form-container {
width: 100%;
padding: unset;
background: unset;
border: unset;
overflow: hidden auto;
overscroll-behavior: contain;
}
.lqd-module-search-zoom-out .lqd-module-search-close {
top: 25px;
right: 55px;
font-size: 68px;
cursor: pointer;
}
.lqd-module-search-zoom-out .lqd-module-search-close:hover {
color: #fff;
}
.lqd-module-search-zoom-out .ld-search-form,
.lqd-module-search-zoom-out .lqd-module-search-related {
width: 75%;
}
.lqd-module-search-zoom-out .ld-search-form {
margin: 30vh auto 5vh;
}
.lqd-module-search-zoom-out .ld-search-form input {
padding: 0.05em 0;
border-bottom: 5px solid;
background: none;
font-family: inherit;
font-size: 10vw;
line-height: 1;
color: #eaba82;
transform: scale3d(0, 1, 1);
transform-origin: 0% 50%;
transition: transform 0.3s;
}
.lqd-module-search-zoom-out .ld-search-form input::-webkit-input-placeholder {
opacity: 1;
color: #4a319e;
}
.lqd-module-search-zoom-out .ld-search-form input::-moz-placeholder {
opacity: 1;
color: #4a319e;
}
.lqd-module-search-zoom-out .ld-search-form input:-moz-placeholder {
opacity: 1;
color: #4a319e;
}
.lqd-module-search-zoom-out .ld-search-form input:-ms-input-placeholder {
opacity: 1;
color: #4a319e;
}
.lqd-module-search-zoom-out .ld-search-form input:-webkit-search-cancel-button,
.lqd-module-search-zoom-out .ld-search-form input:-webkit-search-decoration {
-webkit-appearance: none;
}
.lqd-module-search-zoom-out .ld-search-form input:-ms-clear {
display: none;
}
.lqd-module-search-zoom-out .lqd-module-search-suggestion,
.lqd-module-search-zoom-out .lqd-module-search-info {
opacity: 0;
transform: translate3d(0, 50px, 0);
transition: opacity 0.4s, transform 0.4s;
}
.lqd-module-search-zoom-out .lqd-module-search-info {
font-size: 90%;
padding: 0.85em 0;
color: #eaba82;
}
.lqd-module-search-zoom-out .lqd-module-search-suggestion:first-child {
padding: 0 2em 0 0;
}
.lqd-module-search-zoom-out .lqd-module-search-suggestion:last-child {
padding: 0 0 0 2em;
}
.lqd-module-search-zoom-out .lqd-module-search-suggestion h3 {
margin: 0;
font-size: 1.35em;
color: inherit;
}
.lqd-module-search-zoom-out .lqd-module-search-suggestion h3:before {
content: "⇾";
display: inline-block;
padding: 0 0.5em 0 0;
}
.lqd-module-search-zoom-out .lqd-module-search-suggestion p {
font-size: 1.15em;
line-height: 1.4;
margin: 0.75em 0 0 0;
}
.lqd-module-search-zoom-out .ld-module-dropdown.is-active {
opacity: 1;
visibility: visible;
}
.lqd-module-search-zoom-out .ld-module-dropdown.is-active .ld-search-form input {
transform: scale3d(1, 1, 1);
transition-duration: 0.5s;
}
.lqd-module-search-zoom-out .ld-module-dropdown.is-active .lqd-module-search-suggestion,
.lqd-module-search-zoom-out .ld-module-dropdown.is-active .lqd-module-search-info {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.lqd-module-search-zoom-out .ld-module-dropdown.is-active .lqd-module-search-suggestion:first-child {
transition-delay: 0.15s;
}
.lqd-module-search-zoom-out .ld-module-dropdown.is-active .lqd-module-search-suggestion:nth-child(2) {
transition-delay: 0.2s;
}
@media screen and (min-width: 1200px) {
.lqd-module-search-zoom-out .ld-search-form-container {
display: flex;
flex-wrap: wrap;
}
}
@media screen and (max-width: 991px) {
.lqd-module-search-zoom-out .ld-search-form {
margin: 35vh auto 15vh;
}
}
@media screen and (max-width: 479px) {
.lqd-module-search-zoom-out .lqd-module-search-close {
top: 20px;
right: 30px;
font-size: 45px;
}
.lqd-module-search-zoom-out .ld-search-form,
.lqd-module-search-zoom-out .lqd-module-search-related {
width: 85vw;
}
.lqd-module-search-zoom-out .lqd-module-search-suggestion {
width: 100%;
padding: 0 !important;
margin-bottom: 30px;
}
}
.ld-sd-inner {
display: flex;
min-height: 100%;
text-align: start;
}
.ld-sd-inner>div {
width: 100%;
}
.ld-sd-inner>.header-module {
display: grid;
align-items: start;
justify-content: start;
}
.ld-sd-inner>.header-module>.lqd-custom-menu {
width: 100%;
}
.ld-sd-inner .lqd-custom-menu .submenu-expander {
position: relative;
top: auto;
left: auto;
right: auto;
transform: none;
}
.woocommerce .lqd-main-sidebar .ld-sd-inner .widget:not(:last-of-type):not(:empty) {
margin-bottom: 20px;
padding-bottom: 25px;
}
.ld-sd-inner .ld-module-dropdown {
left: 0;
right: auto;
}
.ld-sd-wrap {
width: 100%;
height: 100%;
padding: 60px;
position: relative;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
opacity: 0;
transform: translate3d(25%, 0, 0);
transition: transform 0.85s, opacity 0.85s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ld-module-sd {
display: flex;
justify-content: center;
writing-mode: horizontal-tb;
}
.ld-module-sd>.ld-module-dropdown {
display: block;
position: fixed;
top: 0;
right: 0;
z-index: 999;
width: 400px;
max-width: 87vw;
height: 100vh !important;
background-color: #fff;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
transform: translate3d(100%, 0, 0);
opacity: 0;
transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s step-end;
}
.ld-module-sd>.ld-module-dropdown>.nav-trigger {
padding: 0;
border: none;
position: absolute;
top: 1em;
left: 1em;
background: none;
flex-grow: 1;
z-index: 2;
opacity: 0;
transition: opacity 0.3s 0.05s;
}
.ld-module-sd>.ld-module-dropdown>.nav-trigger .txt {
display: none;
}
.ld-module-sd>.ld-module-dropdown>.nav-trigger.style-5 .bars {
margin: 0;
}
.main-header .ld-module-sd>.ld-module-dropdown>.nav-trigger.is-active .txt {
opacity: 0;
transform: translateX(25%);
}
style+.ld-module-sd>.ld-module-dropdown:last-child,
.ld-module-sd>.ld-module-dropdown:only-child {
flex-grow: 1;
}
.ld-module-sd>.ld-module-dropdown.is-active {
transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s step-start;
}
.ld-module-sd>.ld-module-dropdown.is-active,
.ld-module-sd>.ld-module-dropdown.is-active .ld-sd-wrap {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.ld-module-sd>.ld-module-dropdown.is-active .ld-sd-wrap {
transition-delay: 0.175s;
}
.ld-module-sd>.ld-module-dropdown.is-active>.nav-trigger {
opacity: 1;
}
.ld-module-sd>.ld-module-dropdown.is-active~.lqd-module-backdrop {
opacity: 1;
visibility: visible;
}
.vc_mobile .ld-module-sd>.ld-module-dropdown.is-active~.lqd-module-backdrop {
opacity: 1;
visibility: visible;
}
.lqd-stickybar-wrap .ld-module-sd {
flex-grow: 0;
}
.lqd-stickybar-wrap .ld-module-sd .nav-trigger {
flex-grow: 0;
}
.lqd-stickybar-left .ld-module-sd .ld-sd-wrap {
transform: translate3d(-25%, 0, 0);
}
.lqd-stickybar-left .ld-module-sd .ld-module-dropdown {
left: 0;
right: auto;
transform: translate3d(-100%, 0, 0);
}
.lqd-stickybar-left .ld-module-sd .ld-module-dropdown>.nav-trigger {
left: auto;
right: 1em;
}
.lqd-stickybar-left .ld-module-sd .ld-module-dropdown.is-active,
.lqd-stickybar-left .ld-module-sd .ld-module-dropdown.is-active .ld-sd-wrap {
transform: translate3d(0, 0, 0);
}
.ld-module-sd-left .ld-module-dropdown {
left: 0;
right: auto;
transform: translate3d(-100%, 0, 0);
}
.ld-module-sd-left .ld-sd-wrap {
transform: translate3d(-25%, 0, 0);
}
.ld-module-sd-hover>.nav-trigger {
pointer-events: none;
}
.ld-module-sd-hover>.nav-trigger.collapsed {
z-index: auto;
pointer-events: auto;
}
.ld-module-sd,
.ld-module-sd>.nav-trigger {
height: 100%;
}
.ld-module-v-sep {
width: 1px;
}
.navbar-header .navbar-toggle {
order: 3;
margin-inline-start: 20px;
}
.lqd-mobile-modules-container {
display: flex;
}
.lqd-mobile-modules-container:empty {
display: none;
}
.lqd-mobile-sec-nav {
position: absolute;
width: 100%;
top: 100%;
left: 0;
z-index: 10;
}
.lqd-mobile-sec-inner:before,
.lqd-mobile-sec-inner:after {
content: none;
}
.lqd-mobile-sec {
display: none;
pointer-events: auto;
}
.lqd-mobile-sec .navbar-header {
padding-inline-start: 15px;
padding-inline-end: 15px;
}
.lqd-mobile-sec .lqd-module-hide-icon .ld-module-trigger-count {
width: 1.5em;
height: 1.5em;
font-size: 0.9em;
}
/*********************************************************
-------------
MOBULE HEADER
-------------
- Nav trigger alignment
[data-mobile-nav-trigger-alignment]: [left, right]
- Logo alignment
[data-mobile-logo-alignment]: [default, center]
- Nav Style
[data-mobile-nav-style]: [classic, minimal, modern]
- Nav scheme
[data-mobile-nav-scheme]: [gray, light, dark]
- Nav alignment
[data-mobile-nav-align]: [left, center, right]
- Header Scheme
[data-mobile-header-scheme]: [light, gray, dark]
*********************************************************/
[data-mobile-nav-trigger-alignment=left] .lqd-mobile-sec .navbar-brand {
order: 2;
justify-content: flex-end;
}
[data-mobile-nav-trigger-alignment=left] .lqd-mobile-sec .navbar-brand-inner {
margin-inline-start: -20px !important;
}
[data-mobile-nav-trigger-alignment=left] .lqd-mobile-sec .lqd-mobile-modules-container {
order: 3;
justify-content: flex-end;
}
[data-mobile-nav-trigger-alignment=left] .lqd-mobile-sec .lqd-mobile-modules-container+.navbar-brand {
justify-content: center;
}
[data-mobile-nav-trigger-alignment=left] .lqd-mobile-sec .lqd-mobile-modules-container+.navbar-brand,
[data-mobile-nav-trigger-alignment=left] .lqd-mobile-sec .lqd-mobile-modules-container+.navbar-brand .navbar-brand-inner {
margin-inline-start: 0 !important;
margin-inline-end: 0 !important;
}
[data-mobile-nav-trigger-alignment=left] .lqd-mobile-sec .navbar-toggle {
order: 1;
margin-inline-start: 0 !important;
justify-content: flex-start;
}
[data-mobile-nav-trigger-alignment=right] .lqd-mobile-sec .navbar-brand {
margin-inline-end: 0;
margin-inline-start: 0 !important;
}
[data-mobile-nav-trigger-alignment=right] .lqd-mobile-sec .navbar-brand-inner {
margin-inline-end: -20px !important;
}
[data-mobile-nav-trigger-alignment=right] .lqd-mobile-sec .navbar-toggle {
justify-content: flex-end;
}
[data-mobile-nav-trigger-alignment=right] .lqd-mobile-sec .lqd-mobile-modules-container+.navbar-brand {
justify-content: center;
}
[data-mobile-nav-trigger-alignment=right] .lqd-mobile-sec .lqd-mobile-modules-container+.navbar-brand,
[data-mobile-nav-trigger-alignment=right] .lqd-mobile-sec .lqd-mobile-modules-container+.navbar-brand .navbar-brand-inner {
margin-inline-start: 0 !important;
margin-inline-end: 0 !important;
}
[data-mobile-logo-alignment=center] .lqd-mobile-sec .navbar-brand {
margin-inline-start: auto !important;
margin-inline-end: auto !important;
justify-content: center !important;
order: 2;
}
[data-mobile-logo-alignment=center] .lqd-mobile-sec .navbar-brand-inner {
margin-inline-start: 0;
margin-inline-end: 0;
}
[data-mobile-logo-alignment=center] .lqd-mobile-sec .lqd-mobile-modules-container {
order: 3;
justify-content: flex-end;
}
[data-mobile-logo-alignment=center] .lqd-mobile-sec .lqd-mobile-modules-container~.navbar-brand,
[data-mobile-logo-alignment=center] .lqd-mobile-sec .lqd-mobile-modules-container~.navbar-brand .navbar-brand-inner {
margin-inline-start: 0 !important;
margin-inline-end: 0 !important;
}
[data-mobile-logo-alignment=center] .lqd-mobile-sec .lqd-mobile-modules-container:empty~.navbar-brand {
margin-inline-start: auto !important;
margin-inline-end: auto !important;
}
[data-mobile-logo-alignment=center][data-mobile-nav-trigger-alignment=right] .lqd-mobile-sec .navbar-brand {
justify-content: center;
}
[data-mobile-logo-alignment=center][data-mobile-nav-trigger-alignment=right] .lqd-mobile-sec .lqd-mobile-modules-container {
order: 1;
justify-content: flex-start;
}
[data-mobile-logo-alignment=center][data-mobile-nav-trigger-alignment=right] .lqd-mobile-sec .lqd-mobile-modules-container:empty~.navbar-brand {
margin-inline-end: 0 !important;
}
[data-mobile-logo-alignment=center][data-mobile-nav-trigger-alignment=left] .lqd-mobile-sec .lqd-mobile-modules-container:empty~.navbar-brand {
margin-inline-start: 0 !important;
}
@media screen and (max-width: 991px) {
[data-overlay-onmobile=true] .main-header:not(.is-stuck) {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
[data-overlay-onmobile=false] .main-header:not(.is-stuck) {
position: relative;
top: auto;
left: auto;
}
}
.lqd-mobile-sec .navbar-collapse .header-module {
display: flex;
margin-inline-start: 0 !important;
margin-inline-end: 0 !important;
align-items: flex-start;
padding-inline-start: 15px;
padding-inline-end: 15px;
}
.lqd-mobile-sec .navbar-collapse .header-module:first-of-type {
margin-top: 20px;
}
.lqd-mobile-sec .header-module {
display: inline-flex;
position: static;
order: 2;
}
.lqd-mobile-sec .header-module+.header-module {
margin-inline-start: 15px;
}
.lqd-mobile-sec .navbar-brand+.header-module {
margin-inline-start: auto;
}
[data-mobile-nav-align=left] .lqd-mobile-sec .navbar-collapse .header-module {
align-items: flex-start;
padding-inline-start: 15px;
padding-inline-end: 15px;
}
.lqd-mobile-sec .nav-trigger {
margin: 0;
}
.lqd-mobile-sec .ld-module-trigger-icon {
display: inline-flex !important;
}
.ld-module-search .lqd-mobile-sec .ld-module-trigger-txt,
.ld-module-cart .ld-module-trigger-icon+.lqd-mobile-sec .ld-module-trigger-txt {
display: none;
}
.lqd-mobile-sec .lqd-mobile-modules-container .lqd-module-icon-outline .ld-module-trigger-icon {
width: auto;
height: auto;
font-size: 26px;
}
.lqd-mobile-sec .ld-module-cart .lqd-module-icon-plain .ld-module-trigger-txt {
display: inline-grid;
}
.lqd-mobile-sec .ld-module-cart .lqd-module-hide-icon .ld-module-trigger-count {
position: relative;
top: auto;
right: auto;
}
.lqd-mobile-sec .lqd-module-icon-outline.lqd-module-trigger-txt-right .ld-module-trigger-count-sup {
left: 20%;
}
.lqd-mobile-sec .ld-module-cart .ld-module-dropdown {
height: auto !important;
max-height: none;
position: absolute;
top: 100%;
left: 0 !important;
right: 0 !important;
transform: none;
transition: opacity 0.3s, visibility 0.3s;
}
.lqd-mobile-sec .ld-module-cart .ld-module-dropdown:not(.is-active) {
visibility: hidden;
opacity: 0;
}
.lqd-mobile-sec .ld-module-cart .ld-cart-contents {
display: flex;
flex-direction: column;
padding: 0;
width: 100%;
height: calc(85vh - var(--lqd-mobile-sec-height, 0));
border: none;
}
.lqd-mobile-sec .ld-module-cart .header-quickcart {
display: flex;
flex-grow: 1;
flex-direction: column;
}
.lqd-mobile-sec .ld-module-cart .ld-cart-products {
margin-bottom: 1.25em;
}
.lqd-mobile-sec .ld-module-cart .ld-cart-product {
margin: 0;
flex-wrap: nowrap;
padding: 15px 10px;
}
.lqd-mobile-sec .ld-module-cart .ld-cart-product:last-child {
border-bottom: none;
}
.lqd-mobile-sec .ld-module-cart .ld-cart-product img {
width: 75px;
}
.lqd-mobile-sec .ld-module-cart .ld-cart-foot {
border-top: 1px solid #e1e1e1;
padding: 15px 30px 45px;
margin: auto 0 0;
}
.lqd-mobile-sec .ld-module-cart .ld-cart-total {
border: none;
}
.lqd-mobile-sec .ld-module-cart .ld-cart-message {
margin-bottom: auto;
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon {
display: inline-block;
position: relative;
color: inherit !important;
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon:before {
content: none;
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon i {
display: inline-block;
opacity: 0;
transform: scale(0.85);
transition: transform 0.3s, opacity 0.3s;
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon i:not([class^=fa]) {
font-family: "lqd-essentials" !important;
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon .ld-module-trigger-close-cross {
width: 26px;
height: 26px;
position: absolute;
top: calc(50% - 13px);
left: calc(50% - 13px);
overflow: hidden;
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon .ld-module-trigger-close-cross:before,
.lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon .ld-module-trigger-close-cross:after {
content: "";
display: inline-block;
width: 2px;
height: 24px;
position: absolute;
top: calc(50% - 10px);
background-color: currentColor;
transform-origin: bottom center;
border-radius: 1px;
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon .ld-module-trigger-close-cross:before {
left: 0;
transform: rotate(45deg) translate(-1px, -6px) scaleY(1);
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon .ld-module-trigger-close-cross:after {
right: 0;
transform: rotate(-45deg) translate(1px, -6px) scaleY(1);
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon~.ld-module-trigger-count {
position: absolute;
top: 0;
right: -9px;
left: auto;
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger-icon+.ld-module-trigger-txt {
display: none;
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger-count {
opacity: 0;
transition: opacity 0.3s;
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger {
position: relative;
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger:before {
content: none;
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger.collapsed .ld-module-trigger-icon {
display: inline-block;
position: relative;
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger.collapsed .ld-module-trigger-icon i {
opacity: 1;
transform: scale(1);
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger.collapsed .ld-module-trigger-close-cross:before {
transform: rotate(45deg) translate(-1px, -40px) scaleY(0);
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger.collapsed .ld-module-trigger-close-cross:after {
transform: rotate(-45deg) translate(1px, -40px) scaleY(0);
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger.collapsed .ld-module-trigger-count {
opacity: 1;
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger.lqd-module-hide-icon .ld-module-trigger-count {
opacity: 1;
}
.lqd-mobile-sec .ld-module-cart .ld-module-trigger.is-active .ld-module-trigger-icon>svg {
opacity: 0;
}
.lqd-mobile-sec a.remove.ld-cart-product-remove {
width: 30px;
height: 30px;
border: none;
background: red;
position: relative;
top: auto;
left: auto;
opacity: 1;
visibility: visible;
color: #fff !important;
}
.lqd-mobile-sec .ld-cart-product-info {
padding-inline-end: 15px;
order: -1;
}
.lqd-mobile-sec .ld-cart-product-details {
display: block;
}
.lqd-mobile-sec .ld-cart-product-details>span {
display: block;
width: 100%;
}
.lqd-mobile-sec .ld-cart-product-price {
justify-content: center;
align-items: flex-end;
line-height: 1;
text-align: end;
}
.lqd-mobile-sec .ld-module-cart-offcanvas-dropdown .ld-cart-head {
display: none !important;
}
.lqd-mobile-sec .ld-module-search .ld-module-trigger-txt {
display: none;
}
.lqd-mobile-sec .liquid-wc-product-search {
height: 50px;
border-radius: 0;
border-bottom: 1px solid #e0e0e0;
background-color: #fff;
}
.lqd-mobile-sec .liquid-wc-product-search .ui-selectmenu-button.ui-button {
padding-inline-start: 20px;
padding-inline-end: 20px;
}
.lqd-mobile-sec .liquid-wc-product-search .ui-selectmenu-button.ui-button,
.lqd-mobile-sec .liquid-wc-product-search .ui-selectmenu-button.ui-button:hover,
.lqd-mobile-sec .liquid-wc-product-search .ui-selectmenu-button.ui-button:focus {
border-left: 1px solid #e0e0e0;
}
.lqd-mobile-sec .liquid-wc-product-search button {
background-color: var(--lqd-color-primary);
color: #fff;
border-radius: 0;
}
.lqd-mobile-sec .navbar-brand {
padding: 22px 0;
max-width: 75% !important;
}
.lqd-mobile-sec .mobile-logo-default~.logo-default {
display: none;
}
.lqd-mobile-sec .main-nav {
width: 100%;
font-size: 14px;
font-weight: 500;
line-height: 1.5em;
text-transform: none;
letter-spacing: 0;
text-align: start;
}
.lqd-mobile-sec .main-nav:before,
.lqd-mobile-sec .main-nav:after {
content: none;
}
.lqd-mobile-sec .main-nav>li {
width: 100%;
}
.lqd-mobile-sec .main-nav>li>a {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
text-transform: inherit;
letter-spacing: inherit;
}
.lqd-mobile-sec .main-nav>li>a>.icon-ion-ios-arrow-down {
display: none;
}
.lqd-mobile-sec .main-nav>li.menu-item-has-children>a>.link-icon .icon-ion-ios-arrow-down {
display: none;
}
.lqd-mobile-sec .main-nav .link-sup {
display: none;
}
.lqd-mobile-sec .main-nav .nav-item-children {
pointer-events: auto;
transform: none;
transition: none;
}
.lqd-mobile-sec .submenu-expander {
order: 3;
}
.lqd-mobile-sec .page_item_has_children>a,
.lqd-mobile-sec .menu-item-has-children>a {
position: relative;
}
.lqd-mobile-sec .navbar-header {
padding-inline-start: 20px;
padding-inline-end: 20px;
justify-content: space-between;
}
.lqd-mobile-sec .navbar-header>* {
width: 33.33%;
flex: 0 0 auto;
}
.lqd-mobile-sec .navbar-collapse {
overflow-x: hidden;
overflow-y: auto;
}
.lqd-mobile-sec .navbar-collapse .social-icon li a {
color: inherit;
opacity: 0.7;
}
.lqd-mobile-sec .navbar-collapse .social-icon li a:hover {
opacity: 1;
}
.lqd-mobile-sec .navbar-collapse .btn-naked,
.lqd-mobile-sec .navbar-collapse .btn-underlined {
color: inherit;
border-color: currentColor;
}
.lqd-mobile-sec .navbar-collapse .btn-naked:before,
.lqd-mobile-sec .navbar-collapse .btn-naked:after,
.lqd-mobile-sec .navbar-collapse .btn-underlined:before,
.lqd-mobile-sec .navbar-collapse .btn-underlined:after {
background-color: currentColor;
}
.lqd-mobile-sec .navbar-collapse .btn-naked:before,
.lqd-mobile-sec .navbar-collapse .btn-underlined:before {
opacity: 0.5;
}
.lqd-mobile-sec .navbar-collapse .btn-naked .btn-txt,
.lqd-mobile-sec .navbar-collapse .btn-underlined .btn-txt {
opacity: 0.7;
transition: opacity 0.3s;
}
.lqd-mobile-sec .navbar-collapse .btn-naked:hover,
.lqd-mobile-sec .navbar-collapse .btn-underlined:hover {
color: inherit;
}
.lqd-mobile-sec .navbar-collapse .btn-naked:hover .btn-txt,
.lqd-mobile-sec .navbar-collapse .btn-underlined:hover .btn-txt {
opacity: 1;
}
.lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav>li {
padding-inline-start: 0;
padding-inline-end: 0;
}
.lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav>li>a {
display: flex;
padding: 15px 25px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
align-items: center;
color: inherit;
}
.lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav>li>a:hover {
color: #000;
}
.lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav+.header-module {
margin-top: 15px;
}
[data-mobile-nav-align=center] .lqd-mobile-sec .navbar-collapse {
text-align: center;
}
[data-mobile-nav-align=center] .lqd-mobile-sec .navbar-collapse .header-module {
align-items: center !important;
}
[data-mobile-nav-align=center] .lqd-mobile-sec .submenu-expander {
right: auto;
position: relative;
margin-inline-start: 10px;
}
[data-mobile-nav-align=center] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav>li>a {
justify-content: center;
}
[data-mobile-nav-align=right] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav>li>a {
flex-direction: row-reverse;
}
[data-mobile-nav-align=right] .lqd-mobile-sec .submenu-expander {
right: auto;
left: 25px;
margin-inline-start: 0;
}
[data-mobile-nav-align=right] .lqd-mobile-sec .navbar-collapse {
text-align: end;
}
[data-mobile-nav-align=right] .lqd-mobile-sec .navbar-collapse .header-module {
align-items: flex-end !important;
}
[data-mobile-nav-style=classic] .lqd-mobile-sec .navbar-collapse,
[data-mobile-nav-style=minimal] .lqd-mobile-sec .navbar-collapse {
max-height: 80vh;
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.05);
}
[data-mobile-nav-style=modern] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav,
[data-mobile-nav-style=minimal] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav {
padding: 12px 15px;
font-size: 16px;
}
[data-mobile-nav-style=modern] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav>li>a,
[data-mobile-nav-style=minimal] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav>li>a {
border: none;
}
[data-mobile-nav-style=modern] .lqd-mobile-sec:before {
content: "";
display: inline-block;
width: 80vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 1;
transform: translate3d(120vw, 0, 0);
background-color: #131313;
}
[data-mobile-nav-style=modern] .lqd-mobile-sec:before,
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse {
transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
transition-property: opacity, visibility, transform;
}
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse {
display: flex !important;
justify-content: center;
width: 80vw !important;
height: 80vh !important;
padding: 20px 0;
border: none;
position: fixed;
top: 60px;
right: 0;
z-index: 90;
background: none !important;
box-shadow: none;
flex-direction: column;
overflow: visible;
opacity: 0;
visibility: hidden;
transform: translate3d(50vw, 0, 0);
}
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse .nav-trigger {
position: absolute;
top: -40px;
right: 15px;
z-index: 10;
justify-content: flex-end;
color: #fff;
pointer-events: all;
transform: none !important;
transition: none !important;
}
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse .nav-trigger .bars {
justify-content: center;
padding-inline-start: 8px;
width: 42px;
height: 42px;
border: 2px solid rgba(255, 255, 255, 0.4);
border-radius: 50em;
transform: none !important;
transition: none !important;
}
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse .nav-trigger .bar {
background-color: #fff;
}
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse .nav-trigger .bar:first-child,
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse .nav-trigger .bar:last-child {
display: none;
}
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse .nav-trigger .bar:nth-child(2) {
transform: translateY(2px) rotate(135deg) !important;
transition: none !important;
}
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse ul,
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse ul.main-nav.lqd-mobile-main-nav {
flex: 0 auto;
background: none;
}
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse ul .nav-item-children>li>a,
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse ul>li>a,
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse ul.main-nav.lqd-mobile-main-nav .nav-item-children>li>a,
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse ul.main-nav.lqd-mobile-main-nav>li>a {
color: #fff;
}
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse ul .nav-item-children>li>a:hover,
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse ul>li>a:hover,
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse ul.main-nav.lqd-mobile-main-nav .nav-item-children>li>a:hover,
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse ul.main-nav.lqd-mobile-main-nav>li>a:hover {
color: #fff;
}
[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse-inner {
display: block;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
[data-mobile-nav-style=modern] .lqd-mobile-sec .megamenu .lqd-simple-heading,
[data-mobile-nav-style=modern] .lqd-mobile-sec .megamenu .ld-fh-element {
color: #fff;
}
.mobile-nav-activated [data-mobile-nav-style=modern] #lqd-site-content,
.mobile-nav-activated [data-mobile-nav-style=modern] .titlebar-inner,
.mobile-nav-activated [data-mobile-nav-style=modern] .lqd-mobile-sec-inner,
.mobile-nav-activated [data-mobile-nav-style=modern] .main-footer {
transform: translate3d(-80vw, 0, 0);
}
.mobile-nav-activated [data-mobile-nav-style=modern] .lqd-mobile-sec:before {
transform: translate3d(20vw, 0, 0);
}
.mobile-nav-activated [data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
.mobile-nav-activated [data-mobile-nav-style=modern] .navbar-header .nav-trigger {
opacity: 0;
}
.module-expanding [data-mobile-nav-style=modern] #lqd-site-content,
.module-expanding [data-mobile-nav-style=modern] .titlebar-inner,
.module-expanding [data-mobile-nav-style=modern] .lqd-mobile-sec-inner,
.module-expanding [data-mobile-nav-style=modern] .main-footer,
.module-collapsing [data-mobile-nav-style=modern] #lqd-site-content,
.module-collapsing [data-mobile-nav-style=modern] .titlebar-inner,
.module-collapsing [data-mobile-nav-style=modern] .lqd-mobile-sec-inner,
.module-collapsing [data-mobile-nav-style=modern] .main-footer {
transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.module-expanding [data-mobile-nav-style=modern] #lqd-site-content,
.module-expanding [data-mobile-nav-style=modern] .titlebar-inner,
.module-expanding [data-mobile-nav-style=modern] .lqd-mobile-sec-inner,
.module-expanding [data-mobile-nav-style=modern] .main-footer {
transition-delay: 0.025s;
}
.module-collapsing [data-mobile-nav-style=modern] .lqd-mobile-sec:before {
transition-delay: 0.05s;
}
[data-mobile-nav-scheme=gray] .lqd-mobile-sec .navbar-collapse {
background-color: #f9f9f9;
color: #000;
}
[data-mobile-nav-scheme=gray] .lqd-mobile-sec .header-module .social-icon>li>a,
[data-mobile-nav-scheme=gray] .lqd-mobile-sec .main-nav .lqd-custom-menu>li>a,
[data-mobile-nav-scheme=gray] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav>li>a {
color: #000;
}
[data-mobile-nav-scheme=gray] .lqd-mobile-sec .header-module .social-icon>li:hover,
[data-mobile-nav-scheme=gray] .lqd-mobile-sec .main-nav .lqd-custom-menu>li:hover,
[data-mobile-nav-scheme=gray] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav>li:hover {
color: #000;
}
[data-mobile-nav-scheme=dark] .lqd-mobile-sec .navbar-collapse {
background-color: #191D18;
color: #fff;
}
[data-mobile-nav-scheme=dark] .lqd-mobile-sec .header-module .social-icon>li>a,
[data-mobile-nav-scheme=dark] .lqd-mobile-sec .main-nav .lqd-custom-menu>li>a,
[data-mobile-nav-scheme=dark] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav>li>a {
border-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
[data-mobile-nav-scheme=dark] .lqd-mobile-sec .header-module .social-icon>li>a:hover,
[data-mobile-nav-scheme=dark] .lqd-mobile-sec .main-nav .lqd-custom-menu>li>a:hover,
[data-mobile-nav-scheme=dark] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav>li>a:hover {
color: #fff;
}
[data-mobile-nav-scheme=dark] .lqd-mobile-sec .submenu-expander {
background-color: rgba(255, 255, 255, 0.05);
}
[data-mobile-header-scheme] .lqd-mobile-sec .navbar-header .ld-module-trigger .ld-module-trigger-txt {
color: inherit;
}
[data-mobile-header-scheme=light] .lqd-mobile-sec .navbar-header {
background-color: #fff;
}
[data-mobile-header-scheme=light] .lqd-mobile-sec .navbar-header .ld-module-trigger {
color: #000;
}
[data-mobile-header-scheme=light] .lqd-mobile-sec .navbar-header .ld-module-trigger .ld-module-trigger-txt {
color: inherit;
}
[data-mobile-header-scheme=gray] .lqd-mobile-sec .navbar-header {
background-color: #f6f6f6;
}
[data-mobile-header-scheme=gray] .lqd-mobile-sec .navbar-header .ld-module-trigger {
color: #000;
}
[data-mobile-header-scheme=gray] .lqd-mobile-sec .navbar-header .ld-module-trigger .ld-module-trigger-txt {
color: inherit;
}
[data-mobile-header-scheme=dark] .lqd-mobile-sec .navbar-header {
background-color: #191D18;
}
[data-mobile-header-scheme=dark] .lqd-mobile-sec .navbar-header .ld-module-trigger {
color: #fff;
}
[data-mobile-header-scheme=dark] .lqd-mobile-sec .navbar-header .ld-module-trigger .ld-module-trigger-txt {
color: inherit;
}
[data-mobile-header-scheme=dark] .lqd-mobile-sec .nav-trigger .bar {
background-color: #fff;
}
[data-mobile-header-scheme=dark] .lqd-mobile-sec .ld-search-form-container {
background-color: #191D18;
}
[data-mobile-header-scheme=dark] .lqd-mobile-sec .ld-search-form input {
border-color: rgba(255, 255, 255, 0.45);
color: #fff;
}
[data-mobile-header-scheme=dark] .lqd-mobile-sec .ld-search-form .input-icon {
color: #fff;
}
[data-mobile-header-scheme=dark] .lqd-mobile-sec .ld-search-form .input-icon:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.lqd-mobile-sec .nav-item-children {
display: none;
min-width: 0;
padding: 15px 0;
border-radius: 0;
position: static;
top: auto;
left: auto;
right: auto;
opacity: 1;
visibility: visible;
text-align: inherit;
box-shadow: none;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
text-transform: inherit;
letter-spacing: inherit;
pointer-events: auto;
transform: none;
}
.lqd-mobile-sec .nav-item-children:before,
.lqd-mobile-sec .nav-item-children:after {
content: none;
}
.lqd-mobile-sec .nav-item-children>li>a {
padding: 8px 35px;
color: inherit;
}
.lqd-mobile-sec .nav-item-children>li:hover>a {
background: none;
}
.lqd-mobile-sec .nav-item-children .nav-item-children {
padding-top: 8px;
padding-bottom: 8px;
}
.lqd-mobile-sec .submenu-expander {
top: calc(50% - 16px);
right: 25px;
}
[data-mobile-nav-scheme=dark] .lqd-mobile-sec .nav-item-children>li:hover>a,
[data-mobile-nav-scheme=dark] .lqd-mobile-sec .nav-item-children>li.active>a,
[data-mobile-nav-scheme=dark] .lqd-mobile-sec .nav-item-children>li.current-menu-item>a,
[data-mobile-nav-scheme=dark] .lqd-mobile-sec .nav-item-children>li.current-menu-ancestor>a {
color: inherit;
opacity: 1;
}
[data-mobile-nav-align=left] .lqd-mobile-sec .nav-item-children .nav-item-children {
padding-inline-start: 15px;
}
[data-mobile-nav-align=left] .lqd-mobile-sec .page_item_has_children>a,
[data-mobile-nav-align=left] .lqd-mobile-sec .menu-item-has-children>a {
padding-inline-end: 70px;
}
[data-mobile-nav-align=center] .lqd-mobile-sec .nav-item-children {
text-align: center;
}
[data-mobile-nav-align=center] .lqd-mobile-sec .nav-item-children .nav-item-children {
padding-inline-start: 15px;
padding-inline-end: 15px;
}
[data-mobile-nav-align=right] .lqd-mobile-sec .nav-item-children .nav-item-children {
padding-inline-end: 15px;
}
[data-mobile-nav-align=right] .lqd-mobile-sec .page_item_has_children>a,
[data-mobile-nav-align=right] .lqd-mobile-sec .menu-item-has-children>a {
padding-inline-start: 70px;
}
[data-mobile-nav-style=minimal] .lqd-mobile-sec .nav-item-children {
font-size: 14px;
}
.lqd-mobile-sec .lqd-megamenu-rows-wrap {
display: block;
background: none;
box-shadow: none;
}
.lqd-mobile-sec .megamenu .nav-item-children {
width: 100% !important;
margin: 0 !important;
position: relative;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
}
.lqd-custom-menu .lqd-mobile-sec .megamenu .nav-item-children {
width: 100% !important;
}
.lqd-mobile-sec .megamenu .nav-item-children>li {
animation: none !important;
}
.lqd-mobile-sec .megamenu .ld-container,
.lqd-mobile-sec .megamenu .megamenu-col {
border: none !important;
background: none !important;
box-shadow: none !important;
}
.lqd-mobile-sec .megamenu .ld-container,
.lqd-mobile-sec .megamenu .megamenu-col {
width: 100%;
}
.lqd-mobile-sec .megamenu .lqd-fancy-menu>li>a {
color: inherit;
}
.lqd-mobile-sec .megamenu .lqd-fancy-menu.menu-items-has-fill>ul>li>a {
padding-inline-start: 0;
padding-inline-end: 0;
}
.lqd-mobile-sec .megamenu-container {
width: auto !important;
}
.lqd-mobile-sec .lqd-megamenu-slide-stuff {
display: none;
}
@media screen and (max-width: 991px) {
.lqd-mobile-sec {
display: block;
}
}
[data-lqd-interactive-color].lqd-active-row-dark {
color: #fff;
}
/*******************************************
3.1. Footer
*******************************************/
.lqd-main-footer-default {
margin-top: 30px;
background-color: #292d36;
font-size: 16px;
color: #cbcbcb;
}
@media screen and (min-width: 1200px) {
[data-sticky-footer] {
position: -webkit-sticky;
position: sticky;
bottom: 0;
overflow: hidden;
}
.lqd-footer-cant-stick {
position: relative;
bottom: auto;
transform: none !important;
}
.lqd-sticky-footer-shadow-1 #lqd-site-content {
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
}
.lqd-sticky-footer-shadow-2 #lqd-site-content {
box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.1);
}
.lqd-sticky-footer-shadow-3 #lqd-site-content {
box-shadow: 0 25px 50px -15px rgba(0, 0, 0, 0.1);
}
.lqd-sticky-footer-shadow-4 #lqd-site-content {
box-shadow: 0 30px 70px -25px rgba(0, 0, 0, 0.1);
}
}
@media screen and (max-width: 768px) {
.main-footer {
transform: none !important;
visibility: visible !important;
}
.lqd-sticky-footer-sentinel {
display: none;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/*******************************************
4.1. Titlebar
*******************************************/
.titlebar-scroll-link {
font-size: 30px;
position: absolute;
bottom: 1.25em;
left: auto;
}
.text-center .titlebar-scroll-link {
margin-inline-start: -15px;
}
.titlebar-col {
position: static;
}
.titlebar-inner {
color: #000;
/* Delete by Ebi */
/* padding-top: 80px; */
/* padding-bottom: 80px; */
/* Add by Ebi */
padding: 80px 10px;
}
.titlebar-inner h1,
.titlebar-inner p,
.titlebar-inner .breadcrumbs {
position: relative;
z-index: 1;
}
.titlebar-inner p,
.titlebar-inner a {
color: inherit;
}
.titlebar-inner h1 {
margin: 0 0 0.25em;
font-size: 60px;
font-weight: 600;
}
.titlebar-inner h1:only-child {
margin-bottom: 0;
}
.titlebar-inner p {
font-size: 20px;
font-weight: 500;
}
.titlebar-inner p:last-child {
margin-bottom: 0;
}
.titlebar-inner p,
.titlebar-inner .titlebar-scroll-link {
opacity: 0.6;
}
.titlebar-overlay+.titlebar-inner {
position: relative;
z-index: 2;
}
.titlebar {
position: relative;
z-index: 3;
background-color: #f7f7f7;
}
.titlebar .breadcrumbs {
margin-top: 1.5em;
}
.titlebar .breadcrumbs ol {
background: none;
border-radius: 0;
}
.titlebar .breadcrumbs:only-child {
margin-top: 0;
}
.titlebar .titlebar-scroll-link:hover {
opacity: 1;
}
.titlebar .main-header-overlay:not(.is-stuck) {
position: relative;
top: auto;
left: auto;
}
.titlebar[data-parallax=true]:before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #999;
transition: opacity 0.3s, visibility 0.3s;
}
.titlebar[data-parallax=true] .lqd-parallax-container {
opacity: 0;
}
.titlebar[data-parallax=true].lqd-parallax-bg:before {
opacity: 0;
visibility: hidden;
}
.titlebar[data-parallax=true].lqd-parallax-bg .lqd-parallax-container {
animation: fadeIn 0.3s 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) both alternate;
}
.titlebar[data-parallax=true].bg-none {
background-image: none !important;
}
.titlebar[data-parallax=true] .lqd-parallax-figure {
height: 110%;
}
.titlebar-default .titlebar-inner {
padding-top: 65px;
padding-bottom: 65px;
}
.has-sidebar .titlebar-default {
margin-bottom: 0;
}
.titlebar.scheme-light {
background-color: #10131D;
color: #fff;
}
.titlebar.scheme-light .titlebar-inner,
.titlebar.scheme-light .titlebar-inner h1,
.titlebar.scheme-light .titlebar-inner p {
color: inherit;
}
@media screen and (max-width: 991px) {
.titlebar-split .titlebar-col {
text-align: start;
}
}
@media screen and (max-width: 767px) {
.titlebar-inner h1 {
font-size: 48px;
}
}
@media screen and (max-width: 479px) {
.titlebar-inner h1 {
font-size: 37px;
}
}
.titlebar.scheme-light {
background-color: #10131D;
color: #fff;
}
.titlebar.scheme-light .titlebar-inner,
.titlebar.scheme-light .titlebar-inner h1,
.titlebar.scheme-light .titlebar-inner p {
color: inherit;
}
/*******************************************
5.1. Sidebar
*******************************************/
@media screen and (min-width: 992px) {
.lqd-contents {
width: 66.66666667%;
}
.lqd-sidebar-container {
width: 30%;
margin-inline-start: auto;
}
body.has-sidebar #lqd-contents-wrap {
display: flex;
flex-wrap: wrap;
padding-top: 25px;
}
body.has-sidebar #lqd-contents-wrap:before,
body.has-sidebar #lqd-contents-wrap:after {
content: none;
}
body.sidebar-widgets-default .lqd-sidebar-container {
width: 25%;
margin-bottom: 30px;
}
body.has-left-sidebar #lqd-contents-wrap {
flex-direction: row-reverse;
}
body.has-left-sidebar .lqd-sidebar-container {
margin-inline-start: 0;
margin-inline-end: auto;
}
}
@media screen and (max-width: 991px) {
.lqd-contents {
margin-bottom: 30px;
}
.lqd-hide-sidebar-on-mobile .lqd-sidebar-container {
display: none;
}
}
/* Sidebar Widgets */
.widget {
--widget-input-border-color: #d8d8d8;
--widget-input-border-radius: 6px;
padding: 35px;
border: 1px solid #e2e2e2;
border-radius: 10px;
margin-bottom: 35px;
font-size: 16px;
transition: opacity 0.3s;
}
.widget .widget {
padding: 0;
border: none;
margin: 0;
}
.widget .wp-block-group__inner-container>h1,
.widget .wp-block-group__inner-container>h2,
.widget .wp-block-group__inner-container>h3,
.widget .wp-block-group__inner-container>h4,
.widget .wp-block-group__inner-container>h5,
.widget .wp-block-group__inner-container>h6 {
margin: 0 0 1.5em;
}
.widget.wcan-ajax-loading {
opacity: 0.6;
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget ul ul,
.widget ul ol {
margin-inline-start: 1.25em;
margin-top: 1em;
margin-bottom: 1em;
}
.widget a {
color: rgba(0, 0, 0, 0.75);
}
.widget a:hover {
color: var(--lqd-color-primary);
}
.widget input,
.widget.ld-sf input,
.widget.ld-sf button {
border-radius: var(--widget-input-border-radius);
}
.widget input,
.widget.ld-sf input {
border: 1px solid var(--widget-input-border-color);
}
.widget .select2-container--default .select2-selection--single,
.widget .ui-selectmenu-button.ui-button,
.widget select {
display: flex;
width: 100%;
height: 45px;
padding: 5px 15px;
background: none;
border: 1px solid var(--widget-input-border-color);
border-radius: 0;
align-items: center;
color: #2b2b2b;
justify-content: space-between;
}
.widget .ui-selectmenu-button.ui-button .ui-selectmenu-icon {
width: auto;
height: 1em;
order: 1;
background: none;
text-indent: 0;
}
.widget .ui-selectmenu-button.ui-button .ui-selectmenu-icon:before {
content: "\ea2f";
font: normal 1em/1 "lqd-essentials";
}
.widget .ui-selectmenu-button.ui-button:active {
color: #2b2b2b;
}
.widget .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
right: 20px;
}
.widget .filter-title,
.widget .widget-title,
.widget .widgettitle {
margin: 0 0 1.5em;
font-size: 18px;
line-height: 1.5em;
}
.woocommerce .widget:not(:last-of-type):not(:empty) {
padding-bottom: 40px;
border-bottom: 1px solid #ededed;
border-radius: 0;
}
.woocommerce .widget .filter-title,
.woocommerce .widget .widget-title,
.woocommerce .widget .widgettitle {
margin-bottom: 2em;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.13em;
}
.ld-sd-inner .widget {
padding: 0;
border: none;
border-radius: 0;
}
.widget_calendar,
.widget_search,
.widget.ld-sf {
padding: 0;
border: none;
}
.widget.ld-sf {
margin-bottom: 0;
}
.sidebar-widgets-default .widgettitle,
.sidebar-widgets-default .widget-title {
margin-bottom: 1.25em;
}
.sidebar-widgets-default .widget {
padding: 10px 0 0;
border: none;
}
.widget {
border-radius: 5px;
}
.widget .children,
.widget .sub-menu {
width: 100%;
margin-bottom: 0;
}
.wp-block-rss,
.wp-block-archives-list,
.wp-block-latest-comments,
.wp-block-latest-posts__list,
.wp-block-archives-dropdown,
.wp-block-calendar,
.wp-block-categories-dropdown,
.wp-block-search {
margin: 0 0 30px;
}
.wp-block-rss a,
.wp-block-archives-list a,
.wp-block-latest-comments a,
.wp-block-latest-posts__list a,
.wp-block-archives-dropdown a,
.wp-block-calendar a,
.wp-block-categories-dropdown a,
.wp-block-search a {
color: #000;
}
.wp-block-rss a:hover,
.wp-block-archives-list a:hover,
.wp-block-latest-comments a:hover,
.wp-block-latest-posts__list a:hover,
.wp-block-archives-dropdown a:hover,
.wp-block-calendar a:hover,
.wp-block-categories-dropdown a:hover,
.wp-block-search a:hover {
color: var(--lqd-color-primary);
}
.wp-block-rss p:last-child,
.wp-block-archives-list p:last-child,
.wp-block-latest-comments p:last-child,
.wp-block-latest-posts__list p:last-child,
.wp-block-archives-dropdown p:last-child,
.wp-block-calendar p:last-child,
.wp-block-categories-dropdown p:last-child,
.wp-block-search p:last-child {
margin-bottom: 0;
}
.wp-block-rss,
.wp-block-archives-list,
.wp-block-latest-comments,
.wp-block-latest-posts__list {
padding: 0;
list-style: none;
}
.wp-block-rss[class*=columns-] li,
.wp-block-archives-list[class*=columns-] li,
.wp-block-latest-comments[class*=columns-] li,
.wp-block-latest-posts__list[class*=columns-] li {
border-bottom: none !important;
}
.widget_rss li:not(:last-child),
.wp-block-rss li:not(:last-child),
.wp-block-archives-list li:not(:last-child),
.wp-block-latest-comments li:not(:last-child),
.wp-block-latest-posts__list li:not(:last-child),
.wp-block-archives-list li:not(:last-child),
.widget_nav_menu li:not(:last-child),
.widget_archive li:not(:last-child),
.wp-block-categories li:not(:last-child),
.widget_categories li:not(:last-child),
.widget_pages li:not(:last-child),
.widget_meta li:not(:last-child),
.widget_recent_comments li:not(:last-child),
.widget_recent_entries li:not(:last-child) {
margin-bottom: 0.75em;
}
.widget_rss li:not(:last-child),
.wp-block-rss li:not(:last-child),
.wp-block-archives-list li:not(:last-child),
.wp-block-latest-comments li:not(:last-child),
.wp-block-latest-posts__list li:not(:last-child),
.wp-block-archives-list li:not(:last-child),
.widget_nav_menu li:not(:last-child),
.widget_archive li:not(:last-child),
.wp-block-categories li:not(:last-child),
.widget_categories li:not(:last-child),
.widget_pages li:not(:last-child),
.widget_meta li:not(:last-child),
.widget_recent_comments li:not(:last-child),
.widget_recent_entries li:not(:last-child) {
margin-bottom: 0.65em;
padding-bottom: 0.65em;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.widget_rss a,
.wp-block-rss a,
.wp-block-archives-list a,
.wp-block-latest-comments a,
.wp-block-latest-posts__list a,
.wp-block-archives-list a,
.widget_nav_menu a,
.widget_archive a,
.wp-block-categories a,
.widget_categories a,
.widget_pages a,
.widget_meta a,
.widget_recent_comments a,
.widget_recent_entries a {
position: relative;
}
.widget_rss .sub-menu>li,
.widget_rss .children>li,
.wp-block-rss .sub-menu>li,
.wp-block-rss .children>li,
.wp-block-archives-list .sub-menu>li,
.wp-block-archives-list .children>li,
.wp-block-latest-comments .sub-menu>li,
.wp-block-latest-comments .children>li,
.wp-block-latest-posts__list .sub-menu>li,
.wp-block-latest-posts__list .children>li,
.wp-block-archives-list .sub-menu>li,
.wp-block-archives-list .children>li,
.widget_nav_menu .sub-menu>li,
.widget_nav_menu .children>li,
.widget_archive .sub-menu>li,
.widget_archive .children>li,
.wp-block-categories .sub-menu>li,
.wp-block-categories .children>li,
.widget_categories .sub-menu>li,
.widget_categories .children>li,
.widget_pages .sub-menu>li,
.widget_pages .children>li,
.widget_meta .sub-menu>li,
.widget_meta .children>li,
.widget_recent_comments .sub-menu>li,
.widget_recent_comments .children>li,
.widget_recent_entries .sub-menu>li,
.widget_recent_entries .children>li {
border-bottom: none !important;
}
.widget_rss .sub-menu>li>a:before,
.widget_rss .children>li>a:before,
.wp-block-rss .sub-menu>li>a:before,
.wp-block-rss .children>li>a:before,
.wp-block-archives-list .sub-menu>li>a:before,
.wp-block-archives-list .children>li>a:before,
.wp-block-latest-comments .sub-menu>li>a:before,
.wp-block-latest-comments .children>li>a:before,
.wp-block-latest-posts__list .sub-menu>li>a:before,
.wp-block-latest-posts__list .children>li>a:before,
.wp-block-archives-list .sub-menu>li>a:before,
.wp-block-archives-list .children>li>a:before,
.widget_nav_menu .sub-menu>li>a:before,
.widget_nav_menu .children>li>a:before,
.widget_archive .sub-menu>li>a:before,
.widget_archive .children>li>a:before,
.wp-block-categories .sub-menu>li>a:before,
.wp-block-categories .children>li>a:before,
.widget_categories .sub-menu>li>a:before,
.widget_categories .children>li>a:before,
.widget_pages .sub-menu>li>a:before,
.widget_pages .children>li>a:before,
.widget_meta .sub-menu>li>a:before,
.widget_meta .children>li>a:before,
.widget_recent_comments .sub-menu>li>a:before,
.widget_recent_comments .children>li>a:before,
.widget_recent_entries .sub-menu>li>a:before,
.widget_recent_entries .children>li>a:before {
content: "";
display: inline-block;
width: 0.75em;
height: 1px;
position: absolute;
top: 50%;
left: -1.25em;
background-color: rgba(0, 0, 0, 0.15);
}
.wp-block-categories li,
.widget_nav_menu ul li,
.widget_archive ul li,
.widget_categories ul li,
.widget_pages ul li {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.wp-block-categories li>a,
.widget_nav_menu ul li>a,
.widget_archive ul li>a,
.widget_categories ul li>a,
.widget_pages ul li>a {
flex-grow: 1;
}
.widget_menu li {
margin-bottom: 0.75em;
}
.widget_product_search,
.wp-block-search,
.widget_search {
position: relative;
}
.widget_product_search label,
.widget_product_search input,
.wp-block-search label,
.wp-block-search input,
.widget_search label,
.widget_search input {
width: 100%;
display: block;
}
.widget_product_search input,
.wp-block-search input,
.widget_search input {
padding: 15px;
}
.widget_product_search input[type=search],
.wp-block-search input[type=search],
.widget_search input[type=search] {
height: 60px;
padding-inline-start: 45px;
}
.widget_product_search input[type=search]:focus,
.wp-block-search input[type=search]:focus,
.widget_search input[type=search]:focus {
outline: none;
border-color: #b8b8b8;
}
.widget_search label {
position: relative;
}
.widget_search label:not(.wp-block-search__label):after {
content: "\ea03";
font: normal 17px/1 "lqd-essentials";
}
.widget_search label:after,
.widget_search input[type=submit] {
display: inline-flex;
width: 32px;
height: 100%;
position: absolute;
top: 0;
left: 8px;
align-items: center;
justify-content: center;
}
.widget_search input[type=submit] {
border: none;
background: none;
opacity: 0;
}
.wp-block-search .wp-block-search__inside-wrapper {
padding: 0;
border: none;
}
.wp-block-search .wp-block-search__input {
border-color: var(--widget-input-border-color);
}
.wp-block-search input[type=search] {
height: 50px;
padding-inline-start: 15px;
}
.wp-block-search button.wp-block-search__button[type=submit] {
border: none;
border-radius: var(--widget-input-border-radius);
padding: 0.15em 1.5em;
background-color: var(--lqd-color-primary);
color: #fff;
}
.wp-block-search button.wp-block-search__button[type=submit] svg {
fill: currentColor;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border: 1px solid #d8d8d8;
border-radius: 4px;
}
.widget_product_search button[type=submit] {
display: inline-block;
width: 32px;
height: 100%;
position: absolute;
top: 0;
left: 8px;
background: none;
border: none;
text-indent: -99999px;
}
.widget_product_search button[type=submit]:after {
content: "\ea03";
display: inline-flex;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
text-indent: 0;
align-items: center;
justify-content: center;
font: normal normal 24px/1 "lqd-essentials";
}
.widget_product_search button[type=submit]:focus {
outline: none;
}
.wp-calendar-table {
width: 100%;
margin-bottom: 0;
border: 1px solid #ededed;
font-size: 15px;
}
.wp-calendar-table caption,
.wp-calendar-table tfoot td {
font-weight: 600;
padding: 10px 15px;
color: #000;
}
.wp-calendar-table caption {
border: 1px solid #ededed;
border-bottom: none;
}
.wp-calendar-table thead {
background-color: #f2f2f2;
}
.wp-calendar-table thead th {
font-size: 1em;
font-weight: 600;
}
.wp-calendar-table thead td,
.wp-calendar-table thead th,
.wp-calendar-table tbody td,
.wp-calendar-table tbody th {
text-align: center;
padding: 5px;
}
.wp-calendar-table tbody tr {
background-color: transparent !important;
}
.wp-calendar-table tbody #today {
font-weight: 700;
background-color: #f2f2f2;
}
.wp-calendar-table tbody a {
color: var(--lqd-color-primary);
}
.wp-calendar-table tfoot {
border-top: 1px solid #ededed;
}
.wp-calendar-nav {
display: flex;
justify-content: space-between;
}
.ld_widget_recent_entries li {
display: flex;
font-size: 14px;
line-height: 22px;
}
.ld_widget_recent_entries li:not(:last-child) {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e5e5e5;
}
.ld_widget_recent_entries li figure {
margin-inline-end: 15px;
width: 60px;
height: 60px;
}
.ld_widget_recent_entries li figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
}
.ld_widget_recent_entries li span {
display: block;
font-size: 13px;
margin-top: 4px;
}
.ld_widget_recent_entries li .ld_entries_contents {
overflow: hidden;
flex: 1;
margin-top: -6px;
}
.ld_widget_recent_entries li .ld_entries_contents a {
font-size: inherit;
}
.ld_widget_popular_entries li {
font-size: 20px;
line-height: 26px;
}
.ld_widget_popular_entries li:not(:last-child) {
margin-bottom: 30px;
}
.ld_widget_popular_entries li figure {
width: 100%;
margin-bottom: 0.5em;
}
.ld_widget_popular_entries li figure img {
width: 100%;
}
.ld_widget_popular_entries li span {
display: block;
margin-top: 0.15em;
font-size: 15px;
}
.ld_widget_popular_entries li a {
font-size: 17px;
line-height: 1.41em;
font-weight: 500;
}
.ld_widget_social_icons a {
color: #fff;
}
.ld_widget_social_icons a:hover {
color: #fff;
}
.lqd-main-sidebar input[type=text] {
height: 53px;
margin-bottom: 7px;
}
.lqd-main-sidebar .ld_sf_submit {
height: 60px;
}
.lqd-main-sidebar .ld_sf_paragraph {
margin-bottom: 12px;
}
.widget_subscribe .wysija-paragraph:before {
content: "\ea15";
display: inline-block;
position: absolute;
top: 50%;
right: 2em;
transform: translateY(-50%);
font: normal 1em/1 "lqd-essentials";
}
.wp-block-tag-cloud a,
.widget_tag_cloud a {
display: inline-block;
padding: 0.5em 1em;
margin-bottom: 7px;
margin-inline-end: 5px;
border-radius: 50em;
background: #f2f3f5;
font-size: 14px !important;
line-height: 1.5em;
color: #666D81;
}
.wp-block-tag-cloud a:hover,
.widget_tag_cloud a:hover {
background-color: var(--lqd-color-primary);
color: #fff;
}
.ld_widget_next_post {
padding: 10% 15% 13% !important;
border: 1px solid #eaeaea;
}
.ld_widget_next_post figure {
margin-bottom: 18px;
}
.ld_widget_next_post img {
width: 100%;
}
.ld_widget_next_post .widgettitle,
.ld_widget_next_post .widget-title,
.ld_widget_next_post .ld_entries_cat {
margin-bottom: 0.75em;
font-size: 13px;
}
.ld_widget_next_post .ld_entries_cat,
.ld_widget_next_post .ld_entries_title {
display: block;
font-weight: 500;
}
.ld_widget_next_post .widgettitle,
.ld_widget_next_post .widget-title {
text-transform: uppercase;
letter-spacing: 0.1em;
}
.ld_widget_next_post .ld_entries_title {
margin-top: 0;
font-size: 22px;
line-height: 1.1363636364em;
font-weight: 700;
}
.woocommerce .woocommerce-widget-layered-nav-list,
.woocommerce .widget_product_categories {
font-size: 15px;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item,
.woocommerce .widget_product_categories li {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
color: #000;
margin-bottom: 0.45em;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:before,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:after,
.woocommerce .widget_product_categories li:before,
.woocommerce .widget_product_categories li:after {
content: none;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a,
.woocommerce .widget_product_categories li a {
color: inherit;
flex-grow: 1;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span,
.woocommerce .widget_product_categories li span {
display: inline-flex;
padding: 0.85em 1em;
align-items: center;
justify-content: center;
border-radius: 50em;
background-color: #f4f4f7;
font-size: 12px;
line-height: 1;
color: inherit;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span.count,
.woocommerce .widget_product_categories li span.count {
width: 32px;
height: 29px;
padding: 0;
}
.woocommerce .widget_product_categories ul {
width: 100%;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.woocommerce .widget_product_categories ul.children {
margin-bottom: 0;
}
.woocommerce .widget_product_categories ul.children li:last-of-type {
margin-bottom: 0;
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
padding: 0;
margin-bottom: 20px;
font-size: 15px;
line-height: 1.8em;
font-weight: 500;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
float: left;
width: 77px;
margin-inline-start: 0;
margin-inline-end: 17px;
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
font-weight: inherit;
}
.woocommerce ul.cart_list li .amount,
.woocommerce ul.product_list_widget li .amount {
color: var(--lqd-color-primary);
}
.woocommerce ul.cart_list li .lqd-star-rating,
.woocommerce ul.product_list_widget li .lqd-star-rating {
font-size: 11px;
margin-top: 0.25em;
margin-bottom: 0.25em;
color: var(--lqd-color-primary);
}
.woocommerce .widget_price_filter form {
position: relative;
}
.woocommerce .widget_price_filter input[type=text] {
width: 35px;
height: 35px;
text-align: center;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 3px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #ECEDED;
}
.woocommerce .widget_price_filter .price_slider_amount {
font-size: 1em;
}
.woocommerce .widget_price_filter .price_label {
display: inline-block;
font-size: 12px;
font-weight: 700;
color: #000;
}
.woocommerce .widget_price_filter .ui-slider {
margin-bottom: 1em;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: var(--lqd-color-primary);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
z-index: 5;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
width: 12px;
height: 12px;
top: -5px;
margin-inline-start: -6px;
border: none;
z-index: 3;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:before {
content: "";
display: inline-block;
width: 160%;
height: 160%;
position: absolute;
top: -40%;
left: -40%;
}
.woocommerce .widget_price_filter .price_slider_amount {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
text-align: start;
}
.woocommerce .widget_price_filter .price_slider_amount .clear {
display: none;
}
.woocommerce .widget_price_filter .price_slider_amount button[type=submit] {
padding: 0;
background: none;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 700;
color: #000;
}
.woocommerce .widget_price_filter .price_slider_amount button[type=submit]:focus,
.woocommerce .widget_price_filter .price_slider_amount button[type=submit]:hover {
background: none;
box-shadow: none;
transform: none;
color: var(--lqd-color-primary);
outline: none;
}
.woocommerce .yith-woo-ajax-reset-navigation {
display: flex;
align-items: center;
justify-content: space-between;
}
.woocommerce .yith-woo-ajax-reset-navigation .widgettitle,
.woocommerce .yith-woo-ajax-reset-navigation .widget-title {
margin-bottom: 0;
font-size: 1em;
text-transform: none;
letter-spacing: normal;
font-weight: inherit;
}
.woocommerce .yith-woo-ajax-reset-navigation:not(:empty) {
padding-top: 2em;
}
.woocommerce .yith-wcan a.button {
padding: 0;
background: none;
font-size: inherit;
font-weight: inherit;
color: #000;
}
.woocommerce .yith-wcan a.button:hover {
background: none;
box-shadow: none;
color: var(--lqd-color-primary);
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li {
border-radius: 30px;
position: relative;
margin: 6px 13px 6px 0;
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li:before {
content: "";
display: inline-block;
width: 31px;
height: 31px;
position: absolute;
top: calc(50% - 16px);
left: calc(50% - 16px);
border: 2px solid #000;
border-radius: inherit;
opacity: 0;
transition: opacity 0.65s cubic-bezier(0.19, 1, 0.22, 1);
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li a {
width: 21px;
height: 21px;
margin: 0;
border: none !important;
border-radius: inherit;
position: relative;
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li a:hover {
border-radius: inherit;
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li.chosen:before {
opacity: 1;
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li.chosen a {
border-radius: inherit;
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-label li a {
display: inline-flex;
width: auto;
min-width: 45px;
height: 43px;
padding: 0 0.5em;
border: 1px solid rgba(0, 0, 0, 0.1);
background: none;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
transition: border 0.3s, color 0.3s;
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-label li a:hover {
border-color: rgba(0, 0, 0, 0.5);
background: none;
color: #000;
}
.woocommerce .yith-woo-ajax-navigation ul.yith-wcan-label li.chosen a {
border-color: currentColor;
background: none;
color: #000;
}
.woocommerce .yit-wcan-select-open {
display: flex;
justify-content: space-between;
align-items: center;
padding: 7px 0;
border: none;
border-bottom: 1px solid #000;
background: none;
color: #000;
}
.woocommerce .yit-wcan-select-open:after {
content: "\ea2f";
font: normal 12px/1 "lqd-essentials";
}
.woocommerce .yit-wcan-select-open:hover {
color: #000;
}
.woocommerce .yith-wcan-select-wrapper {
border-radius: 0 0 4px 4px;
border-color: #eaeaea;
margin-top: -15px;
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.035);
}
.woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li {
padding: 0;
border: none;
box-shadow: none;
}
.woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li a {
display: flex;
align-items: center;
padding: 0.5em 1em;
color: #000;
}
.woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li a:hover {
text-indent: 3px;
color: var(--lqd-color-primary);
}
.woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li.chosen a {
background: none;
}
.woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li.chosen a:before {
content: "\ea20";
font: normal 1.15em/1 "lqd-essentials";
margin-inline-end: 0.5em;
position: relative;
top: 0.15em;
}
.woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li:hover {
border: none;
box-shadow: none;
}
/*******************************************
6.1. Theme Features
*******************************************/
.ld-lazyload {
opacity: 0.0001;
transition: opacity 1s;
}
.ld-lazyload.loaded {
opacity: 1;
}
@keyframes lqdBackToTopArrow {
40% {
transform: translateY(-15px);
opacity: 0;
}
41% {
transform: translateY(15px);
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.lqd-back-to-top {
bottom: 50px;
right: 50px;
z-index: 10;
opacity: 0;
visibility: hidden;
transform: translateY(25px);
transition: all 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-back-to-top a {
width: 45px;
height: 45px;
background-color: #fff;
box-shadow: 0 0 30px -2px rgba(0, 0, 0, 0.15);
color: #000;
transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-back-to-top a svg {
line-height: 1;
margin-top: -1px;
transition: transform 0.3s ease;
mix-blend-mode: difference;
}
.lqd-back-to-top a:hover {
transform: translateY(-2px);
box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}
.lqd-back-to-top a:hover svg {
animation: lqdBackToTopArrow 1s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.lqd-back-to-top .lqd-scrl-indc-el {
background-color: currentColor;
}
.lqd-back-to-top .lqd-scrl-indc-el,
.lqd-back-to-top .lqd-scrl-indc-line {
width: 100%;
height: 100%;
border-radius: inherit;
}
.lqd-back-to-top .lqd-scrl-indc-el {
top: 0;
left: 0;
}
.lqd-back-to-top .lqd-scrl-indc-line {
background: none;
}
@media screen and (min-width: 480px) {
.lqd-back-to-top.is-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
}
[data-custom-animations=true]:not(.ca-initvalues-applied) {
opacity: 0 !important;
}
@media (max-width: 768px) {
[data-disable-animations-onmobile=true] [data-custom-animations=true]:not(.ca-initvalues-applied) {
opacity: 1 !important;
}
}
.lqd-cc-solid {
width: 86px;
height: 86px;
top: -43px;
left: -43px;
opacity: 0;
font-size: 14px;
font-weight: 500;
color: var(--lqd-cc-active-circle-txt);
}
.lqd-cc-solid-bg,
.lqd-cc-solid-inner {
transition-delay: 0.05s;
}
.lqd-cc-solid-bg {
border-radius: inherit;
background-color: var(--lqd-cc-active-circle-color);
transform: scale(0.2);
transition: transform 0.65s, opacity 0.6s, width 0.6s, height 0.6s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-cc-arrow,
.lqd-cc-solid-inner,
.lqd-cc-solid-ext {
opacity: 0;
transition: transform 0.65s, opacity 0.65s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-cc-solid-txt-inner {
transition: transform 1s, opacity 1s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-cc-solid-ext {
font-size: 24px;
color: var(--lqd-cc-active-circle-color);
}
.lqd-cc-solid-ext-left {
transform: translateX(-25px);
}
.lqd-cc-solid-ext-right {
transform: translateX(25px);
}
.lqd-cc {
border-radius: var(--lqd-cc-br);
}
.lqd-cc--inner,
.lqd-cc--outer,
.lqd-cc--el {
opacity: 0;
}
.lqd-cc--el {
z-index: 1200;
transition: opacity 0.1s;
}
.lqd-cc--el.lqd-is-active {
opacity: 1;
}
.lqd-cc--el.lqd-is-active .lqd-cc-solid-bg,
.lqd-cc--el.lqd-is-active .lqd-cc-solid-inner {
transition-delay: 0s;
}
.lqd-cc--el.lqd-is-active .lqd-cc-solid-bg {
opacity: 1;
transform: scale(1);
transition-duration: 0.65s;
}
.lqd-cc--el.lqd-is-active .lqd-cc-solid-inner {
opacity: 1;
}
.lqd-cc--inner,
.lqd-cc--outer {
z-index: 1100;
mix-blend-mode: var(--lqd-cc-blend-mode);
transform-origin: center;
}
.lqd-cc--outer {
width: var(--lqd-cc-size-outer);
height: var(--lqd-cc-size-outer);
border: var(--lqd-cc-bw) solid var(--lqd-cc-bc);
}
.lqd-cc-hide-outer .lqd-cc--outer {
opacity: 0;
}
.lqd-cc--inner {
width: var(--lqd-cc-size-inner);
height: var(--lqd-cc-size-inner);
left: calc(var(--lqd-cc-size-inner) / 2 * -1);
top: calc(var(--lqd-cc-size-inner) / 2 * -1);
background-color: var(--lqd-cc-bg);
}
.lqd-cc-init .lqd-cc-label-trigger,
.lqd-cc-init .flickity-enabled.is-draggable .flickity-viewport,
.lqd-cc-init .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: none;
}
.lqd-cc-arrow svg {
fill: var(--lqd-cc-active-arrow-color);
transform: rotate(-15deg) scale(0);
transform-origin: left top;
transition-duration: 0.35s;
transition-timing-function: cubic-bezier(0.3, 0.86, 0.36, 0.95);
}
.lqd-cc-arrow.lqd-is-active svg {
opacity: 1;
transform: rotate(0) scale(1);
}
.lqd-cc-custom-icon {
--cc-icon-color: #fff;
top: -27px;
left: -27px;
transition: opacity 0.3s;
}
.lqd-cc-custom-icon .lqd-cc-ci {
width: 54px;
height: 54px;
font-size: 30px;
line-height: 1;
color: var(--cc-icon-color);
transform: scale(1.35);
transition: transform 0.45s, color 0.3s;
}
.lqd-cc-custom-icon .lqd-cc-ci:before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 1px solid;
border-radius: inherit;
color: inherit;
opacity: 0.5;
transition: border 0.3s;
}
.lqd-cc-custom-icon.lqd-is-active .lqd-cc-ci {
transform: scale(1);
}
.lqd-extra-cursor {
--extra-cc-w: 390px;
--extra-cc-h: 390px;
width: var(--extra-cc-w);
height: var(--extra-cc-h);
top: calc(var(--extra-cc-w) / 2 * -1);
left: calc(var(--extra-cc-h) / 2 * -1);
border-radius: 50em;
opacity: 0;
background-color: var(--lqd-color-primary);
transform: scale(0.15);
visibility: hidden;
transition: visibility 0.3s;
}
.lqd-extra-cursor.lqd-is-active {
visibility: visible;
mix-blend-mode: multiply;
-webkit-backdrop-filter: blur(8px) brightness(117%);
backdrop-filter: blur(8px) brightness(117%);
}
.lqd-cc-drag.lqd-carousel-pointer-down .lqd-cc-solid-txt-inner {
transform: scale(0.5);
opacity: 0;
transition-delay: 0.1s;
}
.lqd-cc-drag.lqd-carousel-pointer-down .lqd-cc-solid-bg {
transform: scale(0.55) !important;
}
.lqd-cc-drag.lqd-carousel-pointer-down .lqd-cc-solid-ext {
opacity: 1;
transition-duration: 0.35s;
}
.lqd-cc-drag.lqd-carousel-pointer-down .lqd-cc-solid-ext-left {
transform: translateX(-45px);
}
.lqd-cc-drag.lqd-carousel-pointer-down .lqd-cc-solid-ext-right {
transform: translateX(45px);
}
.lqd-cc-explore.lqd-is-active~.lqd-cc-drag:not(.lqd-carousel-pointer-down) .lqd-cc-solid-bg,
.lqd-cc-explore.lqd-is-active~.lqd-cc-drag:not(.lqd-carousel-pointer-down) .lqd-cc-solid-ext,
.lqd-cc-explore.lqd-is-active~.lqd-cc-drag:not(.lqd-carousel-pointer-down) .lqd-cc-solid-txt-inner {
transform: scale(0) !important;
}
.lqd-cc-explore.lqd-is-active.lqd-carousel-pointer-down .lqd-cc-solid-bg,
.lqd-cc-explore.lqd-is-active.lqd-carousel-pointer-down .lqd-cc-solid-txt-inner {
transform: scale(0);
}
.lqd-cc-outer-hidden .lqd-cc--outer {
display: none;
}
:root {
--frame-width: 20px;
}
@media screen and (min-width: 1200px) {
.lqd-page-frame {
position: fixed;
z-index: 3;
background-color: var(--lqd-color-primary);
}
.lqd-page-frame[data-orientation=h] {
height: var(--frame-width);
left: var(--frame-width);
right: var(--frame-width);
}
.lqd-page-frame[data-orientation=v] {
width: var(--frame-width);
top: 0;
bottom: 0;
}
.lqd-page-frame-top {
top: 0;
transform-origin: center top;
}
.lqd-page-frame-right {
right: 0;
transform-origin: right center;
}
.lqd-page-frame-bottom {
bottom: 0;
transform-origin: center bottom;
}
.lqd-page-frame-left {
left: 0;
transform-origin: left center;
}
.page-has-frame #wrap {
padding: var(--frame-width);
}
.page-has-frame .is-stuck,
.page-has-frame .main-header-overlay {
top: var(--frame-width);
left: var(--frame-width);
right: var(--frame-width);
}
.page-has-frame .main-header-overlay {
width: auto;
}
.page-has-frame .is-stuck .ld-module-sd .ld-module-dropdown {
top: calc(var(--frame-width) * -1);
}
.page-has-frame .ld-module-sd .ld-module-dropdown {
right: calc(var(--frame-width) * -1);
}
}
.lqd-section-scroll-dots {
top: 50%;
right: 65px;
transform: translateY(-50%);
counter-reset: section-scroll-dots;
}
.lqd-section-scroll-dot {
width: 40px;
height: 40px;
border: 1px solid #ddd;
cursor: pointer;
font-size: 14px;
color: #000;
transition: background 0.3s;
counter-increment: section-scroll-dots;
}
.lqd-section-scroll-dot:before {
content: counter(section-scroll-dots, decimal-leading-zero);
}
.lqd-section-scroll-dot.is-active,
.lqd-section-scroll-dot:hover {
border-color: #000;
background-color: #000;
color: #fff;
}
.lqd-section-scroll-dot:not(:last-child) {
margin-bottom: 17px;
}
@media screen and (min-width: 992px) {
[data-lqd-section-scroll=true].lqd-section-scroll-activated {
--transition-duration: 1s;
position: relative;
height: 100vh;
overflow: hidden;
}
[data-lqd-section-scroll=true].lqd-section-scroll-activated>.container,
[data-lqd-section-scroll=true].lqd-section-scroll-activated>.container-fluid {
height: 100%;
position: static;
}
.lqd-section-scroll-sections {
transition: transform var(--transition-duration) ease;
}
}
@media (max-width: 991px) {
.lqd-section-scroll-dots {
display: none;
}
}
@keyframes wave {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-50%);
}
100% {
transform: translateX(0%);
}
}
.lqd-animate-bottom-shape .lqd-shape-bottom,
.lqd-animate-top-shape .lqd-shape-top {
overflow: hidden;
}
.lqd-animate-bottom-shape .lqd-shape-bottom svg,
.lqd-animate-top-shape .lqd-shape-top svg {
width: 200% !important;
left: 0;
animation: wave 10s cubic-bezier(0.455, 0.03, 0.515, 0.955) both infinite;
}
/* .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape {
transform: translateX(-50%) rotate(180deg);
} */
.lqd-preloader-el {
position: relative;
}
.lqd-preloader-inner {
display: inline-flex;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
align-items: inherit;
justify-content: inherit;
overflow: hidden;
}
.lqd-preloader-wrap {
display: flex;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
align-items: center;
justify-content: center;
z-index: 9999;
}
.lqd-page-loaded .lqd-preloader-wrap {
pointer-events: none;
}
.lqd-page-not-loaded {
overflow: hidden;
}
@keyframes lqd-spinner-classical {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.lqd-preloader-spc-el {
width: 50px;
height: 50px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-left: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 50em;
animation: lqd-spinner-classical 0.7s infinite linear;
}
.lqd-preloader-spinner-classsical {
background-color: #fff;
}
.lqd-preloader-curtain-el {
width: 100vw;
height: 100vh;
}
.lqd-preloader-curtain-front {
background-color: #131314;
z-index: 1;
}
.lqd-preloader-curtain-back {
background-color: #1a1c1e;
z-index: 0;
}
.lqd-preloader-dissolve-el {
background-color: var(--lqd-color-primary);
transform-origin: center bottom;
}
.lqd-preloader-fade {
background-color: #fff;
}
@keyframes lqd-wrap-sliding-in {
from {
transform: translate3d(5vw, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.lqd-preloader-sliding-el {
background-color: #fff;
}
.lqd-preloader-style-sliding:not(.lqd-preloader-animations-done),
.lqd-preloader-style-sliding:not(.lqd-preloader-animations-done) #wrap {
overflow-x: hidden;
}
.lqd-preloader-style-sliding.lqd-preloader-animations-started #wrap {
animation: lqd-wrap-sliding-in 0.65s cubic-bezier(0.19, 1, 0.22, 1) both alternate;
}
@keyframes lqd-spinner-rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes lqd-spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 130, 200;
stroke-dashoffset: -40;
}
100% {
stroke-dasharray: 130, 200;
stroke-dashoffset: -170;
}
}
.lqd-preloader-spinner {
background-color: #fff;
}
.lqd-spinner-circular {
animation: lqd-spinner-rotate 2s linear infinite;
}
.lqd-spinner-circular circle {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
animation: lqd-spinner-dash 1.5s ease-in-out infinite both;
stroke-linecap: round;
stroke: var(--lqd-color-primary);
}
/*******************************************
7.1. Accordion
*******************************************/
.accordion {
--accordion-space: 30px;
}
.accordion-collapse {
overflow: hidden;
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.accordion-heading,
.accordion-title {
border-radius: inherit;
}
.accordion-title {
margin: 0;
position: relative;
line-height: 1.5em;
text-align: start;
}
.accordion-title a {
display: flex;
align-items: center;
width: 100%;
padding: 0.93em 0;
color: inherit;
border-top-right-radius: inherit;
border-top-left-radius: inherit;
}
.accordion-content {
padding: 1em 0;
}
.accordion-content> :last-child,
.accordion-content> :only-child {
margin-bottom: 0;
}
.accordion-expander {
margin-inline-end: 1em;
line-height: 1em;
display: inline-flex;
}
.accordion-expander>i {
display: inline-block;
}
.accordion-expander>i:last-child {
display: none;
}
.accordion-expander:last-of-type {
margin-inline-start: auto;
margin-inline-end: 0;
}
.accordion-item.active .accordion-expander>i:last-child {
display: inline-block;
}
.accordion-item.active .accordion-expander>i:first-child {
display: none;
}
.accordion-xs .accordion-title a {
padding-top: 0;
padding-bottom: 0;
}
.accordion-sm .accordion-title a {
padding-top: 0.65em;
padding-bottom: 0.65em;
}
.accordion-lg .accordion-title a {
padding-top: 1em;
padding-bottom: 1em;
}
.accordion-xl .accordion-title a {
padding-top: 1.25em;
padding-bottom: 1.25em;
}
.accordion-active-has-fill .accordion-item.active .accordion-title a {
background-color: var(--lqd-color-primary);
color: #fff;
}
.accordion-active-has-shadow .accordion-title a {
box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
}
.accordion-active-has-shadow .accordion-item.active .accordion-title a {
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.accordion-body-bordered .accordion-content,
.accordion-body-bordered .accordion-title a {
padding-inline-start: var(--accordion-space);
padding-inline-end: var(--accordion-space);
}
.accordion-body-bordered .accordion-item {
border: 1px solid rgba(0, 0, 0, 0.1);
}
.accordion-body-bordered .accordion-item:not(:last-child) {
margin-bottom: 20px;
}
.accordion-body-bordered .accordion-content {
padding-top: 10px;
padding-bottom: var(--accordion-space);
}
.accordion-body-round .accordion-item {
border-radius: 4px;
}
.accordion-body-shadow .accordion-item {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
.accordion-body-shadow .accordion-content {
padding-bottom: 45px;
}
.accordion-body-underlined .accordion-item {
border-bottom: 1px solid #e0e1eb;
}
.accordion-body-underlined .accordion-item:last-child {
border-width: 0;
}
.accordion-content-has-fill .accordion-content {
padding: 30px;
}
.accordion-title-bg-transparent .accordion-title a {
background-color: transparent;
color: inherit;
}
.accordion-title-bordered .accordion-title a {
padding-inline-start: var(--accordion-space);
padding-inline-end: var(--accordion-space);
border: 1px solid #d8dbe2;
}
.accordion-title-circle .accordion-title a {
border-radius: 100px;
}
.accordion-title-round .accordion-title a {
border-radius: 4px;
}
.accordion-title-underlined .accordion-title a {
padding-inline-end: 0;
border-bottom: 1px solid #dadde1;
}
.accordion-title-underlined .accordion-expander {
right: 0;
}
.accordion-heading-has-shadow .accordion-item.active .accordion-title a,
.accordion-heading-has-shadow .accordion-title a {
box-shadow: 0 22px 70px rgba(0, 0, 0, 0.08);
}
.accordion-side-spacing .accordion-title a {
padding-inline-start: var(--accordion-space);
padding-inline-end: var(--accordion-space);
}
.accordion-side-spacing .accordion-expander {
right: var(--accordion-space);
}
.accordion-side-spacing .accordion-content {
padding-inline-start: var(--accordion-space);
padding-inline-end: var(--accordion-space);
}
/*******************************************
7.2. Animated Frame
*******************************************/
.lqd-af:not(.lqd-af--navigation-init) .lqd-af-slide.lqd-af-slide--current {
opacity: 1;
pointer-events: auto;
}
.lqd-af:not(.lqd-af--navigation-init) .lqd-af-slide.lqd-af-slide--current .lqd-af-slide__img__inner,
.lqd-af:not(.lqd-af--navigation-init) .lqd-af-slide.lqd-af-slide--current .lqd-af-slide__img figure {
transform: scale(1);
}
.lqd-af-slides>p {
display: none;
}
.lqd-af-slide {
opacity: 0;
pointer-events: none;
align-content: center;
visibility: hidden;
}
.lqd-af-slide--current {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.lqd-af-slide__img__inner {
transform: scale(0.5);
}
.lqd-af-slide__img figure {
transform: scale(1.25);
}
.lqd-af-slide__img .lqd-vbg-wrap,
.lqd-af-slide__img .lqd-vbg-inner,
.lqd-af-slide__img .mejs-container,
.lqd-af-slide__img .mejs-inner,
.lqd-af-slide__img mediaelementwrapper,
.lqd-af-slide__img video {
display: block;
width: 100%;
height: 100%;
}
.lqd-af-slide__img img:not(.objfit-cover) {
opacity: 0 !important;
}
.lqd-af-slide__img .liquid-overlay-link {
background-color: rgba(0, 0, 0, 0.3);
}
.lqd-af-slide--movin-out .lqd-af-slide__img {
z-index: 2;
}
.lqd-af-slide--movin-in .lqd-af-slide__img {
z-index: 3;
}
.lqd-af-slide--current:first-of-type .lqd-af-slide__img__inner,
.lqd-af-slide--current:first-of-type .lqd-af-slide__img figure {
transform: scale(1);
}
.lqd-af-slide__title,
.lqd-af-slide__desc {
color: #fff;
}
.lqd-af-slide__title .split-inner,
.lqd-af-slide__desc .split-inner {
will-change: transform;
}
.lqd-af-slide__title {
margin: 0 0 0.1em;
font-size: 65px;
letter-spacing: 0.01em;
line-height: 1.15;
transition: color 0.3s;
}
.lqd-af-slide__title .lqd-lines,
.lqd-af-slide__title .split-inner {
display: inline-flex;
}
.lqd-af-slide__title .lqd-lines {
overflow: hidden;
}
.lqd-af-slide__title .split-inner {
position: relative;
}
.lqd-af-slide__desc {
margin: 0 0 2em 0;
font-size: 1.25em;
line-height: 1.5em;
}
.lqd-af-slide__desc .lqd-lines,
.lqd-af-slide__desc .split-inner {
display: inline-block;
}
.lqd-af-slide__desc .lqd-lines {
display: inline-block;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.lqd-af-slide__title {
font-size: 85px;
}
}
@media screen and (min-width: 992px) {
.lqd-af-slide__content {
width: 75vw;
}
.lqd-af-slide__title {
font-size: 110px;
}
}
@media screen and (min-width: 1200px) {
.lqd-af-slide__title {
max-width: 80%;
}
.lqd-af-slide__desc {
max-width: 65%;
}
}
@media screen and (max-width: 991px) {
.lqd-af-slide__content {
width: 100%;
padding: 0 15px;
}
}
.lqd-af-slidenav {
left: 15px;
bottom: 4em;
}
.lqd-af-slidenav__item {
width: 30px;
height: 30px;
border: 0 !important;
padding: 0 !important;
background: none !important;
font-size: 24px;
color: #fff !important;
}
.lqd-af-slidenav__item svg {
transition: stroke 0.3s;
}
.lqd-af-slidenav__item:focus {
outline: none;
}
.lqd-af-slidenav__item:hover svg {
stroke: var(--lqd-color-primary);
}
.lqd-af--navigating .lqd-af-slidenav__item {
pointer-events: none;
}
.lqd-af-slidenav__item--prev .lqd-af-button-arrow {
margin-inline-start: -2px;
transform: translate(-50%, -50%) rotate(-180deg);
}
.lqd-af-slidenav__item--next {
margin-inline-start: 1.5em;
}
@media screen and (min-width: 992px) {
.lqd-af-slidenav {
left: calc(5vw - 15px);
}
}
@media screen and (max-width: 479px) {
.lqd-af-slidenav {
position: fixed;
bottom: 30px;
}
.lqd-af-slidenav {
left: 30px;
}
.lqd-af-slidenav__item {
padding: 0;
width: 25px;
height: 25px;
}
}
.lqd-af-slidenum {
display: grid;
height: 40vh;
top: 30vh;
right: 40px;
z-index: 10;
place-items: center;
grid-template-rows: 1fr auto 1fr;
font-size: 13px;
color: #fff;
}
.lqd-af-slidenum__line {
width: 2px;
height: 100%;
background-color: currentColor;
opacity: 1;
}
.lqd-af-slidenum__nums {
margin: 3vh 0;
}
.lqd-af-slidenum__current {
margin-top: -0.2em;
width: 1em;
height: 1.1em;
}
.lqd-af-slidenum__current span {
width: 100%;
height: 100%;
}
.lqd-af-slidenum__current>span {
display: flex;
flex-wrap: wrap;
transition: transform 1.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-af-slidenum__total {
margin-top: 2em;
}
.lqd-af-slidenum__total:before {
content: "/";
display: inline-block;
position: relative;
top: -1em;
margin-inline-end: 0.5em;
transform: skewX(-25deg) scaleX(1.5);
}
.page-has-right-stickybar .lqd-af-slidenum {
right: 150px;
}
@media screen and (max-width: 479px) {
.lqd-af-slidenum {
position: fixed;
bottom: 30px;
}
.lqd-af-slidenum {
width: auto;
height: auto;
top: auto;
right: 30px;
font-size: 1em;
}
.lqd-af-slidenum__nums {
margin: 0;
align-items: center;
}
.lqd-af-slidenum__current {
margin-top: 0;
}
.lqd-af-slidenum__total {
margin: 0;
padding-inline-start: 0.5em;
}
.lqd-af-slidenum__total:before {
content: "|";
top: 0;
margin-inline-end: 1em;
}
}
/*******************************************
7.3. Asymmetric slider
*******************************************/
.lqd-asym-slider-title,
.lqd-asym-slider-info,
.lqd-asym-slider-img {
flex: 1 0 100%;
}
.lqd-asym-slider-title.active,
.lqd-asym-slider-info.active,
.lqd-asym-slider-img.active {
z-index: 1;
}
.lqd-asym-slider-title.is-next,
.lqd-asym-slider-info.is-next,
.lqd-asym-slider-img.is-next {
z-index: 2;
}
.lqd-asym-slider-info hr,
.lqd-asym-slider-info .lqd-asym-slider-subtitle-element,
.lqd-asym-slider-info .lqd-asym-slider-description-element {
opacity: 0;
}
.lqd-asym-slider-info hr {
transform-origin: right;
border-top: 2px solid #000;
}
.lqd-asym-slider-title {
visibility: hidden;
}
.lqd-asym-slider-title .lqd-asym-slider-title-element {
font-size: 162px;
line-height: 0.8641975309em;
}
.lqd-asym-slider-title .lqd-chars {
opacity: 0;
}
.lqd-asym-slider-title .lqd-words {
white-space: nowrap;
}
.lqd-asym-slider-info-wrap,
.lqd-asym-slider-title-wrap {
flex-grow: 0;
}
.lqd-asym-slider-arrows {
top: 0;
right: 0;
}
.lqd-asym-slider-arrow {
display: inline-grid;
width: 70px;
height: 60px;
place-items: center;
border: none;
background: #f2f2f2;
color: #000;
font-size: 20px;
opacity: 0;
visibility: hidden;
}
.lqd-asym-slider-arrow:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
height: 100%;
background-color: #000;
transform: scaleX(0);
}
.lqd-asym-slider-arrow:before,
.lqd-asym-slider-arrow i {
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-asym-slider-arrow:hover {
color: #fff;
}
.lqd-asym-slider-arrow:hover:before {
transform: scaleX(1);
}
.lqd-asym-slider-arrow:focus {
outline: none;
}
.lqd-asym-slider-prev:before {
transform-origin: right center;
}
.lqd-asym-slider-prev:hover i {
transform: translateX(-6px);
}
.lqd-asym-slider-next:before {
transform-origin: left center;
}
.lqd-asym-slider-next:hover i {
transform: translateX(6px);
}
.lqd-asym-slider-btn,
.lqd-asym-slider-btn-wrap {
transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-asym-slider-btn {
transform: translateX(100%);
}
.lqd-asym-slider-btn-wrap {
transform: translateX(-100%);
}
.lqd-asym-slider-img {
transform: translateX(-100%);
}
.lqd-asym-slider-img-wrap {
margin-inline-start: 2.5em;
}
.lqd-asym-slider-t {
margin-bottom: -4em;
}
.lqd-asym-slider:not(.lqd-asym-slider-ready) .lqd-asym-slider-title:not(.active),
.lqd-asym-slider:not(.lqd-asym-slider-ready) .lqd-asym-slider-info:not(.active),
.lqd-asym-slider:not(.lqd-asym-slider-ready) .lqd-asym-slider-img:not(.active) {
visibility: hidden;
}
.lqd-asym-slider-ready .lqd-asym-slider-arrow {
opacity: 1;
visibility: visible;
transition: color 0.3s, transform 0.3s, opacity 0.45s 0.8s, visibility 0.45s 0.8s;
}
.lqd-asym-slider-ready .lqd-asym-slider-title,
.lqd-asym-slider-ready .lqd-asym-slider-info,
.lqd-asym-slider-ready .lqd-asym-slider-img {
position: absolute;
top: 0;
left: 0;
}
.lqd-asym-slider-ready .lqd-asym-slider-title {
visibility: visible;
}
.lqd-asym-slider-ready .lqd-asym-slider-title:not(.active) [data-split-text]:not(.split-text-applied) {
visibility: hidden;
}
.lqd-asym-slider-ready .active.lqd-asym-slider-title .lqd-chars {
opacity: 1;
}
.lqd-asym-slider-ready .active.lqd-asym-slider-info hr,
.lqd-asym-slider-ready .active.lqd-asym-slider-info .lqd-asym-slider-subtitle-element,
.lqd-asym-slider-ready .active.lqd-asym-slider-info .lqd-asym-slider-description-element {
opacity: 1;
}
.lqd-asym-slider-ready .active.lqd-asym-slider-img {
transform: translateX(0);
}
.lqd-asym-slider-ready .active.lqd-asym-slider-img .lqd-asym-slider-btn,
.lqd-asym-slider-ready .active.lqd-asym-slider-img .lqd-asym-slider-btn-wrap {
transform: translateX(0);
}
@media screen and (min-width: 992px) {
.lqd-asym-slider-ready .lqd-asym-slider-info {
top: -2em;
}
.lqd-asym-slider-content {
flex-direction: row;
}
.lqd-asym-slider-title-wrap {
width: 50%;
}
.lqd-asym-slider-info-wrap {
width: 25%;
}
}
@media screen and (min-width: 480px) and (max-width: 768px) {
.lqd-asym-slider-info hr {
width: 50%;
margin-inline-start: 0;
}
}
@media screen and (max-width: 479px) {
.lqd-asym-slider-t,
.lqd-asym-slider-title-wrap {
margin-bottom: 1em;
}
.lqd-asym-slider-img-wrap {
margin-inline-start: 0;
}
}
/*******************************************
7.4. Banner
*******************************************/
.lqd-bnnr-1 .lqd-bnnr-left {
padding: 45px 55px 50px;
background: #f3f4f4;
}
@media screen and (min-width: 992px) {
.lqd-bnnr-1 {
flex-direction: row;
}
.lqd-bnnr-1 .lqd-bnnr-left {
width: 65%;
margin-inline-end: -10%;
-webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}
.lqd-bnnr-1 .lqd-bnnr-right {
width: 45%;
}
.lqd-bnnr-1 .lqd-bnnr-right img,
.lqd-bnnr-1 .lqd-bnnr-right figure,
.lqd-bnnr-1 .lqd-bnnr-right .lqd-bnnr-in {
height: 100%;
}
.lqd-bnnr-1 .lqd-bnnr-right img {
width: 100%;
object-fit: cover;
}
}
@media screen and (max-width: 991px) {
.lqd-bnnr-1 .lqd-bnnr-left {
padding-bottom: calc(10% + 20px);
margin-bottom: -10%;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
}
}
@media screen and (max-width: 767px) {
.lqd-bnnr-1 .lqd-bnnr-left {
padding: 35px 20px calc(10% + 20px);
}
}
/*******************************************
7.5. Banner bannanas
*******************************************/
.lqd-bnr-bnns-h-inner,
.lqd-bnr-bnns-h {
font-size: clamp(62px, 7vw, 110px);
font-weight: 700;
}
.lqd-bnr-bnns-h-wrap-first {
padding: 50px 0;
position: sticky;
top: var(--lqd-sticky-header-height, 0);
left: 0;
right: 0;
}
.lqd-bnr-bnns-h {
margin: 0 0 1em;
}
.lqd-bnr-bnns-h-inner {
color: #fff;
}
.lqd-bnr-bnns {
height: 225vh;
}
.lqd-bnr-bnns .ld-parallax-wrap:first-of-type {
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.lqd-bnr-bnns .ld-parallax-wrap:last-of-type {
width: 100vw;
position: relative;
top: 0;
left: 50%;
right: 50%;
margin-inline-start: -50vw;
margin-inline-end: -50vw;
}
.vc_mobile .lqd-bnr-bnns-h-inner,
.vc_mobile .lqd-bnr-bnns-h {
margin-bottom: 0;
}
.vc_mobile .lqd-bnr-bnns-media {
height: auto;
margin: 0;
left: 0;
right: 0;
}
.vc_mobile .lqd-bnr-bnns-inner {
position: relative;
left: auto;
right: auto;
height: auto;
}
.vc_mobile .lqd-bnr-bnns {
height: auto;
text-align: center;
}
.vc_mobile .lqd-bnr-bnns .ld-parallax-wrap,
.vc_mobile .lqd-bnr-bnns .lqd-bnr-bnns-h-wrap {
width: 100%;
}
.vc_mobile .lqd-bnr-bnns .lqd-bnr-bnns-h-wrap:last-child {
height: auto;
position: absolute !important;
top: calc(100px + clamp(62px, 7vw, 110px));
bottom: 0;
left: 0;
right: 0;
}
@media screen and (max-width: 479px) {
.lqd-bnr-bnns-h-inner,
.lqd-bnr-bnns-h {
font-size: clamp(34px, 7vw, 110px);
}
.lqd-bnr-bnns .lqd-bnr-bnns-h-wrap:last-child {
top: calc(100px + clamp(34px, 7vw, 110px));
}
}
/*******************************************
7.6. Block revealer
*******************************************/
.block-revealer__element {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
border-radius: inherit;
pointer-events: none;
opacity: 0;
}
/*******************************************
7.7. Breadcrumbs
*******************************************/
.breadcrumb {
background: none;
}
.breadcrumb>li {
display: inline-block;
}
.breadcrumb>li:before,
.breadcrumb>li:after {
content: none;
}
.breadcrumb>li:not(:last-child):after {
content: "/Â ";
display: inline-flex;
align-items: center;
margin-inline-start: 0.75em;
margin-inline-end: 0.75em;
font-size: 0.85em;
}
.breadcrumb>li:hover {
opacity: 1;
}
.breadcrumb,
.breadcrumb>.active {
color: inherit;
}
.breadcrumb span {
opacity: 0.6;
transition: opacity 0.3s;
}
.breadcrumb a:hover span {
opacity: 1;
}
/*******************************************
7.8. Bullet list
*******************************************/
.lqd-bullet-list li {
margin-bottom: 0.5em;
}
.lqd-bullet-list li:before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
flex: 0 0 auto;
margin-inline-end: 1em;
border-radius: 50em;
background-color: currentColor;
}
.lqd-bullet-list .inline-ul li+li {
margin-inline-start: 2.5em;
}
@media screen and (max-width: 767px) {
.lqd-bullet-list .inline-ul {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.lqd-bullet-list .inline-ul li {
margin-inline-start: 0 !important;
width: 50%;
}
}
/*******************************************
7.9. Button
*******************************************/
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
position: relative;
overflow: hidden;
text-align: unset;
transition: all 0.3s;
}
.btn i {
transition: transform 0.3s cubic-bezier(0.22, 0.665, 0.34, 0.875);
}
.btn-icon,
.btn-txt {
position: relative;
z-index: 3;
}
.btn-txt small,
.btn-txt span {
display: block;
}
.btn-txt small {
font-size: 0.67em;
}
.btn-icon-sep .btn-txt {
text-align: start;
}
.btn-naked {
--btn-pt: 0 !important;
--btn-pe: 0 !important;
--btn-pb: 0 !important;
--btn-ps: 0 !important;
padding: 0 !important;
background: none !important;
border: none !important;
overflow: visible;
}
.btn-xs {
--btn-pt: 0.3em;
--btn-pe: 1em;
--btn-pb: 0.3em;
--btn-ps: 1em;
}
/* Add by Ebi */
.btn-xsm {
--btn-pt: 0.6em;
--btn-pe: 1em;
--btn-pb: 0.6em;
--btn-ps: 1em;
}
.btn-sm {
--btn-pt: 0.85em;
--btn-pe: 1.3em;
--btn-pb: 0.85em;
--btn-ps: 1.3em;
}
.btn-md {
--btn-pt: 1.15em;
--btn-pe: 2.1em;
--btn-pb: 1.15em;
--btn-ps: 2.1em;
}
.btn-lg {
--btn-pt: 1.3em;
--btn-pe: 2.7em;
--btn-pb: 1.3em;
--btn-ps: 2.7em;
}
.btn-xl {
--btn-pt: 1.5em;
--btn-pe: 3.5em;
--btn-pb: 1.5em;
--btn-ps: 3.5em;
}
.btn-solid {
padding: var(--btn-pt) var(--btn-pe) var(--btn-pb) var(--btn-ps);
}
.btn-solid:hover {
border-color: transparent;
transform: translate3d(0, -2px, 0);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}
.btn-underlined {
--btn-pt: 0 !important;
--btn-pe: 0 !important;
--btn-pb: 0 !important;
--btn-ps: 0 !important;
padding: 0 !important;
background-color: transparent !important;
overflow: visible;
position: relative;
}
.btn-underlined:before,
.btn-underlined:after {
content: "";
display: inline-block;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
}
.btn-underlined:after {
transform: scaleX(0);
transform-origin: right center;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-underlined:hover {
background-color: transparent;
}
.btn-underlined:hover:after {
transform-origin: left center;
transform: scaleX(1);
}
.btn-underlined .btn-txt {
padding-bottom: 0.2em;
}
.btn-underlined.border-thin:before,
.btn-underlined.border-thin:after {
height: 1px;
}
.btn-underlined.border-thick:before,
.btn-underlined.border-thick:after {
height: 2px;
}
.btn-underlined.border-thicker:before,
.btn-underlined.border-thicker:after {
height: 3px;
}
.btn-block {
width: 100%;
justify-content: center;
}
.btn {
--icon-w: 0px;
--icon-h: 0px;
--icon-mt: 0px;
--icon-me: 0px;
--icon-mb: 0px;
--icon-ms: 8px;
--icon-font-size: 1em;
}
.btn-icon {
display: inline-flex;
align-items: center;
justify-content: center;
transition: background 0.3s, color 0.125s, box-shadow 0.3s, border 0.3s, opacity 0.25s, transform 0.5s;
margin-top: var(--icon-mt);
margin-inline-end: var(--icon-me);
margin-bottom: var(--icon-mb);
margin-inline-start: var(--icon-ms);
}
.btn-icon i,
.btn-icon svg {
position: relative;
z-index: 3;
}
.btn-icon i {
font-size: var(--icon-font-size);
letter-spacing: 0;
}
.btn-icon svg {
width: var(--icon-font-size);
max-height: var(--icon-font-size);
fill: currentColor;
}
.btn-icon:only-child {
--icon-mb: 0px !important;
}
.btn-icon:first-child {
--icon-ms: auto;
--icon-me: auto;
}
/* Icon Position */
.btn-icon-top .btn-icon,
.btn-icon-left .btn-icon {
order: -1;
}
.btn-icon-block {
flex-direction: column;
--icon-mt: 0.5em;
--icon-ms: auto !important;
--icon-me: auto !important;
}
.btn-icon-block .btn-icon,
.btn-icon-block .btn-txt {
text-align: center;
}
.btn-icon-block .btn-icon {
align-items: center;
justify-content: center;
}
.btn-icon-block .btn-txt {
width: 100%;
margin-inline-start: auto;
margin-inline-end: auto;
}
.btn-icon-left {
--icon-ms: 0px;
--icon-me: 8px;
}
.btn-icon-top.btn-icon-block {
--icon-mt: 0;
--icon-mb: 0.5em;
}
.btn-icon-shaped {
--icon-mt: -5%;
--icon-mb: -5%;
}
.btn-icon-shaped .btn-icon {
width: var(--icon-w);
height: var(--icon-h);
border: 1px solid;
}
.btn-icon-solid .btn-icon {
border: none;
}
.btn-icon-circle .btn-icon {
border-radius: 10em;
}
.btn-icon-round .btn-icon {
border-radius: 4px;
}
.btn-icon-semi-round .btn-icon {
border-radius: 2px;
}
.btn-icon-border-thick .btn-icon {
border-width: 2px;
}
.btn-icon-border-thicker .btn-icon {
border-width: 3px;
}
.btn-icon-border-thickest .btn-icon {
border-width: 4px;
}
.btn-icon-xs {
--icon-w: 1.5em;
--icon-h: 1.5em;
}
.btn-icon-sm {
--icon-w: 2em;
--icon-h: 2em;
}
.btn-icon-sm .btn-icon {
width: 2em;
height: 2em;
}
.btn-icon-md {
--icon-w: 2.5em;
--icon-h: 2.5em;
}
.btn-icon-lg {
--icon-w: 3.2em;
--icon-h: 3.2em;
}
.btn-icon-xl {
--icon-w: 3.5em;
--icon-h: 3.5em;
}
.btn-icon-xl .btn-icon {
width: 3.5em;
height: 3.5em;
}
.btn-icon-sep {
--icon-ms: 1.1em;
}
.btn-icon-sep .btn-icon {
padding-inline-start: var(--icon-ms);
}
.btn-icon-sep .btn-icon:before {
content: "";
display: inline-block;
width: 1px;
height: 200%;
position: absolute;
left: 0;
top: -50%;
background-color: #ddd;
}
.btn-icon-sep.btn-icon-left {
--icon-ms: 0;
--icon-me: 1.1em;
}
.btn-icon-sep.btn-icon-left .btn-icon {
padding-inline-end: var(--icon-me);
}
.btn-icon-sep.btn-icon-left .btn-icon:before {
left: auto;
right: 0;
}
@keyframes btnIconRipple {
0% {
border-width: 4px;
transform: scale(1);
}
80% {
border-width: 1px;
transform: scale(1.35);
}
100% {
opacity: 0;
}
}
.btn-icon-ripple .btn-icon:before {
content: "";
display: inline-block;
position: absolute;
top: -2px;
left: -2px;
bottom: -2px;
right: -2px;
border-radius: inherit;
border: 1px solid var(--lqd-color-primary);
animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}
.btn-hover-reveal {
--icon-move: 0px;
--icon-ms: 0px;
--icon-me: 0px;
--txt-move: calc(var(--icon-move) * -1);
}
.btn-hover-reveal .btn-icon {
position: absolute;
top: auto;
opacity: 0;
text-decoration: none;
transform: translateX(0);
transition: opacity 0.25s, transform 0.5s;
}
.btn-hover-reveal .btn-txt {
transition: transform 0.5s;
}
.btn-hover-reveal .btn-txt,
.btn-hover-reveal .btn-icon {
transition-timing-function: cubic-bezier(0, 0.71, 0.4, 1);
}
.btn-hover-reveal.btn-icon-right {
--icon-move: calc(var(--icon-font-size) + var(--icon-ms));
}
.btn-hover-reveal.btn-icon-right .btn-icon {
margin-inline-end: 0;
right: var(--btn-pe, 0);
}
.btn-hover-reveal.btn-icon-left {
--icon-move: calc((var(--icon-font-size) + var(--icon-me)) * -1);
}
.btn-hover-reveal.btn-icon-left .btn-icon {
margin-inline-start: 0;
left: var(--btn-ps, 0);
}
.btn-hover-reveal.btn-block .btn-icon,
.btn-hover-reveal.btn-custom-size .btn-icon {
position: relative;
right: auto;
left: auto;
}
.btn-hover-reveal.btn-custom-size.btn-icon-left .btn-txt {
margin-inline-start: calc(var(--icon-me) * -1);
}
.btn-hover-reveal.btn-custom-size.btn-icon-right .btn-txt {
margin-inline-end: calc(var(--icon-ms) * -1);
}
.btn-hover-reveal:hover .btn-icon {
opacity: 1;
transform: translateX(var(--icon-move));
}
.btn-hover-reveal:hover.btn-underlined.btn-icon-left .btn-txt,
.btn-hover-reveal:hover.btn-naked.btn-icon-left .btn-txt,
.btn-hover-reveal:hover.btn-solid .btn-txt {
transform: translateX(var(--txt-move));
}
.btn-hover-reveal:hover.btn-underlined.btn-icon-left .btn-icon,
.btn-hover-reveal:hover.btn-naked.btn-icon-left .btn-icon {
transform: translateX(0);
}
.btn-hover-swp.btn-solid .btn-txt {
margin-inline-start: -1em;
}
.btn-hover-swp .btn-icon {
text-decoration: none;
transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
}
.btn-hover-swp .btn-icon+.btn-icon {
display: inline-flex;
order: -2;
opacity: 0;
transform: translateX(-1em);
transition-delay: 0s;
margin-inline-start: var(--icon-me);
margin-inline-end: var(--icon-ms);
}
.btn-hover-swp .btn-txt {
transition: transform 0.6s 0.125s cubic-bezier(0.1, 0.75, 0.25, 1);
}
.btn-hover-swp.btn-icon-left.btn-solid .btn-txt {
margin-inline-start: 0;
margin-inline-end: -1em;
}
.btn-hover-swp.btn-icon-left .btn-icon+.btn-icon {
order: 2;
transform: translateX(1em);
}
.btn-hover-swp.btn-naked .btn-icon+.btn-icon,
.btn-hover-swp.btn-underlined .btn-icon+.btn-icon {
position: absolute;
top: auto;
left: 0;
}
.btn-hover-swp.btn-naked.btn-icon-left .btn-icon+.btn-icon,
.btn-hover-swp.btn-underlined.btn-icon-left .btn-icon+.btn-icon {
left: auto;
right: 0;
}
.btn-hover-swp:hover .btn-icon {
transition-delay: 0s;
transform: translateX(1em);
}
.btn-hover-swp:hover .btn-txt {
transition-delay: 0.1s;
transform: translateX(1.5em);
}
.btn-hover-swp:hover .btn-icon {
opacity: 0;
}
.btn-hover-swp:hover .btn-icon+.btn-icon {
opacity: 1;
transform: translateX(0);
transition-delay: 0.225s;
}
.btn-hover-swp:hover.btn-icon-left .btn-icon {
transform: translateX(-1em);
}
.btn-hover-swp:hover.btn-icon-left .btn-icon+.btn-icon {
transform: translateX(0);
}
.btn-hover-swp:hover.btn-icon-left .btn-txt {
transform: translateX(-1.5em);
}
.btn-hover-txt-switch .btn-txt {
transition: opacity 0.65s, transform 0.85s;
transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
}
.btn-hover-txt-switch .btn-txt:after {
content: attr(data-text);
display: inline-block;
position: absolute;
white-space: nowrap;
top: 50%;
opacity: 0;
transition: inherit;
}
.btn-hover-txt-switch:hover .btn-txt:after {
opacity: 1;
}
@keyframes btnHoverTxtLiquidXAlt {
50% {
opacity: 0;
transform: translateX(0.3em);
}
51% {
opacity: 0;
transform: translateX(-0.3em);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.btn-hover-txt-liquid-x-alt:hover .lqd-chars {
animation: btnHoverTxtLiquidXAlt 0.6s calc(var(--chars-last-index, 0s) * 0.03s) cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
@keyframes btnHoverTxtLiquidX {
50% {
opacity: 0;
transform: translateX(-0.3em);
}
51% {
opacity: 0;
transform: translateX(0.3em);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.btn-hover-txt-liquid-x:hover .lqd-chars {
animation: btnHoverTxtLiquidX 0.6s calc(var(--chars-index, 0s) * 0.03s) cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
@keyframes btnHoverTxtLiquidYAlt {
50% {
opacity: 0;
transform: translateY(-0.3em);
}
51% {
opacity: 0;
transform: translateY(0.3em);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.btn-hover-txt-liquid-y-alt:hover .lqd-chars {
animation: btnHoverTxtLiquidYAlt 0.6s calc(var(--chars-index, 0s) * 0.03s) cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
@keyframes btnHoverTxtLiquidY {
50% {
opacity: 0;
transform: translateY(0.3em);
}
51% {
opacity: 0;
transform: translateY(-0.3em);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.btn-hover-txt-liquid-y:hover .lqd-chars {
animation: btnHoverTxtLiquidY 0.6s calc(var(--chars-index, 0s) * 0.03s) cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.btn-hover-txt-marquee .btn-txt:after {
content: attr(data-text);
display: inline-block;
position: absolute;
white-space: nowrap;
top: 50%;
}
@keyframes btnTxtMarqueeX {
100% {
transform: translateX(-200%);
}
}
.btn-hover-txt-marquee-x .btn-txt:after {
left: 100%;
transform: translate(100%, -50%);
}
.btn-hover-txt-marquee-x:hover .btn-txt {
animation: btnTxtMarqueeX 2s linear infinite;
}
@keyframes btnTxtMarqueeY {
100% {
transform: translateY(-200%);
}
}
.btn-hover-txt-marquee-y .btn-txt:after {
top: 100%;
left: 50%;
transform: translate(-50%, 100%);
}
.btn-hover-txt-marquee-y:hover .btn-txt {
animation: btnTxtMarqueeY 1s linear infinite;
}
.btn-hover-txt-switch .btn-txt {
transition: opacity 0.65s, transform 0.85s;
transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
}
.btn-hover-txt-switch .btn-txt:after {
content: attr(data-text);
display: inline-block;
position: absolute;
white-space: nowrap;
top: 50%;
opacity: 0;
transition: inherit;
}
.btn-hover-txt-switch:hover .btn-txt:after {
opacity: 1;
}
.btn-hover-txt-switch-x .btn-txt:after {
left: 100%;
transform: translate(50%, -50%);
}
.btn-hover-txt-switch-x:hover .btn-txt {
transform: translateX(-200%);
}
.btn-hover-txt-switch-x:hover .btn-txt:after {
transform: translate(100%, -50%);
}
.btn-hover-txt-switch-y .btn-txt:after {
left: 50%;
transform: translate(-50%, 150%);
}
.btn-hover-txt-switch-y:hover .btn-txt {
transform: translateY(-250%);
}
.btn-hover-txt-switch-y:hover .btn-txt:after {
transform: translate(-50%, 200%);
}
.btn-custom-size {
padding: 0 !important;
}
@keyframes dotAnimations {
from {
transform: translateY(-6px);
}
to {
transform: translateY(0);
}
}
.btn.ld-ajax-loadmore {
padding: 1.25em 2.5em;
border-radius: 4px;
background-color: #292929;
color: #fff;
overflow: visible !important;
line-height: 1.15em;
}
.btn.ld-ajax-loadmore span {
padding: 0;
}
.btn.ld-ajax-loadmore .static,
.btn.ld-ajax-loadmore .loading,
.btn.ld-ajax-loadmore .all-loaded {
transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.btn.ld-ajax-loadmore .dots>span {
width: 6px;
height: 6px;
margin: 0 1px;
border-radius: 3px;
background-color: currentColor;
transform: translateY(0);
}
.btn.ld-ajax-loadmore .all-loaded,
.btn.ld-ajax-loadmore .loading {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
visibility: hidden;
transform: translate(-50%, -50%);
}
.btn.ld-ajax-loadmore .loading {
font-size: 11px;
}
.btn.ld-ajax-loadmore .all-loaded {
display: flex;
align-items: center;
}
.btn.ld-ajax-loadmore .all-loaded i {
margin-inline-start: 8px;
}
.btn.ld-ajax-loadmore.items-loading,
.btn.ld-ajax-loadmore.all-items-loaded {
pointer-events: none;
border-color: transparent;
}
.btn.ld-ajax-loadmore.items-loading .static,
.btn.ld-ajax-loadmore.all-items-loaded .static {
opacity: 0;
visibility: hidden;
transform: translate(0, -50%);
}
.btn.ld-ajax-loadmore.items-loading .loading {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%);
}
.btn.ld-ajax-loadmore.items-loading .loading .dots>span {
animation: dotAnimations 0.6s cubic-bezier(0.23, 1, 0.32, 1) infinite alternate backwards;
}
.btn.ld-ajax-loadmore.items-loading .loading .dots>span:nth-child(1) {
animation-delay: 0.1s;
}
.btn.ld-ajax-loadmore.items-loading .loading .dots>span:nth-child(2) {
animation-delay: 0.2s;
}
.btn.ld-ajax-loadmore.all-items-loaded {
background-color: transparent !important;
color: #000 !important;
}
.btn.ld-ajax-loadmore.all-items-loaded .all-loaded {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%);
}
.btn.ld-ajax-loadmore:hover {
color: #fff;
background-color: #000;
box-shadow: 0 10px 32px rgba(0, 0, 0, 0.07);
transform: translateY(-2px);
}
/*******************************************
7.10. Carousel
*******************************************/
.flickity-enabled {
flex-wrap: wrap;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport-wrap,
.flickity-viewport {
flex: 1 0 100%;
position: relative;
overflow: hidden;
}
.carousel-items {
display: flex;
}
.carousel-item {
flex: 0 0 auto;
}
.carousel-item.has-one-child .carousel-item-inner,
.carousel-item.has-one-child .carousel-item-content {
display: flex;
flex-grow: 1;
align-items: inherit;
}
.carousel-item.has-one-child .carousel-item-content {
flex: 1 0 100%;
}
.carousel-item.has-one-child .carousel-item-content>div,
.carousel-item.has-one-child .carousel-item-content>article {
flex-grow: 1;
max-width: 100%;
}
.carousel-item-content {
white-space: nowrap;
}
.carousel-item-content>* {
white-space: normal;
}
.carousel-item-content>p:only-child {
width: 100%;
margin-bottom: 0;
}
.carousel-dots-to-hide {
display: none;
}
@media screen and (max-width: 767px) {
.carousel-item {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.carousel-container {
max-width: 100vw;
}
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.flickity-button {
padding: 0 !important;
border-radius: 0;
}
.flickity-button,
.flickity-button:hover,
.flickity-button:focus {
background-color: transparent;
color: #000;
}
.flickity-button {
display: inline-flex;
position: relative;
top: auto;
left: auto;
flex-shrink: 0;
border: 1px solid transparent;
align-items: center;
justify-content: center;
opacity: 1;
transform: translateY(0);
transition: all 0.3s;
}
.flickity-button svg {
width: auto;
height: auto;
position: relative;
top: auto;
left: auto;
fill: currentColor;
}
.flickity-button i {
position: relative;
z-index: 1;
}
.flickity-button.previous {
margin-inline-end: 5px;
left: 0;
}
.flickity-button.next {
margin-inline-start: 5px;
right: 0;
}
.flickity-button[disabled] {
pointer-events: none;
opacity: 0.5;
}
.flickity-button:hover,
.flickity-button:focus {
background: none;
box-shadow: none;
outline: none;
}
.flickity-button:active {
opacity: 1;
}
/* Nav position */
.carousel-nav {
display: flex;
align-items: center;
position: relative;
}
.lqd-section>.carousel-nav:not(.carousel-nav-floated) {
width: 100%;
}
.carousel-nav.carousel-nav-bottom {
top: auto;
bottom: 0;
transform: translate(0);
}
.carousel-nav.carousel-nav-bottom .flickity-button.next,
.carousel-nav.carousel-nav-bottom .flickity-button.previous {
transform: translateY(0);
}
.carousel-nav.carousel-nav-middle {
top: 50%;
}
.carousel-nav.carousel-nav-middle .flickity-button {
top: 50%;
}
.carousel-nav.carousel-nav-middle .flickity-button.next,
.carousel-nav.carousel-nav-middle .flickity-button.previous {
transform: translateY(-50%);
}
.carousel-nav.carousel-nav-top {
top: 0;
}
.carousel-nav.carousel-nav-top .flickity-button.next,
.carousel-nav.carousel-nav-top .flickity-button.previous {
transform: translateY(0);
}
.carousel-nav.carousel-nav-center {
text-align: center;
justify-content: center;
}
.carousel-nav.carousel-nav-left {
text-align: start;
justify-content: flex-start;
}
.carousel-nav.carousel-nav-right {
text-align: end;
justify-content: flex-end;
}
.carousel-nav.carousel-nav-appear-onhover {
transition: opacity 0.3s, visibility 0.3s;
opacity: 0;
visibility: hidden;
}
.carousel-container:hover .carousel-nav.carousel-nav-appear-onhover {
opacity: 1;
visibility: visible;
}
@media screen and (min-width: 992px) {
.carousel-nav.carousel-nav-dot-between .flickity-button.previous {
margin-inline-end: 40px;
}
.carousel-nav.carousel-nav-dot-between .flickity-button.previous:after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
position: absolute;
top: calc(50% - 3px);
right: -27px;
background-color: #000;
opacity: 0.3;
border-radius: 50em;
}
.carousel-nav.carousel-nav-dot-between .flickity-button:hover:after {
background: #000;
}
}
.carousel-nav.carousel-nav-floated {
position: absolute;
left: 0;
right: 0;
z-index: 9;
margin: 0;
}
.carousel-nav.carousel-nav-floated.carousel-nav-center .flickity-button,
.carousel-nav.carousel-nav-floated.carousel-nav-middle .flickity-button {
position: absolute;
}
.carousel-nav.carousel-nav-left.carousel-nav-floated {
right: auto;
left: 0;
}
.carousel-nav.carousel-nav-right.carousel-nav-floated {
left: auto;
right: 0;
}
.carousel-nav.carousel-nav-shadowed .flickity-button {
box-shadow: 0 7px 28px rgba(0, 0, 0, 0.12);
}
.carousel-nav.carousel-nav-shadowed-onhover .flickity-button:hover {
box-shadow: 0 7px 28px rgba(0, 0, 0, 0.12);
}
.carousel-nav.carousel-nav-circle .flickity-button {
border-radius: 10em;
}
.carousel-nav.carousel-nav-circle .flickity-button svg {
max-width: 50%;
}
.carousel-nav.carousel-nav-square .flickity-button svg {
max-width: 50%;
}
.carousel-nav.carousel-nav-shaped .flickity-button:hover {
color: #fff;
fill: #fff;
}
.carousel-nav.carousel-nav-shaped .flickity-button:hover svg {
fill: inherit;
}
.carousel-nav.carousel-nav-shaped .flickity-button:hover:before {
opacity: 1;
}
.carousel-nav.carousel-nav-bordered .flickity-button {
border-color: #181b30;
}
.carousel-nav.carousel-nav-bordered .flickity-button:before {
background: #181b30;
}
.carousel-nav.carousel-nav-solid .flickity-button {
background: #fff;
border: none !important;
}
.carousel-nav.carousel-nav-sm .flickity-button {
font-size: 20px;
width: 35px;
height: 35px;
}
.carousel-nav.carousel-nav-lg .flickity-button {
font-size: 26px;
width: 50px;
height: 50px;
}
.carousel-nav.carousel-nav-xl .flickity-button {
font-size: 28px;
width: 60px;
height: 60px;
}
.carousel-nav.carousel-nav-vertical.carousel-nav-right .flickity-button {
margin-inline-start: auto;
}
.carousel-nav.carousel-nav-vertical.carousel-nav-center {
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.carousel-nav.carousel-nav-vertical.carousel-nav-center .flickity-button {
margin-inline-start: auto !important;
margin-inline-end: auto !important;
}
.carousel-nav.carousel-nav-vertical.carousel-nav-left .flickity-button {
margin-inline-end: auto;
}
.carousel-nav.carousel-nav-vertical {
width: auto;
flex-direction: column;
}
.carousel-nav.carousel-nav-vertical .flickity-button {
display: flex;
position: relative;
margin-inline-start: 0;
margin-inline-end: 0;
transform: none !important;
}
.carousel-nav.carousel-nav-vertical .flickity-button.previous {
margin-bottom: 5px;
}
.carousel-nav.carousel-nav-vertical .flickity-button.next {
margin-top: 5px;
}
.carousel-nav.carousel-nav-vertical.carousel-nav-center {
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.carousel-nav.carousel-nav-vertical.carousel-nav-center .flickity-button {
margin-inline-start: auto !important;
margin-inline-end: auto !important;
}
.carousel-nav.carousel-nav-vertical.carousel-nav-left .flickity-button {
margin-inline-end: auto;
}
.carousel-nav.carousel-nav-vertical.carousel-nav-right .flickity-button {
margin-inline-start: auto;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots {
width: 100%;
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
position: relative;
border-radius: 5em;
background-color: rgba(51, 51, 51, 0.25);
color: rgba(51, 51, 51, 0.25);
transition: all 0.3s;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
background-color: #333;
color: #333;
}
.carousel-dots {
text-align: center;
}
.lqd-section>.carousel-dots {
width: 100%;
z-index: 2;
}
.carousel-dots-to-hide {
display: none;
}
.carousel-dots-mobile {
display: none;
}
.carousel-dots-mobile .flickity-page-dots {
display: block;
width: 100%;
padding: 0;
margin-top: 1.5em;
position: relative;
top: auto;
left: auto;
bottom: auto;
right: auto;
text-align: center;
}
.carousel-dots-mobile .flickity-page-dots .dot {
margin: 0 6px;
}
.carousel-dots-mobile .flickity-page-dots .dot:first-child {
margin-inline-start: 0;
}
.carousel-dots-center.carousel-dots {
text-align: center;
}
.carousel-dots-left.carousel-dots {
text-align: start;
}
.carousel-dots-right.carousel-dots {
text-align: end;
}
.carousel-dots-bottom.carousel-dots {
top: auto;
bottom: 25px;
}
.carousel-dots-middle.carousel-dots {
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
.carousel-dots-top.carousel-dots {
top: 25px;
bottom: auto;
}
.carousel-dots-inside.carousel-dots {
width: auto;
position: absolute;
left: 0;
right: 0;
bottom: 25px;
padding: 0 20px;
}
.carousel-dots-inside.carousel-dots.carousel-dots-left {
right: auto;
}
.carousel-dots-inside.carousel-dots.carousel-dots-right {
left: auto;
}
.lqd-carousel-slides-numbers {
font-size: 18px;
color: #000;
transition: color 0.3s;
}
.lqd-carousel-slides-numbers svg {
stroke: currentColor;
transition: stroke 0.3s;
}
.lqd-carousel-slides-numbers .flickity-page-dots {
display: none;
}
.lqd-carousel-slides>svg {
display: none;
}
.carousel-nav .lqd-carousel-slides {
display: inline-flex;
width: auto;
height: auto;
margin-inline-start: 1em;
margin-inline-end: 1em;
position: relative;
top: auto;
left: auto;
font-size: 1em;
color: #000;
align-items: center;
justify-content: center;
}
.carousel-nav .lqd-carousel-slides>svg {
display: inline-block;
margin: 0 0.25em;
}
.carousel-nav .lqd-carousel-slides .lqd-carousel-slides-total:before {
content: none;
}
.lqd-carousel-slides-total:before {
content: "/";
margin: 0 0.25em;
}
.lqd-carousel-slides-current {
width: 0.75em;
margin-top: -0.35em;
font-size: 2.1111111111em;
line-height: 1.15em;
-webkit-mask-image: linear-gradient(to right, transparent 0%, #000 22%, #000 78%, transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, #000 22%, #000 78%, transparent 100%);
}
.carousel-nav .lqd-carousel-slides-current {
margin-top: 0;
top: auto;
font-size: 1em;
line-height: 1;
}
.lqd-carousel-slides-current-inner span {
width: 0.75em;
text-indent: 0.05em;
}
@media screen and (max-width: 768px) {
.carousel-dots-desktop {
display: none !important;
}
}
.lqd-carousel-numbers-line {
font-size: 13px;
color: #000;
}
.lqd-carousel-numbers-line .flickity-page-dots,
.lqd-carousel-numbers-line svg {
margin-inline-start: 3em;
margin-inline-end: 3em;
}
.lqd-carousel-numbers-line .flickity-page-dots {
width: 200px;
display: flex;
justify-content: space-between;
position: absolute;
bottom: -6px;
}
.lqd-carousel-numbers-line .flickity-page-dots .dot {
flex: 1;
height: 12px;
border-radius: 0;
margin: 0;
color: inherit;
}
.lqd-carousel-numbers-line .flickity-page-dots .dot,
.lqd-carousel-numbers-line .flickity-page-dots .dot.is-selected {
opacity: 0;
background-color: currentColor;
}
.lqd-carousel-numbers-line .flickity-page-dots .dot:hover {
opacity: 0.1;
}
.lqd-carousel-numbers-line .lqd-carousel-slides {
justify-content: space-between;
}
.lqd-carousel-numbers-line .lqd-carousel-slides-current {
margin-top: 0;
width: 1.4em;
font-size: 1em;
-webkit-mask-image: none;
mask-image: none;
}
.lqd-carousel-numbers-line .lqd-carousel-slides-current-inner span {
width: 1em;
margin: 0 0.2em;
text-indent: 0;
}
.lqd-carousel-numbers-line .lqd-carousel-slides-total:before {
content: none;
}
.carousel-dots-vertical .carousel-dots .flickity-page-dots {
display: flex;
flex-direction: column;
justify-content: center;
}
.carousel-dots-vertical .carousel-dots .flickity-page-dots .dot {
margin: 8px 0;
}
.carousel-dots-vertical .carousel-dots .flickity-page-dots .dot:first-child {
margin-top: 0;
}
.carousel-dots-vertical .carousel-dots .flickity-page-dots .dot:last-child {
margin-bottom: 0;
}
.carousel-dots-sm .dot {
width: 9px;
height: 9px;
}
.carousel-dots-lg .dot {
width: 12px;
height: 12px;
}
.carousel-dots-style2 .dot {
background-color: #A4A4A4;
transition: background 0.3s;
}
.carousel-dots-style2 .dot:hover,
.carousel-dots-style2 .dot.is-selected {
transform: scale(1.35);
background-color: #000;
}
.carousel-dots-style3 .dot:before {
content: "";
display: inline-block;
position: absolute;
top: -1.5px;
left: -1.5px;
bottom: -1.5px;
right: -1.5px;
border: 3px solid;
border-radius: inherit;
transform: scale(0.5);
opacity: 0;
transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.15s;
}
.carousel-dots-style3 .dot:hover,
.carousel-dots-style3 .dot.is-selected {
background: transparent;
}
.carousel-dots-style3 .dot:hover:before,
.carousel-dots-style3 .dot.is-selected:before {
opacity: 1;
transform: scale(1);
}
.carousel-dots-style4 .dot {
width: 6px;
height: 6px;
background-color: rgba(23, 24, 26, 0.2);
}
.carousel-dots-style4 .dot:before {
width: 200%;
height: 200%;
top: -50%;
left: -50%;
border: none;
}
.carousel-dots-style4 .dot.is-selected {
width: 15px;
background-color: #17181a;
}
.carousel-dots-style4.carousel-dots-lg .dot.is-selected {
width: 25px;
}
.carousel-dots-mobile-left.carousel-dots-mobile .flickity-page-dots {
text-align: start;
}
.carousel-dots-mobile-right.carousel-dots-mobile .flickity-page-dots {
text-align: end;
}
@media screen and (max-width: 768px) {
.carousel-dots-desktop,
.lqd-carousel-slides-numbers,
.carousel-nav {
display: none !important;
}
.carousel-nav {
width: 100%;
position: relative !important;
top: auto !important;
left: auto !important;
bottom: auto !important;
right: auto !important;
justify-content: center !important;
transform: none !important;
}
.carousel-dots-mobile {
display: block;
width: 100%;
}
.carousel-dots-mobile .flickity-page-dots {
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
}
.carousel-dots-mobile .flickity-page-dots+.carousel-dots-from-options {
display: none;
}
}
@media screen and (max-width: 768px) {
.carousel-dots-mobile-inside.carousel-dots-mobile {
width: auto;
position: absolute;
bottom: 15px;
left: 45px;
right: 45px;
}
}
.flickity-viewport,
.flickity-slider {
width: 100% !important;
height: 100%;
}
.flickity-enabled .flickity-viewport,
.flickity-enabled .flickity-slider {
height: 100%;
}
.flickity-equal-cells .flickity-slider>.carousel-item {
min-height: 100%;
}
.flickity-equal-cells .carousel-item-content,
.flickity-equal-cells .carousel-item-inner {
min-height: inherit;
}
.flickity-enabled.is-fade .carousel-item {
pointer-events: none;
z-index: 0;
transition: none;
}
.flickity-enabled.is-fade .is-selected {
pointer-events: auto;
z-index: 1;
}
.carousel-items-random-v-offset .carousel-item.has-one-child .carousel-item-inner {
display: block;
flex-grow: 0;
}
.lqd-scroll-badge-container {
display: none;
}
.lqd-scroll-badge {
padding: 1em 1.25em;
margin-bottom: 25px;
box-shadow: 0 10px 25px -2px rgba(0, 0, 0, 0.1);
background-color: #fff;
font-size: 12px;
line-height: 1em;
color: #000;
}
.carousel-shadow-active .carousel-item-inner {
margin-bottom: 100px;
}
.carousel-shadow-active .carousel-item-content {
transition: box-shadow 0.3s;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.carousel-shadow-active .is-selected .carousel-item-content {
box-shadow: 0 50px 75px rgba(0, 0, 0, 0.1);
}
.carousel-shadow-all .carousel-item-inner {
margin-bottom: 100px;
}
.carousel-shadow-all .carousel-item-content {
box-shadow: 0 30px 45px -2px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 769px) {
.lqd-carousel-stack {
padding: 0;
margin-bottom: 80px;
position: relative;
}
.lqd-carousel-stack .carousel-items {
display: block;
overflow: visible;
width: 100%;
height: 100%;
perspective: 1200px;
perspective-origin: 50% 200%;
}
.lqd-carousel-stack .carousel-item {
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
cursor: pointer;
visibility: visible;
transform-origin: 50% -10%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translate3d(0, 0, -180px);
}
.lqd-carousel-stack .carousel-item>* {
margin: 0;
}
.lqd-carousel-stack .carousel-item.is-first,
.lqd-carousel-stack .carousel-item.is-second,
.lqd-carousel-stack .carousel-item.is-third {
opacity: 1;
}
.lqd-carousel-stack .lqd-carousel-handle {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.lqd-carousel-stack-btn {
width: 58px;
height: 58px;
border: none;
border-radius: 30px;
background: #fff;
position: absolute;
top: 50%;
z-index: 2;
cursor: pointer;
transform: translateY(-50%);
box-shadow: 0 15px 30px rgba(131, 150, 255, 0.25);
}
.lqd-carousel-stack-btn,
.lqd-carousel-stack-btn svg {
transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1), background 0.3s;
}
.lqd-carousel-stack-btn svg {
fill: currentColor;
transition: fill 0.3s;
}
.lqd-carousel-stack-btn:focus {
outline: none;
}
.lqd-carousel-stack-btn:hover {
transform: translate(var(--trans-val), -50%) scale(1.1);
background-color: var(--lqd-color-primary);
}
.lqd-carousel-stack-btn:hover svg {
fill: #fff;
}
.lqd-carousel-stack-prev {
left: -29px;
}
.lqd-carousel-stack-prev:hover {
--trans-val: -2px;
}
.lqd-carousel-stack-prev:hover svg {
transform: translateX(-3px);
}
.lqd-carousel-stack-next {
right: -29px;
--trans-val: 2px;
}
.lqd-carousel-stack-next:hover svg {
transform: translateX(3px);
}
}
@media screen and (max-width: 768px) {
.lqd-carousel-stack .carousel-items {
display: flex;
}
.lqd-carousel-stack .carousel-items:after {
content: "flickity";
display: none;
}
.lqd-carousel-stack .carousel-item {
width: 100%;
flex: 0 0 auto;
padding: 0 10px;
}
.lqd-carousel-stack .carousel-item-content {
white-space: normal;
}
.lqd-carousel-stack-nav {
display: none;
}
}
/*******************************************
7.11. Jquery UI
*******************************************/
.ui-widget {
font-family: inherit !important;
}
.ui-datepicker {
border-color: #f7f7f7 !important;
border-radius: 12px;
background-color: #fff;
box-shadow: 0 20px 70px rgba(0, 0, 0, 0.07);
}
.ui-datepicker table {
border: none;
}
.ui-datepicker table tr {
border: none;
}
.ui-datepicker .ui-datepicker-calendar {
margin-bottom: 0;
}
.ui-datepicker .ui-datepicker-calendar td {
padding: 5px;
text-align: center;
}
.ui-datepicker .ui-datepicker-calendar td a {
display: inline-block;
width: 30px;
height: 30px;
padding: 0;
background: none;
border: none;
font-size: 14px;
line-height: 30px;
border-radius: 50em;
text-align: center;
}
.ui-datepicker .ui-datepicker-calendar td a:hover {
background-color: var(--lqd-color-primary);
color: #fff;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-active,
.ui-datepicker .ui-datepicker-calendar td .ui-state-highlight {
color: #fff;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-highlight {
background-color: #666;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-active {
background-color: var(--lqd-color-primary);
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-active {
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12);
}
.ui-datepicker-header {
display: flex;
align-items: center;
background-color: #e9e9e9;
padding: 0.5em 1em;
justify-content: space-between;
border: none;
border-bottom: 1px solid #eee;
border-radius: 0;
background: none;
text-align: center;
}
.ui-datepicker-prev,
.ui-datepicker-next {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
border: none !important;
background: none !important;
cursor: pointer;
font-weight: 400;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
position: relative;
background: none !important;
font-size: 12px;
transition: transform 0.3s;
}
.ui-datepicker-prev span:before,
.ui-datepicker-next span:before {
content: none !important;
}
.ui-datepicker-prev {
order: 0;
}
.ui-datepicker-prev span:before {
content: "\e988";
}
.ui-datepicker-prev:hover span {
transform: translateX(-2px);
}
.ui-datepicker-next {
order: 2;
}
.ui-datepicker-next span:before {
content: "\e96e";
}
.ui-datepicker-next:hover span {
transform: translateX(2px);
}
.ui-datepicker-title {
order: 1;
}
.ui-front .ui-state-active,
.ui-front .ui-widget-content .ui-state-active,
.ui-front .ui-widget-header .ui-state-active,
.ui-front a.ui-button:active,
.ui-front .ui-button:active,
.ui-front .ui-button.ui-state-active:hover {
background-color: #ededed;
border-color: #ededed;
color: #000;
}
.ui-front .ui-selectmenu-button:active {
background-color: transparent;
color: #9c9eb1;
}
.ui-front .ui-widget.ui-widget-content {
border-color: #e4e4eb;
}
.ui-selectmenu-button {
display: flex;
width: 100%;
cursor: pointer;
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px 0.4em;
cursor: pointer;
}
.ui-selectmenu-menu {
display: none;
z-index: 10;
}
.ui-selectmenu-menu ul {
padding: 0;
margin: 0;
list-style: none;
background-color: #fff;
}
.lqd-select-dropdown {
width: 100%;
position: absolute;
top: 100%;
left: 0;
z-index: 99;
}
.lqd-select-dropdown .ui-selectmenu-menu {
font-size: 14px;
border-radius: 0 0 4px 4px;
}
.lqd-select-dropdown .ui-selectmenu-menu .ui-menu {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.lqd-select-dropdown .ui-selectmenu-menu .ui-widget.ui-widget-content {
border: none;
}
.ui-spinner-button {
color: #000;
}
.ui-selectmenu-open {
display: block;
}
.select2-container .select2-dropdown {
border-color: #d8dbe2;
}
/*******************************************
7.12. Contact form
*******************************************/
.lqd-contact-form {
--input-margin-bottom: 20px;
--inputs-margin: 0 0 var(--input-margin-bottom) 0;
}
.lqd-contact-form h1,
.lqd-contact-form h2,
.lqd-contact-form h3,
.lqd-contact-form h4,
.lqd-contact-form h5,
.lqd-contact-form h6 {
margin-top: 0;
}
.lqd-contact-form p {
margin-bottom: 0;
position: relative;
}
.lqd-contact-form p>label:only-child {
width: 100%;
margin-inline-end: 0;
}
.lqd-contact-form form>.lqd-cf-form-control:last-child {
margin-bottom: 0;
}
.lqd-contact-form form>.row>div:last-child .lqd-cf-form-control {
margin-bottom: 0;
}
.lqd-contact-form form .lqd-cf-not-valid-tip {
text-align: start;
}
.lqd-contact-form .lqd-cf-response-output {
margin: 15px 0 0;
}
.lqd-contact-form .form-message {
padding: 0.7em 1em;
border-radius: 4px;
}
.lqd-contact-form .form-message.form-success {
background-color: #00CB99;
color: #18302a;
}
.lqd-contact-form .form-message.form-error {
background-color: #fe8282;
color: #301818;
}
.lqd-contact-form .lqd-form-control-wrap {
display: block;
margin: var(--inputs-margin);
flex-grow: 1;
position: relative;
}
.lqd-contact-form select,
.lqd-contact-form input,
.lqd-contact-form textarea,
.lqd-contact-form .ui-button.ui-selectmenu-button {
display: flex;
width: 100%;
height: 50px;
position: relative;
align-items: center;
transition: all 0.3s;
}
.lqd-contact-form select::-webkit-input-placeholder,
.lqd-contact-form input::-webkit-input-placeholder,
.lqd-contact-form textarea::-webkit-input-placeholder,
.lqd-contact-form .ui-button.ui-selectmenu-button::-webkit-input-placeholder {
color: inherit;
}
.lqd-contact-form select::-moz-placeholder,
.lqd-contact-form input::-moz-placeholder,
.lqd-contact-form textarea::-moz-placeholder,
.lqd-contact-form .ui-button.ui-selectmenu-button::-moz-placeholder {
color: inherit;
}
.lqd-contact-form select:-moz-placeholder,
.lqd-contact-form input:-moz-placeholder,
.lqd-contact-form textarea:-moz-placeholder,
.lqd-contact-form .ui-button.ui-selectmenu-button:-moz-placeholder {
color: inherit;
}
.lqd-contact-form select:-ms-input-placeholder,
.lqd-contact-form input:-ms-input-placeholder,
.lqd-contact-form textarea:-ms-input-placeholder,
.lqd-contact-form .ui-button.ui-selectmenu-button:-ms-input-placeholder {
color: inherit;
}
.lqd-contact-form select:focus,
.lqd-contact-form input:focus,
.lqd-contact-form textarea:focus,
.lqd-contact-form .ui-button.ui-selectmenu-button:focus {
outline: none;
/* Remove by Ebi */
/* border-color: #9c9eb1;
color: #9c9eb1; */
}
.lqd-contact-form input[type=date] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.lqd-contact-form input[type=file] {
height: auto !important;
padding: 0 !important;
border: none !important;
background: none !important;
}
.lqd-contact-form input[type=submit],
.lqd-contact-form button[type=submit] {
display: inline-flex;
width: auto;
height: 50px;
margin-bottom: 0;
padding: 0 2.8em;
align-items: center;
transition: all 0.3s ease;
/* Delete by Ebi */
/* color: #fff; */
/* border: 1px solid var(--lqd-color-primary); */
/* background-color: var(--lqd-color-primary); */
}
.lqd-contact-form input[type=submit]:hover,
.lqd-contact-form button[type=submit]:hover {
transform: translateY(-1px);
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.125);
}
.text-center .lqd-contact-form input[type=submit],
.text-center .lqd-contact-form button[type=submit] {
margin-inline-start: auto;
margin-inline-end: auto;
}
.lqd-contact-form button[type=submit] i {
position: relative;
top: auto;
left: auto;
margin-top: 0;
transform: none;
}
.lqd-contact-form input[type=radio],
.lqd-contact-form input[type=checkbox] {
display: initial;
width: auto;
height: auto;
}
.lqd-contact-form select {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.lqd-contact-form select[multiple] {
padding: 0;
height: auto;
}
.lqd-contact-form select[multiple] option {
padding: 0.5em 2em;
}
.lqd-contact-form label {
font-weight: inherit;
margin-inline-end: 5px;
}
.lqd-contact-form textarea {
height: auto !important;
padding-top: 1em;
padding-bottom: 1em;
border-radius: 0 !important;
}
.lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon,
.lqd-contact-form i,
.lqd-contact-form svg {
display: inline-block;
position: absolute;
z-index: 2;
top: 50%;
right: calc(1em + 15px);
pointer-events: none;
transform: translateY(-50%);
}
.lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon~label,
.lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon~input,
.lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon~textarea,
.lqd-contact-form i~label,
.lqd-contact-form i~input,
.lqd-contact-form i~textarea,
.lqd-contact-form svg~label,
.lqd-contact-form svg~input,
.lqd-contact-form svg~textarea {
text-indent: 1em;
}
.lqd-contact-form .ajax-loader {
margin: 0;
position: absolute;
top: calc(50% - 8px);
right: 20px;
}
.lqd-contact-form .ui-selectmenu-button {
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-text {
flex: 1 auto;
}
.lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon {
order: 1;
background: none;
width: 1em;
height: 1em;
font-size: 1em;
}
.lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon:after {
content: "\ea2f";
display: inline-flex;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
align-items: center;
justify-content: center;
text-indent: 0;
font: normal 1.15em/1 "lqd-essentials";
}
.lqd-contact-form .ui-spinner {
width: 100%;
padding: 0;
border-radius: 0;
border: none;
}
.lqd-contact-form input.ui-spinner-input {
margin: 0;
box-shadow: none;
}
.lqd-contact-form a.ui-spinner-button {
border: none;
border-radius: 0;
background-color: transparent;
}
.lqd-contact-form a.ui-spinner-button:active {
background-color: #181b31;
}
.lqd-contact-form[class*=vc_custom_] {
background-color: transparent !important;
}
.lqd-cf-radio .lqd-cf-list-item {
margin-inline-start: 0;
}
.lqd-cf-radio .lqd-cf-list-item,
.lqd-cf-radio .lqd-cf-list-item>label {
display: flex;
position: relative;
}
.lqd-cf-radio .lqd-cf-list-item>label {
cursor: pointer;
}
.lqd-cf-radio .lqd-cf-list-item input[type=radio] {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
visibility: hidden;
}
.lqd-cf-radio .lqd-cf-list-item input[type=radio]:checked+.lqd-cf-list-item-label:after {
opacity: 1;
transform: scale(1);
}
.lqd-cf-radio .lqd-cf-list-item .lqd-cf-list-item-label {
padding-inline-start: calc(1em + 20px);
}
.lqd-cf-radio .lqd-cf-list-item .lqd-cf-list-item-label:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
position: absolute;
top: calc(50% - 10px);
left: 0;
border: 2px solid;
border-radius: 0.625em;
}
.lqd-cf-radio .lqd-cf-list-item .lqd-cf-list-item-label:after {
content: "";
display: inline-block;
position: absolute;
top: calc(50% - 5px);
left: 5px;
width: 10px;
height: 10px;
background-color: currentColor;
border-radius: 0.625em;
opacity: 0;
transform: scale(0);
transition: all 0.65s cubic-bezier(0.23, 1, 0.32, 1);
transition-property: transform, opacity;
}
.lqd-cf-spinner {
position: absolute;
top: calc(50% - 12px);
left: 30px;
margin: 0;
}
.lqd-cf-acceptance {
font-size: 0.8571428571em;
}
.lqd-cf-acceptance span.lqd-cf-list-item {
margin: 0;
}
.lqd-cf-acceptance label {
display: flex;
align-items: center;
line-height: 1.5em;
cursor: pointer;
}
.lqd-cf-acceptance .lqd-cf-list-item-label {
display: inline-flex;
position: relative;
padding-inline-start: 2.5em;
}
.lqd-cf-acceptance .lqd-cf-list-item-label:before,
.lqd-cf-acceptance .lqd-cf-list-item-label:after {
content: "";
display: inline-flex;
width: 1.7em;
height: 1.7em;
position: absolute;
top: 50%;
left: 0;
margin-top: -0.85em;
align-items: center;
justify-content: center;
}
.lqd-cf-acceptance .lqd-cf-list-item-label:before {
border: 1px solid #d5d6de;
}
.lqd-cf-acceptance .lqd-cf-list-item-label:after {
content: "\ea1b";
font: normal 1em/1 "lqd-essentials";
transform: scale(0);
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-cf-acceptance input {
width: 0;
height: 0;
margin: 0 1em 0 0 !important;
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.lqd-cf-acceptance input:checked+.lqd-cf-list-item-label:after {
transform: scale(1);
}
@media screen and (max-width: 768px) {
.lqd-cf-acceptance {
display: block;
margin-bottom: 15px;
}
}
@media screen and (max-width: 991px) {
.lqd-contact-form .row>div {
width: 100%;
}
}
.ui-widget {
font-family: inherit !important;
}
.ui-datepicker {
border-color: #f7f7f7 !important;
border-radius: 12px;
background-color: #fff;
box-shadow: 0 20px 70px rgba(0, 0, 0, 0.07);
}
.ui-datepicker table {
border: none;
}
.ui-datepicker table tr {
border: none;
}
.ui-datepicker .ui-datepicker-calendar {
margin-bottom: 0;
}
.ui-datepicker .ui-datepicker-calendar td {
padding: 5px;
text-align: center;
}
.ui-datepicker .ui-datepicker-calendar td a {
display: inline-block;
width: 30px;
height: 30px;
padding: 0;
background: none;
border: none;
font-size: 14px;
line-height: 30px;
border-radius: 50em;
text-align: center;
}
.ui-datepicker .ui-datepicker-calendar td a:hover {
background-color: var(--lqd-color-primary);
color: #fff;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-active,
.ui-datepicker .ui-datepicker-calendar td .ui-state-highlight {
color: #fff;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-highlight {
background-color: #666;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-active {
background-color: var(--lqd-color-primary);
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-active {
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12);
}
.ui-datepicker-header {
display: flex;
align-items: center;
background-color: #e9e9e9;
padding: 0.5em 1em;
justify-content: space-between;
border: none;
border-bottom: 1px solid #eee;
border-radius: 0;
background: none;
text-align: center;
}
.ui-datepicker-prev,
.ui-datepicker-next {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
border: none !important;
background: none !important;
cursor: pointer;
font-weight: 400;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
position: relative;
background: none !important;
font-size: 12px;
transition: transform 0.3s;
}
.ui-datepicker-prev span:before,
.ui-datepicker-next span:before {
content: none !important;
}
.ui-datepicker-prev {
order: 0;
}
.ui-datepicker-prev span:before {
content: "\e988";
}
.ui-datepicker-prev:hover span {
transform: translateX(-2px);
}
.ui-datepicker-next {
order: 2;
}
.ui-datepicker-next span:before {
content: "\e96e";
}
.ui-datepicker-next:hover span {
transform: translateX(2px);
}
.ui-datepicker-title {
order: 1;
}
.ui-front .ui-state-active,
.ui-front .ui-widget-content .ui-state-active,
.ui-front .ui-widget-header .ui-state-active,
.ui-front a.ui-button:active,
.ui-front .ui-button:active,
.ui-front .ui-button.ui-state-active:hover {
background-color: #ededed;
border-color: #ededed;
color: #000;
}
.ui-front .ui-selectmenu-button:active {
background-color: transparent;
color: #9c9eb1;
}
.ui-front .ui-widget.ui-widget-content {
border-color: #e4e4eb;
}
.ui-selectmenu-button {
display: flex;
width: 100%;
cursor: pointer;
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px 0.4em;
cursor: pointer;
}
.ui-selectmenu-menu {
display: none;
}
.ui-selectmenu-menu ul {
padding: 0;
margin: 0;
list-style: none;
background-color: #fff;
}
.lqd-select-dropdown {
width: 100%;
position: absolute;
top: 100%;
left: 0;
z-index: 99;
}
.lqd-select-dropdown .ui-selectmenu-menu {
font-size: 14px;
border-radius: 0 0 4px 4px;
}
.lqd-select-dropdown .ui-selectmenu-menu .ui-menu {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.lqd-select-dropdown .ui-selectmenu-menu .ui-widget.ui-widget-content {
border: none;
}
.ui-spinner-button {
color: #000;
}
.ui-selectmenu-open {
display: block;
}
.select2-container .select2-dropdown {
border-color: #d8dbe2;
}
.lqd-contact-form-inputs-filled select,
.lqd-contact-form-inputs-filled input,
.lqd-contact-form-inputs-filled textarea,
.lqd-contact-form-inputs-filled .ui-button.ui-selectmenu-button {
border: none;
}
.lqd-contact-form-inputs-underlined select,
.lqd-contact-form-inputs-underlined input,
.lqd-contact-form-inputs-underlined textarea,
.lqd-contact-form-inputs-underlined .ui-button.ui-selectmenu-button {
border-bottom-width: 1px;
border-top: none;
border-right: none;
border-left: none;
}
.lqd-contact-form-inputs-underlined .ui-button.ui-selectmenu-button .ui-selectmenu-icon,
.lqd-contact-form-inputs-underlined svg,
.lqd-contact-form-inputs-underlined i {
right: 15px;
}
.lqd-contact-form-inputs-underlined .ui-button.ui-selectmenu-button .ui-selectmenu-icon~label,
.lqd-contact-form-inputs-underlined .ui-button.ui-selectmenu-button .ui-selectmenu-icon~input,
.lqd-contact-form-inputs-underlined .ui-button.ui-selectmenu-button .ui-selectmenu-icon~textarea,
.lqd-contact-form-inputs-underlined svg~label,
.lqd-contact-form-inputs-underlined svg~input,
.lqd-contact-form-inputs-underlined svg~textarea,
.lqd-contact-form-inputs-underlined i~label,
.lqd-contact-form-inputs-underlined i~input,
.lqd-contact-form-inputs-underlined i~textarea {
text-indent: 2em;
}
.lqd-contact-form-inputs-round select,
.lqd-contact-form-inputs-round input,
.lqd-contact-form-inputs-round textarea,
.lqd-contact-form-inputs-round .ui-button.ui-selectmenu-button {
border-radius: 4px;
}
.lqd-contact-form-inputs-round input[type=submit],
.lqd-contact-form-inputs-round button[type=submit] {
border-radius: 4px;
}
.lqd-contact-form-inputs-circle select,
.lqd-contact-form-inputs-circle input,
.lqd-contact-form-inputs-circle textarea,
.lqd-contact-form-inputs-circle .ui-button.ui-selectmenu-button {
border-radius: 50em;
}
.lqd-contact-form-inputs-circle textarea {
border-radius: 15px !important;
}
.lqd-contact-form-inputs-circle input[type=submit],
.lqd-contact-form-inputs-circle button[type=submit] {
border-radius: 50em;
}
.lqd-contact-form-inputs-circle .ui-spinner-button {
right: 1em;
}
.lqd-contact-form-inputs-border-none select,
.lqd-contact-form-inputs-border-none input,
.lqd-contact-form-inputs-border-none textarea,
.lqd-contact-form-inputs-border-none .ui-button.ui-selectmenu-button {
border-width: 0;
}
.lqd-contact-form-inputs-border-none input[type=submit],
.lqd-contact-form-inputs-border-none button[type=submit] {
border-width: 0;
}
.lqd-contact-form-inputs-border-thick select,
.lqd-contact-form-inputs-border-thick input,
.lqd-contact-form-inputs-border-thick textarea,
.lqd-contact-form-inputs-border-thick .ui-button.ui-selectmenu-button {
border-width: 2px;
}
.lqd-contact-form-inputs-border-thick input[type=submit],
.lqd-contact-form-inputs-border-thick button[type=submit] {
border-width: 2px;
}
.lqd-contact-form-inputs-border-thicker select,
.lqd-contact-form-inputs-border-thicker input,
.lqd-contact-form-inputs-border-thicker textarea,
.lqd-contact-form-inputs-border-thicker .ui-button.ui-selectmenu-button {
border-width: 3px;
}
.lqd-contact-form-inputs-border-thicker input[type=submit],
.lqd-contact-form-inputs-border-thicker button[type=submit] {
border-width: 3px;
}
.lqd-contact-form-inputs-border-thin select,
.lqd-contact-form-inputs-border-thin input,
.lqd-contact-form-inputs-border-thin textarea,
.lqd-contact-form-inputs-border-thin .ui-button.ui-selectmenu-button {
border-width: 1px;
}
.lqd-contact-form-inputs-border-thin input[type=submit],
.lqd-contact-form-inputs-border-thin button[type=submit] {
border-width: 1px;
}
.lqd-contact-form-inputs-sm select,
.lqd-contact-form-inputs-sm input,
.lqd-contact-form-inputs-sm textarea,
.lqd-contact-form-inputs-sm .ui-button.ui-selectmenu-button {
height: 40px;
}
.lqd-contact-form-inputs-sm input[type=submit],
.lqd-contact-form-inputs-sm button[type=submit] {
height: 40px;
}
.lqd-contact-form-inputs-md select,
.lqd-contact-form-inputs-md input,
.lqd-contact-form-inputs-md textarea,
.lqd-contact-form-inputs-md .ui-button.ui-selectmenu-button {
height: 50px;
}
.lqd-contact-form-inputs-md input[type=submit],
.lqd-contact-form-inputs-md button[type=submit] {
height: 50px;
}
.lqd-contact-form-inputs-lg select,
.lqd-contact-form-inputs-lg input,
.lqd-contact-form-inputs-lg textarea,
.lqd-contact-form-inputs-lg .ui-button.ui-selectmenu-button {
height: 60px;
}
.lqd-contact-form-inputs-lg input[type=submit],
.lqd-contact-form-inputs-lg button[type=submit] {
height: 60px;
}
.lqd-contact-form-button-underlined input[type=submit],
.lqd-contact-form-button-underlined button[type=submit] {
padding-inline-start: 0;
padding-inline-end: 0;
border-width: 0;
border-bottom-width: 1px;
}
.lqd-contact-form-button-underlined input[type=submit]:hover,
.lqd-contact-form-button-underlined button[type=submit]:hover {
box-shadow: none;
transform: none;
}
.lqd-contact-form-button-round input[type=submit],
.lqd-contact-form-button-round button[type=submit] {
border-radius: 4px !important;
}
.lqd-contact-form-button-circle input[type=submit],
.lqd-contact-form-button-circle button[type=submit] {
border-radius: 50em !important;
}
.lqd-contact-form-button-border-none input[type=submit],
.lqd-contact-form-button-border-none button[type=submit] {
border-width: 0;
}
.lqd-contact-form-button-border-thick input[type=submit],
.lqd-contact-form-button-border-thick button[type=submit] {
border-width: 2px;
}
.lqd-contact-form-button-border-thicker input[type=submit],
.lqd-contact-form-button-border-thicker button[type=submit] {
border-width: 3px;
}
.lqd-contact-form-button-border-thin input[type=submit],
.lqd-contact-form-button-border-thin button[type=submit] {
border-width: 1px;
}
.lqd-contact-form-button-sm input[type=submit],
.lqd-contact-form-button-sm button[type=submit] {
height: 40px;
}
.lqd-contact-form-button-md input[type=submit],
.lqd-contact-form-button-md button[type=submit] {
height: 50px;
}
.lqd-contact-form-button-lg input[type=submit],
.lqd-contact-form-button-lg button[type=submit] {
height: 60px;
}
.lqd-contact-form-button-block input[type=submit],
.lqd-contact-form-button-block button[type=submit] {
width: 100%;
justify-content: center;
text-align: center;
}
/*******************************************
7.13. Countdown
*******************************************/
.countdown {
font-size: 5.3125em;
line-height: 1em;
font-weight: 600;
font-variant-numeric: tabular-nums;
}
.countdown .countdown-row {
display: flex;
}
.countdown .countdown-section {
display: inline-flex;
margin: 0 2%;
flex: 0 1;
flex-direction: column;
text-align: center;
position: relative;
}
.countdown .countdown-amount {
line-height: 1em;
}
.countdown .countdown-period {
margin-top: 0.5em;
font-size: 0.1764705882em;
line-height: 1em;
text-transform: uppercase;
opacity: 0.5;
}
@media screen and (max-width: 991px) {
.countdown .countdown-section {
flex-basis: 45%;
margin-top: 0.2352941176em;
margin-bottom: 0.2352941176em;
}
.countdown .countdown-section:nth-child(3)+.countdown-sep {
display: none;
}
}
@media screen and (max-width: 540px) {
.countdown .countdown-row {
flex-wrap: wrap;
justify-content: space-between;
}
.countdown .countdown-sep {
display: none;
}
}
@media screen and (min-width: 768px) {
.countdown-inline .countdown-section {
flex-direction: row;
align-items: center;
}
.countdown-inline .countdown-period {
margin-top: 0;
margin-inline-start: 10px;
}
}
/*******************************************
7.14. Counter
*******************************************/
.lqd-counter {
transition: color 0.3s, border 0.3s;
}
.lqd-counter-element {
line-height: 1em;
color: inherit;
}
.lqd-counter-element>span {
white-space: nowrap;
}
.lqd-counter-animator,
.lqd-animator-numbers,
.lqd-animator-numbers ul,
.lqd-animator-numbers li {
background: inherit;
}
.lqd-animator-numbers {
transform: translateZ(1px);
}
.lqd-counter-icon {
top: 20px;
right: 20px;
font-size: 23px;
line-height: 1;
}
.lqd-counter-overlay-bg {
background: linear-gradient(to bottom right, var(--lqd-color-gradient-start) 0%, var(--lqd-color-gradient-stop) 100%);
border-radius: inherit;
z-index: -1;
opacity: 0;
transform: scale(0.975);
transition: opacity 0.65s, transform 0.65s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-counter:hover .lqd-counter-overlay-bg {
opacity: 1;
transform: scale(1);
}
.lqd-counter-bordered {
padding: 30px 5%;
border: 1px solid #d8dbe2;
}
.lqd-counter-bordered .lqd-counter-text {
color: #a7a9b8;
}
.lqd-counter-solid {
background-color: #fff;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.lqd-counter-solid:hover {
color: #fff;
}
.lqd-counter-solid:hover .lqd-counter-text,
.lqd-counter-solid:hover .lqd-counter-element {
color: inherit;
}
/*******************************************
7.15. Custom menu
*******************************************/
.lqd-custom-menu {
transition: opacity 0.3s, visibility 0.3s;
}
.lqd-custom-menu .nav-item-children>li>a,
.lqd-custom-menu>ul>li>a {
display: flex;
align-items: center;
position: relative;
}
.lqd-custom-menu .nav-item-children {
top: 0;
left: 100%;
}
.lqd-custom-menu>ul:not(.inline-ul)>li {
display: flex;
width: 100%;
}
.lqd-custom-menu>ul>li {
position: relative;
flex-wrap: wrap;
}
.lqd-custom-menu>ul>li>a svg {
fill: currentColor;
}
.lqd-custom-menu>ul .link-sup {
display: inline-flex;
right: 0;
top: -2.5em;
}
.ld-sd-wrap .lqd-custom-menu>ul .link-sup {
top: -1em;
}
.lqd-custom-menu li.is-active>.nav-item-children {
pointer-events: auto;
}
.lqd-custom-menu .submenu-expander {
width: 30px;
height: 30px;
top: 50%;
right: 1.85em;
transform: translateY(-50%);
}
.lqd-custom-menu .submenu-expander .icon-ion-ios-arrow-down:before {
content: "\ea2c";
}
.lqd-stickybar-wrap .lqd-custom-menu li {
margin-inline-start: 0;
margin-inline-end: 0;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.lqd-custom-menu .submenu-expander {
right: 15px;
}
}
@media screen and (max-width: 479px) {
.lqd-custom-menu .submenu-expander {
right: 15px;
}
}
.main-header .lqd-custom-menu-dropdown {
position: absolute;
top: 100%;
left: 0;
min-width: 300px;
}
.lqd-custom-menu-dropdown-btn {
cursor: pointer;
white-space: nowrap;
transition: color 0.3s, background 0.3s, border 0.3s;
}
.main-header .lqd-custom-menu-dropdown-btn .expander-icon {
margin-inline-start: 1.5em !important;
}
.toggle-has-fill .lqd-custom-menu-dropdown-btn {
padding: 1em 1.5714285714em;
}
.link-icon {
margin-inline-end: 0.75em;
}
.link-icon svg {
width: 1em;
height: 1em;
}
.left-icon.icon-push-to-edge {
margin-inline-end: auto;
}
.right-icon {
order: 1;
margin-inline-start: 0.75em;
margin-inline-end: 0;
text-align: end;
}
.right-icon.icon-push-to-edge {
margin-inline-start: auto;
}
.menu-items-has-border>ul>li>a {
padding-top: 1em;
padding-bottom: 1em;
}
.menu-items-has-border>ul>li:not(:last-child)>a {
border-bottom: 1px solid #e8e8e8;
}
@media screen and (max-width: 479px) {
.menu-items-has-border>ul>li>a {
padding-top: 0.75em;
padding-bottom: 0.75em;
}
}
.menu-items-has-border>ul.inline-ul>li {
margin-inline-start: 0;
margin-inline-end: 0;
}
.menu-items-has-border>ul.inline-ul>li:not(:last-child) {
border-inline-end: 1px solid #e8e8e8;
}
.menu-items-has-border>ul.inline-ul>li:not(:last-child)>a {
border: none;
}
@media screen and (max-width: 479px) {
.menu-items-has-border>ul>li>a {
padding-top: 0.75em;
padding-bottom: 0.75em;
}
}
.menu-items-has-fill>ul>li>a {
padding: 1em 1.5714285714em;
}
@media screen and (max-width: 479px) {
.menu-items-has-fill>ul>li>a {
padding: 0.75em 15px;
}
}
.lqd-custom-menu-mobile-collapsible .lqd-custom-menu-dropdown-btn {
display: none !important;
padding: 1em 1.5714285714em;
border-bottom: 1px solid transparent;
}
.lqd-custom-menu-mobile-collapsible .lqd-custom-menu-dropdown-btn.is-active {
border-bottom-color: #e8e8e8;
}
@media screen and (min-width: 767px) {
.lqd-custom-menu-mobile-collapsible>ul {
display: block;
}
}
@media screen and (max-width: 768px) {
.lqd-custom-menu-mobile-collapsible .lqd-custom-menu-dropdown-btn {
display: flex !important;
}
.lqd-custom-menu-mobile-collapsible>ul {
display: none !important;
width: 100%;
flex-direction: column;
background-color: #fff;
}
.lqd-custom-menu-mobile-collapsible>ul>li {
width: 100% !important;
}
.lqd-custom-menu-mobile-collapsible>ul.collapsing,
.lqd-custom-menu-mobile-collapsible>ul.in {
display: block !important;
}
.lqd-custom-menu-mobile-collapsible.lqd-sticky-menu>ul {
position: absolute;
top: 100%;
left: 0;
}
}
.lqd-custom-menu[data-move-element]:not([data-inview]) {
opacity: 0;
visibility: hidden;
}
.lqd-custom-menu[data-move-element]:not([data-inview]).element-was-moved {
opacity: 1;
visibility: visible;
}
.lqd-sticky-menu {
width: 100%;
margin-inline-start: 0 !important;
margin-inline-end: 0 !important;
z-index: 20;
bottom: 0;
}
.lqd-sticky-menu>.inline-ul {
max-width: 1170px;
margin: 0 auto;
}
.lqd-sticky-menu>.inline-ul>li>a {
padding: 1em;
}
.lqd-sticky-menu>.inline-ul>li:first-of-type {
margin-inline-start: 0;
}
.lqd-sticky-menu>.inline-ul>li:last-of-type {
margin-inline-end: 0;
}
.lqd-custom-menu-expand-items>.inline-ul {
display: grid;
grid-auto-flow: column;
}
.lqd-custom-menu-expand-items.menu-items-has-border>.inline-ul>li>a,
.lqd-custom-menu-expand-items.menu-items-has-fill>.inline-ul>li>a {
padding: 0;
}
.lqd-sticky-menu .lqd-scrl-indc {
height: 3px;
border-radius: 2px;
}
.lqd-sticky-menu .lqd-scrl-indc .lqd-scrl-indc-inner,
.lqd-sticky-menu .lqd-scrl-indc .lqd-scrl-indc-line,
.lqd-sticky-menu .lqd-scrl-indc .lqd-scrl-indc-el {
border-radius: inherit;
}
.lqd-sticky-menu .lqd-scrl-indc .lqd-scrl-indc-el,
.lqd-sticky-menu .lqd-scrl-indc .lqd-scrl-indc-line {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.lqd-sticky-menu .lqd-scrl-indc .lqd-scrl-indc-el {
transform: scale(0);
transform-origin: left top;
}
.lqd-sticky-menu-floating {
width: auto;
padding: 5px;
position: fixed;
bottom: 3vh;
left: 50%;
border-radius: 50em;
z-index: 12;
transform: translate(-50%, 50%);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s, transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
box-shadow: 0 10px 35px -3px rgba(0, 0, 0, 0.1);
}
.lqd-sticky-menu-floating>ul>li {
border-radius: 2em;
}
.lqd-sticky-menu-floating>ul>li>a {
z-index: 2;
border-radius: inherit;
}
.lqd-sticky-menu-floating>ul.inline-ul>li {
padding: 0;
margin: 0 0.25em !important;
}
.lqd-sticky-menu-floating>ul.inline-ul>li>a {
padding: 0.5em 1em;
}
.lqd-sticky-menu-floating.is-in-view {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
}
@media screen and (max-width: 768px) {
.lqd-sticky-menu-floating {
min-width: 80vw;
}
.lqd-sticky-menu-floating>ul {
display: flex;
}
.lqd-sticky-menu-floating>ul>li {
flex-grow: 1;
margin: 0;
}
}
@media screen and (max-width: 540px) {
.lqd-sticky-menu-floating {
min-width: calc(100% - 6vh);
max-width: calc(100% - 2vh);
}
.lqd-sticky-menu-floating>ul>li>a {
font-size: 13px;
}
}
.lqd-sticky-menu-floating.lqd-custom-menu-expand-items {
width: 96vw;
}
.lqd-sticky-menu-floating.lqd-custom-menu-expand-items>.inline-ul {
max-width: none;
}
.lqd-sticky-menu-floating-vertical {
width: 46px;
padding: 16px 0;
border-radius: 25px;
position: fixed;
top: 50%;
bottom: auto;
background-color: #fff;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.07);
transform: translateY(-50%);
}
.lqd-sticky-menu-floating-vertical li {
display: flex !important;
align-items: center;
justify-content: center;
margin-inline-start: auto !important;
margin-inline-end: auto !important;
width: 29px !important;
height: 29px;
border-radius: 15px;
}
.lqd-sticky-menu-floating-vertical li.is-active a:after {
border-width: 2px;
transform: scale(1);
}
.lqd-sticky-menu-floating-vertical a {
align-items: center;
justify-content: center;
padding: 0 !important;
height: 100%;
border-radius: inherit;
position: static !important;
}
.lqd-sticky-menu-floating-vertical a:before,
.lqd-sticky-menu-floating-vertical a:after {
content: "";
display: inline-block;
text-indent: 0;
border-radius: inherit;
}
.lqd-sticky-menu-floating-vertical a:before {
width: 6px;
height: 6px;
background-color: currentColor;
transition: transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-sticky-menu-floating-vertical a:after {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 15px solid;
transform: scale(0.2);
transition: border 0.3s, transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-sticky-menu-floating-vertical a .link-txt {
position: absolute;
top: 50%;
right: 100%;
opacity: 0;
text-indent: 0;
margin-inline-end: 15px;
transform: translate(1em, -50%);
transition: opacity 0.3s, transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-sticky-menu-floating-vertical a:hover:before {
transform: scale(2);
}
.lqd-sticky-menu-floating-vertical a:hover .link-txt {
opacity: 1;
transform: translate(0, -50%);
}
.toggle-has-fill .lqd-custom-menu-dropdown-btn {
padding: 1em 1.5714285714em;
}
.lqd-menu-td-underline>ul>li>a {
text-decoration: underline;
}
@media (max-width: 767px) {
.lqd-sticky-menu-floating-vertical {
display: none;
}
}
/*******************************************
7.16. Fancy box
*******************************************/
.lqd-fb {
transition: transform 0.65s, box-shadow 0.65s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-fb .lqd-fb-content h2 a {
color: inherit;
}
@media screen and (max-width: 479px) {
.lqd-fb[class*=h-pt-] {
padding-top: 100%;
}
}
.lqd-fb-img img.h-100 {
height: 100% !important;
}
.lqd-fb-img figure {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.lqd-fb-content-overlay .lqd-fb-img {
opacity: 0;
transform: scale(1.075);
transition: transform 0.65s, opacity 0.65s;
}
.lqd-fb-content-overlay .lqd-fb-content p:last-child {
margin-bottom: 0 !important;
}
.lqd-fb-content-overlay.is-in-view .lqd-fb-img {
opacity: 1;
transform: scale(1);
}
.lqd-fb-zoom-img-onhover .lqd-fb-img figure img {
transition: transform 0.7s ease-out;
transform: scale(1.01);
}
.lqd-fb-zoom-img-onhover:hover .lqd-fb-img figure img {
transition-duration: 7s;
transform: scale(1.2);
}
.lqd-fb-hover-overlay {
opacity: 0;
transition: opacity 0.3s;
}
.lqd-fb:hover .lqd-fb-hover-overlay {
opacity: 1;
}
.lqd-fb-style-1 {
transition: transform 0.85s cubic-bezier(0.15, 0.95, 0.4, 1), box-shadow 0.3s;
}
.lqd-fb-style-1 .lqd-fb-content h6,
.lqd-fb-style-1 .lqd-fb-content h3,
.lqd-fb-style-1 .lqd-fb-content h2 {
color: #fff;
}
.lqd-fb-style-1 .lqd-fb-content p {
color: rgba(255, 255, 255, 0.85);
font-size: 0.9em;
}
.lqd-fb-style-1 .lqd-fb-content h6 {
display: inline-block;
line-height: 1.5em;
border-radius: 4px;
}
.lqd-fb-style-1 .lqd-fb-content h3 {
font-size: 16px;
line-height: 1.625em;
}
.lqd-fb-style-1 .lqd-fb-content h2 {
margin-bottom: 0;
}
.lqd-fb-style-1 .lqd-fb-bg {
height: 125%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 50%);
transform: translateY(2%);
transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-fb-style-1:hover {
transform: translateY(-3px);
box-shadow: 0 15px 80px rgba(0, 0, 0, 0.25);
}
.lqd-fb-style-1:hover .lqd-fb-bg {
transform: translateY(-20%);
}
.carousel-item .lqd-fb-style-1 {
margin-top: 3px;
margin-bottom: 35px;
}
.carousel-item .lqd-fb-style-1:hover {
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.25);
}
.lqd-fb-style-1-1 .lqd-fb-content-inner {
padding: 3rem 3rem 2rem;
}
.lqd-fb-style-1-1 .ld-slideelement-hidden {
opacity: 0;
transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-fb-style-1-1 .ld-slideelement-hidden {
margin-top: 1rem;
}
.lqd-fb-style-1-1:hover .ld-slideelement-hidden {
opacity: 1;
}
@media (max-width: 991px) {
.lqd-fb-style-1-1 .lqd-fb-content-inner {
padding: 1.5rem;
}
}
@media (max-width: 767px) {
.lqd-fb-style-1-2 .lqd-fb-content-holder {
width: 100%;
}
}
.lqd-fb-style-1-3 .lqd-fb-content h2 {
font-size: 31px;
font-weight: 400;
line-height: 1.2903225806em;
}
.lqd-fb-style-1-3 .lqd-fb-content h6 {
padding: 0 0 1em;
position: relative;
background: none;
font-size: 14px;
}
.lqd-fb-style-1-3 .lqd-fb-content h6:after {
content: "";
display: inline-block;
width: 11.5%;
height: 0.15em;
position: absolute;
bottom: 0;
left: 0;
background-color: currentColor;
}
.lqd-fb-style-1-3 .lqd-fb-content p {
font-size: 16px;
line-height: 1.5em;
color: rgba(255, 255, 255, 0.55);
}
@media (min-width: 992px) {
.lqd-fb-style-1-3 .lqd-fb-content-inner {
padding: 2rem;
}
}
.lqd-fb-style-2 .lqd-fb-content h2 {
font-size: 24px;
color: #fff;
}
.lqd-fb-style-2 .lqd-fb-bg {
background-color: rgba(0, 0, 0, 0.2);
opacity: 0;
transition: opacity 0.3s;
}
.lqd-fb-style-2 .element-uncovered .lqd-fb-bg {
opacity: 1;
}
@media (min-width: 992px) {
.lqd-fb-style-2 .lqd-fb-content-holder {
width: 100%;
}
.lqd-fb-style-2 .lqd-fb-content-inner {
padding: 2.5rem 3rem;
}
.lqd-fb-style-2 .lqd-fb-content-right {
text-align: end;
}
}
.lqd-fb-style-3 .lqd-fb-content h2,
.lqd-fb-style-3 .lqd-fb-content h6 {
color: #fff;
}
.lqd-fb-style-3 .lqd-fb-content h2 {
font-size: 18px;
}
.lqd-fb-style-3 .lqd-fb-content h6 {
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
}
.lqd-fb-style-3 .lqd-fb-bg {
background-color: #141618;
opacity: 0;
transition: opacity 0.3s;
}
.lqd-fb-style-3 .element-uncovered .lqd-fb-bg {
opacity: 1;
}
.lqd-fb-style-3:hover {
transform: translateY(-3px);
box-shadow: 0 15px 75px rgba(0, 0, 0, 0.35);
}
.lqd-fb-footer {
border-top: 1px solid rgba(0, 0, 0, 0.065);
}
.lqd-fb-style-4 {
background-color: #fff;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}
.lqd-fb-style-4 .lqd-fb-content h2 {
font-size: 20px;
}
.lqd-fb-style-4 .lqd-fb-content p {
font-size: 15px;
line-height: 1.6em;
letter-spacing: 0.01em;
}
.lqd-fb-style-4:hover {
transform: translateY(-5px);
box-shadow: 0 12px 45px rgba(0, 0, 0, 0.05);
}
.lqd-fb-style-5 {
background-color: #fff;
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.05);
}
.lqd-fb-style-5 .lqd-fb-content h2 {
font-size: 18px;
}
.lqd-fb-style-5 .lqd-fb-content p {
font-size: 14px;
line-height: 1.7857142857em;
}
.lqd-fb-style-5 .lqd-fb-content-left {
margin-inline-start: -5%;
margin-inline-end: -5%;
}
.lqd-fb-style-5 .lqd-fb-img {
margin-inline-start: -50%;
margin-inline-end: -25%;
}
.lqd-fb-style-5:hover {
transform: translateY(-5px);
box-shadow: 0 12px 45px rgba(0, 0, 0, 0.05);
}
.lqd-fb-shadow {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
box-shadow: 0 70px 200px rgba(0, 0, 0, 0.3);
transition: opacity 0.3s;
}
.carousel-item .lqd-fb-shadow {
box-shadow: 0 30px 50px -4px rgba(0, 0, 0, 0.3);
}
.lqd-fb-style-6 {
margin-bottom: 0;
transform: translateZ(0);
}
.lqd-fb-style-6 .lqd-fb-img,
.lqd-fb-style-6 .lqd-fb-img figure,
.lqd-fb-style-6 .lqd-fb-content {
transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-fb-style-6 .lqd-fb-content-wrap {
transform: perspective(1300px);
}
.lqd-fb-style-6 .lqd-fb-content {
transform: translate3d(0, 0, 1px) scale(1, 1);
}
.lqd-fb-style-6 .lqd-fb-img {
transform: scale(1, 1);
}
.lqd-fb-style-6 .lqd-fb-img figure {
transform: scale(1.125, 1.125);
}
.lqd-fb-style-6 .lqd-fb-content .lqd-fb-icon,
.lqd-fb-style-6 .lqd-fb-content h6,
.lqd-fb-style-6 .lqd-fb-content h2 {
color: #fff;
}
.lqd-fb-style-6 .lqd-fb-content h6 {
font-size: 12px;
letter-spacing: 0.1em;
opacity: 0.7;
transition: opacity 0.3s;
}
.lqd-fb-style-6 .lqd-fb-content h2 {
font-weight: 600;
}
.lqd-fb-style-6 .lqd-fb-content h2:last-child {
margin-bottom: 0 !important;
}
.lqd-fb-style-6 .lqd-fb-icon {
font-size: 38px;
transform: scale(0.925, 0.925);
opacity: 0;
transition: transform 0.3s, opacity 0.3s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-fb-style-6 .lqd-fb-icon:empty {
display: none;
}
.lqd-fb-style-6 .lqd-fb-bg {
background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 50%);
}
.lqd-fb-style-6 .liquid-overlay-link {
transform: translateZ(150px);
}
.lqd-fb-style-6:hover {
z-index: 2;
}
.lqd-fb-style-6:hover .lqd-fb-shadow {
opacity: 1;
}
.lqd-fb-style-6:hover .lqd-fb-content h6 {
opacity: 1;
}
.lqd-fb-style-6:hover .lqd-fb-icon {
transform: scale(1, 1);
opacity: 1;
}
.lqd-fb-style-6:hover .lqd-fb-img {
transform: scale(1.09, 1.09);
}
.lqd-fb-style-6:hover .lqd-fb-img figure {
transform: scale(1, 1);
}
.lqd-fb-style-6:hover .lqd-fb-content {
transform: translate3d(0, 0, 80px);
}
@media screen and (min-width: 1200px) {
.lqd-fb-style-6 .lqd-fb-content {
padding: 3rem 3.5rem;
}
.carousel-item .lqd-fb-style-6 .lqd-fb-content-inner {
padding: 30px 40px !important;
}
}
.lqd-fb-style-7 {
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05);
}
.lqd-fb-style-7 .lqd-fb-content i {
margin-inline-end: 0.75em;
}
.lqd-fb-style-7 .lqd-fb-content p {
margin-bottom: 0.75em;
}
.lqd-fb-style-7 .lqd-fb-content p:last-child {
margin-bottom: 0;
}
.lqd-fb-style-7 .lqd-fb-content h2 {
font-size: 26px;
line-height: 1.2307692308em;
}
.lqd-fb-style-7:hover {
transform: translateY(-5px);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
}
.lqd-fb-style-8 .lqd-fb-img {
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.13);
}
.lqd-fb-style-8 .lqd-fb-img figure {
transition: transform 0.45s ease-out;
transform: scale(1.01);
}
.lqd-fb-style-8 .lqd-fb-content {
z-index: 2;
}
.lqd-fb-style-8 .block-revealer,
.lqd-fb-style-8 .block-revealer__element {
border-radius: inherit;
}
.lqd-fb-style-8 .block-revealer__element {
background-color: #fff !important;
transition: box-shadow 0.3s;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.lqd-fb-style-8 .block-revealer__element:before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
border-radius: inherit;
background-color: var(--lqd-color-primary);
position: absolute;
top: 0;
left: 0;
opacity: 0;
transform: scale(0.95);
transition: opacity 0.45s, transform 0.45s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-fb-style-8 .block-revealer.element-uncovered .block-revealer__element {
box-shadow: 0 12px 45px rgba(0, 0, 0, 0.02);
}
.lqd-fb-style-8 .lqd-fb-content h2,
.lqd-fb-style-8 .lqd-fb-content .lqd-fb-icon {
transition: color 0.3s;
}
.lqd-fb-style-8 .lqd-fb-content h2 {
font-size: 19px;
line-height: 1.2631578947em;
color: var(--lqd-color-primary);
}
.lqd-fb-style-8 .lqd-fb-content .lqd-fb-icon {
font-size: 20px;
color: var(--lqd-color-secondary, #00CB99);
}
.lqd-fb-style-8:hover .lqd-fb-img figure {
transition-duration: 7s;
transform: scale(1.1);
}
.lqd-fb-style-8:hover .lqd-fb-content {
color: #fff;
}
.lqd-fb-style-8:hover .block-revealer__element:before {
opacity: 1;
transform: scale(1);
}
.lqd-fb-style-8:hover .lqd-fb-content h2,
.lqd-fb-style-8:hover .lqd-fb-content .lqd-fb-icon {
color: inherit;
}
@media screen and (min-width: 768px) {
.lqd-fb-style-8 .lqd-fb-content {
margin-top: -60px;
margin-inline-start: -28px;
}
.lqd-fb-style-8.lqd-fb-content-bc .lqd-fb-content {
margin-inline-start: 0;
left: 50%;
transform: translateX(-50%);
}
.lqd-fb-style-8.lqd-fb-content-br .lqd-fb-content {
margin-inline-start: auto;
margin-inline-end: -28px;
}
.lqd-fb-style-8.lqd-fb-content-mid .lqd-fb-content {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
@media screen and (max-width: 767px) {
.lqd-fb-style-8 .lqd-fb-img {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.lqd-fb-style-8 .lqd-fb-content {
width: 100%;
}
.lqd-fb-style-8 .lqd-fb-content-inner {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
.lqd-fb-style-9 {
box-shadow: 0 6px 40px rgba(0, 0, 0, 0.08);
transform: translateY(0);
transition: transform 0.65s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.3s;
}
.lqd-fb-style-9 .lqd-fb-content {
background-color: #fff;
}
.lqd-fb-style-9 .lqd-fb-content h2 {
margin-bottom: 0.5em;
}
.lqd-fb-style-9 .lqd-fb-content h2:only-child {
margin-bottom: 0;
}
.lqd-fb-style-9:hover {
transform: translateY(-4px);
box-shadow: 0 12px 50px rgba(0, 0, 0, 0.06);
}
.lqd-fb-style-10 .lqd-fb-content h2,
.lqd-fb-style-10 .lqd-fb-content .lqd-fb-title i {
font-weight: 500;
color: var(--lqd-color-primary);
font-size: 1em;
}
.lqd-fb-style-10 .lqd-fb-content h2 {
display: inline-block;
}
.lqd-fb-style-10 .lqd-fb-title i {
font-weight: inherit;
opacity: 0;
transform: translateX(calc(1em - 100%));
transition: transform 0.5s, opacity 0.5s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
vertical-align: middle;
}
.lqd-fb-style-10:hover .lqd-fb-title i {
opacity: 1;
transform: translateX(1em, -50%);
}
.lqd-fb-style-11 .lqd-fb-img figure {
border: 15px solid #fff;
box-shadow: 0 22px 50px rgba(0, 0, 0, 0.08);
}
.lqd-fb-style-11 .lqd-fb-img img {
width: auto;
transform: scale(1);
transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-fb-style-11 .lqd-fb-icn {
display: inline-flex;
width: 44px;
height: 44px;
position: relative;
top: -20px;
margin-top: -100%;
border-radius: 22px;
align-items: center;
justify-content: center;
background-color: #fff;
color: #000;
}
.lqd-fb-style-11 .lqd-fb-content h2 {
font-size: 22px;
transition: color 0.3s, transform 0.85s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-fb-style-11:hover .lqd-fb-content h2 {
color: var(--lqd-color-primary);
text-decoration: underline;
transform: translateY(10%);
}
.lqd-fb-style-11:hover .lqd-fb-img img {
transform: scale(1.1);
}
@media screen and (min-width: 1200px) {
.lqd-fb-style-11 h2 {
width: 60%;
margin: 0 auto;
}
}
/*******************************************
7.17. Fancy heading
*******************************************/
.ld-fancy-heading>ul,
.ld-fancy-heading>ol {
padding: 0;
margin: 0;
list-style-position: inside;
}
.ld-fh-element {
vertical-align: middle;
transition: color 0.3s;
display: inline-block;
}
.ld-fh-element .h1,
.ld-fh-element .h2,
.ld-fh-element .h3,
.ld-fh-element .h4,
.ld-fh-element .h5,
.ld-fh-element .h6 {
font-size: 1em;
text-transform: inherit;
letter-spacing: normal;
font-weight: inherit;
}
.ld-fh-element small {
display: inline-block;
}
.ld-fh-element> :last-child {
margin-bottom: 0;
}
.ld-gradient-heading,
.gradient-word {
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
text-fill-color: transparent !important;
}
.ld-gradient-heading .txt-rotate-keywords,
.ld-gradient-heading .txt-rotate-keyword,
.ld-gradient-heading .split-unit,
.ld-gradient-heading .split-inner,
.ld-gradient-heading .split-inner>i {
background: inherit;
}
.e--ua-safari .ld-gradient-heading .fas,
.e--ua-safari .ld-gradient-heading .far,
.e--ua-safari .ld-gradient-heading .fab,
.e--ua-safari .ld-gradient-heading .fa,
.e--ua-safari .ld-gradient-heading .lqd-icn-ess {
background: inherit;
}
.mask-text .split-unit {
overflow: hidden;
}
.ld-fh-txt-outline {
position: absolute;
top: 0;
left: 0;
color: transparent;
opacity: 0;
-webkit-text-stroke: 2px #000;
transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.ld-fh-outline-static .ld-fh-element {
color: transparent;
}
.ld-fh-outline-static .ld-fh-txt-outline {
opacity: 1;
}
.ld-fh-outline:hover .ld-fh-txt-outline {
opacity: 1;
}
@media (max-width: 767px) {
.ld-fh-element.text-vertical {
writing-mode: unset;
transform: none;
}
}
/*******************************************
7.18. Fancy image
*******************************************/
.lqd-imggrp-img-container {
max-width: 100%;
}
.lqd-imggrp-img-container,
.lqd-imggrp-single,
.lqd-imggrp-single .lqd-imggrp-img-container,
.lqd-imggrp-single figure {
border-radius: inherit;
}
.lqd-imggrp-single {
transition: transform 0.65s cubic-bezier(0.05, 0.7, 0.2, 1), opacity 0.3s;
}
.lqd-imggrp-single figure {
display: inline-block;
margin: 0 !important;
}
.lqd-imggrp-single figure:empty {
display: none;
}
@media screen and (max-width: 991px) {
.lqd-imggrp-img-container {
flex-direction: column;
}
.lqd-imggrp-content {
order: 2;
margin-top: 1em;
}
.lqd-imggrp-content:not(.lqd-imggrp-content-fixed-in).lqd-imggrp-content-fixed {
writing-mode: inherit;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
transform: none !important;
}
.lqd-imggrp-content:not(.lqd-imggrp-content-fixed-in).lqd-imggrp-content-fixed .lqd-imggrp-content-inner {
transform: none;
}
}
.lqd-imggrp-content {
transition: opacity 0.65s, visibility 0.65s, transform 1s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-delay: 0.2s;
}
.lqd-imggrp-content-fixed {
writing-mode: vertical-rl;
bottom: 0;
min-width: 1em;
max-height: 50%;
color: #000;
}
.lqd-imggrp-content-fixed .lqd-imggrp-content-inner {
transform: rotate(180deg);
}
.lqd-imggrp-content-fixed p {
flex-grow: 1;
}
.lqd-imggrp-content-fixed p a {
color: inherit;
}
.lqd-imggrp-content-fixed strong {
font-size: 1.1875em;
margin-bottom: 0.5em;
font-weight: inherit;
text-decoration: underline;
}
[data-reveal] .lqd-imggrp-content {
opacity: 0;
visibility: hidden;
}
.element-uncovered .lqd-imggrp-content {
opacity: 1;
visibility: visible;
}
[data-reveal]:not(.element-uncovered) .lqd-imggrp-content-fixed-left .lqd-imggrp-content-inner {
transform: rotate(180deg) translateY(-4em) translateX(1em);
}
.lqd-imggrp-content-fixed-left {
left: 0;
margin-block-start: 0.75em;
}
[data-reveal]:not(.element-uncovered) .lqd-imggrp-content-fixed-left .lqd-imggrp-content-inner {
transform: rotate(180deg) translateY(-4em) translateX(1em);
}
[data-reveal]:not(.element-uncovered) .lqd-imggrp-content-fixed-right .lqd-imggrp-content-inner {
transform: rotate(180deg) translateY(-4em) translateX(-1em);
}
.lqd-imggrp-content-fixed-right {
order: 1;
right: 0;
margin-block-end: 0.75em;
}
.lqd-imggrp-content-fixed-in {
justify-content: flex-start;
margin: 0;
min-height: 45%;
max-height: 100%;
position: absolute;
z-index: 3;
}
.lqd-imggrp-content-fixed-in p {
padding: 1.25em 0.65em;
}
[data-reveal]:not(.element-uncovered) .lqd-imggrp-content-fixed-in.lqd-imggrp-content-fixed-left .lqd-imggrp-content-inner {
transform: translateX(-1em);
}
[data-reveal]:not(.element-uncovered) .lqd-imggrp-content-fixed-in.lqd-imggrp-content-fixed-right .lqd-imggrp-content-inner {
transform: translateX(1em);
}
@keyframes lqdFIFloatOne {
0% {
transform: translateY(var(--float-animate-from, 0%));
}
100% {
transform: translateY(var(--float-animate-to, 3%));
}
}
.lqd-imggrp-single[data-float] {
--float-animation-ease: ease;
--float-animate-from: 0%;
--float-animate-to: 3%;
--float-delay: 0s;
animation: lqdFIFloatOne 1s var(--float-animation-ease) infinite alternate;
animation-delay: var(--float-delay);
}
.lqd-imggrp-single[data-shadow-style="1"] figure {
box-shadow: 0 25px 30px rgba(0, 0, 0, 0.07);
}
.lqd-imggrp-single[data-shadow-style="2"] figure {
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
}
.lqd-imggrp-single[data-shadow-style="3"] figure {
box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);
}
.lqd-imggrp-single[data-shadow-style="4"] figure {
box-shadow: 0 30px 100px rgba(0, 0, 0, 0.17);
}
.lqd-imggrp-single[data-animate-shadow] figure {
box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
transition: box-shadow 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}
.lqd-imggrp-single[data-animate-shadow] img {
opacity: 0.00000001;
transition: opacity 0.65s cubic-bezier(0.5, 1, 0.5, 1);
}
.lqd-imggrp-single[data-animate-shadow].is-in-view img {
opacity: 1;
transition-delay: 0.35s;
}
.lqd-imggrp-single[data-animate-shadow].is-in-view img.ld-lazyload {
opacity: 0.00000001;
}
.lqd-imggrp-single[data-animate-shadow].is-in-view img.ld-lazyload.loaded {
opacity: 1;
}
.lqd-imggrp-single[data-animate-shadow][data-shadow-style="1"].is-in-view figure {
box-shadow: 0 25px 30px rgba(0, 0, 0, 0.07);
}
.lqd-imggrp-single[data-animate-shadow][data-shadow-style="2"].is-in-view figure {
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
}
.lqd-imggrp-single[data-animate-shadow][data-shadow-style="3"].is-in-view figure {
box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15);
}
.lqd-imggrp-single[data-animate-shadow][data-shadow-style="4"].is-in-view figure {
box-shadow: 0 30px 100px rgba(0, 0, 0, 0.17);
}
/*******************************************
7.19. Filter items
*******************************************/
.liquid-filter-items {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 1.5em;
color: #16171e;
}
.liquid-filter-items .carousel-nav,
.liquid-filter-items .btn {
margin-inline-start: auto;
}
.liquid-filter-items .btn {
margin-bottom: 0.5em;
}
.lqd-lp-carousel-header .liquid-filter-items .btn,
.lqd-pf-carousel-header .liquid-filter-items .btn {
margin-inline-start: 0;
}
.liquid-filter-items-inner {
display: inherit;
flex-wrap: inherit;
align-items: inherit;
justify-content: inherit;
}
.liquid-filter-items-inner:only-child {
width: 100%;
}
.filter-list {
padding: 0;
margin: 0 0 30px;
list-style: none;
}
.filter-list li {
margin-bottom: 0.5em;
position: relative;
color: #b8beca;
cursor: pointer;
transition: color 0.3s;
}
.filter-list li span {
display: inline-block;
}
.filter-list li.active,
.filter-list li:hover {
color: #16171e;
}
.lqd-filter-dropdown {
position: relative;
}
.lqd-filter-dropdown:last-child,
.lqd-filter-dropdown .lqd-select-dropdown,
.lqd-filter-dropdown .ui-selectmenu-menu,
.lqd-filter-dropdown .ui-button {
width: 100%;
min-width: 200px;
}
.lqd-filter-dropdown .lqd-select-dropdown {
position: absolute;
top: 100%;
left: 0;
z-index: 99;
}
.lqd-filter-dropdown .ui-menu-item-wrapper {
padding: 0.25em 0.75em;
}
.lqd-filter-dropdown .ui-selectmenu-menu {
display: none;
background-color: #fff;
font-size: 1em;
line-height: 1.5em;
}
.lqd-filter-dropdown .ui-menu {
box-shadow: 0 10px 32px rgba(0, 0, 0, 0.25);
padding: 0.5em 0;
}
.lqd-filter-dropdown .ui-button {
display: flex;
justify-content: space-between;
width: 100% !important;
padding: 0.5em 0;
border-radius: 0;
color: #000;
}
.lqd-filter-dropdown .ui-button,
.lqd-filter-dropdown .ui-button:active,
.lqd-filter-dropdown .ui-button:focus {
border: none;
border-bottom: 1px solid #000;
background: none;
outline: none;
}
.lqd-filter-dropdown .ui-button:active {
color: #000;
}
.lqd-filter-dropdown .ui-selectmenu-icon {
order: 1;
background: none !important;
text-indent: 0;
}
.lqd-filter-dropdown .ui-selectmenu-icon:before {
content: "\ea2f";
display: inline-flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
font: normal 1em/1 "lqd-essentials";
}
.lqd-filter-dropdown .ui-selectmenu-open {
display: block;
}
.lqd-filter-dropdown .ui-selectmenu-button-open .ui-selectmenu-icon:before {
content: "\ea2b";
}
@media screen and (min-width: 992px) {
.liquid-filter-items.items-center .filter-list {
margin-bottom: 0;
}
}
@media screen and (max-width: 991px) {
.liquid-filter-items-inner {
width: 100%;
}
.liquid-filter-items-inner+.carousel-nav {
margin-top: 0 !important;
}
.liquid-filter-items-label {
margin-inline-end: 15px;
}
.liquid-filter-items-label+.filter-list {
margin-inline-start: 0;
}
}
@media screen and (max-width: 767px) {
.filter-list li {
margin-bottom: 1em;
text-align: center;
}
}
@media screen and (max-width: 768px) {
.liquid-filter-items-inner {
margin-inline-start: auto;
margin-inline-end: auto;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.lqd-lp-carousel-header .liquid-filter-items-inner,
.lqd-pf-carousel-header .liquid-filter-items-inner {
max-width: none;
}
.liquid-filter-items-label {
order: 0;
}
.liquid-filter-items-label~.lqd-filter-dropdown {
width: 100%;
order: 2;
margin-top: 15px;
}
.lqd-filter-dropdown {
width: 47%;
order: -1;
}
.lqd-filter-dropdown .ui-selectmenu-button {
min-width: 0;
}
.lqd-pf-carousel-header>.btn,
.liquid-filter-items-inner>.btn {
order: 1;
margin: 0 !important;
}
.lqd-pf-carousel-header>.btn>span,
.liquid-filter-items-inner>.btn>span {
width: 100%;
}
.lqd-pf-carousel-header .liquid-filter-items-label~.lqd-filter-dropdown,
.lqd-lp-carousel-header .liquid-filter-items-label~.lqd-filter-dropdown {
margin-top: 2.5em;
}
}
.filter-list-inline li {
display: inline-block;
}
@media screen and (min-width: 992px) {
.filter-list-inline li+li {
margin-inline-start: 2.5em;
}
}
@media screen and (max-width: 991px) {
.filter-list-inline li {
margin: 0 0.5em;
}
}
.filter-list.size-sm {
font-size: 12px;
}
.filter-list.size-md {
font-size: 18px;
}
.filter-list.size-lg {
font-size: 24px;
}
.filter-list-decorated li>span {
position: relative;
}
.filter-list-decorated li>span:after {
content: "";
height: 0.0909090909em;
min-height: 1px;
position: absolute;
background-color: #16171e;
transform-origin: right center;
transition: transform 0.3s;
transform: scaleX(0);
}
.filter-list-decorated li.active span:after,
.filter-list-decorated li:hover span:after {
transform: scaleX(1);
transform-origin: left center;
}
.filters-line-through li>span:after {
width: 110%;
top: 50%;
left: -5%;
margin-top: -0.0454545455em;
}
.filters-underline li>span:after {
bottom: -0.5833333333em;
left: 0;
width: 100%;
height: 0.1666666667em;
min-height: 2px;
}
.filters-underline-alt li>span:after {
bottom: 0.15em;
height: 0.0666666667em;
min-height: 1px;
}
.liquid-filter-items-label {
line-height: 1;
}
.liquid-filter-items-label+.filter-list li {
margin-bottom: 0;
}
.liquid-filter-items-label+.filter-list {
margin-inline-start: 1.5em;
margin-bottom: 0;
}
@media (max-width: 768px) {
.liquid-filter-items-label {
margin-bottom: 0.5em;
}
}
.liquid-filter-items-label.size-sm {
font-size: 13px;
}
.liquid-filter-items-label.size-md {
font-size: 15px;
}
.liquid-filter-items-label.size-lg {
font-size: 18px;
}
.liquid-filter-items-label.size-xl {
font-size: 22px;
line-height: 1;
}
.liquid-filter-items-label.size-xxl {
font-size: 26px;
letter-spacing: -0.025em;
}
.filter-list-style-1 span {
transition: transform 0.4s cubic-bezier(0.4, 1, 0.5, 1);
}
.filter-list-style-1 li {
margin-bottom: 2em;
}
.filter-list-style-1 li:before {
content: "";
display: inline-block;
width: 2px;
height: 1.2em;
position: absolute;
top: 50%;
left: 0;
margin-top: -0.6em;
background-image: linear-gradient(to bottom, var(--lqd-color-gradient-start) 0%, var(--lqd-color-gradient-stop) 100%);
opacity: 0;
transform: translateX(-5px);
transition: transform 0.3s cubic-bezier(0.4, 1, 0.5, 1), opacity 0.3s cubic-bezier(0.4, 1, 0.5, 1);
}
.filter-list-style-1 li.active:before,
.filter-list-style-1 li:hover:before {
opacity: 1;
transform: translateX(0);
transition-delay: 0.05s;
}
.filter-list-style-1 li.active span,
.filter-list-style-1 li:hover span {
transform: translateX(15px);
}
.filter-list-scheme-light li {
color: rgba(255, 255, 255, 0.5);
}
.filter-list-scheme-light li.active,
.filter-list-scheme-light li:hover {
color: #fff;
}
/*******************************************
7.20. Flipbox
*******************************************/
.ld-flipbox-inner,
.ld-flipbox-face,
.ld-flipbox-wrap {
min-height: inherit;
border-radius: inherit;
}
.ld-flipbox-inner :last-child {
margin-bottom: 0;
}
.ld-flipbox-face {
background-size: cover;
background-position: center;
background-color: var(--lqd-color-primary);
}
.ld-flipbox-front .ld-flipbox-face {
display: grid;
grid-auto-columns: 1fr;
}
.ld-flipbox-front .ld-flipbox-inner {
transform: translate3d(0, 0, 60px) scale(0.85);
}
.ld-flipbox-back {
transform: rotateY(180deg) translateZ(1px);
}
.ld-flipbox-back .ld-flipbox-inner {
transform: translate3d(0, 0, 60px) scale(0.95);
}
.ld-flipbox-wrap {
transition-property: box-shadow, transform;
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ld-flipbox {
min-height: 270px;
}
.ld-flipbox:hover .ld-flipbox-wrap {
transform: rotateY(180deg);
transform-origin: 50% 50% !important;
}
@media screen and (max-width: 768px) {
.ld-flipbox-inner {
padding: 35px;
}
}
@media screen and (max-width: 479px) {
.ld-flipbox-inner {
padding: 25px;
}
}
.ld-flipbox-bt .ld-flipbox-back {
transform: rotateY(-180deg) rotateZ(-180deg);
}
.ld-flipbox-bt.ld-flipbox-shadow:hover .ld-flipbox-wrap {
box-shadow: 0 -50px 60px rgba(0, 0, 0, 0.15);
}
.ld-flipbox:hover.ld-flipbox-bt .ld-flipbox-wrap {
transform: rotateX(180deg);
}
.ld-flipbox:hover.ld-flipbox-rl .ld-flipbox-wrap {
transform: rotateY(-180deg);
}
.ld-flipbox-tb .ld-flipbox-back {
transform: rotateY(-180deg) rotateZ(-180deg);
}
.ld-flipbox:hover.ld-flipbox-tb .ld-flipbox-wrap {
transform: rotateX(-180deg);
}
.ld-flipbox-shadow .ld-flipbox-wrap {
box-shadow: 0 50px 60px rgba(0, 0, 0, 0.15);
}
.ld-flipbox-tb.ld-flipbox-shadow:hover .ld-flipbox-wrap {
box-shadow: 0 -50px 60px rgba(0, 0, 0, 0.15);
}
.ld-flipbox-bt.ld-flipbox-shadow:hover .ld-flipbox-wrap {
box-shadow: 0 -50px 60px rgba(0, 0, 0, 0.15);
}
.ld-flipbox:hover.ld-flipbox-shadow-onhover .ld-flipbox-wrap {
box-shadow: 0 50px 60px rgba(0, 0, 0, 0.15);
}
.ld-flipbox:hover.ld-flipbox-shadow-onhover.ld-flipbox-bt .ld-flipbox-wrap {
box-shadow: 0 -50px 60px rgba(0, 0, 0, 0.15);
}
.ld-flipbox:hover.ld-flipbox-shadow-onhover.ld-flipbox-tb .ld-flipbox-wrap {
box-shadow: 0 -50px 60px rgba(0, 0, 0, 0.15);
}
/*******************************************
7.21. Fullscreen project
*******************************************/
.lqd-fullproj-media {
opacity: 0;
z-index: var(--lqd-z-index, 20);
transition: opacity 0.3s, transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-fullproj-title {
z-index: 1085;
transition: opacity 0.3s;
mix-blend-mode: difference;
}
.lqd-fullproj-menu {
font-size: 5vw;
text-transform: uppercase;
}
.lqd-fullproj-menu small {
margin-inline-start: -0.15em;
font-size: 0.2727272727em;
line-height: 1;
font-weight: inherit;
color: inherit;
}
.lqd-fullproj-menu a {
color: #fff;
}
.lqd-fullproj-menu li {
margin-inline-end: 0.2em;
}
.lqd-fullproj-menu li.lqd-is-active .lqd-fullproj-title {
opacity: 1 !important;
}
.lqd-fullproj-menu li.lqd-is-active .lqd-fullproj-media {
opacity: 1;
}
.lqd-fullproj-menu:hover .lqd-fullproj-title {
opacity: 0.1;
}
.lqd-fullproj-scrn-inner {
display: grid;
padding: 4rem 7vw;
min-height: 100vh;
}
.lqd-fullproj-scrn {
top: 0;
left: 0;
transition: opacity 0.3s, visibility 0.3s;
}
.lqd-fullproj-scrn img,
.lqd-fullproj-scrn video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
object-fit: cover;
object-position: center;
}
.lqd-fullproj-scrn button.nav-trigger {
position: absolute;
top: 30px;
right: 30px;
z-index: 885;
mix-blend-mode: difference;
}
.lqd-fullproj-scrn button.nav-trigger .bar {
background-color: #fff;
}
.lqd-fullproj-scrn button.nav-trigger .txt {
display: none;
}
.lqd-fullproj-scrn.pos-fix {
width: 100vw;
height: 100vh !important;
background-color: #fff;
z-index: 110;
opacity: 0;
visibility: hidden;
}
/* Add by Ebi */
.lqd-fullproj-scrn.pos-fix.in,
.lqd-fullproj-scrn.pos-fix.show {
opacity: 1;
visibility: visible;
}
.lqd-stickybar-wrap .lqd-fullproj-trigger,
.lqd-stickybar-wrap .lqd-fullproj-scrn {
writing-mode: horizontal-tb;
}
@media (min-width: 768px) {
.lqd-fullproj-scrn-inner {
padding: 2rem;
}
}
@media (min-width: 992px) {
.lqd-fullproj-scrn-inner {
padding: 4rem;
}
}
/*******************************************
7.22. Google maps
*******************************************/
.ld-gmap-contents {
padding: 45px;
color: #ccc;
background-color: rgba(0, 0, 0, 0.65);
-webkit-backdrop-filter: blur(10px) saturate(180%);
backdrop-filter: blur(10px) saturate(180%);
}
.ld-gmap-contents h3 {
margin: 0;
color: inherit;
}
.ld-gmap-contents>h3 {
margin-bottom: 30px;
font-size: 26px;
font-weight: 700;
color: #fff;
}
.ld-gmap-contents .iconbox {
max-width: 75%;
margin-bottom: 20px;
justify-content: flex-start;
}
@media screen and (min-width: 992px) {
.ld-gmap-contents {
max-width: 40%;
border-radius: 8px;
position: absolute;
top: 50%;
right: 6%;
transform: translateY(-50%);
}
}
@keyframes markerWave {
0% {
transform: scale(1);
opacity: 0.8;
}
20% {
opacity: 0.8;
}
100% {
transform: scale(5.5);
opacity: 0;
}
}
.lqd-custom-map-marker {
width: 18px;
height: 18px;
background-color: var(--lqd-color-primary);
border-radius: 4em;
}
.lqd-custom-map-marker div {
opacity: 1;
background-color: var(--lqd-color-primary);
border-radius: inherit;
}
.lqd-custom-map-marker>div:first-child {
animation: markerWave 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
}
.lqd-custom-map-marker>div:first-child+div {
animation: markerWave 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards;
}
/*******************************************
7.23. Highlight
*******************************************/
.lqd-highlight,
.lqd-highlight-txt {
background: inherit;
}
.lqd-highlight-txt {
position: relative;
z-index: 1;
}
.lqd-highlight-inner {
width: 100%;
height: 100%;
opacity: 0;
z-index: 0;
position: absolute;
display: inline-block;
transition-delay: inherit;
transform-origin: left center;
transition: transform 0.85s, opacity 0.85s, height 0.45s, bottom 0.45s, color 0.45s;
transition-timing-function: cubic-bezier(0.3, 0.8, 0.35, 1);
}
.lqd-highlight {
display: inline-block;
padding: 0 0.125em;
position: relative;
color: inherit;
}
.lqd-highlight-custom .lqd-highlight .lqd-highlight-inner,
.lqd-highlight-grow-left .lqd-highlight .lqd-highlight-inner,
.lqd-highlight-grow-bottom .lqd-highlight .lqd-highlight-inner {
opacity: 1 !important;
}
.lqd-highlight-grow-left .lqd-highlight .lqd-highlight-inner {
transform: scaleX(0);
}
.lqd-highlight-grow-bottom .lqd-highlight .lqd-highlight-inner {
transform: scaleY(0);
transform-origin: center bottom;
}
.is-in-view .lqd-highlight .lqd-highlight-inner {
opacity: 1;
transform: scale(1, 1) !important;
}
.lqd-highlight-grow-left [data-custom-animations=true] .lqd-highlight .lqd-highlight-inner,
.lqd-highlight-grow-left [data-split-text=true] .lqd-highlight .lqd-highlight-inner {
transform: scaleX(0);
}
.lqd-highlight-grow-bottom [data-custom-animations=true] .lqd-highlight .lqd-highlight-inner,
.lqd-highlight-grow-bottom [data-split-text=true] .lqd-highlight .lqd-highlight-inner {
transform: scaleY(0);
}
[data-custom-animations=true] .lqd-highlight .lqd-highlight-inner,
[data-split-text=true] .lqd-highlight .lqd-highlight-inner {
opacity: 0;
}
.lqd-animations-done .lqd-highlight .lqd-highlight-inner,
.lqd-unit-animation-done .lqd-highlight .lqd-highlight-inner {
opacity: 1;
transform: scale(1, 1);
}
.lqd-highlight:only-child {
padding: 0 0.1em;
}
.lqd-highlight-classic .lqd-highlight svg {
display: none;
}
.lqd-highlight-classic .lqd-highlight .lqd-highlight-inner {
height: 0.275em;
}
.lqd-highlight-custom .lqd-highlight svg {
display: none;
}
.lqd-highlight-custom .lqd-highlight .lqd-highlight-brush-svg {
display: none;
width: 100%;
height: auto;
max-height: 0.475em;
position: relative;
transition-delay: inherit;
fill: var(--lqd-color-primary);
}
.lqd-highlight-custom .lqd-highlight .lqd-highlight-brush-svg>path {
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
transition: clip-path 0.85s cubic-bezier(0.22, 0.61, 0.36, 1);
transition-delay: inherit;
}
.lqd-highlight-custom .lqd-highlight .lqd-highlight-inner {
height: auto;
background: none;
color: inherit;
opacity: 1 !important;
transform: none !important;
}
.is-in-view .lqd-highlight .lqd-highlight-brush-svg>path {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
[data-custom-animations=true] .lqd-highlight .lqd-highlight-brush-svg>path,
[data-split-text=true] .lqd-highlight .lqd-highlight-brush-svg>path {
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.lqd-highlight-custom .lqd-animations-done .lqd-highlight .lqd-highlight-brush-svg>path,
.lqd-highlight-custom .lqd-unit-animation-done .lqd-highlight .lqd-highlight-brush-svg>path {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.lqd-animations-done .lqd-highlight-custom .lqd-highlight .lqd-highlight-brush-svg>path,
.lqd-unit-animation-done .lqd-highlight-custom .lqd-highlight .lqd-highlight-brush-svg>path {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.lqd-highlight-custom-1 .lqd-highlight .lqd-highlight-brush-svg-1 {
display: block;
}
@keyframes penAnimation {
0% {
right: calc(100% - 15px);
transform: translateY(-7px) rotateZ(-45deg);
}
25% {
transform: translateY(-12px) rotateZ(-15deg);
}
100% {
transform: translateY(0) rotateZ(0);
right: -25px;
}
}
.lqd-highlight-custom-2 .lqd-highlight .lqd-highlight-pen,
.lqd-highlight-custom-2 .lqd-highlight .lqd-highlight-brush-svg-2 {
display: block;
}
.lqd-highlight-custom-2 .lqd-highlight .lqd-highlight-pen {
width: 20px;
height: 20px;
position: absolute;
top: calc(100% - 20px);
right: calc(100% - 25px);
opacity: 0;
fill: currentColor;
}
.is-in-view .lqd-highlight .lqd-highlight-pen {
opacity: 1;
animation: penAnimation 0.85s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}
[data-custom-animations=true] .lqd-highlight .lqd-highlight-pen,
[data-split-text=true] .lqd-highlight .lqd-highlight-pen {
opacity: 0;
animation: none;
}
.lqd-highlight-custom .lqd-animations-done .lqd-highlight .lqd-highlight-pen,
.lqd-highlight-custom .lqd-unit-animation-done .lqd-highlight .lqd-highlight-pen {
opacity: 1;
animation: penAnimation 0.85s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}
.lqd-animations-done .lqd-highlight-custom .lqd-highlight .lqd-highlight-pen,
.lqd-unit-animation-done .lqd-highlight-custom .lqd-highlight .lqd-highlight-pen {
opacity: 1;
animation: penAnimation 0.85s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}
.lqd-highlight-custom-3 .lqd-highlight .lqd-highlight-brush-svg-3 {
display: block;
width: 100%;
max-height: none;
}
.lqd-highlight-custom-4 .lqd-highlight .lqd-highlight-brush-svg-4 {
display: block;
max-height: none;
}
.lqd-highlight-custom-5 .lqd-highlight .lqd-highlight-brush-svg-5 {
display: block;
max-height: none;
}
.lqd-highlight-reset-onhover .lqd-highlight:hover .lqd-highlight-inner {
height: 100% !important;
bottom: 0 !important;
}
/*******************************************
7.24. Hotspot
*******************************************/
.lqd-hotspot-content {
min-width: 20em;
background-color: #fff;
box-shadow: 0 20px 75px -8px rgba(0, 0, 0, 0.15);
opacity: 0;
visibility: hidden;
transition: transform 1s, opacity 1s, visibility 0.35s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-hotspot-content:before {
content: "";
display: inline-block;
position: absolute;
}
.lqd-hotspot-content p {
font-size: 14px;
}
.lqd-hotspot-mark {
width: 1.8em;
height: 1.8em;
background-color: #fff;
font-size: 20px;
color: #000;
-webkit-text-stroke: 0.75px currentColor;
}
.lqd-hotspot-mark:before {
content: "";
display: inline-block;
width: 135%;
height: 135%;
border-radius: inherit;
position: absolute;
top: 50%;
left: 50%;
z-index: 0;
background-color: inherit;
opacity: 0.6;
transform: translate(-50%, -50%) scale(0.65);
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-hotspot-item {
margin-top: -0.9em;
margin-inline-start: -0.9em;
}
.lqd-hotspot-item:hover .lqd-hotspot-content {
opacity: 1;
visibility: visible;
}
.lqd-hotspot-item:hover .lqd-hotspot-mark:before {
transform: translate(-50%, -50%) scale(1);
}
@media (max-width: 991px) {
.lqd-hotspot-content {
position: fixed !important;
width: 90vw;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
@media (min-width: 992px) {
.lqd-hotspot-x .lqd-hotspot-content {
top: 50%;
}
.lqd-hotspot-x .lqd-hotspot-content:before {
width: 1em;
top: 0;
bottom: 0;
}
.lqd-hotspot-x:hover .lqd-hotspot-content {
transform: translate(0, -50%);
}
}
@media (min-width: 992px) {
.lqd-hotspot-y .lqd-hotspot-content {
left: 50%;
transform: translate(-50%, 10%);
}
.lqd-hotspot-y .lqd-hotspot-content:before {
height: 1em;
right: 0;
left: 0;
}
.lqd-hotspot-y:hover .lqd-hotspot-content {
transform: translate(-50%, 0);
}
}
@media (min-width: 992px) {
.lqd-hotspot-b .lqd-hotspot-content {
top: 100%;
margin-top: 1em;
transform: translate(-50%, 10%);
}
.lqd-hotspot-b .lqd-hotspot-content:before {
top: -1em;
}
}
@media (min-width: 992px) {
.lqd-hotspot-l .lqd-hotspot-content {
right: 100%;
margin-inline-end: 1em;
transform: translate(-10%, -50%);
}
.lqd-hotspot-l .lqd-hotspot-content:before {
left: 100%;
}
}
@media (min-width: 992px) {
.lqd-hotspot-r .lqd-hotspot-content {
left: 100%;
margin-inline-start: 1em;
transform: translate(10%, -50%);
}
.lqd-hotspot-r .lqd-hotspot-content:before {
left: -1em;
}
}
@media (min-width: 992px) {
.lqd-hotspot-t .lqd-hotspot-content {
bottom: 100%;
margin-bottom: 1em;
transform: translate(-50%, -10%);
}
.lqd-hotspot-t .lqd-hotspot-content:before {
bottom: -1em;
}
}
/*******************************************
7.25. Iconbox
*******************************************/
.iconbox .iconbox-icon-container {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
}
.iconbox-icon-container {
line-height: 1em;
transition: all 0.3s;
transition-property: border, color, background, box-shadow;
}
.iconbox-icon-container>svg,
.iconbox-icon-container i {
display: inline-block;
}
.iconbox-icon-container>svg {
line-height: 0;
fill: currentColor;
}
.iconbox-icon-container i,
.iconbox-icon-container img {
height: auto;
}
.iconbox-icon-container i {
font-size: 1em;
}
.iconbox {
transition: box-shadow 0.3s ease, background 0.3s ease;
display: flex;
}
.iconbox p,
.iconbox h3 {
transition-property: color, background;
transition-duration: 0.3s;
transition-timing-function: ease;
}
.iconbox h3 {
display: inline-block;
}
.iconbox p {
margin-bottom: 0;
}
.iconbox .iconbox-icon-container,
.iconbox .iconbox-icon-wrap {
flex-shrink: 0;
}
.iconbox .contents>p>span {
display: inline-block;
}
.iconbox .contents>mark {
display: block;
}
.iconbox .contents .lqd-highlight-txt {
display: inline-block;
line-height: 1.5em;
padding: 0.25em 1em;
}
.iconbox .contents .lqd-highlight-inner {
opacity: 0.15 !important;
transform: none;
border-radius: 50em;
}
.iconbox-inline .iconbox-icon-wrap {
margin-inline-end: 15px;
}
.iconbox-inline h3 {
display: inline-flex;
justify-content: inherit;
align-items: center;
/* flex: 1; */
flex-grow: 1;
margin-bottom: 0;
}
.iconbox-inline .contents {
flex-basis: 100%;
}
.iconbox-side .iconbox-icon-wrap {
margin-inline-end: 15px;
}
.iconbox-side>h3:last-child {
margin-bottom: 0;
}
.iconbox .btn {
margin-top: 1.5em;
}
.iconbox-icon-shaped .iconbox-icon-container {
background-color: var(--lqd-color-primary);
font-size: 40px;
color: #fff;
}
.iconbox-icon-shaped .iconbox-icon-container i,
.iconbox-icon-shaped .iconbox-icon-container img,
.iconbox-icon-shaped .iconbox-icon-container>svg {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.iconbox-icon-shaped .iconbox-icon-container img,
.iconbox-icon-shaped .iconbox-icon-container>svg {
width: 50px;
}
.iconbox-circle .iconbox-icon-container img[src$=".svg"],
.iconbox-circle .iconbox-icon-container>svg {
width: 44px;
}
.iconbox-custombg .iconbox-icon-container .icon-custom-bg {
transition: opacity 0.15s;
}
.iconbox-custombg .iconbox-icon-container .icon-custom-bg>* {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
transform: translateX(-50%) translateY(-50%);
}
.iconbox-custombg.iconbox-side .iconbox-icon-container {
margin: 0;
}
.iconbox-lozenge .iconbox-icon-container {
border-radius: 15px;
transform: rotate(45deg);
}
.iconbox-lozenge .iconbox-icon-container i,
.iconbox-lozenge .iconbox-icon-container img[src$=".svg"],
.iconbox-lozenge .iconbox-icon-container>svg {
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.iconbox .iconbox-icon-container>svg,
.iconbox .iconbox-icon-container>svg path,
.iconbox .iconbox-icon-container>svg rect,
.iconbox .iconbox-icon-container>svg ellipse,
.iconbox .iconbox-icon-container>svg circle,
.iconbox .iconbox-icon-container>svg polygon,
.iconbox .iconbox-icon-container>svg polyline {
transition: fill 0.3s, stroke 0.3s;
}
.iconbox .iconbox-icon-container>svg stop {
transition: stop-color 0.3s ease;
}
.iconbox-label {
padding: 6px 12px;
font-size: 10px;
line-height: 1.5em;
}
.contents .iconbox-label {
position: relative;
top: auto;
right: auto;
margin-bottom: 2em;
}
.iconbox-bubble {
background: none;
}
.iconbox-bubble .contents {
padding: 35px 40px 25px;
margin-top: 20px;
background-color: #fff;
box-shadow: 0 25px 55px rgba(0, 0, 0, 0.1);
}
.iconbox-bubble .contents:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-color: inherit;
position: absolute;
top: -8px;
left: calc(50% - 8px);
transform: rotate(45deg);
}
.iconbox-bubble .contents h6 {
margin: 0;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 700;
}
.iconbox-contents-show-onhover .ld-slideelement-hidden-inner {
opacity: 0;
}
.iconbox-contents-show-onhover.iconbox-bubble .contents {
position: absolute;
top: 100%;
left: 50%;
z-index: 10;
opacity: 0;
visibility: hidden;
transform: translate(-50%, 5%);
transition: transform 0.65s, opacity, 0.65s, visibility 0.65s;
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.iconbox-contents-show-onhover.iconbox-bubble.iconbox-inline .contents,
.iconbox-contents-show-onhover.iconbox-bubble.iconbox-side .contents {
margin: 0;
left: 0;
right: 0;
pointer-events: none;
transform: translate(0, 5%);
}
.iconbox-contents-show-onhover.iconbox-bubble:hover .contents {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
}
.iconbox-contents-show-onhover.iconbox-bubble:hover.iconbox-inline .contents,
.iconbox-contents-show-onhover.iconbox-bubble:hover.iconbox-side .contents {
transform: translate(0, 0);
}
@media screen and (min-width: 992px) {
.iconbox-contents-show-onhover.iconbox-bubble .contents {
min-width: 350px;
}
}
@media screen and (max-width: 768px) {
.iconbox-contents-show-onhover.iconbox-bubble .contents {
position: relative;
top: auto;
left: auto !important;
right: auto !important;
opacity: 1;
visibility: visible;
transform: none !important;
}
}
@media screen and (max-width: 540px) {
.iconbox-contents-show-onhover.iconbox-bubble {
width: 100%;
}
}
.iconbox-heading-arrow-onhover h3 svg {
height: 1em;
opacity: 0;
transform: translateX(0);
vertical-align: middle;
transition: transform 0.5s, opacity 0.5s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-iconbox:hover .iconbox-heading-arrow-onhover h3 svg {
opacity: 1;
transform: translateX(0.5em);
}
[data-animate-icon=true] .iconbox-icon-container>svg {
opacity: 0;
}
[data-animate-icon=true].iconbox-icon-animating .iconbox-icon-container>svg {
opacity: 1;
}
.iconbox-icon-gradient .iconbox-icon-container i {
background-clip: text !important;
-webkit-background-clip: text !important;
text-fill-color: transparent !important;
-webkit-text-fill-color: transparent !important;
line-height: 1.15em;
}
.iconbox-icon-linked .iconbox-icon-wrap:before {
content: "";
display: inline-block;
width: 1px;
height: 170%;
position: absolute;
top: 0;
left: 50%;
z-index: -1;
background-color: #E9E9E9;
}
.iconbox-icon-linked .iconbox-icon-wrap.items-center:before {
top: 50%;
height: 150%;
}
@keyframes iconRipple {
0% {
border-width: 4px;
transform: scale(1);
}
80% {
border-width: 1px;
transform: scale(1.36);
}
100% {
opacity: 0;
}
}
.iconbox-icon-ripple .iconbox-icon-container:before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: inherit;
border: 1px solid var(--lqd-color-primary);
animation: iconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}
.lqd-iconbox-scale {
transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1), background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.lqd-iconbox-scale:hover {
transform: scale(1.1);
}
/*******************************************
7.26. Iconbox circle
*******************************************/
.lqd-ib-circ-icn {
width: 80px;
height: 80px;
margin: -50px 0;
margin-inline-start: -50px;
font-size: 30px;
opacity: 0;
}
.lqd-ib-circ-icn span {
width: inherit;
height: inherit;
border-radius: inherit;
background-color: #fff;
color: #000;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
transition: color 0.3s, background 0.3s;
}
.lqd-ib-circ-icn span:after {
content: "";
display: inline-block;
width: 126%;
height: 126%;
position: absolute;
top: -13%;
left: -13%;
}
.lqd-ib-circ-icn img,
.lqd-ib-circ-icn svg,
.lqd-ib-circ-icn i {
display: inline-block;
position: relative;
z-index: 1;
transition: transform 0.3s;
}
.lqd-ib-circ-icn img,
.lqd-ib-circ-icn svg {
max-width: 60%;
}
.lqd-ib-circ-icn:hover img,
.lqd-ib-circ-icn:hover svg,
.lqd-ib-circ-icn:hover i {
transform: scale(1.15);
}
.lqd-ib-circ-icn:hover~.lqd-ib-circ-cnt h3,
.lqd-ib-circ-icn:hover~.lqd-ib-circ-cnt hr,
.lqd-ib-circ-icn:hover~.lqd-ib-circ-cnt p {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.lqd-ib-circ-icn:hover~.lqd-ib-circ-cnt hr {
transition-delay: 0.07s;
}
.lqd-ib-circ-icn:hover~.lqd-ib-circ-cnt p {
transition-delay: 0.14s;
}
.lqd-ib-circ-cnt {
width: 80%;
margin: 0 auto;
font-size: 16px;
line-height: 1.625em;
color: #666;
}
.lqd-ib-circ-cnt h3,
.lqd-ib-circ-cnt hr,
.lqd-ib-circ-cnt p {
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition-property: transform, opacity, visibility;
transition-duration: 0.45s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-ib-circ-cnt h3 {
color: #333;
font-size: 21px;
transition-delay: 0.1s;
}
.lqd-ib-circ-cnt hr {
width: 17%;
margin: 20px auto !important;
border-color: rgba(0, 0, 0, 0.1);
transition-delay: 0.05s;
}
.lqd-ib-circ-cnt p {
transition-delay: 0s;
}
.lqd-ib-circ-icn.lqd-is-active~.lqd-ib-circ-cnt h3,
.lqd-ib-circ-icn.lqd-is-active~.lqd-ib-circ-cnt hr,
.lqd-ib-circ-icn.lqd-is-active~.lqd-ib-circ-cnt p {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.lqd-ib-circ-inner {
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
transform: translateZ(80px) scale(0.86666);
}
.lqd-ib-circ-inner>.lqd-ib-circ-item {
width: calc(100% - 100px);
height: calc(100% - 100px);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.lqd-ib-circ-wrap {
border: 1px solid #efefef;
border-radius: 50%;
}
/*******************************************
7.27. Image comparison
*******************************************/
@keyframes cd-bounce-in {
0% {
width: 0;
}
100% {
width: 50%;
}
}
.cd-image-container {
touch-action: pan-y;
}
.cd-image-container:hover .cd-image-label {
opacity: 0;
visibility: visible;
transition-delay: 0s;
}
.cd-image-label {
padding: 6px 14px;
bottom: 15px;
right: 15px;
opacity: 0;
background-color: #fff;
font-size: 14px;
line-height: 1.5em;
font-weight: 500;
color: #000;
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
transform: translateY(20px);
transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
visibility: hidden;
}
.is-visible .cd-image-label {
opacity: 1;
transform: translateY(0);
}
.cd-resize-img {
width: 0;
border-right: 3px solid rgba(255, 255, 255, 0.75);
}
.cd-resize-img img {
width: var(--container-width, 100%) !important;
max-width: none !important;
}
.cd-resize-img .cd-image-label {
right: auto;
left: 15px;
}
.is-visible .cd-resize-img {
width: 50%;
animation: cd-bounce-in 0.7s;
}
.cd-handle {
height: 70px;
width: 70px;
left: 50%;
top: 50%;
border-radius: 27px;
margin-top: -35px;
margin-inline-start: -35px;
background-color: #fff;
cursor: move;
opacity: 0;
color: #000;
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
transform: scale(0);
transition: all 0.3s ease;
}
.cd-handle svg {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transition: all 0.3s ease;
}
.cd-handle svg:first-child {
margin-inline-start: -1em;
transform: translate(-50%, -50%);
}
.cd-handle svg:last-child {
margin-inline-start: 1em;
transform: translate(-50%, -50%) rotate(-180deg);
}
.cd-handle.draggable svg:first-child {
transform: translate(-10%, -50%) scale(1.25);
}
.cd-handle.draggable svg:last-child {
transform: translate(-90%, -50%) scale(1.25) rotate(-180deg);
}
.is-visible .cd-handle {
opacity: 1;
transform: scale(1);
transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}
/*******************************************
7.28. Image gallery
*******************************************/
.lqd-img-gal-thumbs {
--thumb-spacing: 9px;
margin-inline-start: calc(var(--thumb-spacing) * -1);
margin-inline-end: calc(var(--thumb-spacing) * -1);
}
.lqd-img-gal-thumbs .carousel-item {
width: 33.33333%;
padding: 25px var(--thumb-spacing) 0;
cursor: pointer;
}
.lqd-img-gal-thumbs figure {
height: 120px;
background-color: #000;
}
.lqd-img-gal-thumbs img {
transition: opacity 0.3s;
}
.lqd-img-gal-thumbs .is-nav-selected img {
opacity: 0.5;
}
.lqd-img-gal-imgs .flickity-button.previous {
left: 25px;
}
.lqd-img-gal-imgs .flickity-button.next {
right: 25px;
}
@media screen and (max-width: 768px) {
.lqd-img-gal-imgs .carousel-dots-mobile {
display: flex;
justify-content: center;
}
.lqd-img-gal-imgs .flickity-page-dots {
display: flex;
width: auto;
margin: 0;
border-radius: 50px;
padding: 10px;
align-items: center;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(5px) saturate(120%);
}
.lqd-img-gal-imgs .flickity-page-dots .dot {
width: 4px;
height: 4px;
}
.lqd-img-gal-imgs .flickity-page-dots .dot:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
position: absolute;
top: -3px;
left: -3px;
}
.lqd-img-gal-imgs .flickity-page-dots .dot.is-selected {
width: 10px;
}
.lqd-img-gal-thumbs .carousel-dots-mobile {
display: none;
}
}
@media screen and (min-width: 992px) {
.lqd-img-gal-thumbs .carousel-item {
width: 16.6667%;
}
}
@media screen and (min-width: 768px) {
.lqd-img-gal-thumbs .carousel-item {
width: 25%;
}
}
@media screen and (max-width: 767px) {
.lqd-img-gal-thumbs .carousel-item {
padding-top: 15px;
}
.lqd-img-gal-thumbs figure {
height: 100px;
}
.lqd-img-gal-thumbs figure img {
position: absolute;
top: 0;
left: 0;
}
}
/*******************************************
7.29. Image text slider
*******************************************/
.lqd-imgtxt-slider-img {
width: 52vw;
position: fixed;
top: 50%;
left: 24vw;
opacity: 0;
transform: translate3d(0, -45%, 0);
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
transition-property: transform, opacity;
}
.lqd-imgtxt-slider-img.lqd-is-active {
opacity: 1;
transform: translate3d(0, -50%, 0);
}
.lqd-imgtxt-slider-link:before,
.lqd-imgtxt-slider-link span {
transition: opacity 0.3s;
}
.lqd-imgtxt-slider-link:before {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
color: transparent;
-webkit-text-stroke: 1px #fff;
text-stroke: 1px #fff;
}
.lqd-imgtxt-slider-link span {
opacity: 0;
}
.lqd-imgtxt-slider-link:hover span {
opacity: 1;
}
.lqd-imgtxt-slider-link:hover:before {
opacity: 0;
}
.lqd-imgtxt-slider-nav li {
margin: 0.15em 0;
}
.lqd-imgtxt-slider-nav:hover .lqd-imgtxt-slider-link:not(:hover) {
opacity: 0.25;
}
.lqd-imgtxt-slider-fade .lqd-imgtxt-slider-link:before {
content: none;
}
.lqd-imgtxt-slider-fade .lqd-imgtxt-slider-link span {
opacity: 1;
}
.lqd-imgtxt-slider-fade .lqd-imgtxt-slider-nav:hover .lqd-imgtxt-slider-link:not(:hover) {
opacity: 0.1;
}
@media screen and (max-width: 768px) {
.lqd-imgtxt-slider-img {
width: 90%;
left: 5%;
}
}
@media screen and (max-width: 479px) {
.lqd-imgtxt-slider-img {
width: 98%;
left: 1%;
}
}
/*******************************************
7.30. Latest posts
*******************************************/
.lqd-lp-column {
margin-bottom: 30px;
position: static;
}
.lqd-lp-column[class*=col-]>[class*=col-] {
width: 100%;
}
h2.lqd-lp-title {
-ms-word-wrap: break-word;
word-wrap: break-word;
text-align: start;
}
h2.lqd-lp-title a {
color: #000;
}
h2.lqd-lp-title a:hover {
color: var(--lqd-color-primary);
}
.page-scheme-dark h2.lqd-lp-title a {
color: inherit;
}
.lqd-lp {
flex-grow: 1;
}
@media screen and (max-width: 991px) {
.lqd-lp-column:not([class*=col-sm]),
.lqd-lp-column.col-md-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.lqd-lp-column {
width: 100%;
}
}
.lqd-lp-author figure {
width: 40px;
}
.lqd-lp-author h3 {
font-size: 14px;
color: #50585E;
transition: color 0.3s;
}
.lqd-lp-meta .lqd-lp-author h3 {
font-size: 1em;
font-weight: inherit;
letter-spacing: inherit;
}
.lqd-lp-author h6 {
font-size: 12px;
color: #9DAFBD;
}
.lqd-lp-author:hover h3 {
color: var(--lqd-color-primary);
}
.lqd-lp-date {
color: rgba(0, 0, 0, 0.5);
}
.lqd-lp-date a {
color: inherit;
}
.lqd-lp-date a:hover {
color: #000;
}
.lqd-lp-date i {
font-size: 20px;
}
.page-scheme-dark .lqd-lp-date {
color: rgba(255, 255, 255, 0.5);
}
.lqd-lp-excerpt p:last-child {
margin-bottom: 0;
}
.lqd-lp-animate-onhover {
transition: box-shadow 0.65s, transform 0.65s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-lp-cat {
line-height: 1.25em;
}
.lqd-lp-cat li:not(:last-child) {
margin-inline-end: 0.5em;
}
.entry-terms .lqd-lp-cat:not(.lqd-lp-cat-solid) li:not(:last-child):after {
content: ", ";
}
.lqd-lp-cat-shaped li {
margin-bottom: 0.5em;
}
.lqd-lp-cat-shaped a {
padding: 9px 16px;
transition: all 0.3s;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
line-height: 1.25em;
}
.lqd-lp-cat-shaped a:hover {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
transform: translateY(-1px);
}
.lqd-lp-cat-border a {
border: 1px solid #eee;
color: var(--lqd-color-primary);
}
.lqd-lp-cat-border a:hover {
border-color: var(--lqd-color-primary);
background-color: var(--lqd-color-primary);
color: #fff;
}
.lqd-lp-cat-plain a {
color: var(--lqd-color-primary);
}
.lqd-lp-cat-plain a:hover {
color: #000;
}
.lqd-lp-cat-solid a {
position: relative;
background-color: #fff;
color: #000;
}
.lqd-lp-cat-solid-colored a {
border-radius: 2em;
background: transparent;
color: var(--lqd-color-primary);
}
.lqd-lp-cat-solid-colored a:before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
border-radius: inherit;
background-color: var(--lqd-color-primary);
opacity: 0.1;
}
.lqd-lp-cat-solid-colored a:hover {
color: #fff;
}
.lqd-lp-cat-solid-colored a:hover:before {
opacity: 1;
}
.lqd-lp-meta {
font-size: 11px;
}
.lqd-lp-meta h3 {
font-size: inherit;
}
.lqd-lp-img .lqd-lp-meta:not(:only-child) {
position: absolute;
}
.lqd-lp-img .lqd-lp-meta:not(:only-child):not(.pos-bl) {
top: 25px;
left: 25px;
}
.lqd-lp-img figure:empty+.lqd-lp-meta {
position: relative;
top: auto;
left: auto;
}
.lqd-lp-meta>*:only-child {
margin-inline-start: 0 !important;
margin-inline-end: 0 !important;
}
.lqd-lp-meta-dot-between .lqd-lp-cat:not(:last-child),
.lqd-lp-meta-dot-between .lqd-lp-author:not(:last-child),
.lqd-lp-meta-dot-between .entry-terms:not(:last-child),
.lqd-lp-meta-dot-between .lqd-lp-date:not(:last-child) {
display: flex;
align-items: center;
}
.lqd-lp-meta-dot-between .lqd-lp-cat:not(:last-child):after,
.lqd-lp-meta-dot-between .lqd-lp-author:not(:last-child):after,
.lqd-lp-meta-dot-between .entry-terms:not(:last-child):after,
.lqd-lp-meta-dot-between .lqd-lp-date:not(:last-child):after {
content: "";
display: inline-block;
width: 4px;
height: 4px;
flex-shrink: 0;
margin-inline-start: 1.3636363636em;
border-radius: 50em;
background-color: currentColor;
vertical-align: middle;
opacity: 0.35;
}
.lqd-lp-meta-dot-between>*:not(:last-child) {
margin-inline-end: 1.3636363636em;
}
.lqd-lp-meta-solid {
padding: 11px 21px;
background-color: #fff;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}
.lqd-lp-meta-solid.no-padding {
padding: 0;
}
.lqd-lp-read-more .btn-line {
width: 2.727em;
height: 2px;
margin-inline-end: 1em;
background-color: currentColor;
transition: transform 0.3s cubic-bezier(0.2, 0.95, 0.25, 1);
transform-origin: left center;
}
.lqd-lp-read-more .btn-line~.btn-txt {
transition: transform 0.3s cubic-bezier(0.2, 0.95, 0.25, 1);
}
.lqd-lp-read-more .btn-line-after {
transform: scaleX(0) translateX(0);
}
.lqd-lp-read-more .btn-line-after svg {
top: 50%;
right: -0.275em;
transform: translateY(-50%) scale(0);
}
.lqd-lp-read-more .btn-txt~.btn-line {
margin-inline-end: 0;
margin-inline-start: 1em;
}
.lqd-lp:hover .lqd-lp-read-more .btn-line~.btn-txt {
transform: translateX(-3.727em);
}
.lqd-lp:hover .lqd-lp-read-more .btn-line-before {
transform: scaleX(0);
transform-origin: left center;
}
.lqd-lp:hover .lqd-lp-read-more .btn-line-after {
transform: scaleX(1) translateX(-3.727em);
}
.lqd-lp:hover .lqd-lp-read-more .btn-line-after svg {
transition: transform 0.35s;
transform: translateY(-50%) scale(0.75);
}
.lqd-lp-img figure {
transition: box-shadow 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-lp-img .lqd-overlay {
background-color: var(--lqd-color-primary);
opacity: 0;
font-size: 21px;
color: #fff;
transition: opacity 0.3s;
}
.lqd-lp-img .lqd-overlay i {
display: inline-block;
transform: translateX(-20px);
transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-lp:hover .lqd-lp-img .lqd-overlay {
opacity: 1;
}
.lqd-lp:hover .lqd-lp-img .lqd-overlay i {
transform: translateX(0);
}
.lqd-lp-hover-img-zoom .lqd-lp-img figure {
transform: scale(1);
transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-lp-hover-img-zoom:hover .lqd-lp-img figure {
transform: scale(1.15);
transition-duration: 10s;
}
.lqd-lp-hover-img-zoom-out .lqd-lp-img figure {
transform: scale(1.05);
transition-duration: 0.65s;
}
.lqd-lp-hover-img-zoom-out:hover .lqd-lp-img figure {
transform: scale(1.0001);
transition-duration: 0.65s;
}
.lqd-lp-content-overlay .lqd-lp-content-bg {
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}
.lqd-lp-content-overlay .lqd-lp-title a,
.lqd-lp-content-overlay .lqd-lp-date a {
color: inherit;
}
.lqd-lp-content-overlay h2.lqd-lp-title {
color: #fff;
}
.lqd-lp-content-overlay .lqd-lp-date {
color: rgba(255, 255, 255, 0.65);
}
.lqd-lp-content-overlay:hover .lqd-lp-title a,
.lqd-lp-content-overlay:hover .lqd-lp-date a {
color: #fff;
}
@media screen and (min-width: 992px) {
.lqd-lp-title-highlight h2 .split-inner {
display: inline-block;
position: relative;
}
.lqd-lp-title-highlight h2 .split-inner:before,
.lqd-lp-title-highlight h2 .split-inner:after {
content: "";
display: inline-block;
position: absolute;
bottom: 0.15em;
left: 0;
right: 0;
z-index: -1;
transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-lp-title-highlight h2 .split-inner:after {
height: 0.4137931034em;
background-color: rgba(255, 218, 1, 0.35);
transform-origin: left;
transform: scaleX(0);
}
.lqd-lp-title-highlight:hover .split-inner:before {
transform: scaleX(0);
}
.lqd-lp-title-highlight:hover .split-inner:after {
transform: scaleX(1);
}
}
.lqd-lp-style-1 {
display: flex;
flex-direction: column;
}
.lqd-lp-style-1 .lqd-lp-img {
margin-top: auto;
}
.lqd-lp-style-1 .lqd-lp-img figure {
box-shadow: 0 40px 90px rgba(70, 67, 67, 0.2);
}
.lqd-lp-style-1:hover .lqd-lp-img figure {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}
.lqd-lp-style-2 {
min-height: 360px;
background-color: #eef2f4;
}
.lqd-lp-style-2:hover {
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}
.lqd-lp-style-2-alt {
min-height: 360px;
border: 1px solid #ebebeb;
background-color: #fff;
}
.lqd-lp-style-2-alt .lqd-lp-img {
opacity: 0;
transform: scale(1.05);
transition: transform 0.65s, opacity 0.65s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-lp-style-2-alt .lqd-lp-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lqd-lp-style-2-alt .lqd-lp-content-bg {
background-color: rgba(0, 0, 0, 0.5);
}
.lqd-lp-style-2-alt .lqd-lp-cat a {
color: #000;
background-color: #e8ecef;
}
.lqd-lp-style-2-alt .lqd-lp-date:hover,
.lqd-lp-style-2-alt .lqd-lp-date a:hover {
color: rgba(255, 255, 255, 0.7);
}
.lqd-lp-style-2-alt .lqd-lp-author figure {
width: 50px;
margin-inline-end: 20px;
}
.lqd-lp-style-2-alt .lqd-lp-author-info h3 {
font-size: 14px;
}
.lqd-lp-style-2-alt .lqd-lp-author-info h6 {
font-size: 12px;
}
.lqd-lp-style-2-alt:hover {
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}
.lqd-lp-style-2-alt:hover .lqd-lp-img {
transform: scale(1);
opacity: 1;
}
.lqd-lp-style-2-alt:hover .lqd-lp-author-info h3,
.lqd-lp-style-2-alt:hover .lqd-lp-title a,
.lqd-lp-style-2-alt:hover .lqd-lp-date {
color: #fff;
}
.lqd-lp-style-3 .lqd-lp-img figure {
box-shadow: 0 45px 70px rgba(0, 0, 0, 0.1);
}
.lqd-lp-style-3:hover .lqd-lp-img figure {
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
}
.lqd-lp-style-3:hover h2.lqd-lp-title a {
color: var(--lqd-color-primary);
}
.lqd-lp-style-4 .lqd-lp-img {
width: 25%;
}
.lqd-lp-style-4 .lqd-lp-header {
width: 75%;
}
.lqd-lp-style-4 h2.lqd-lp-title {
font-size: 15px;
}
.lqd-lp-style-4:hover .lqd-lp-img figure {
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
.lqd-lp-style-5 h2.lqd-lp-title {
font-size: 34px;
}
.lqd-lp-style-5 .lqd-lp-author h3 {
font-size: 11px;
}
.lqd-lp-style-5:hover .lqd-lp-img figure {
box-shadow: 0 40px 75px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 992px) {
.lqd-lp-style-5 .lqd-lp-content,
.lqd-lp-style-5 .lqd-lp-img {
width: 50%;
}
.lqd-lp-style-5 .lqd-lp-content {
padding-inline-start: 3.5rem;
}
}
@media screen and (max-width: 479px) {
.lqd-lp-style-5 h2.lqd-lp-title {
font-size: 27px;
line-height: 1.25em;
}
}
.lqd-lp-style-6 {
box-shadow: 0 20px 55px rgba(82, 71, 175, 0.09);
background-color: #fff;
}
.lqd-lp-style-6 .lqd-lp-excerpt {
font-size: 0.85em;
}
.lqd-lp-style-6 .lqd-lp-author {
color: #000;
}
.lqd-lp-style-6 .lqd-lp-author h3,
.lqd-lp-style-6 .lqd-lp-author a {
color: inherit;
}
.lqd-lp-style-6:hover {
box-shadow: 0 25px 55px rgba(0, 0, 0, 0.075);
transform: translateY(-2px);
}
.lqd-lp-style-6-alt .lqd-lp-cat-solid a {
padding: 6px 10px;
background-color: #292929;
font-size: 10px;
color: #fff;
}
.lqd-lp-style-6-alt .lqd-lp-meta {
font-size: 13px;
font-weight: 500;
}
@media (min-width: 992px) {
.lqd-lp-style-6-alt .lqd-lp-header,
.lqd-lp-style-6-alt .lqd-lp-excerpt {
padding-inline-start: 2rem;
padding-inline-end: 2rem;
}
}
.lqd-lp-style-7 h2.lqd-lp-title {
font-size: 34px;
}
.lqd-lp-column:not(:last-child) .lqd-lp-style-7,
.lqd-lp-style-7:not(:last-child):not(:only-of-type) {
padding-bottom: 2em;
margin-bottom: 2em;
border-bottom: 1px dashed #cecece;
}
.lqd-lp-column:not(:last-child) .lqd-lp-style-7 {
margin-bottom: 1em;
}
.lqd-lp-style-7 .lqd-lp-img {
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.05);
}
.lqd-lp-style-7 .lqd-lp-author a {
color: #000;
}
.lqd-lp-style-7 .lqd-lp-author a:hover {
color: var(--lqd-color-primary);
}
@media screen and (max-width: 479px) {
.lqd-lp-style-7 h2.lqd-lp-title {
font-size: 27px;
line-height: 1.25em;
}
}
.lqd-lp-style-8 {
border: 1px solid #f1f1f1;
background-color: #fff;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
}
.lqd-lp-style-8 .lqd-lp-cat a {
color: #000;
}
.lqd-lp-style-8 .lqd-lp-cat a:hover {
color: var(--lqd-color-primary);
}
.lqd-lp-style-8 .lqd-lp-author figure {
width: 80px;
}
.lqd-lp-style-8 .lqd-lp-footer i {
display: inline-block;
font-size: 21px;
color: #000;
transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-lp-style-8:hover {
transform: translateY(-3px);
box-shadow: 0 30px 75px rgba(0, 0, 0, 0.1);
}
.lqd-lp-style-8:hover .lqd-lp-footer i {
transform: translateX(5px);
}
@media (min-width: 768px) {
.lqd-lp-style-9 .lqd-lp-img {
width: 35%;
}
.lqd-lp-style-9 .lqd-lp-contents {
width: 65%;
padding-inline-start: 2.5rem;
}
}
@media (max-width: 767px) {
.lqd-lp-style-9 .lqd-lp-img {
margin-bottom: 1rem;
}
}
.lqd-lp-style-10 .lqd-lp-cat-solid a {
padding: 8px 10px;
}
.lqd-lp-style-10 .lqd-lp-date {
font-size: 11px;
}
.lqd-lp-style-10 .lqd-lp-date a:not(:hover) {
opacity: 0.65;
}
.lqd-lp-style-11 {
color: rgba(255, 255, 255, 0.65);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.lqd-lp-style-11 h2.lqd-lp-title {
font-size: 27px;
}
.lqd-lp-style-11 .lqd-lp-header a {
color: #fff;
}
.lqd-lp-style-11 .lqd-lp-header a:hover {
color: #fff;
}
.lqd-lp-style-11 .lqd-lp-author h3 {
font-size: 16px;
}
.lqd-lp-style-11 .lqd-lp-date {
font-size: 11px;
}
.lqd-lp-style-11 .lqd-lp-date a:not(:hover) {
opacity: 0.65;
}
.lqd-lp-style-11:hover {
box-shadow: 0 30px 75px rgba(0, 0, 0, 0.2);
transform: translateY(-2px);
}
.lqd-lp-style-11:hover h2.lqd-lp-title a {
color: #fff;
}
@media screen and (min-width: 768px) {
.lqd-lp-style-11 .lqd-lp-contents {
padding: 2rem 2rem 3rem 2rem;
}
}
@media screen and (max-width: 479px) {
.lqd-lp-style-11 {
padding-top: 0;
}
.lqd-lp-style-11 .lqd-lp-contents {
position: relative;
}
}
.lqd-lp-style-12 {
box-shadow: 0 11px 30px rgba(0, 0, 0, 0.1);
color: #919191;
}
.lqd-lp-style-12 .lqd-lp-meta {
background-color: #ecf2f8;
}
.lqd-lp-style-12:hover {
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.075);
transform: translateY(-2px);
}
@media (min-width: 992px) {
.lqd-lp-style-12 {
padding-inline-start: 2rem;
padding-inline-end: 2rem;
}
}
.lqd-lp-style-13 .lqd-lp-meta {
line-height: 1.25em;
}
.lqd-lp-style-13 .lqd-lp-date {
color: var(--lqd-color-secondary, var(--lqd-color-primary));
}
.lqd-lp-style-13 .lqd-lp-cat {
padding-inline-start: 1rem;
padding-inline-end: 1rem;
background-color: var(--lqd-color-secondary, var(--lqd-color-primary));
}
.lqd-lp-style-13 .lqd-lp-cat a {
color: #fff;
}
@media screen and (min-width: 992px) {
.related-posts .lqd-lp-style-13 h2 .split-inner:after {
height: 1px;
background-color: currentColor;
}
}
.lqd-lp-style-14 .lqd-lp-meta {
line-height: 1.5em;
}
.lqd-lp-style-14 .lqd-lp-content-bg {
background-color: rgba(0, 0, 0, 0.45);
}
.lqd-lp-style-14 h2.lqd-lp-title {
font-size: 36px;
}
.lqd-lp-style-14 h2.lqd-lp-title a {
color: #fff;
}
.lqd-lp-style-14 h2.lqd-lp-title a:hover {
color: #fff;
}
.lqd-lp-style-14 .lqd-lp-date {
color: var(--lqd-color-secondary, var(--lqd-color-primary));
}
.lqd-lp-style-14 .lqd-lp-cat {
background-color: var(--lqd-color-secondary, var(--lqd-color-primary));
}
.lqd-lp-style-14 .lqd-lp-cat a {
color: #fff;
}
.lqd-lp-style-14 .lqd-lp-author h3 {
font-size: 11px;
color: rgba(255, 255, 255, 0.5);
}
.lqd-lp-style-14 .lqd-lp-author h3 a {
color: #fff;
text-decoration: underline;
opacity: 0.5;
}
.lqd-lp-style-14 .lqd-lp-author h3 a:hover {
opacity: 1;
}
.col-md-4 .lqd-lp-style-14 h2.lqd-lp-title {
font-size: 20px;
}
@media screen and (min-width: 768px) {
.lqd-lp-style-14 .lqd-lp-contents {
padding: 2rem;
}
}
@media screen and (max-width: 479px) {
.lqd-lp-style-14 {
padding-top: 0;
}
.lqd-lp-style-14 .lqd-lp-contents {
position: relative;
}
.lqd-lp-style-14 h2.lqd-lp-title {
font-size: 24px;
}
}
.lqd-lp-style-15 .lqd-lp-cat {
font-size: 13px;
line-height: 1.25em;
}
.carousel-item .lqd-lp-style-15 div.lqd-lp-img {
padding-top: 56.25%;
position: relative;
}
.carousel-item .lqd-lp-style-15 div.lqd-lp-img figure {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.carousel-item .lqd-lp-style-15 div.lqd-lp-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.lqd-lp-carousel-filterable .lqd-lp-carousel-header h6 {
padding: 0.5em 1em;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 50em;
font-size: 13px;
}
.lqd-lp-style-16 .lqd-lp-read-more {
font-size: 12px;
}
.lqd-lp-style-16 .lqd-lp-img figure {
transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.45, 1);
}
.lqd-lp-style-16:hover .lqd-lp-img figure {
transform: scale(1.1);
}
@media screen and (min-width: 992px) {
.lqd-lp-style-16 .lqd-lp-header,
.lqd-lp-style-16 .lqd-lp-excerpt {
width: 85%;
}
}
@media screen and (max-width: 479px) {
.lqd-lp-style-16 {
margin-bottom: 15px;
}
}
.lqd-lp-style-17 h2.lqd-lp-title {
font-size: 40px;
}
.lqd-lp-style-17 .lqd-lp-read-more {
font-size: 12px;
}
.lqd-lp-style-17 .lqd-lp-img figure {
transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.45, 1);
}
.lqd-lp-style-17 .lqd-lp-meta a,
.lqd-lp-style-17 .lqd-lp-title a {
color: #fff;
}
.lqd-lp-style-17 .lqd-lp-meta:hover a,
.lqd-lp-style-17 .lqd-lp-title:hover a {
color: rgba(255, 255, 255, 0.8);
}
.lqd-lp-style-17 .lqd-lp-meta {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.lqd-lp-style-17 .lqd-lp-content-bg {
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}
.lqd-lp-style-17 .lqd-lp-img figure {
transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.45, 1);
}
.lqd-lp-style-17:hover .lqd-lp-img figure {
transform: scale(1.1);
}
@media screen and (max-width: 479px) {
.lqd-lp-style-17.fullheight {
min-height: 75vh;
}
}
@media screen and (max-width: 479px) {
.lqd-lp-style-17 h2.lqd-lp-title {
font-size: 27px;
line-height: 1.25em;
}
}
.lqd-lp-style-18 {
position: static;
}
.lqd-lp-style-18 .lqd-lp-date {
font-size: 17px;
color: #000;
}
.lqd-lp-style-18 h2 {
font-size: 29px;
line-height: 1.3448275862em;
}
@media screen and (min-width: 992px) {
.lqd-lp-style-18 h2 {
width: 70%;
}
.lqd-lp-style-18 h2 .split-inner {
display: inline-block;
position: relative;
}
.lqd-lp-style-18 h2 .split-inner:before {
height: 1px;
background-color: #000;
transform-origin: right;
}
.lqd-lp-style-18 .lqd-lp-meta {
width: 30%;
}
.lqd-lp-style-18 .lqd-lp-header {
flex-direction: row;
width: 60%;
}
.lqd-lp-style-18 .lqd-lp-img {
width: 35%;
position: absolute;
top: 0;
right: 0;
}
.lqd-lp-style-18 .lqd-lp-img figure {
opacity: 0;
visibility: hidden;
transform: scale(1.15);
transition: opacity 0.65s, visibility 0.65s, transform 0.65s;
transition-timing-function: cubic-bezier(0.16, 0.9, 0.7, 1);
}
.lqd-lp-style-18 .lqd-lp-header:hover+.lqd-lp-img figure {
opacity: 1;
visibility: visible;
transform: scale(1);
}
}
.lqd-lp-style-19 .lqd-lp-img {
overflow: hidden;
}
.lqd-lp-style-19 .lqd-lp-img figure {
transform: scale(1);
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-lp-style-19 .lqd-lp-img .lqd-lp-footer {
top: 0;
left: 0;
}
.lqd-lp-style-19 .lqd-lp-img .btn {
font-size: 14px;
line-height: 2em;
text-transform: capitalize;
letter-spacing: 0;
background-color: #fff;
color: #000;
}
.lqd-lp-style-19 .lqd-lp-img .btn:hover {
transform: none;
}
.lqd-lp-style-19 .lqd-lp-img .btn-icon {
font-size: 1.2em;
-webkit-text-stroke: 0.5px;
}
.lqd-lp-style-19 .lqd-lp-meta {
font-size: 13px;
}
.lqd-lp-style-19 .lqd-lp-meta a {
color: #000;
}
.lqd-lp-style-19 h2 {
font-size: 24px;
line-height: 1.3333333333em;
}
.lqd-lp-style-19:hover .lqd-lp-img figure {
transform: scale(1.15);
}
@media screen and (min-width: 992px) {
.lqd-lp-style-19 h2:before {
content: none;
}
}
.lqd-lp-style-20 .lqd-lp-cat {
font-size: 14px;
text-transform: uppercase;
letter-spacing: -0.01em;
}
.lqd-lp-style-20 .lqd-lp-cat a {
padding: 0 0.25em;
background-color: #292929;
color: #fff;
}
.lqd-lp-style-20 .lqd-lp-cat a:before {
background-color: inherit;
}
.lqd-lp-style-21 {
padding: 4.5%;
font-size: 17px;
line-height: 1.4090909091em;
color: #181b31;
}
.lqd-lp-style-21 .lqd-lp-img {
min-height: 240px;
}
.lqd-lp-style-21 .lqd-lp-img figure {
position: absolute;
top: 0;
left: 0;
opacity: 1;
}
.lqd-lp-style-21 .lqd-lp-img img {
height: 100%;
object-fit: cover;
object-position: center;
}
.lqd-lp-style-21 .lqd-lp-date {
font-size: 12px;
}
.lqd-lp-style-21 .lqd-lp-cat a {
font-size: 13px;
color: #000;
}
.lqd-lp-style-21 h2.lqd-lp-title {
font-size: 27px;
font-weight: 700;
line-height: 1.0571428571em;
}
.lqd-lp-style-21 .lqd-lp-footer .btn {
font-size: 22px;
color: inherit;
}
.lqd-lp-style-21-alt .lqd-lp-img {
min-height: 200px;
}
@media screen and (min-width: 768px) {
.lqd-lp-style-21 .lqd-lp-img {
width: 35%;
height: 100%;
margin-bottom: 0;
}
.lqd-lp-style-21 .lqd-lp-contents {
width: 65%;
padding-inline-end: 2rem;
padding-inline-start: 2.5rem;
}
.lqd-lp-style-21 .lqd-lp-footer {
margin-top: auto;
}
.lqd-lp-style-21-alt .lqd-lp-img {
width: 50%;
}
.lqd-lp-style-21-alt .lqd-lp-contents {
width: 50%;
padding-inline-start: 1.5em;
padding-inline-end: 0;
}
}
@media screen and (min-width: 992px) {
.lqd-lp-style-21:not(.lqd-lp-style-21-alt) .lqd-lp-contents {
padding-inline-start: 4rem;
}
}
@media screen and (max-width: 479px) {
.lqd-lp-style-21 {
font-size: 1em;
}
.lqd-lp-style-21 h2.lqd-lp-title {
font-size: 30px;
}
}
.lqd-lp-style-22 {
display: flex;
flex-direction: column;
}
.lqd-lp-style-22 h2.lqd-lp-title {
font-size: 34px;
}
.lqd-lp-style-22 .lqd-lp-meta {
display: inline-grid;
grid-auto-flow: column;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.1em;
}
.lqd-lp-style-22 .lqd-lp-meta h3,
.lqd-lp-style-22 .lqd-lp-meta a {
color: #000;
}
.lqd-lp-column:not(:last-child) .lqd-lp-style-22,
.lqd-lp-style-22:not(:last-child):not(:only-of-type) {
padding-bottom: 1.25em;
margin-bottom: 2em;
border-bottom: 1px dashed #cecece;
}
.lqd-lp-column:not(:last-child) .lqd-lp-style-22 {
margin-bottom: 1em;
}
.lqd-lp-style-22.sticky {
border-left: 3px solid var(--lqd-color-primary);
border-bottom: none !important;
padding-left: 2em;
}
.lqd-lp-style-22:hover h2.lqd-lp-title a {
color: var(--lqd-color-primary);
}
@media screen and (min-width: 992px) {
.lqd-lp-style-22 .lqd-lp-excerpt,
.lqd-lp-style-22 .lqd-lp-header {
max-width: 68%;
}
}
@media screen and (max-width: 479px) {
.lqd-lp-style-22 h2.lqd-lp-title {
font-size: 27px;
line-height: 1.25em;
}
}
.lqd-lp-style-23 h2.lqd-lp-title {
font-size: 22px;
}
.lqd-lp-style-23 .lqd-lp-meta {
font-size: 13px;
}
.lqd-lp-style-23 .lqd-lp-author {
color: #000;
}
.lqd-lp-style-23 .lqd-lp-author h3,
.lqd-lp-style-23 .lqd-lp-author a {
color: inherit;
}
.lqd-lp-style-23 .lqd-lp-cat-solid a {
padding: 6px 10px;
background-color: #292929;
font-size: 10px;
color: #fff;
}
.lqd-lp-style-23 .lqd-lp-cat-solid a:before {
background-color: inherit;
}
.lqd-lp-style-23 .lqd-lp-img {
border: 13px solid #fff;
border-radius: 10px;
box-shadow: 0 20px 50px rgba(40, 58, 116, 0.1);
}
.lqd-lp-style-23 .lqd-lp-img .lqd-lp-meta {
top: 30px;
left: 30px;
}
.lqd-lp-style-23 .lqd-lp-excerpt {
font-size: 14px;
line-height: 1.71em;
}
/*******************************************
7.31. Fresco lightbox
*******************************************/
.fr-window {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
font: 13px/20px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
/* Chrome hack, this fixes a visual glitch when quickly toggling a video */
transform: translateZ(0);
}
/* z-index */
.fr-overlay {
z-index: 99998;
}
.fr-window {
z-index: 99999;
}
.fr-spinner {
z-index: 100000;
}
/* overlay */
.fr-overlay {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.fr-overlay-background {
float: left;
width: 100%;
height: 100%;
background: #000;
opacity: 0.9;
}
.fr-overlay-ui-fullclick .fr-overlay-background {
background: #292929;
opacity: 1;
}
/* mobile touch has position:absolute to allow zooming */
.fr-window.fr-mobile-touch,
.fr-overlay.fr-mobile-touch {
position: absolute;
overflow: visible;
}
/* some properties on the window are used to toggle things
* like margin and the fullclick mode,
* we reset those properties after measuring them
*/
.fr-measured {
margin: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
}
.fr-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fr-pages {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
user-select: none;
}
.fr-page {
position: absolute;
width: 100%;
height: 100%;
}
.fr-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
text-align: center;
}
.fr-hovering-clickable .fr-container {
cursor: pointer;
}
/*
padding:
youtube & vimeo always have buttons on the outside
side button = 72 = 54 + (2 * 9 margin)
close button = 48
*/
/* padding ui:inside */
.fr-ui-inside .fr-container {
padding: 20px 20px;
}
.fr-ui-inside.fr-no-sides .fr-container {
padding: 20px;
}
/* padding ui:outside */
.fr-ui-outside .fr-container {
padding: 20px 82px;
}
.fr-ui-outside.fr-no-sides .fr-container {
padding: 20px 48px;
}
/* reduce padding on smaller screens */
@media all and (max-width: 700px) and (orientation: portrait),
all and (orientation: landscape) and (max-height: 700px) {
/* padding ui:inside */
.fr-ui-inside .fr-container {
padding: 12px 12px;
}
.fr-ui-inside.fr-no-sides .fr-container {
padding: 12px;
}
/* padding ui:outside */
.fr-ui-outside .fr-container {
padding: 12px 72px;
}
.fr-ui-outside.fr-no-sides .fr-container {
padding: 12px 48px;
}
}
@media all and (max-width: 500px) and (orientation: portrait),
all and (orientation: landscape) and (max-height: 500px) {
/* padding ui:inside */
.fr-ui-inside .fr-container {
padding: 0 0;
}
.fr-ui-inside.fr-no-sides .fr-container {
padding: 0;
}
/* padding ui:outside */
.fr-ui-outside .fr-container {
padding: 0 72px;
}
.fr-ui-outside.fr-no-sides .fr-container {
padding: 0 48px;
}
}
/* padding ui:fullclick */
.fr-ui-fullclick .fr-container {
padding: 0;
}
.fr-ui-fullclick.fr-no-sides .fr-container {
padding: 0;
}
/* video fullclick */
.fr-ui-fullclick.fr-type-video .fr-container {
padding: 0 62px;
}
.fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container {
padding: 48px 0;
}
/* overflow-y should always have 0 padding top and bottom */
.fr-overflow-y .fr-container {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.fr-content,
.fr-content-background {
position: absolute;
top: 50%;
left: 50%;
/* IE11 has a 1px blur bug on the edges of the caption (ui:inside)
during animation with overflow:hidden */
overflow: visible;
}
/* img/iframe/error */
.fr-content-element {
float: left;
width: 100%;
height: 100%;
}
.fr-content-background {
background: #101010;
}
.fr-info {
position: absolute;
top: 0;
left: 0;
width: 100%;
color: #efefef;
font-size: 13px;
line-height: 20px;
text-align: left;
text-size-adjust: none;
user-select: text;
}
.fr-info-background {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000;
line-height: 1%;
filter: none;
opacity: 1;
}
.fr-ui-inside .fr-info-background {
opacity: 0.8;
zoom: 1;
}
/* ui:outside has a slightly lighter info background to break up from black page backgrounds */
.fr-ui-outside .fr-info-background {
background: #0d0d0d;
}
/* info at the bottom for ui:inside */
.fr-content .fr-info {
top: auto;
bottom: 0;
}
.fr-info-padder {
display: block;
overflow: hidden;
padding: 12px;
position: relative;
width: auto;
}
.fr-caption {
width: auto;
display: inline;
}
.fr-position {
color: #b3b3b3;
float: right;
line-height: 21px;
opacity: 0.99;
position: relative;
text-align: right;
margin-left: 15px;
white-space: nowrap;
}
/* positions not within the info bar
for ui:outside/inside */
.fr-position-outside,
.fr-position-inside {
position: absolute;
bottom: 0;
right: 0;
margin: 12px;
width: auto;
padding: 2px 8px;
border-radius: 10px;
font-size: 11px;
line-height: 20px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
display: none;
overflow: hidden;
white-space: nowrap;
text-size-adjust: none;
user-select: text;
}
.fr-position-inside {
border: 0;
}
.fr-position-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0d0d0d;
opacity: 0.8;
zoom: 1;
/* oldIE */
}
.fr-position-text {
color: #b3b3b3;
}
.fr-position-outside .fr-position-text,
.fr-position-inside .fr-position-text {
float: left;
position: relative;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
opacity: 1;
}
/* display it for the outside ui, hide the caption inside */
.fr-ui-outside .fr-position-outside {
display: block;
}
.fr-ui-outside .fr-info .fr-position {
display: none;
}
.fr-ui-inside.fr-no-caption .fr-position-inside {
display: block;
}
/* links */
.fr-info a,
.fr-info a:hover {
color: #ccc;
border: 0;
background: none;
text-decoration: underline;
}
.fr-info a:hover {
color: #eee;
}
/* no-caption */
.fr-ui-outside.fr-no-caption .fr-info {
display: none;
}
.fr-ui-inside.fr-no-caption .fr-caption {
display: none;
}
/* --- stroke */
.fr-stroke {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
}
.fr-stroke-vertical {
width: 1px;
height: 100%;
}
.fr-stroke-horizontal {
padding: 0 1px;
}
.fr-stroke-right {
left: auto;
right: 0;
}
.fr-stroke-bottom {
top: auto;
bottom: 0;
}
.fr-stroke-color {
float: left;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.08);
}
/* the stroke is brighter inside the info box */
.fr-info .fr-stroke-color {
background: rgba(80, 80, 80, 0.3);
}
/* remove the stroke when outside ui has a caption */
.fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom {
display: none;
}
/* remove stroke and shadow when ui:fullclick */
.fr-ui-fullclick .fr-stroke {
display: none;
}
.fr-ui-fullclick .fr-content-background {
box-shadow: none;
}
/* the info box never bas a top stroke */
.fr-info .fr-stroke-top {
display: none;
}
/* < > */
.fr-side {
position: absolute;
top: 50%;
width: 54px;
height: 72px;
margin: 0 9px;
margin-top: -36px;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
zoom: 1;
}
.fr-side-previous {
left: 0;
}
.fr-side-next {
right: 0;
left: auto;
}
.fr-side-disabled {
cursor: default;
}
.fr-side-hidden {
display: none !important;
}
.fr-side-button {
float: left;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.fr-side-button-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #101010;
}
.fr-side-button-icon {
float: left;
position: relative;
height: 100%;
width: 100%;
zoom: 1;
background-position: 50% 50%;
background-repeat: no-repeat;
}
/* smaller side buttons */
@media all and (max-width: 500px) and (orientation: portrait),
all and (orientation: landscape) and (max-height: 414px) {
.fr-side {
width: 54px;
height: 60px;
margin: 0;
margin-top: -30px;
}
.fr-side-button {
width: 48px;
height: 60px;
margin: 0 3px;
}
}
/* X */
.fr-close {
position: absolute;
width: 48px;
height: 48px;
top: 0;
right: 0;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.fr-close-background,
.fr-close-icon {
position: absolute;
top: 12px;
left: 12px;
height: 26px;
width: 26px;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.fr-close-background {
background-color: #000;
}
/* Thumbnails */
.fr-thumbnails {
position: absolute;
overflow: hidden;
}
.fr-thumbnails-disabled .fr-thumbnails {
display: none !important;
}
.fr-thumbnails-horizontal .fr-thumbnails {
width: 100%;
height: 12%;
min-height: 74px;
max-height: 160px;
bottom: 0;
}
.fr-thumbnails-vertical .fr-thumbnails {
height: 100%;
width: 10%;
min-width: 74px;
max-width: 160px;
left: 0;
}
.fr-thumbnails,
.fr-thumbnails * {
user-select: none;
}
.fr-thumbnails-wrapper {
position: absolute;
top: 0;
left: 50%;
height: 100%;
}
.fr-thumbnails-vertical .fr-thumbnails-wrapper {
top: 50%;
left: 0;
}
.fr-thumbnails-slider {
position: relative;
width: 100%;
height: 100%;
float: left;
zoom: 1;
}
.fr-thumbnails-slider-slide {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.fr-thumbnails-thumbs {
float: left;
height: 100%;
overflow: hidden;
position: relative;
top: 0;
left: 0;
}
.fr-thumbnails-slide {
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
.fr-thumbnail-frame {
position: absolute;
zoom: 1;
overflow: hidden;
}
.fr-thumbnail {
position: absolute;
width: 30px;
height: 100%;
left: 50%;
top: 50%;
zoom: 1;
cursor: pointer;
margin: 0 10px;
}
.fr-thumbnail-wrapper {
position: relative;
background: #161616;
width: 100%;
height: 100%;
float: left;
overflow: hidden;
display: inline;
/* IE6(7) */
z-index: 0;
/* IE8 */
}
.fr-thumbnail-overlay {
cursor: pointer;
}
.fr-thumbnail-active .fr-thumbnail-overlay {
cursor: default;
}
.fr-thumbnail-overlay,
.fr-thumbnail-overlay-background,
.fr-thumbnail-overlay-border {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0;
overflow: hidden;
border-style: solid;
border-color: transparent;
}
.fr-thumbnail .fr-thumbnail-image {
position: absolute;
opacity: 0.85;
max-width: none;
}
.fr-thumbnail:hover .fr-thumbnail-image,
.fr-thumbnail-active:hover .fr-thumbnail-image {
opacity: 0.99;
}
.fr-thumbnail-active .fr-thumbnail-image,
.fr-thumbnail-active:hover .fr-thumbnail-image {
opacity: 0.35;
}
.fr-thumbnail-active {
cursor: default;
}
/* Thumbnails loading */
.fr-thumbnail-loading,
.fr-thumbnail-loading-background,
.fr-thumbnail-loading-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fr-thumbnail-loading-background {
background-color: #161616;
background-position: 50% 50%;
background-repeat: no-repeat;
opacity: 0.8;
position: relative;
float: left;
}
/* this element is there as an alternative to putting the loading image on the background */
.fr-thumbnail-loading-icon {
display: none;
}
/* error on thumbnail */
.fr-thumbnail-error .fr-thumbnail-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #202020;
}
/* Thumbnail < > */
.fr-thumbnails-side {
float: left;
height: 100%;
width: 28px;
margin: 0 5px;
position: relative;
overflow: hidden;
}
.fr-thumbnails-side-previous {
margin-left: 12px;
}
.fr-thumbnails-side-next {
margin-right: 12px;
}
.fr-thumbnails-vertical .fr-thumbnails-side {
height: 28px;
width: 100%;
margin: 10px 0;
}
.fr-thumbnails-vertical .fr-thumbnails-side-previous {
margin-top: 20px;
}
.fr-thumbnails-vertical .fr-thumbnails-side-next {
margin-bottom: 20px;
}
.fr-thumbnails-side-button {
position: absolute;
top: 50%;
left: 50%;
margin-top: -14px;
margin-left: -14px;
width: 28px;
height: 28px;
cursor: pointer;
}
.fr-thumbnails-side-button-background {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0.8;
transition: background-color 0.2s ease-in;
background-color: #333;
cursor: pointer;
border-radius: 4px;
}
.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background {
background-color: #3b3b3b;
}
.fr-thumbnails-side-button-disabled * {
cursor: default;
}
.fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background {
background-color: #333;
}
.fr-thumbnails-side-button-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* vertical thumbnails */
.fr-thumbnails-vertical .fr-thumbnails-side,
.fr-thumbnails-vertical .fr-thumbnails-thumbs,
.fr-thumbnails-vertical .fr-thumbnail-frame {
clear: both;
}
/* ui:fullclick has a dark thumbnail background */
.fr-window-ui-fullclick .fr-thumbnails {
background: #090909;
}
/* put a stroke on the connecting caption*/
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal .fr-info .fr-stroke-bottom {
display: block !important;
}
/*({ box-shadow: inset 0 -1px 0 rgba(255,255,255,.1); } */
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical .fr-info .fr-stroke-left {
display: block !important;
}
/* thumbnail spacing */
.fr-thumbnails-horizontal .fr-thumbnails-thumbs {
padding: 12px 5px;
}
.fr-thumbnails-vertical .fr-thumbnails-thumbs {
padding: 5px 12px;
}
.fr-thumbnails-measured .fr-thumbnails-thumbs {
padding: 0 !important;
}
/* horizontal */
@media all and (min-height: 700px) {
.fr-thumbnails-horizontal .fr-thumbnails-thumbs {
padding: 16px 8px;
}
.fr-thumbnails-horizontal .fr-thumbnails-side {
margin: 0 8px;
}
.fr-thumbnails-horizontal .fr-thumbnails-side-previous {
margin-left: 16px;
}
.fr-thumbnails-horizontal .fr-thumbnails-side-next {
margin-right: 16px;
}
}
@media all and (min-height: 980px) {
.fr-thumbnails-horizontal .fr-thumbnails-thumbs {
padding: 20px 10px;
}
.fr-thumbnails-horizontal .fr-thumbnails-side {
margin: 0 10px;
}
.fr-thumbnails-horizontal .fr-thumbnails-side-previous {
margin-left: 20px;
}
.fr-thumbnails-horizontal .fr-thumbnails-side-next {
margin-right: 20px;
}
}
/* vertical */
@media all and (min-width: 1200px) {
.fr-thumbnails-vertical .fr-thumbnails-thumbs {
padding: 8px 16px;
}
.fr-thumbnails-vertical .fr-thumbnails-side {
margin: 0 8px;
}
.fr-thumbnails-vertical .fr-thumbnails-side-previous {
margin-top: 16px;
}
.fr-thumbnails-vertical .fr-thumbnails-side-next {
margin-bottom: 16px;
}
}
@media all and (min-width: 1800px) {
.fr-thumbnails-vertical .fr-thumbnails-thumbs {
padding: 10px 20px;
}
.fr-thumbnails-vertical .fr-thumbnails-side {
margin: 10px 0;
}
.fr-thumbnails-vertical .fr-thumbnails-side-previous {
margin-top: 20px;
}
.fr-thumbnails-vertical .fr-thumbnails-side-next {
margin-bottom: 20px;
}
}
/* hide thumbnails on smaller screens
the js always hides them on touch based devices
*/
@media all and (max-width: 500px) and (orientation: portrait),
all and (orientation: landscape) and (max-height: 500px) {
.fr-thumbnails-horizontal .fr-thumbnails {
display: none !important;
}
}
@media all and (max-width: 700px) and (orientation: portrait),
all and (orientation: landscape) and (max-height: 414px) {
.fr-thumbnails-vertical .fr-thumbnails {
display: none !important;
}
}
/* force fullClick: true
and force overflow: false */
@media all and (max-width: 500px) and (orientation: portrait),
all and (orientation: landscape) and (max-height: 414px) {
.fr-page {
min-width: 100%;
}
/* fullclick */
.fr-page {
min-height: 100%;
}
/* overflow: false */
}
/* switch between ui modes
we force everything not in the current UI mode to hide
*/
.fr-window-ui-fullclick .fr-side-next-outside,
.fr-window-ui-fullclick .fr-side-previous-outside,
.fr-window-ui-fullclick .fr-close-outside,
.fr-window-ui-fullclick .fr-content .fr-side-next,
.fr-window-ui-fullclick .fr-content .fr-side-previous,
.fr-window-ui-fullclick .fr-content .fr-close,
.fr-window-ui-fullclick .fr-content .fr-info,
.fr-window-ui-outside .fr-side-next-fullclick,
.fr-window-ui-outside .fr-side-previous-fullclick,
.fr-window-ui-outside .fr-close-fullclick,
.fr-window-ui-outside .fr-content .fr-side-next,
.fr-window-ui-outside .fr-content .fr-side-previous,
.fr-window-ui-outside .fr-content .fr-close,
.fr-window-ui-outside .fr-content .fr-info,
.fr-window-ui-inside .fr-page>.fr-info,
.fr-window-ui-inside .fr-side-next-fullclick,
.fr-window-ui-inside .fr-side-previous-fullclick,
.fr-window-ui-inside .fr-close-fullclick,
.fr-window-ui-inside .fr-side-next-outside,
.fr-window-ui-inside .fr-side-previous-outside,
.fr-window-ui-inside .fr-close-outside {
display: none !important;
}
/* some ui elements can be toggled on mousemove.
filter:alpha(opacity) is bugged so we use display in oldIE
*/
.fr-toggle-ui {
opacity: 0;
transition: opacity 0.3s;
}
.fr-visible-fullclick-ui .fr-box>.fr-toggle-ui,
.fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui {
opacity: 1;
}
.fr-hidden-fullclick-ui .fr-box>.fr-toggle-ui,
.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui {
transition: opacity 0.3s;
}
/* Spinner */
.fr-spinner {
position: fixed;
width: 52px;
height: 52px;
background: #101010;
background: rgba(16, 16, 16, 0.85);
border-radius: 5px;
}
.fr-spinner div {
position: absolute;
top: 0;
left: 0;
height: 64%;
width: 64%;
margin-left: 18%;
margin-top: 18%;
opacity: 1;
animation: fresco-12 1.2s infinite ease-in-out;
}
.fr-spinner div:after {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 2px;
height: 8px;
margin-left: -1px;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
/* fixes rendering in Firefox */
}
.fr-spinner div.fr-spin-1 {
transform: rotate(30deg);
animation-delay: -1.1s;
}
.fr-spinner div.fr-spin-2 {
transform: rotate(60deg);
animation-delay: -1s;
}
.fr-spinner div.fr-spin-3 {
transform: rotate(90deg);
animation-delay: -0.9s;
}
.fr-spinner div.fr-spin-4 {
transform: rotate(120deg);
animation-delay: -0.8s;
}
.fr-spinner div.fr-spin-5 {
transform: rotate(150deg);
animation-delay: -0.7s;
}
.fr-spinner div.fr-spin-6 {
transform: rotate(180deg);
animation-delay: -0.6s;
}
.fr-spinner div.fr-spin-6 {
transform: rotate(180deg);
animation-delay: -0.6s;
}
.fr-spinner div.fr-spin-7 {
transform: rotate(210deg);
animation-delay: -0.5s;
}
.fr-spinner div.fr-spin-8 {
transform: rotate(240deg);
animation-delay: -0.4s;
}
.fr-spinner div.fr-spin-9 {
transform: rotate(270deg);
animation-delay: -0.3s;
}
.fr-spinner div.fr-spin-10 {
transform: rotate(300deg);
animation-delay: -0.2s;
}
.fr-spinner div.fr-spin-11 {
transform: rotate(330deg);
animation-delay: -0.1s;
}
.fr-spinner div.fr-spin-12 {
transform: rotate(360deg);
animation-delay: 0s;
}
@-webkit-keyframes fresco-12 {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fresco-12 {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* Thumbnail spinner */
.fr-thumbnail-spinner {
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
width: 40px;
height: 40px;
}
.fr-thumbnail-spinner-spin {
position: relative;
float: left;
margin: 8px 0 0 8px;
text-indent: -9999em;
border-top: 2px solid rgba(255, 255, 255, 0.2);
border-right: 2px solid rgba(255, 255, 255, 0.2);
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
border-left: 2px solid #fff;
animation: fr-thumbnail-spin 1.1s infinite linear;
}
.fr-thumbnail-spinner-spin,
.fr-thumbnail-spinner-spin:after {
border-radius: 50%;
width: 24px;
height: 24px;
}
@-webkit-keyframes fr-thumbnail-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes fr-thumbnail-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Error */
.fr-error {
float: left;
position: relative;
background-color: #ca3434;
width: 160px;
height: 160px;
}
.fr-error-icon {
position: absolute;
width: 42px;
height: 42px;
top: 50%;
left: 50%;
margin-left: -21px;
margin-top: -21px;
}
/* skin: 'fresco' */
/* Sprite */
.fr-window-skin-fresco .fr-side-button-icon,
.fr-window-skin-fresco .fr-close-icon,
.fr-window-skin-fresco .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco .fr-error-icon {
background-repeat: no-repeat;
background-size: 15px;
background-position: center;
}
.fr-window-skin-fresco .fr-error-icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMzMwMDAyIDEzLjI5OEwyLjA2NCAxNS4wMzJMMy43OTggMTMuMjk4TDUuNTMyIDExLjU2M0w3LjI2NjAxIDEzLjI5OEw5IDE1LjAzMkwxMC43MzQgMTMuMjk4TDEyLjQ2OCAxMS41NjNMMTQuMjAxIDEzLjI5OEwxNS45MzYgMTUuMDMyTDE3LjY3IDEzLjI5OEwxOCAxMi45NjhWNS41TDEzIDAuNUgwVjEyLjk2OEwwLjMzMDAwMiAxMy4yOThaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTcuNjcgMTYuNzY1TDE1LjkzNiAxOC41TDE0LjIwMSAxNi43NjVMMTIuNDY4IDE1LjAzMkwxMC43MzQgMTYuNzY1TDkgMTguNUw3LjI2NjAxIDE2Ljc2NUw1LjUzMiAxNS4wMzJMMy43OTggMTYuNzY1TDIuMDY0IDE4LjVMMC4zMzAwMDIgMTYuNzY1TDAgMTYuNDM2VjI3LjVIMThWMTYuNDM2TDE3LjY3IDE2Ljc2NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.fr-window-skin-fresco .fr-content-background {
background: #101010;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background {
box-shadow: none;
}
/* thumbnail shadow */
.fr-window-skin-fresco .fr-thumbnail-wrapper {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
/* < > */
.fr-window-skin-fresco .fr-side-button-background {
background-color: transparent;
}
.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCAyNyA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMjYuMjEzIDM4Ljk3MUwyMS45NzEgNDMuMjE0TDAuNzU4MDI2IDIyTDIxLjk3MSAwLjc4NzAxOEwyNi4yMTMgNS4wMjkwMkw5LjI0MjAzIDIyTDI2LjIxMyAzOC45NzFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjQuNzk5IDM4Ljk3MUwyMS45NzEgNDEuNzk5TDIuMTcyMDMgMjJMMjEuOTcxIDIuMjAxMDJMMjQuNzk5IDUuMDI5MDJMNy44MjgwMyAyMkwyNC43OTkgMzguOTcxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
.fr-window-skin-fresco .fr-side-next .fr-side-button-icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCAyNyA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMC43ODcwMTggMzguOTcxTDUuMDI5MDEgNDMuMjE0TDI2LjI0MiAyMkw1LjAyOTAxIDAuNzg3MDE4TDAuNzg3MDE4IDUuMDI5MDJMMTcuNzU4IDIyTDAuNzg3MDE4IDM4Ljk3MVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yLjIwMTAyIDM4Ljk3MUw1LjAyOTAyIDQxLjc5OUwyNC44MjggMjJMNS4wMjkwMiAyLjIwMTAyTDIuMjAxMDIgNS4wMjkwMkwxOS4xNzIgMjJMMi4yMDEwMiAzOC45NzFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}
/* TODO: make sure this works */
/* hide for ui:inside/fullclick, only for the image type */
.fr-window-skin-fresco.fr-window-ui-inside .fr-type-image .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image .fr-side-disabled .fr-side-button-icon {
background-image: none;
}
/* < > responsive */
/* X */
/* colors */
.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background {
background-color: #363636;
}
.fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background {
background-color: #434343;
}
.fr-window-skin-fresco.fr-window-ui-inside .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background {
background-color: #131313;
opacity: 0.8;
}
.fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close:hover .fr-close-background {
background-color: #191919;
}
/* - image */
.fr-window-skin-fresco .fr-close .fr-close-icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41NSIgZD0iTTE3LjEzMiAzLjY5Njk4TDE0LjMwNCAwLjg2ODk4MUw5IDYuMTcxOThMMy42OTcwMSAwLjg2Nzk4MUwwLjg2Nzk5NiAzLjY5NTk4TDYuMTcyIDguOTk5OThMMC44Njc5OTYgMTQuMzA0TDMuNjk3MDEgMTcuMTMyTDkgMTEuODI5TDE0LjMwNCAxNy4xMzNMMTcuMTMyIDE0LjMwNEwxMS44MjggOC45OTk5OEwxNy4xMzIgMy42OTY5OFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNS43MTggMy42OTY5OEwxNC4zMDQgMi4yODI5OEw5IDcuNTg1OThMMy42OTcwMSAyLjI4MTk4TDIuMjgzIDMuNjk1OThMNy41ODYgOC45OTk5OEwyLjI4MyAxNC4zMDRMMy42OTcwMSAxNS43MThMOSAxMC40MTRMMTQuMzA0IDE1LjcxOEwxNS43MTggMTQuMzA0TDEwLjQxNCA4Ljk5OTk4TDE1LjcxOCAzLjY5Njk4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
/* - transition */
/* iOS 8.4.1 bug: when opacity changes it'll require 2 taps
force a single opacity to fix this
*/
.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-close .fr-close-icon,
.fr-window-skin-fresco.fr-mobile-touch .fr-close:hover .fr-close-icon {
opacity: 1;
}
/* Thumbnails */
.fr-window-skin-fresco .fr-thumbnail-wrapper {
border-color: transparent;
border-style: solid;
border-width: 0;
}
.fr-window-skin-fresco .fr-thumbnail-wrapper {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
.fr-window-skin-fresco .fr-thumbnail-wrapper {
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3);
}
.fr-window-skin-fresco .fr-thumbnail-overlay-border {
border-width: 1px;
border-color: rgba(255, 255, 255, 0.08);
/* should remain rgba */
}
/* no inner border on active thumbnail */
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border,
.fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border {
border: 0;
}
/* Thumbnails < > */
.fr-window-skin-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCAyNyA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMjYuMjEzIDM4Ljk3MUwyMS45NzEgNDMuMjE0TDAuNzU4MDI2IDIyTDIxLjk3MSAwLjc4NzAxOEwyNi4yMTMgNS4wMjkwMkw5LjI0MjAzIDIyTDI2LjIxMyAzOC45NzFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjQuNzk5IDM4Ljk3MUwyMS45NzEgNDEuNzk5TDIuMTcyMDMgMjJMMjEuOTcxIDIuMjAxMDJMMjQuNzk5IDUuMDI5MDJMNy44MjgwMyAyMkwyNC43OTkgMzguOTcxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
.fr-window-skin-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCAyNyA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNMC43ODcwMTggMzguOTcxTDUuMDI5MDEgNDMuMjE0TDI2LjI0MiAyMkw1LjAyOTAxIDAuNzg3MDE4TDAuNzg3MDE4IDUuMDI5MDJMMTcuNzU4IDIyTDAuNzg3MDE4IDM4Ljk3MVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yLjIwMTAyIDM4Ljk3MUw1LjAyOTAyIDQxLjc5OUwyNC44MjggMjJMNS4wMjkwMiAyLjIwMTAyTDIuMjAxMDIgNS4wMjkwMkwxOS4xNzIgMjJMMi4yMDEwMiAzOC45NzFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}
/* vertical ^ (up/down) adjustments */
.vc_mobile .ld-masked-image svg {
transform: translateZ(0);
}
/*******************************************
7.32. Media elements
*******************************************/
.ld-media-icon,
.ld-media-item-overlay {
transition-duration: 0.45s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ld-media-bg {
background-color: rgba(0, 0, 0, 0.4);
}
.ld-media-item-overlay {
padding: 30px;
opacity: 0;
visibility: hidden;
color: #fff;
transition-property: opacity, visibility;
}
.ld-media-item {
color: #fff;
}
.ld-media-item .ld-media-txt h3,
.ld-media-item .ld-media-txt h6 {
color: inherit;
opacity: 0;
transform: translateY(10px);
transition-property: transform, opacity;
transition-duration: 0.45s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ld-media-item .ld-media-txt h3 {
margin-bottom: 0.25em;
}
.ld-media-item .ld-media-txt h6 {
font-size: 12px;
}
.ld-media-item figure {
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.ld-media-item:hover .ld-media-txt h3,
.ld-media-item:hover .ld-media-txt h6 {
transform: translateY(0);
}
.ld-media-item:hover .ld-media-txt h3 {
opacity: 1;
transition-delay: 0.1s;
}
.ld-media-item:hover .ld-media-txt h6 {
opacity: 0.4;
transition-delay: 0.2s;
}
.ld-media-item:hover figure {
transition-duration: 10s;
transform: scale(1.1);
}
.ld-media-item:hover .ld-media-item-overlay {
opacity: 1;
visibility: visible;
}
.ld-media-item:hover .liquid-overlay-link {
z-index: 3;
}
.ld-media-icon {
font-size: 32px;
transform: scale(1.25);
opacity: 0;
transition-property: transform, opacity;
}
.ld-media-icon:before {
content: none;
}
.ld-media-icon.icon-play {
width: 55px;
height: 55px;
font-size: 15px;
transition-property: transform, opacity, border;
}
.ld-media-icon.icon-play.bordered {
border: 2px solid #fff;
}
.ld-media-icon.icon-play.solid {
background-color: var(--lqd-color-primary);
}
.ld-media-icon.icon-play.size-lg {
width: 65px;
height: 65px;
}
.ld-media-item:hover .ld-media-icon {
transform: scale(1);
opacity: 1;
transition-delay: 0.1s;
}
.ld-media-item:hover.contents-visible .icon-play {
transform: scale(1.1);
border-width: 1px;
}
.ld-media-item.contents-visible .ld-media-txt h3,
.ld-media-item.contents-visible .ld-media-txt h6 {
opacity: 1;
visibility: visible;
transform: none;
}
.ld-media-item.contents-visible .ld-media-bg,
.ld-media-item.contents-visible .ld-media-icon,
.ld-media-item.contents-visible .ld-media-item-overlay {
opacity: 1;
visibility: visible;
transform: none;
}
.ld-media-item:hover.contents-visible .icon-play {
transform: scale(1.1);
border-width: 1px;
}
.ld-media-item.shadow-onhover {
transition: box-shadow 0.3s;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.ld-media-item:hover.shadow-onhover {
box-shadow: 0 50px 75px rgba(0, 0, 0, 0.25);
}
/*******************************************
7.33. Milestone
*******************************************/
.lqd-milestone {
--items-gap: 0.85em;
}
.lqd-milestone-time {
margin-inline-end: var(--items-gap);
flex: 1 1 calc(10% - var(--items-gap));
border-bottom: 4px solid;
font-size: 36px;
line-height: 1em;
letter-spacing: -0.01em;
color: var(--lqd-color-primary);
}
.lqd-milestone-time span {
color: inherit;
}
.lqd-milestone-content {
flex: 1 1 calc(90% - var(--items-gap));
}
.lqd-milestone-content h5 {
font-size: 16px;
font-weight: 700;
letter-spacing: 0.05em;
}
.lqd-milestone-content p {
margin: 0;
}
@media screen and (max-width: 768px) {
.lqd-milestone-time {
flex: 1 1 calc(15% - var(--items-gap));
}
.lqd-milestone-content {
flex: 1 1 calc(85% - var(--items-gap));
}
}
@media screen and (max-width: 479px) {
.lqd-milestone {
flex-wrap: wrap;
}
.lqd-milestone-time {
margin: 0 0 0.75em;
padding-bottom: 0.35em;
flex: 1 1 100%;
}
.lqd-milestone-content {
flex: 1 1 100%;
}
}
/*******************************************
7.34. Lity modal
*******************************************/
.lity {
display: block;
position: fixed;
z-index: 999;
top: 0;
right: 0;
bottom: 0;
left: 0;
outline: none !important;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
}
.lity .lqd-head-sec {
width: auto;
}
.lity.lity-opened {
opacity: 1;
visibility: visible;
}
.lity.lity-closed {
opacity: 0;
visibility: hidden;
}
.lity-wrap {
display: grid;
place-items: center;
position: absolute;
z-index: 999;
top: 0;
right: 0;
bottom: 0;
left: 0;
outline: none !important;
}
.lity-loader {
z-index: 9991;
color: #fff;
position: absolute;
top: 50%;
margin-top: -0.8em;
width: 100%;
text-align: center;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
opacity: 0;
transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
opacity: 1;
}
.lity-container {
display: inline-block;
position: relative;
z-index: 9992;
max-width: 100%;
max-height: 100%;
outline: none !important;
white-space: normal;
background: #fff;
}
.lity-content {
z-index: 9993;
width: 100%;
height: 100%;
overflow-y: auto;
overscroll-behavior: contain;
}
.lity-close {
z-index: 9994;
width: 35px;
height: 35px;
position: fixed;
right: 30px;
top: 30px;
cursor: pointer;
text-decoration: none;
padding: 0;
color: #fff;
border: 0;
background: none;
outline: none;
box-shadow: none;
transition: color 0.3s, background 0.3s;
}
.lity-close:hover,
.lity-close:focus {
outline: none;
}
.lity .lity-close {
font-family: Arial, Baskerville, monospace;
font-size: 35px;
line-height: 35px;
font-style: normal;
font-weight: 400;
}
.lity-backdrop {
display: block;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
}
.lity-image img {
max-width: 100%;
display: block;
line-height: 0;
border: 0;
}
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
width: 100%;
max-width: 964px;
}
.lity-iframe-container {
width: 100%;
height: 0;
padding-top: 56.25%;
overflow: auto;
pointer-events: auto;
transform: translateZ(0);
}
.lity-iframe-container iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
.lity-hide {
display: none;
}
.lqd-modal {
width: 100%;
position: relative;
padding: 25px 2em;
}
.lqd-modal-head h2 {
margin-top: 0;
margin-bottom: 1.25em;
padding-bottom: 1em;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
font-size: 28px;
font-weight: 500;
}
.lqd-modal-head h2:empty {
display: none;
}
.lity .lity-close {
padding: 0 !important;
border: none !important;
background: none;
}
@media (min-width: 992px) {
.featherlight-content>iframe.featherlight-inner {
min-width: 850px;
}
}
@keyframes modalDefaultContainer {
from {
opacity: 0;
transform: perspective(600px) translate3d(0, 25%, 0) rotate3d(1, 0, 0, -3deg);
}
to {
opacity: 1;
transform: perspective(600px) translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
}
}
@keyframes modalDefaultContent {
from {
opacity: 0;
transform: translate3d(0, 50px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.lity[data-modal-type=default] {
perspective: 1200px;
}
.lity[data-modal-type=default] .lity-container {
border-radius: 4px;
box-shadow: 0 20px 65px -5px rgba(0, 0, 0, 0.5);
}
.lity[data-modal-type=default] .lity-content {
max-height: 90vh;
}
.lity-opened[data-modal-type=default] .lity-container {
animation: modalDefaultContainer 0.65s cubic-bezier(0.3, 1, 0.6, 1) alternate both;
}
.lity-opened[data-modal-type=default] .lity-content {
animation: modalDefaultContent 0.65s 0.15s cubic-bezier(0.3, 1, 0.6, 1) alternate both;
}
@media (min-width: 768px) {
[data-modal-type=default] .lity-container {
width: 750px;
}
}
@media (min-width: 992px) {
[data-modal-type=default] .lity-container {
width: 970px;
}
}
@media (min-width: 1200px) {
[data-modal-type=default] .lity-container {
width: 1170px;
}
}
[data-modal-type=box] .lity-backdrop {
background: transparent;
}
[data-modal-type=box] .lqd-modal-head h2 {
margin-top: 5px;
border-bottom: none;
font-size: 20px;
}
.lity[data-modal-type=box] {
width: 350px;
height: 500px;
bottom: auto;
right: auto;
background: none;
}
.lity[data-modal-type=box] .lity-wrap {
display: block;
}
.lity[data-modal-type=box] .lity-container {
border-radius: 15px;
box-shadow: 0 10px 65px -5px rgba(0, 0, 0, 0.15);
}
.lity[data-modal-type=box] .lity-container:before {
content: "";
display: inline-block;
width: 0;
height: 0;
position: absolute;
bottom: -8px;
left: 10%;
border-radius: 20px;
transform: rotate(130deg);
border-top: 12px solid #fff;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
}
.lity[data-modal-type=box] .lity-container,
.lity[data-modal-type=box] .lity-wrap {
width: 100%;
height: 100%;
}
.lity[data-modal-type=box] .lity-close {
width: 35px;
height: 35px;
position: absolute;
top: 25px;
right: 25px;
border-radius: 20px;
font-size: 28px;
line-height: 35px;
color: rgba(0, 0, 0, 0.75);
background-color: rgba(255, 255, 255, 0.65);
text-align: center;
backdrop-filter: blur(3px);
box-shadow: 0 5px 15px -2px rgba(0, 0, 0, 0.1);
}
.lity[data-modal-type=box] .lity-close:hover {
background-color: rgba(255, 0, 0, 0.65);
color: #fff;
}
.lity[data-modal-type=box].to-left .lity-container:before {
left: auto;
right: 10%;
transform: rotate(-130deg);
}
.lity-dark[data-modal-type=fullscreen] .lity-close {
color: #fff;
}
@keyframes modalFullscreenContainer {
from {
height: 0;
transform-origin: top;
}
to {
height: 100vh;
}
}
@keyframes modalFullscreenContent {
from {
opacity: 0;
transform: translate3d(0, 50px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
[data-modal-type=fullscreen] .lity-backdrop {
display: none;
}
.lity[data-modal-type=fullscreen] {
padding: 0 !important;
}
.lity[data-modal-type=fullscreen] .lity-wrap {
display: block;
}
.lity[data-modal-type=fullscreen] .lity-container {
width: 100vw;
height: 100vh;
}
.lity[data-modal-type=fullscreen] .lqd-modal,
.lity[data-modal-type=fullscreen] .lity-content,
.lity[data-modal-type=fullscreen] .lqd-modal-inner {
height: 100%;
}
.lity[data-modal-type=fullscreen] .lity-close {
color: #000;
}
.lqd-modal[data-modal-type=fullscreen] {
padding: 0;
}
.lity-opened[data-modal-type=fullscreen] .lity-container {
transform-origin: top;
animation: modalFullscreenContainer 0.8s cubic-bezier(0.95, 0, 0.15, 1) alternate both;
}
.lity-opened[data-modal-type=fullscreen] .lity-content {
animation: modalDefaultContent 0.65s 0.45s cubic-bezier(0.3, 1, 0.6, 1) alternate both;
}
/*******************************************
7.35. Newsletter form
*******************************************/
@keyframes formRotate360 {
to {
transform: rotate(360deg);
}
}
.ld-sf input:focus {
outline: none;
}
.ld-sf p {
margin-bottom: 20px;
line-height: 1.5em;
}
.ld-sf p [type=submit] {
padding-top: 0;
padding-bottom: 0;
}
.ld-sf [type=text],
.ld-sf [type=email],
.ld-sf [type=submit] {
height: 60px;
transition-property: opacity, visibility;
transition-duration: 0.3s;
}
.ld-sf [type=text],
.ld-sf [type=email] {
padding: 0 1.75em;
border-width: 1px;
border-style: solid;
line-height: 1.5em;
transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.ld-sf [type=text]:focus,
.ld-sf [type=email]:focus {
border-color: #aaa;
}
.ld-sf [type=text]::-webkit-input-placeholder,
.ld-sf [type=email]::-webkit-input-placeholder {
color: inherit;
}
.ld-sf [type=text]::-moz-placeholder,
.ld-sf [type=email]::-moz-placeholder {
color: inherit;
}
.ld-sf [type=text]:-moz-placeholder,
.ld-sf [type=email]:-moz-placeholder {
color: inherit;
}
.ld-sf [type=text]:-ms-input-placeholder,
.ld-sf [type=email]:-ms-input-placeholder {
color: inherit;
}
.ld-sf select {
display: inline-block;
width: auto;
}
.ld-sf [type=submit] {
padding: 0 40px;
border: 0;
outline: none;
color: #fff;
text-shadow: none;
transition: background 0.3s ease, color 0.3s ease, border 0.3s ease;
}
.ld-sf .submit-text {
vertical-align: middle;
transition: transform 0.3s ease;
line-height: 1em;
}
.ld-sf .submit-text+.submit-icon {
margin-inline-start: 0.65em;
}
.ld-sf .submit-text:empty {
display: none;
}
.ld_sf_response {
margin-top: 1.5em;
}
.ld_sf_response:empty {
display: none;
}
.ld-sf-spinner {
display: inline-block;
width: 35px;
height: 35px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1.5);
color: inherit;
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility, transform;
transition-duration: 0.3s;
}
.ld-sf-spinner:before,
.ld-sf-spinner span {
border: 2px solid;
}
.ld-sf-spinner:before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: inherit;
opacity: 0.1;
}
.ld-sf-spinner span {
text-indent: -99999px;
transform: rotate(0);
clip-path: polygon(0 0%, 100% 50%, 100% 0%, 0% 0%);
animation: formRotate360 1s linear both infinite;
}
.form-submitting .submit-text,
.form-submitting .submit-icon {
opacity: 0;
visibility: hidden;
}
.form-submitting .ld-sf-spinner {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%) scale(1);
}
@media (max-width: 479px) {
.ld-sf [type=text],
.ld-sf [type=email] {
padding-inline-start: 20px;
padding-inline-end: 20px;
}
}
.ld-sf--input-solid [type=text],
.ld-sf--input-solid [type=email] {
border: none;
}
.ld-sf--input-underlined [type=text],
.ld-sf--input-underlined [type=email] {
background-color: transparent;
border-top: none !important;
border-right: none !important;
border-bottom-width: 1px;
border-left: none !important;
border-radius: 0 !important;
}
.ld-sf--input-underlined [type=text]:focus,
.ld-sf--input-underlined [type=email]:focus {
background-color: transparent;
}
html:not([dir=rtl]) .ld-sf--input-underlined [type=text],
html:not([dir=rtl]) .ld-sf--input-underlined [type=email] {
padding-inline-start: 0 !important;
}
.ld-sf--sharp [type=text],
.ld-sf--sharp [type=email],
.ld-sf--sharp [type=submit] {
border-radius: 0;
}
.ld-sf--round [type=text],
.ld-sf--round [type=email],
.ld-sf--round [type=submit] {
border-radius: 4px;
}
.ld-sf--circle [type=text],
.ld-sf--circle [type=email],
.ld-sf--circle [type=submit] {
border-radius: 50em;
}
.ld-sf--inputs-has-border.ld-sf--has-name:not(.ld-sf--inputs-inline) input[type=email] {
border-top-width: 0 !important;
}
.ld-sf--inputs-has-border.ld-sf--has-name.ld-sf--inputs-inline input[type=email] {
border-left-width: 0 !important;
}
.ld-sf--inputs-inline .ld_sf_paragraph {
display: flex;
align-items: center;
}
.ld-sf--input-shadow.ld-sf--inputs-inline .ld_sf_paragraph {
box-shadow: 0 16px 50px rgba(0, 0, 0, 0.07);
}
.ld-sf--input-shadow.ld-sf--inputs-inline [type=text],
.ld-sf--input-shadow.ld-sf--inputs-inline [type=text]:focus,
.ld-sf--input-shadow.ld-sf--inputs-inline [type=email],
.ld-sf--input-shadow.ld-sf--inputs-inline [type=email]:focus {
box-shadow: none;
}
.ld-sf--input-shadow [type=text],
.ld-sf--input-shadow [type=email] {
box-shadow: 0 16px 50px rgba(0, 0, 0, 0.07);
}
.ld-sf--input-shadow [type=text]:focus,
.ld-sf--input-shadow [type=email]:focus {
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.ld-sf--input-inner-shadow [type=text],
.ld-sf--input-inner-shadow [type=email] {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset;
}
.ld-sf--input-inner-shadow [type=text]:focus,
.ld-sf--input-inner-shadow [type=email]:focus {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
}
.ld-sf--button-naked [type=submit] {
padding: 0;
background-color: transparent;
border: none !important;
color: var(--lqd-color-primary);
}
.ld-sf--button-naked [type=submit],
.ld-sf--button-naked [type=submit]:hover {
border: none;
background: none;
}
.ld-sf--button-underlined [type=submit] {
padding-inline-start: 0;
padding-inline-end: 0;
border-radius: 0;
background-color: transparent;
border-bottom: 1px solid var(--lqd-color-primary);
color: var(--lqd-color-primary);
}
.ld-sf--button-bordered [type=submit] {
background-color: transparent;
border: 1px solid var(--lqd-color-primary);
color: var(--lqd-color-primary);
}
.ld-sf--button-inside p:last-of-type {
margin-bottom: 0;
}
.ld-sf--button-inside [type=submit] {
position: absolute;
bottom: 0;
right: 0;
min-height: 100%;
max-height: 100%;
}
.ld-sf--button-inside label~[type=submit] {
min-height: 0;
}
.ld-sf--button-inside.ld-sf--button-naked:not(.ld-sf--input-underlined) [type=submit] {
padding-inline-end: 1.75em;
}
@media (min-width: 768px) {
.ld-sf--button-inside.button-shrinked [type=submit] {
bottom: 14%;
right: 12px;
max-height: 72%;
min-height: 72%;
height: 72%;
}
}
@media (max-width: 767px) {
.ld-sf--button-inside.ld-sf--button-bordered [type=text],
.ld-sf--button-inside.ld-sf--button-bordered [type=email],
.ld-sf--button-inside.ld-sf--button-solid [type=text],
.ld-sf--button-inside.ld-sf--button-solid [type=email] {
padding-inline-end: 2.5em !important;
}
}
@media (max-width: 479px) {
.ld-sf--button-inside.ld-sf--button-naked:not(.ld-sf--input-underlined) [type=submit] {
padding-inline-end: 20px;
}
}
.ld-sf--button-inside.ld-sf--button-bordered [type=submit] {
bottom: 1px;
height: calc(100% - 2px);
min-height: calc(100% - 2px);
border-top: none;
border-bottom: none;
border-right: none;
}
.ld-sf--button-inside.ld-sf--button-bordered .submit-text,
.ld-sf--button-inside.ld-sf--button-bordered .submit-icon {
margin-top: 0;
}
.ld-sf--button-inside.ld-sf--button-bordered.ld-sf--border-thick [type=submit] {
bottom: 2px;
height: calc(100% - 4px);
min-height: calc(100% - 4px);
}
.ld-sf--button-inside.ld-sf--button-bordered.ld-sf--border-thicker [type=submit] {
bottom: 3px;
height: calc(100% - 6px);
min-height: calc(100% - 6px);
}
.ld-sf--button-hidden [type=submit] {
display: none !important;
}
@media (min-width: 768px) {
.ld-sf--button-eql [type=submit] {
padding: 0;
width: 60px;
}
.ld-sf--button-eql.ld-sf--size-xs [type=submit] {
width: 45px;
}
.ld-sf--button-eql.ld-sf--size-sm [type=submit] {
width: 50px;
}
.ld-sf--button-eql.ld-sf--size-lg [type=submit],
.ld-sf--button-eql.ld-sf--size-xl [type=submit] {
width: 65px;
}
}
.ld-sf--button-block [type=submit] {
width: 100%;
}
.ld-sf--button-block.ld-sf--has-name .ld_sf_paragraph {
margin-bottom: 0;
}
.ld-sf--button-inline form {
display: flex;
flex-direction: row;
align-items: stretch;
}
.ld-sf--button-inline p,
.ld-sf--button-inline [type=submit] {
vertical-align: bottom;
}
.ld-sf--button-inline p {
flex: 1 0;
padding-inline-end: 20px;
}
.ld-sf--button-inline p:last-of-type {
margin-bottom: 0;
}
.ld-sf--button-inline [type=text],
.ld-sf--button-inline [type=email] {
display: inline-block;
}
@media (max-width: 479px) {
.ld-sf--button-inline form {
flex-direction: column;
}
.ld-sf--button-inline form p {
padding-inline-end: 0 !important;
}
}
.ld-sf--border-none [type=text],
.ld-sf--border-none [type=email],
.ld-sf--border-none [type=submit] {
border-width: 0;
}
.ld-sf--border-thin [type=text],
.ld-sf--border-thin [type=email],
.ld-sf--border-thin [type=submit] {
border-width: 1px;
border-style: solid;
}
.ld-sf--border-thin .submit-text,
.ld-sf--border-thin .submit-icon {
margin-top: -1px;
}
.ld-sf--border-thick [type=text],
.ld-sf--border-thick [type=email],
.ld-sf--border-thick [type=submit] {
border-width: 2px;
border-style: solid;
}
.ld-sf--border-thick .submit-text,
.ld-sf--border-thick .submit-icon {
margin-top: -2px;
}
.ld-sf--border-thicker [type=text],
.ld-sf--border-thicker [type=email],
.ld-sf--border-thicker [type=submit] {
border-width: 3px;
border-style: solid;
}
.ld-sf--border-thicker .submit-text,
.ld-sf--border-thicker .submit-icon {
margin-top: -3px;
}
.ld-sf [type=submit]:hover .submit-icon {
transform: translateX(2px);
}
.ld-sf [type=submit]:hover .submit-text+.submit-icon {
transform: translateX(2px);
}
.ld-sf .submit-icon {
display: inline-block;
vertical-align: middle;
transition: transform 0.3s ease;
line-height: 1em;
}
.ld-sf .submit-icon {
font-size: 1.1em;
}
.ld-sf .submit-icon i {
margin: 0;
vertical-align: bottom;
}
.ld-sf .submit-icon+.submit-text {
margin-inline-start: 0.65em;
}
@media (min-width: 768px) {
.ld-sf .submit-text.visible-xs+.submit-icon {
margin-inline-start: 0;
}
}
.ld-sf--size-xs [type=text],
.ld-sf--size-xs [type=email],
.ld-sf--size-xs [type=submit] {
height: 45px;
}
.ld-sf--size-sm [type=text],
.ld-sf--size-sm [type=email],
.ld-sf--size-sm [type=submit] {
height: 50px;
}
.ld-sf--size-md [type=text],
.ld-sf--size-md [type=email],
.ld-sf--size-md [type=submit] {
height: 60px;
}
.ld-sf--size-lg [type=text],
.ld-sf--size-lg [type=email],
.ld-sf--size-lg [type=submit] {
height: 65px;
}
.ld-sf--size-xl [type=text],
.ld-sf--size-xl [type=email] {
height: 70px;
}
.ld-sf--size-xl [type=submit] {
height: 65px;
}
/*******************************************
7.36. Navigation
*******************************************/
.page-nav {
margin-top: 1em;
margin-bottom: 1em;
}
.page-links,
ul.pagination {
margin: 0;
padding: 0;
list-style: none;
clear: both;
}
ul.pagination {
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
}
ul.pagination li {
display: inline-block;
margin-bottom: 2px;
}
ul.pagination li:not(:first-of-type) {
margin-inline-start: 3px;
}
ul.pagination li:not(:last-of-type) {
margin-inline-end: 3px;
}
ul.pagination .page-numbers {
display: inline-flex;
width: 35px;
height: 35px;
align-items: center;
justify-content: center;
border-radius: 6%;
color: #000;
}
ul.pagination .page-numbers span,
ul.pagination .page-numbers i {
display: inline-flex;
align-items: center;
}
ul.pagination .page-numbers.current,
ul.pagination .page-numbers:hover {
color: #fff;
border-color: var(--lqd-color-primary);
background-color: var(--lqd-color-primary);
}
ul.pagination .next,
ul.pagination .prev {
background-color: #f4f4f8;
}
.page-links {
float: left;
margin-top: 1.5em;
}
.page-links .post-page-numbers {
display: inline-flex;
width: 35px;
height: 35px;
margin: 0 3px;
align-items: center;
justify-content: center;
border-radius: 6%;
color: #000;
}
.page-links .post-page-numbers.current,
.page-links .post-page-numbers:hover {
color: #fff;
border-color: var(--lqd-color-primary);
background-color: var(--lqd-color-primary);
}
.page-links>span,
.page-links a span {
display: inline-block;
}
.page-links>a,
.page-links>span {
padding-inline-start: 8px;
padding-inline-end: 8px;
}
.page-links .page-links-title {
padding: 0;
}
.page-links:last-child {
margin-bottom: 30px;
}
/*******************************************
7.37. Particles
*******************************************/
.ld-particles-container.visible-on-column-hover {
opacity: 0;
transition: opacity 0.3s;
}
/*******************************************
7.38. Portfolio
*******************************************/
.lqd-pf-item {
margin-bottom: 30px;
}
.lqd-pf-item .lqd-pf-details .lqd-pf-title,
.lqd-pf-item .lqd-pf-details a {
color: #000;
}
.lqd-pf-item .lqd-pf-details a:not(:hover) {
opacity: 0.5;
}
.lqd-pf-item .lqd-pf-details .lqd-pf-title a:not(:hover) {
opacity: 1;
}
.lqd-pf-img>figure {
transform: scale(1);
transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-pf-item:hover .lqd-pf-img>figure {
transform: scale(1.05);
}
.lqd-pf-overlay-bg {
border-radius: inherit;
opacity: 0;
transform: scale(0.95);
transition: opacity 0.65s, transform 0.65s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-pf-item:hover .lqd-pf-overlay-bg {
opacity: 1;
transform: scale(1);
}
.lqd-pf-overlay-bg-scale .lqd-pf-overlay-bg {
font-size: 55px;
transform: scale(1);
color: #fff;
}
.lqd-pf-overlay-bg-scale .lqd-pf-overlay-bg i {
display: inline-block;
opacity: 0;
transition: opacity 0.65s, transform 0.65s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transform: translateX(-20px);
}
.lqd-pf-overlay-bg-scale:hover .lqd-pf-overlay-bg i {
opacity: 1;
transform: translateX(0);
}
.pf-details-h-end {
text-align: end;
}
.pf-details-h-mid {
text-align: center;
}
.pf-details-h-str {
text-align: start;
}
.carousel-item .lqd-pf-content-v {
margin-top: 3px;
}
.carousel-item .lqd-pf-content-v .lqd-pf-img {
padding-top: 75%;
}
.carousel-item .lqd-pf-content-v .lqd-pf-img>figure {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.lqd-pf-filterable-carousel h6 {
font-size: 13px;
}
.lqd-pf-filterable-carousel .filter-list li {
margin-bottom: 1.65em;
}
.lqd-pf-filterable-carousel .liquid-filter-items {
align-items: flex-start;
}
@media (min-width: 768px) {
.lqd-pf-carousel-header h2 {
margin-bottom: 3.5rem;
}
}
@media (min-width: 992px) {
.lqd-pf-carousel-header {
padding-bottom: 2rem;
margin-bottom: 4rem;
transform-origin: 0% 50% -180px;
}
.lqd-pf-filterable-carousel .col-lg-4 {
transform-style: preserve-3d;
}
.lqd-pf-filterable-carousel .carousel-nav {
display: inline-flex;
}
.lqd-pf-filterable-carousel .flickity-button {
width: 80px;
height: 73px;
margin: 0;
}
}
@media (max-width: 991px) {
.lqd-pf-filterable-carousel .carousel-nav {
margin-top: 0 !important;
position: absolute !important;
bottom: 110px !important;
left: 15px !important;
}
.lqd-pf-filterable-carousel .flickity-button {
margin: 0 !important;
}
}
@media (max-width: 768px) {
.lqd-pf-carousel .carousel-dots-mobile {
display: flex;
justify-content: center;
bottom: 20px;
left: 15px;
right: 15px;
}
.lqd-pf-carousel .carousel-dots-mobile .flickity-page-dots {
display: flex;
width: auto;
padding: 10px 15px;
margin-top: 0;
border-radius: 20em;
background-color: rgba(255, 255, 255, 0.5);
-webkit-backdrop-filter: blur(3px) brightness(115%);
backdrop-filter: blur(3px) brightness(115%);
}
}
@media (max-width: 479px) {
.lqd-pf-filterable-carousel .lqd-pf-carousel-header .liquid-filter-items {
padding-top: 1em;
margin-bottom: 0;
}
.lqd-pf-filterable-carousel .carousel-dots-mobile .flickity-page-dots {
margin-top: 0;
}
}
.lqd-pf-dark p {
color: rgba(0, 0, 0, 0.55);
}
.lqd-pf-dark .lqd-pf-overlay-bg {
color: #000;
}
.lqd-pf-light .lqd-pf-overlay-bg {
color: #fff;
}
.lqd-pf-light .lqd-pf-details h2,
.lqd-pf-light .lqd-pf-details a {
color: #fff;
}
.lqd-pf-light .lqd-pf-details p {
color: rgba(255, 255, 255, 0.7);
}
.lqd-pf-item-style-1 .lqd-pf-title,
.lqd-pf-item-style-1 .lqd-pf-cat {
transition: transform 0.85s, opacity 0.85s, visibility 0.85s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-pf-item-style-1 .lqd-pf-title,
.lqd-pf-item-style-1 .lqd-pf-cat {
opacity: 0;
visibility: hidden;
transform: translateY(10px);
}
.lqd-pf-item-style-1 .lqd-pf-overlay-bg {
opacity: 1;
transform: none;
}
.lqd-pf-item-style-1 .lqd-pf-details {
position: absolute;
bottom: 1.5em;
right: 5%;
left: 5%;
transform: translateY(1em);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
transition: clip-path 0.65s, -webkit-clip-path 0.65s, transform 0.85s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-pf-item-style-1 .lqd-pf-info {
padding-inline-start: 7%;
padding-inline-end: 7%;
}
.lqd-pf-item-style-1 .lqd-pf-cat a:not(:hover) {
opacity: 0.4;
}
.lqd-pf-item-style-1.pf-details-h-end .lqd-pf-details {
text-align: start;
}
.lqd-pf-item-style-1.pf-details-h-mid .lqd-pf-details {
left: 0;
}
.lqd-pf-item-style-1.pf-details-h-mid .lqd-pf-details>div {
width: 100% !important;
}
.lqd-pf-item-style-1.pf-details-h-mid .lqd-pf-details .lqd-pf-link {
padding-top: 15px;
padding-bottom: 15px;
}
.lqd-pf-item-style-1.pf-details-h-str .lqd-pf-details {
left: 0;
right: 10%;
flex-direction: row-reverse;
text-align: end;
}
.lqd-pf-item-style-1:hover .lqd-pf-title,
.lqd-pf-item-style-1:hover .lqd-pf-cat {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.lqd-pf-item-style-1:hover .lqd-pf-title {
transition-delay: 0.2s;
}
.lqd-pf-item-style-1:hover .lqd-pf-cat {
transition-delay: 0.35s;
}
.lqd-pf-item-style-1:hover .lqd-pf-details {
transform: translateY(0);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
}
.lqd-pf-item-style-2 {
transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-pf-item-style-2 .lqd-pf-overlay-bg {
transform: scale(1);
}
.lqd-pf-item-style-2:hover {
transform: translateY(-4px);
}
.lqd-pf-item-style-3 {
margin-bottom: 30px;
}
.lqd-pf-item-style-3 .lqd-pf-img {
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
}
.carousel-item .lqd-pf-item-style-3 .lqd-pf-img {
padding-top: 100%;
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
}
.lqd-pf-item-style-4 {
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
transition: box-shadow 0.65s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-pf-item-style-4 .lqd-pf-title:before {
content: "—";
margin-bottom: 0.5em;
}
.lqd-pf-item-style-4 .lqd-pf-title,
.lqd-pf-item-style-4 p {
transform: translateX(-25px);
opacity: 0;
transition: transform 0.65s, opacity 0.65s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-pf-item-style-4 .lqd-pf-title {
transition-delay: 0.15s;
}
.lqd-pf-item-style-4 .lqd-pf-overlay-bg {
background: rgba(0, 0, 0, 0.25);
transform: scale(1);
}
.carousel-item .lqd-pf-item-style-4 {
margin-bottom: 110px;
}
.is-selected .lqd-pf-item-style-4,
.lqd-pf-item-style-4:hover {
box-shadow: 0 40px 80px rgba(0, 0, 0, 0.18);
}
.is-selected .lqd-pf-item-style-4 .lqd-pf-overlay-bg,
.lqd-pf-item-style-4:hover .lqd-pf-overlay-bg {
opacity: 1;
}
.is-selected .lqd-pf-item-style-4 .lqd-pf-title,
.is-selected .lqd-pf-item-style-4 p,
.lqd-pf-item-style-4:hover .lqd-pf-title,
.lqd-pf-item-style-4:hover p {
opacity: 1;
transform: translateX(0);
}
.is-selected .lqd-pf-item-style-4 .lqd-pf-title,
.lqd-pf-item-style-4:hover .lqd-pf-title {
transition-delay: 0s;
}
.is-selected .lqd-pf-item-style-4 p,
.lqd-pf-item-style-4:hover p {
transition-delay: 0.15s;
}
.is-selected .lqd-pf-item-style-4 {
transition-delay: 0.35s;
}
.is-selected .lqd-pf-item-style-4 .lqd-pf-overlay-bg {
transition-delay: 0.45s;
}
.is-selected .lqd-pf-item-style-4 .lqd-pf-title {
transition-delay: 0.6s;
}
.is-selected .lqd-pf-item-style-4 p {
transition-delay: 0.75s;
}
@media (max-width: 768px) {
.lqd-pf-item-style-4 .lqd-pf-details .text-vertical {
padding: 2.5rem;
}
.carousel-item .lqd-pf-item-style-4 {
margin-bottom: 30px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}
}
@media (max-width: 479px) {
.lqd-pf-item-style-4 .portfolio-summary {
display: none;
}
}
.lqd-pf-item-style-5 .lqd-pf-details {
padding-top: 4rem;
padding-bottom: 4rem;
}
.lqd-pf-item-style-5 .lqd-pf-overlay-bg {
background: rgba(0, 0, 0, 0.25);
transform: scale(1);
}
.lqd-pf-item-style-5:hover figure {
transform: scale(1.05);
}
.page-has-frame .lqd-pf-item-style-5 {
height: calc(100vh - 40px);
}
.carousel-items .lqd-pf-item-style-5 {
margin-bottom: 0;
}
@media (min-width: 768px) {
.lqd-pf-item-style-5 .lqd-pf-details {
padding-inline-start: 3.5rem;
padding-inline-end: 3.5rem;
}
}
@media (min-width: 992px) {
.lqd-pf-item-style-5 .lqd-pf-details {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
@media (max-width: 768px) {
.lqd-pf-item-style-5 .lqd-pf-details {
padding-top: 70px;
}
}
.lqd-pf-item-style-6 {
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
transform: translateY(0);
background-color: #fff;
transition: transform 0.3s, box-shadow 0.3s;
}
.lqd-pf-item-style-6 .lqd-pf-item-inner:before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 5px;
position: absolute;
top: 0.55rem;
left: 1rem;
z-index: 2;
color: rgba(0, 0, 0, 0.07);
background-color: currentColor;
box-shadow: 10px 0 0 currentColor, 20px 0 0 currentColor;
}
.lqd-pf-item-style-6 .lqd-pf-details .lqd-pf-title {
margin-bottom: 0.1em;
font-size: 16px;
}
.lqd-pf-item-style-6 .lqd-pf-cat {
font-size: 13px;
width: 100%;
}
.lqd-pf-item-style-6:hover {
box-shadow: 0 20px 75px rgba(0, 0, 0, 0.1);
transform: translateY(-3px);
}
.lqd-pf-item-style-6:hover .lqd-pf-img>figure {
transform: none;
}
/*******************************************
7.39. Price table
*******************************************/
.lqd-pt {
margin-bottom: 1.5em;
color: #616161;
}
.lqd-pt li {
margin-top: 1em;
margin-bottom: 1em;
}
.lqd-pt li i {
margin-inline-end: 0.9em;
font-size: 1em;
}
.lqd-pt .feature-inactive {
opacity: 0.4;
}
.lqd-pt-bg {
background-color: #fff;
}
.lqd-pt-title {
/* margin: 0; */
line-height: 1.5em;
}
.lqd-pt-price {
display: inline-block;
line-height: 1;
}
.lqd-pt-price small {
font-size: 0.5em;
}
.lqd-pt-body ul {
padding: 0;
margin: 0;
list-style: none;
}
.lqd-pt-body p:last-child {
margin-bottom: 0;
}
.lqd-pt-description {
font-size: 16px;
line-height: 1.5625em;
}
.lqd-pt-description-md {
font-size: 17px;
line-height: 1.4705882353em;
}
.lqd-pt-description-lg {
font-size: 19px;
line-height: 1.6315789474em;
}
.lqd-pt-featured {
z-index: 2;
color: #fff;
}
.lqd-pt-featured .lqd-pt-bg {
transform: scale(1.05, 1.1);
background-color: var(--lqd-color-primary);
}
.lqd-pt-style-8 .lqd-pt-price {
font-size: 48px;
color: #0F358E;
}
.lqd-pt-featured .lqd-pt-title,
.lqd-pt-featured .lqd-pt-price,
.lqd-pt-featured .lqd-pt-price small,
.lqd-pt-featured .lqd-pt-body li i,
.lqd-pt-featured .lqd-pt-body li strong {
color: inherit;
}
.lqd-pt-foot {
counter-reset: pricing-table-foot-ol;
}
.lqd-pt-foot ol {
margin: 0;
padding: 0;
list-style: none;
font-size: 0.8125em;
line-height: 1.5384615385em;
opacity: 0.8;
}
.lqd-pt-foot ol li {
display: flex;
align-items: center;
position: relative;
counter-increment: pricing-table-foot-ol;
}
.lqd-pt-foot ol li:before {
content: counter(pricing-table-foot-ol);
display: inline-flex;
width: 1.8333333333em;
height: 1.8333333333em;
margin-inline-end: 10px;
border-radius: 50em;
justify-content: center;
align-items: center;
flex: 0 0 1.8333333333em;
background-color: #F3F3F3;
font-size: 12px;
color: #616161;
}
.lqd-pt-label {
padding: 0.3571428571em 1.0714285714em;
position: absolute;
top: 1.7142857143em;
right: 1.7142857143em;
z-index: 2;
background-color: #fff;
font-size: 14px;
color: #000;
}
.lqd-pt-scale-bg .lqd-pt-bg {
transform: scale(1.05, 1.1);
}
.lqd-pt-style-1 {
color: #616161;
}
.lqd-pt-style-1 .lqd-pt-title {
font-size: 27px;
}
.lqd-pt-style-1 .lqd-pt-head {
background-color: #F3F5F9;
}
.lqd-pt-style-1 .lqd-pt-body {
border: 1px solid #ebebeb;
border-bottom: none;
}
.lqd-pt-style-1 .lqd-pt-foot {
border: 1px solid #ebebeb;
border-top: none;
}
.lqd-pt-style-1.lqd-pt-featured .lqd-pt-head {
background-color: var(--lqd-color-primary);
}
.lqd-pt-style-2 {
border: 1px solid #D1DBE3;
}
.lqd-pt-style-2 .lqd-pt-price {
font-size: 34px;
}
.lqd-pt-style-2 .lqd-pt-title {
font-size: 16px;
color: #778087;
}
.lqd-pt-style-2 li {
margin-top: 0.7em;
margin-bottom: 0.7em;
}
.lqd-pt-style-3 {
box-shadow: 0 22px 55px rgba(0, 0, 0, 0.1);
}
.lqd-pt-style-3 .lqd-pt-title {
font-size: 18px;
}
.lqd-pt-style-3 .lqd-pt-price {
font-size: 50px;
}
.lqd-pt-style-3 li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.lqd-pt-style-3.lqd-pt-featured:not(.lqd-pt-style-3b) .lqd-pt-bg {
transform: scale(1.1);
}
@media (min-width: 992px) {
.lqd-pt-style-3 .lqd-pt-head,
.lqd-pt-style-3 .lqd-pt-body {
padding-inline-start: 4rem;
padding-inline-end: 4rem;
}
.lqd-pt-style-3 .lqd-pt-foot {
padding-inline-start: 0.5rem;
padding-inline-end: 0.5rem;
}
}
.lqd-pt-style-3b {
box-shadow: none;
}
.lqd-pt-style-3b .lqd-pt-head {
padding-top: 3.5rem;
}
.lqd-pt-style-3b .lqd-pt-title {
font-size: 13px;
}
.lqd-pt-style-3b .lqd-pt-price small {
margin-inline-start: 0.5em;
opacity: 0.6;
font-size: 0.306122449em;
}
.lqd-pt-style-3b li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.lqd-pt-style-3b .lqd-pt-foot {
border-top-width: 1px;
border-top-style: solid;
}
.lqd-pt-style-3b .lqd-pt-label {
background-color: var(--lqd-color-primary);
font-size: 14px;
color: #fff;
}
.lqd-pt-style-3b.lqd-pt-featured .lqd-pt-bg {
background: none;
}
@media (min-width: 992px) {
.lqd-pt-style-3b .lqd-pt-body {
padding-bottom: 4rem;
}
}
.lqd-pt-style-4 {
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
}
.lqd-pt-style-4 .lqd-pt-title {
font-size: 18px;
}
.lqd-pt-style-4 .lqd-pt-price {
font-size: 60px;
}
.lqd-pt-style-4 .lqd-pt-body {
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.lqd-pt-style-4 .lqd-pt-footer-extra>span,
.lqd-pt-style-4 .lqd-pt-footer-extra a {
color: inherit;
text-decoration: underline;
}
.lqd-pt-style-4.lqd-pt-featured {
box-shadow: 0 22px 88px rgba(111, 134, 214, 0.15);
}
.lqd-pt-style-4.lqd-pt-featured .lqd-pt-body {
border-top-color: rgba(255, 255, 255, 0.15);
border-bottom-color: rgba(255, 255, 255, 0.15);
}
.lqd-pt-style-5 {
border: 1px solid #d1dbe3;
}
.lqd-pt-style-5 .lqd-pt-title {
font-size: 13px;
}
.lqd-pt-style-5 .lqd-pt-price {
font-size: 55px;
}
.lqd-pt-style-5.lqd-pt-featured .lqd-pt-bg {
transform: scale(1.075, 1.15);
box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}
.lqd-pt-style-6 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.lqd-pt-style-6 li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.lqd-pt-style-6 .lqd-pt-title {
display: inline-block;
padding: 1em 2em;
position: relative;
font-size: 11px;
}
.lqd-pt-style-6 .lqd-pt-title:before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
border: 1px solid;
border-radius: 50em;
position: absolute;
top: 0;
left: 0;
opacity: 0.1;
}
.lqd-pt-style-6 .lqd-pt-price {
font-size: 50px;
}
.lqd-pt-style-6 .lqd-pt-price small {
font-size: 0.35em;
opacity: 0.6;
}
.lqd-pt-style-6 .lqd-pt-body {
font-size: 15px;
}
.lqd-pt-style-6.lqd-pt-featured .lqd-pt-bg {
transform: scale(1.05, 1.1);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
@media (min-width: 992px) {
.lqd-pt-style-6 .lqd-pt-inner {
padding-inline-start: 2.5rem;
padding-inline-end: 2.5rem;
}
}
.lqd-pt-style-7 {
border: 1px solid #f3f3f3;
}
.lqd-pt-style-7 li {
margin-top: 0.55em;
margin-bottom: 0.55em;
}
.lqd-pt-style-7 .lqd-pt-title,
.lqd-pt-style-7 .lqd-pt-price {
color: #333639;
}
.lqd-pt-style-7 .lqd-pt-title small,
.lqd-pt-style-7 .lqd-pt-price small {
display: block;
opacity: 0.8;
}
.lqd-pt-style-7 .lqd-pt-title {
font-size: 27px;
}
.lqd-pt-style-7 .lqd-pt-title small {
font-size: clamp(14px, 0.5em, 1em);
}
.lqd-pt-style-7 .lqd-pt-price {
font-size: 52px;
}
.lqd-pt-style-7 .lqd-pt-price small {
margin-top: 0.5em;
font-size: 0.3em;
}
.lqd-pt-style-7 .lqd-pt-description {
opacity: 0.8;
}
.lqd-pt-style-7 .lqd-pt-body {
border-top: 1px solid #f3f3f3;
font-size: 16px;
}
@media (min-width: 992px) {
.lqd-pt-style-7 .lqd-pt-inner {
padding: 2.5rem 1.5rem;
}
}
.lqd-pt-style-8 {
box-shadow: 0 20px 80px rgba(0, 0, 0, 0.1);
}
.lqd-pt-style-8 li {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.lqd-pt-style-8 li>strong:last-of-type {
font-weight: 400;
margin-inline-start: auto;
}
.lqd-pt-style-8 .lqd-pt-title {
font-size: 16px;
}
.lqd-pt-style-8 .lqd-pt-price small:last-of-type {
font-size: 0.35em;
opacity: 0.5;
}
.lqd-pt-style-8 .lqd-pt-body {
border-top: 1px solid #f1f2f5;
}
.lqd-pt-style-8 .lqd-pt-foot {
width: 73%;
margin: 0 auto;
}
.lqd-pt-style-8.lqd-pt-featured {
box-shadow: none;
}
.lqd-pt-style-8.lqd-pt-featured .lqd-pt-bg {
box-shadow: 0 40px 80px rgba(0, 0, 0, 0.3);
transform: scale(1.085);
}
.lqd-pt-style-8.lqd-pt-featured .lqd-pt-body {
border-top-color: rgba(255, 255, 255, 0.15);
}
@media (min-width: 992px) {
.lqd-pt-style-8 .lqd-pt-body {
padding-inline-start: 3.5rem;
padding-inline-end: 3.5rem;
}
}
.lqd-pt-style-9 {
box-shadow: 0 40px 70px rgba(0, 0, 0, 0.07);
}
.lqd-pt-style-9 .lqd-pt-title {
display: inline-flex;
padding: 7px 11px;
position: relative;
top: auto;
right: auto;
background-color: var(--lqd-color-primary);
font-size: 12px;
color: #fff;
}
.lqd-pt-style-9 .lqd-pt-label {
padding: 7px 11px;
position: relative;
top: auto;
right: auto;
background-color: var(--lqd-color-primary);
font-size: 12px;
color: #fff;
}
.lqd-pt-style-9 .lqd-pt-price {
font-size: 48px;
color: #141414;
}
.lqd-pt-style-9 .lqd-pt-price small:last-of-type {
opacity: 0.5;
font-weight: 400;
}
.lqd-pt-style-9 .lqd-pt-body {
border-top: 1px solid #dedede;
font-size: 16px;
}
.lqd-pt-style-9 .lqd-pt-body:not(:last-child) {
border-bottom: 1px solid #dedede;
}
.lqd-pt-style-9 .lqd-pt-foot .lqd-pt-description {
color: #141414;
}
.lqd-pt-style-10 {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07);
}
.lqd-pt-style-10 .lqd-pt-title {
font-size: 18px;
}
.lqd-pt-style-10 .lqd-pt-label {
right: auto;
left: 1.7142857143em;
font-size: 12px;
}
.lqd-pt-style-10 .lqd-pt-price {
font-size: 50px;
color: var(--lqd-color-primary);
}
.lqd-pt-style-10 .lqd-pt-price small {
display: block;
margin-top: 0.65em;
opacity: 0.55;
font-size: 0.36em;
font-weight: 400;
color: inherit;
}
.lqd-pt-style-10 .lqd-pt-body {
border-top: 1px solid #e7eaee;
font-size: 16px;
}
.lqd-pt-style-10.lqd-pt-featured .lqd-pt-body {
border-color: rgba(255, 255, 255, 0.2);
}
.lqd-pt-style-11 .lqd-pt-label {
display: block;
position: relative;
top: auto;
right: auto;
z-index: 2;
padding: 15px;
background-color: var(--lqd-color-primary);
line-height: 1.5em;
color: #fff;
}
.lqd-pt-style-11 .lqd-pt-inner {
position: relative;
padding-top: 0;
}
.lqd-pt-style-11 .lqd-pt-head {
padding-top: 1em;
}
.lqd-pt-style-11 .lqd-pt-head p {
padding: 0 1.5em 1.25em;
border-bottom: 1px solid #e7ecf0;
font-size: 16px;
line-height: 1.56em;
}
.lqd-pt-style-11 .lqd-pt-price {
font-size: 60px;
}
.lqd-pt-style-11 .lqd-pt-price small:last-child {
display: block;
opacity: 0.6;
font-size: 14px;
color: inherit;
}
.lqd-pt-style-11 .lqd-pt-body {
text-align: start;
}
.lqd-pt-style-11 .lqd-pt-body li:not(:last-child) {
margin-bottom: 0.75em;
}
@media screen and (min-width: 992px) {
.lqd-pt-style-11 {
margin-bottom: 0;
}
.lqd-pt-style-11 .lqd-pt-body {
padding-inline-start: 2.5rem;
padding-inline-end: 2.5rem;
}
}
/*******************************************
7.40. Process box
*******************************************/
.lqd-pb-column {
flex: 1 1 auto;
}
.lqd-pb-in-container {
flex: 0 0 auto;
}
.lqd-pb-in {
transition: color 0.3s, background 0.3s, border-color 0.3s;
}
.lqd-pb-content h3 {
line-height: 1.5em;
}
.lqd-pb {
counter-increment: lqd-pb-numbers;
}
.lqd-pb .lqd-pb-in-container {
font-size: 65px;
line-height: 1;
color: #373c36;
}
.lqd-pb:hover .lqd-pb-in-container {
color: var(--lqd-color-primary);
}
.lqd-pb:hover .lqd-pb-shape-border {
transform: scale(1.3);
opacity: 1;
}
.lqd-pb:hover .lqd-pb-shape-border svg {
animation: lqdPBRotate 7s linear infinite forwards;
}
.lqd-pb-nums {
counter-reset: lqd-pb-numbers;
}
@media (min-width: 992px) {
.lqd-pb-row {
display: flex;
}
}
.lqd-pb-icon figure {
display: inline-flex;
}
.lqd-pb-icon-arrow {
display: none;
}
@media screen and (min-width: 992px) {
.lqd-pb-icon-between .lqd-pb-icon-arrow {
display: inline-block;
position: absolute;
top: 12%;
right: 15px;
font-size: 25px;
line-height: 1;
}
}
@media screen and (min-width: 992px) {
.lqd-pb-icon-between-middle .lqd-pb-icon-arrow {
top: 50%;
font-size: 20px;
transform: translateY(-50%);
}
}
.lqd-pb-num:after {
content: counter(lqd-pb-numbers);
display: flex;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
align-items: center;
justify-content: center;
}
.lqd-pb-shaped .lqd-pb-active-shape {
width: 82px;
height: 82px;
border: 2px solid #f8f9fd;
font-size: 33px;
font-weight: 700;
color: #000;
}
.lqd-pb-shaped:hover .lqd-pb-active-shape {
border-color: var(--lqd-color-primary);
background-color: var(--lqd-color-primary);
}
.lqd-pb-shaped:hover .lqd-pb-active-shape {
color: #fff;
}
@keyframes lqdPBRotate {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.lqd-pb-shape-border {
border-radius: inherit;
opacity: 0;
transform: scale(1);
transition: transform 1s, opacity 1s;
transition-timing-function: cubic-bezier(0.12, 0.87, 0.35, 0.99);
}
.lqd-pb-shape-border path {
stroke: rgba(0, 0, 0, 0.5);
}
.lqd-pb:hover .lqd-pb-shape-border {
transform: scale(1.3);
opacity: 1;
}
.lqd-pb:hover .lqd-pb-shape-border svg {
animation: lqdPBRotate 7s linear infinite forwards;
}
.lqd-pb-style-1 .lqd-pb-active-shape {
width: 98px;
height: 98px;
}
@media (min-width: 992px) {
.lqd-pb-style-1 .lqd-pb-content {
padding-inline-start: 2.5rem;
padding-inline-end: 2.5rem;
}
}
@media screen and (max-width: 479px) {
.lqd-pb-column:not(:last-of-type) .lqd-pb-style-1 {
margin-bottom: 35px;
}
}
.lqd-pb-style-2 {
margin-bottom: 0;
}
.lqd-pb-style-2:before {
content: "" !important;
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
border-radius: 8px;
opacity: 0;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
transform: scale(0.9);
transition: opacity 0.65s, transform 0.65s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-pb-style-2 .lqd-pb-active-shape {
width: 62px;
height: 62px;
font-size: 22px;
}
.lqd-pb-style-2 .lqd-pb-num-container:before {
content: "";
display: inline-block;
width: 1px;
height: 180%;
position: absolute;
top: 0;
left: calc(50% - 0.5px);
z-index: 0;
border-left: 1px dashed #e5e5e5;
}
.lqd-pb-style-2 .lqd-pb-icon-container {
font-size: 65px;
}
.lqd-pb-column:last-of-type .lqd-pb-style-2 .lqd-pb-num-container:before {
content: none;
}
.lqd-pb-style-2:hover:before {
opacity: 1;
transform: scale(1);
}
@media (min-width: 768px) {
.lqd-pb-style-2 {
padding-inline-start: 3rem;
padding-inline-end: 3rem;
}
}
@media (min-width: 992px) {
.lqd-pb-style-2 h3 {
margin-top: 0;
margin-bottom: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.lqd-pb-style-2 {
flex-direction: row;
}
}
.lqd-pb-style-3 .lqd-pb-in-container:before {
content: "";
display: inline-block;
width: 2px;
height: 124%;
position: absolute;
top: 0;
left: 50%;
z-index: 0;
margin-inline-start: -1px;
background-color: #f1f1f1;
}
.lqd-pb-column:last-of-type .lqd-pb-style-3 .lqd-pb-in-container:before {
content: none;
}
.lqd-pb-style-3 .lqd-pb-active-shape {
width: 72px;
height: 72px;
font-size: 24px;
}
.lqd-pb-style-4 .lqd-pb-active-shape {
width: 157px;
height: 157px;
z-index: 1;
border: 1px solid #f2f2f2;
background-color: #fff;
font-size: 66px;
color: #29365c;
}
.lqd-pb-style-4 .lqd-pb-num-container {
width: auto;
height: auto;
position: absolute;
top: 50%;
right: 50%;
z-index: 0;
margin-top: -0.5em;
margin-inline-end: -0.75em;
font-size: 100px;
font-weight: 700;
transform: translate(-50%, -50%);
}
.lqd-pb-style-4:hover .lqd-pb-icon {
border-color: var(--lqd-color-primary);
}
@media screen and (min-width: 992px) {
.lqd-pb-style-4 .lqd-pb-content {
padding-inline-start: 3rem;
padding-inline-end: 3rem;
}
.lqd-pb-style-4 .lqd-pb-num-container {
top: 0.1em;
right: 50%;
margin-top: 0;
margin-inline-end: -0.5em;
font-size: 150px;
transform: translateX(-50%);
}
}
.lqd-pb-style-5 .lqd-pb-active-shape {
width: 44px;
height: 44px;
font-size: 18px;
}
@media screen and (min-width: 768px) {
.lqd-pb-style-5 .lqd-pb-in-container {
margin-inline-end: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.lqd-pb-style-5:not(:last-of-type) {
margin-bottom: 1em;
}
}
.lqd-pb-style-6 .lqd-pb-active-shape {
width: 150px;
height: 150px;
border: 2px dashed #dfe2e6;
background-color: #fff;
font-size: 66px;
color: #29365c;
}
.lqd-pb-style-6:hover .lqd-pb-active-shape {
border-color: var(--lqd-color-primary);
}
@media screen and (min-width: 768px) {
.lqd-pb-style-6 .lqd-pb-content {
width: 30%;
}
}
.lqd-pb-style-7 .lqd-pb-icon-container {
text-align: center;
}
.lqd-pb-style-7 .lqd-pb-icon {
font-size: 100px;
}
.lqd-pb-style-7 .lqd-pb-active-shape {
width: 44px;
height: 44px;
font-size: 18px;
}
.lqd-pb-style-8 .lqd-pb-num-container {
width: auto;
height: auto;
position: absolute;
top: 0;
left: 0;
}
.lqd-pb-style-8 .lqd-pb-num {
width: 45px;
height: 45px;
background-color: var(--lqd-color-primary);
font-size: 22px;
font-weight: 400;
color: #fff;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
transition: all 0.3s;
}
.lqd-pb-style-8 .lqd-pb-icon {
width: 140px;
height: 140px;
border: 2px solid #edf1f2;
background-color: #fff;
font-size: 66px;
color: #29365C;
}
.lqd-pb-style-8 .lqd-pb-content {
padding-inline-start: 5%;
}
.lqd-pb-style-8:hover .lqd-pb-num {
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}
.lqd-pb-style-8:hover .lqd-pb-icon {
border-color: var(--lqd-color-primary);
}
@media screen and (min-width: 768px) {
.lqd-pb-style-8 {
margin-bottom: 2em;
}
.lqd-pb-style-8 .lqd-pb-content {
margin-inline-start: 10%;
padding-inline-start: 10%;
}
.lqd-pb-style-8 .lqd-pb-content:before {
content: "";
display: inline-block;
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #f1f1f1;
}
.lqd-pb-style-8 .lqd-pb-content p:last-child {
margin-bottom: 0;
}
}
.lqd-pb-style-9 .lqd-pb-active-shape {
width: 68px;
height: 68px;
font-size: 22px;
font-weight: 400;
}
@media screen and (min-width: 768px) {
.lqd-pb-style-9 .lqd-pb-in-container:before,
.lqd-pb-style-9 .lqd-pb-in-container:after {
content: "";
display: inline-block;
height: 1px;
position: absolute;
top: 50%;
border-bottom: 1px dashed #d6d6d6;
}
.lqd-pb-style-9 .lqd-pb-in-container:before {
left: -15px;
right: 50%;
}
.lqd-pb-style-9 .lqd-pb-in-container:after {
right: -15px;
left: 50%;
}
}
@media screen and (min-width: 992px) {
.lqd-pb-style-9 .lqd-pb-content {
padding-inline-start: 1.5rem;
padding-inline-end: 1.5rem;
}
style:first-child+.lqd-pb-column .lqd-pb-style-9 .lqd-pb-in-container:before,
.lqd-pb-column:first-child .lqd-pb-style-9 .lqd-pb-in-container:before {
content: none;
}
.lqd-pb-column:last-child .lqd-pb-style-9 .lqd-pb-in-container:after {
content: none;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
style:first-child~.lqd-pb-column:nth-of-type(odd) .lqd-pb-style-9 .lqd-pb-in-container:before,
.lqd-pb-column:nth-of-type(odd) .lqd-pb-style-9 .lqd-pb-in-container:before {
content: none;
}
style:first-child~.lqd-pb-column:nth-of-type(even) .lqd-pb-style-9 .lqd-pb-in-container:after,
.lqd-pb-column:nth-of-type(even) .lqd-pb-style-9 .lqd-pb-in-container:after {
content: none;
}
}
@media screen and (min-width: 768px) {
.lqd-pb-zigzag .lqd-pb-row {
display: flex;
flex-direction: column;
}
.lqd-pb-zigzag .lqd-pb-row:before,
.lqd-pb-zigzag .lqd-pb-row:after {
content: none;
}
.lqd-pb-zigzag .lqd-pb-column {
margin-inline-start: auto;
}
.lqd-pb-zigzag .lqd-pb-column .lqd-pb {
margin-inline-start: -51px;
}
.lqd-pb-zigzag .lqd-pb-column:nth-child(even) {
margin-inline-start: 0;
}
.lqd-pb-zigzag .lqd-pb-column:nth-child(even) .lqd-pb {
flex-direction: row-reverse;
text-align: end;
margin-inline-start: 0;
margin-inline-end: -51px;
}
.lqd-pb-zigzag .lqd-pb-column:nth-child(even) .lqd-pb-in-container {
margin-inline-start: 13%;
margin-inline-end: 0;
}
.lqd-pb-zigzag .lqd-pb-in-container {
margin-inline-end: 13%;
}
}
.lqd-pb-zigzag-2 .lqd-pb-in-container {
margin-inline-end: 40px;
}
@media screen and (min-width: 768px) {
.lqd-pb-zigzag-2 .lqd-pb-column:nth-of-type(even) {
margin-inline-start: auto;
}
.lqd-pb-zigzag-2 .lqd-pb-column:nth-of-type(even) .lqd-pb {
flex-direction: row-reverse;
text-align: end;
}
.lqd-pb-zigzag-2 .lqd-pb-column:nth-of-type(even) .lqd-pb-in-container {
margin-inline-start: 40px;
margin-inline-end: 0;
}
style:first-child+.lqd-pb-column .lqd-pb-zigzag-2 .lqd-pb,
.lqd-pb-zigzag-2 .lqd-pb-column:first-of-type .lqd-pb {
padding-top: 0;
}
style:first-child+.lqd-pb-column .lqd-pb-zigzag-2 .lqd-pb .lqd-pb-in-container:before,
.lqd-pb-zigzag-2 .lqd-pb-column:first-of-type .lqd-pb .lqd-pb-in-container:before {
content: none;
}
.lqd-pb-zigzag-2 .lqd-pb-column:last-of-type .lqd-pb {
padding-bottom: 0;
}
.lqd-pb-zigzag-2 .lqd-pb-column:last-of-type .lqd-pb:after {
content: none;
}
.lqd-pb-zigzag-2 .lqd-pb-column:last-of-type .lqd-pb .lqd-pb-in-container:after {
content: none;
}
.lqd-pb-zigzag-2 .lqd-pb {
padding-top: 75px;
padding-bottom: 75px;
margin-bottom: 0;
}
.lqd-pb-zigzag-2 .lqd-pb:after {
content: "";
display: inline-block;
height: 2px;
position: absolute;
bottom: 0;
right: 90px;
left: 90px;
border-bottom: 2px dashed #dfe2e6;
}
.lqd-pb-zigzag-2 .lqd-pb-in-container:before,
.lqd-pb-zigzag-2 .lqd-pb-in-container:after {
content: "";
display: inline-block;
width: 2px;
margin-inline-start: -1px;
position: absolute;
left: 50%;
border-left: 2px dashed #dfe2e6;
}
.lqd-pb-zigzag-2 .lqd-pb-in-container:before {
top: -73px;
bottom: calc(100% + 25px);
}
.lqd-pb-zigzag-2 .lqd-pb-in-container:after {
top: calc(100% + 25px);
bottom: -73px;
}
}
/*******************************************
7.41. Promo
*******************************************/
.lqd-promo-cat {
margin-inline-end: 15px;
font-size: 10px;
font-style: italic;
writing-mode: vertical-rl;
width: 30px;
}
.lqd-promo-cat ul {
transform: rotate(-180deg);
}
.lqd-promo-dynamic-shape {
width: 124%;
height: 124%;
top: -15%;
left: -25%;
z-index: 0;
}
.lqd-promo-dynamic-shape svg {
overflow: visible;
}
.lqd-promo-img {
width: calc(58.75% - 30px);
flex-grow: 0;
flex-shrink: 0;
}
.lqd-promo-img-inner {
box-shadow: 0 50px 100px rgba(0, 0, 0, 0.3);
opacity: 0;
transition: opacity 0.3s;
}
.lqd-promo-img-inner.block-revealer {
opacity: 1;
}
.lqd-promo-content {
padding: 60px 0;
padding-inline-start: 15px;
padding-inline-end: 0;
width: 39.25%;
flex: 0 auto;
}
.lqd-promo-content>* {
flex-grow: 0;
}
.lqd-promo-content h2 {
margin: 0 0 0.2em -1em;
font-size: 120px;
font-weight: 700;
line-height: 1em;
}
.lqd-promo-content .lqd-words {
white-space: nowrap;
}
.lqd-promo-content .btn {
margin-top: 30px;
}
.lqd-promo-wrap {
margin-top: 120px;
margin-bottom: 120px;
}
@media screen and (min-width: 1200px) {
.lqd-promo-inner {
flex-flow: row wrap;
}
.lqd-promo-reverse .lqd-promo-cat {
margin-inline-end: 0;
margin-inline-start: 15px;
}
.lqd-promo-reverse .lqd-promo-content {
padding-inline-start: 0;
padding-inline-end: 15px;
align-items: flex-end;
text-align: end;
}
.lqd-promo-reverse .lqd-promo-inner {
flex-direction: row-reverse;
}
}
@media screen and (max-width: 1199px) {
.lqd-promo-img {
width: 58.75%;
}
.lqd-promo-content {
padding-top: 50px;
padding-bottom: 0;
}
.lqd-promo-content h2 {
font-size: 100px;
}
}
@media screen and (max-width: 991px) {
.lqd-promo-cat {
writing-mode: inherit;
}
.lqd-promo-cat ul {
transform: rotate(0);
margin: 0;
margin-bottom: 15px;
}
.lqd-promo-content,
.lqd-promo-cat,
.lqd-promo-img {
width: 100%;
}
.lqd-promo-cat {
margin-inline-end: 0;
}
.lqd-promo-img-inner {
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}
.lqd-promo-inner {
flex-direction: column;
}
.lqd-promo-content {
padding-top: 30px;
padding-inline-start: 0;
padding-inline-end: 0;
}
.lqd-promo-content h2 {
margin: 0 0 0.25em;
font-size: 62px;
}
}
@media screen and (max-width: 767px) {
.lqd-promo-dynamic-shape {
display: none;
}
.lqd-promo-wrap {
margin-top: 0;
margin-bottom: 30px;
}
}
/*******************************************
7.42. Roadmap
*******************************************/
.lqd-roadmap-bar {
width: 15px;
align-self: flex-start;
}
.lqd-roadmap-bar:before,
.lqd-roadmap-bar:after {
content: "";
display: inline-block;
position: absolute;
top: 3px;
background: var(--lqd-color-primary);
transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-roadmap-bar:before {
width: 100%;
height: 15px;
border-radius: 50em;
}
.lqd-roadmap-bar:after {
width: 2px;
left: 6px;
bottom: -3px;
transform-origin: top center;
}
.lqd-roadmap-info h6,
.lqd-roadmap-info p {
line-height: 1.5em;
letter-spacing: normal;
color: inherit;
}
.lqd-roadmap-info h6 {
margin-bottom: 0.25em;
font-size: 15px;
}
.lqd-roadmap-info p {
margin: 0;
font-size: 16px;
}
.lqd-roadmap-info p:only-child {
margin-top: -0.65em;
}
.lqd-roadmap-mark {
width: 32px;
height: 32px;
border: 2px solid;
border-radius: 16px;
opacity: 0.43;
}
.lqd-roadmap-item {
padding-bottom: 1em;
padding-inline-start: 30px;
color: #000;
}
.lqd-roadmap-item:last-of-type {
padding-bottom: 0;
}
.lqd-roadmap-item:last-of-type .lqd-roadmap-bar:after {
content: none;
}
.lqd-roadmap-item-checked .lqd-roadmap-bar,
.lqd-roadmap-item-checked .lqd-roadmap-info {
opacity: 0.6;
}
.lqd-roadmap-item-checked .lqd-roadmap-mark {
opacity: 1;
}
.lqd-roadmap {
padding: 45px 0;
padding-inline-start: 60px;
padding-inline-end: 40px;
}
.lqd-roadmap:before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border: 1px solid;
opacity: 0.3;
}
.lqd-roadmap[data-custom-animations=true] .lqd-roadmap-bar:before,
.lqd-roadmap[data-custom-animations=true] .lqd-roadmap-bar:after {
transform: scale(0);
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(0) .lqd-roadmap-bar:before {
transition-delay: 0s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(0) .lqd-roadmap-bar:after {
transition-delay: 0s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(1) .lqd-roadmap-bar:before {
transition-delay: 0.2631578947s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(1) .lqd-roadmap-bar:after {
transition-delay: 0.2816901408s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(2) .lqd-roadmap-bar:before {
transition-delay: 0.5263157895s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(2) .lqd-roadmap-bar:after {
transition-delay: 0.5633802817s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(3) .lqd-roadmap-bar:before {
transition-delay: 0.7894736842s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(3) .lqd-roadmap-bar:after {
transition-delay: 0.8450704225s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(4) .lqd-roadmap-bar:before {
transition-delay: 1.0526315789s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(4) .lqd-roadmap-bar:after {
transition-delay: 1.1267605634s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(5) .lqd-roadmap-bar:before {
transition-delay: 1.3157894737s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(5) .lqd-roadmap-bar:after {
transition-delay: 1.4084507042s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(6) .lqd-roadmap-bar:before {
transition-delay: 1.5789473684s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(6) .lqd-roadmap-bar:after {
transition-delay: 1.6901408451s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(7) .lqd-roadmap-bar:before {
transition-delay: 1.8421052632s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(7) .lqd-roadmap-bar:after {
transition-delay: 1.9718309859s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(8) .lqd-roadmap-bar:before {
transition-delay: 2.1052631579s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(8) .lqd-roadmap-bar:after {
transition-delay: 2.2535211268s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(9) .lqd-roadmap-bar:before {
transition-delay: 2.3684210526s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-item:nth-child(9) .lqd-roadmap-bar:after {
transition-delay: 2.5352112676s;
}
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-bar:before,
.lqd-roadmap.ca-initvalues-applied .lqd-roadmap-bar:after {
transform: scale(1);
}
@media screen and (max-width: 767px) {
.lqd-roadmap {
padding-inline-start: 25px;
padding-inline-end: 25px;
}
.lqd-roadmap:before {
top: 15px;
right: 15px;
left: 15px;
bottom: 15px;
}
.lqd-roadmap-info {
max-width: 85%;
}
}
/*******************************************
7.43. Snickers bar
*******************************************/
@keyframes lqdSnickersBarIn {
from {
opacity: 0;
visibility: hidden;
transform: translate3d(0, 50%, 0);
}
to {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0%, 0);
}
}
@keyframes lqdSnickersBarOut {
from {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
visibility: hidden;
transform: translate3d(-2em, 0, 0);
}
}
@keyframes snicersBarSpin {
to {
transform: rotate(360deg);
}
}
.lqd-snickersbar-ext:empty {
display: none;
}
.lqd-snickersbar-inner {
padding: 0.5em 1.5em;
border-radius: 4px;
background-image: linear-gradient(120deg, rgba(37, 13, 17, 0.7) 0%, rgba(37, 25, 22, 0.7) 100%);
font-weight: 500;
box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.5);
color: #fff;
-webkit-backdrop-filter: blur(7px) saturate(135%);
backdrop-filter: blur(6px) saturate(135%);
animation: lqdSnickersBarIn var(--lqd-snickersbar-animation-time, 1.2s) cubic-bezier(0.19, 1, 0.22, 1) both alternate;
}
.lqd-snickersbar {
max-width: calc(100% - 4em);
min-height: 40px;
margin-bottom: 0.5em;
position: fixed;
bottom: 1em;
left: 2em;
z-index: 90;
font-size: 15px;
line-height: 1.5em;
transition: transform var(--lqd-snickersbar-animation-time, 1.2s) cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-snickersbar a {
color: inherit !important;
}
.lqd-snickersbar a.added_to_cart {
padding: 0;
text-decoration: underline;
}
.lqd-snickersbar a:hover {
opacity: 0.65;
}
.lqd-snickersbar p {
transition-property: transform, opacity, visibility;
transition-duration: var(--lqd-snickersbar-animation-time, 1.2s);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-snickersbar .lqd-snickersbar-msg svg {
animation: snicersBarSpin 1s linear infinite;
}
.lqd-snickersbar .lqd-snickersbar-msg-done {
position: absolute;
top: 0.5em;
left: 1.5em;
opacity: 0;
visibility: hidden;
transform: translateY(75%);
}
.lqd-snickersbar-action-done .lqd-snickersbar-msg {
position: absolute;
top: 0.5em;
left: 1.5em;
opacity: 0;
visibility: hidden;
transform: translateY(-75%);
}
.lqd-snickersbar-action-done .lqd-snickersbar-msg-done {
position: relative;
top: 0;
left: 0;
opacity: 1;
visibility: visible;
transform: translateY(0%);
transition-delay: 0.15s;
}
.lqd-snickersbar-out {
pointer-events: none;
}
.lqd-snickersbar-out .lqd-snickersbar-inner {
animation: lqdSnickersBarOut var(--lqd-snickersbar-animation-time, 1.2s) cubic-bezier(0.19, 1, 0.22, 1) both alternate;
}
@media screen and (max-width: 479px) {
.lqd-snickersbar-inner {
font-size: 13px;
}
.lqd-snickersbar-inner p.d-flex {
display: block !important;
}
.lqd-snickersbar-detail {
margin-inline-end: 1.5em;
}
.lqd-snickersbar-ext {
margin-inline-start: 0 !important;
}
}
/*******************************************
7.44. Social icon
*******************************************/
.social-icons-wrapper {
align-items: center;
display: inline-flex;
}
.social-icons-wrapper .grid-item {
display: inline-flex;
align-items: center;
word-break: break-word;
min-width: 0;
margin-bottom: var(--grid-row-gap);
}
.social-icons-wrapper .icon.social-icon {
background-color: transparent;
--icon-padding: 0em;
font-size: var(--icon-size, 25px);
line-height: var(--icon-size, 25px);
width: calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)));
height: calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)));
display: inline-flex;
}
.social-icon {
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
}
.social-icon li {
display: inline-block;
margin-inline-end: 1.2em;
font-size: 1em;
line-height: 1em;
}
.social-icon li:last-child {
margin-inline-end: 0;
}
.social-icon i {
font-style: normal;
}
.social-icon-sm {
font-size: 14px;
}
.social-icon-md {
font-size: 18px;
}
.social-icon-lg {
font-size: 20px;
}
.social-icon-lg li {
margin-inline-end: 1em;
}
.social-icon-vertical li,
.social-icon-vertical a {
display: block;
width: 100%;
}
.social-icon-vertical li {
margin-inline-end: 0 !important;
margin-bottom: 1.2em;
}
.social-icon-vertical li:last-child {
margin-bottom: 0;
}
/*******************************************
7.45. Split text
*******************************************/
.split-unit,
.split-inner {
text-decoration: inherit;
}
.split-inner {
display: block;
}
.lqd-split-chars .lqd-words>.split-inner {
display: inline-flex;
flex-wrap: wrap;
}
.lqd-split-chars .lqd-words>.split-inner .split-unit {
grid-row: 1;
}
@media screen and (min-width: 480px) {
.lqd-lines {
white-space: nowrap;
}
}
.lqd-words {
display: inline-flex !important;
}
/*******************************************
7.46. Sticky
*******************************************/
.lqd-css-sticky-column {
align-items: flex-start;
--lqd-sticky-offset: 30px;
}
.lqd-css-sticky {
position: sticky !important;
top: calc(30px + var(--lqd-sticky-header-height, 0px));
&.lqd-section {
top: var(--lqd-sticky-header-height, 0px);
}
}
/*******************************************
7.47. Tabs
*******************************************/
.lqd-tabs-nav-arrows {
display: none;
}
.lqd-tabs-has-nav-arrows .lqd-tabs-nav-arrows {
display: block;
}
.lqd-tabs-nav-arrow {
width: 52px;
height: 52px;
border: none;
top: calc(50% - 26px);
background-color: #fff;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
font-size: 20px;
color: #000;
transition: background 0.3s, color 0.3s;
user-select: none;
}
.lqd-tabs-nav-arrow:hover {
background-color: #000;
color: #fff;
}
.lqd-tabs-nav-arrow:focus {
outline: none;
}
.lqd-tabs-nav-prev {
left: -41px;
}
.lqd-tabs-nav-next {
right: -41px;
}
.lqd-tabs-nav-arrrows {
display: none;
}
.lqd-tabs-has-nav-arrows .lqd-tabs-nav-arrrows {
display: block;
}
@media screen and (max-width: 479px) {
.lqd-tabs .lqd-tabs-nav-arrows {
text-align: center;
margin-top: 1em;
}
.lqd-tabs .lqd-tabs-nav-arrow {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
margin: 0 5px;
}
}
.lqd-tabs-pane {
display: none;
}
.lqd-tabs-pane.active {
display: block;
}
@media (max-width: 992px) {
.lqd-tabs {
flex-wrap: nowrap;
}
}
.lqd-tabs-nav-wrap {
display: grid;
grid-auto-flow: column;
align-items: start;
}
.lqd-tabs-nav li {
line-height: 1.5em;
}
.lqd-tabs-nav .h3 {
color: inherit;
font-size: inherit;
line-height: inherit;
}
.lqd-tabs-nav .h3:only-child {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.lqd-tabs-nav svg {
width: 1em;
height: 1em;
}
@media screen and (min-width: 992px) {
.lqd-tabs-nav.justify-md-between {
justify-content: space-between;
}
.lqd-tabs-nav.justify-md-start {
justify-content: flex-start;
}
.lqd-tabs-nav.justify-md-center {
justify-content: center;
}
.lqd-tabs-nav.justify-md-end {
justify-content: flex-end;
}
}
@media screen and (min-width: 768px) {
.lqd-tabs-nav .carousel-nav {
margin-inline-start: 3em;
}
}
@media screen and (max-width: 991px) {
.lqd-tabs-nav .carousel-nav {
width: auto;
justify-content: inherit !important;
}
.lqd-tabs-nav .carousel-nav .previous {
margin-inline-start: 0 !important;
}
.lqd-tabs-nav .carousel-nav .next {
margin-inline-end: 0 !important;
}
}
@media screen and (min-width: 768px) and (max-width: 991.8px) {
.lqd-tabs-nav .carousel-nav {
margin-inline-start: auto;
margin-top: 1px !important;
}
}
.lqd-tabs-nav-iconbox .lqd-tabs-nav {
--icon-size: 26px;
}
.lqd-tabs-nav-iconbox .lqd-tabs-nav-icon-icon {
font-size: var(--icon-size);
flex-shrink: 0;
}
.lqd-tabs-nav-icon-inline .lqd-tabs-nav-icon {
display: inline-flex;
border-radius: 10em;
align-items: center;
justify-content: center;
color: rgba(50, 60, 71, 0.3);
transition: background 0.3s, color 0.3s;
}
.lqd-tabs-nav-icon-inline .lqd-tabs-nav a {
display: block;
}
.lqd-tabs-nav-has-btn .lqd-tabs-nav {
display: inline-flex !important;
margin-bottom: 1.5em;
}
.lqd-tabs-nav-plain .lqd-tabs-nav-wrap {
grid-template-columns: 1fr;
}
.lqd-tabs-nav-plain .lqd-tabs-nav-has-btn .lqd-tabs-nav {
margin-bottom: 0;
margin-inline-end: 1em;
}
@media screen and (max-width: 768px) {
.lqd-tabs-nav-plain .lqd-tabs-nav-wrap {
display: block;
}
.lqd-tabs-nav-plain .lqd-tabs-nav-has-btn .lqd-tabs-nav {
margin-bottom: 1.5em !important;
}
}
.lqd-tabs-style-1 .lqd-tabs-nav {
margin-inline-start: -15px;
margin-inline-end: -15px;
font-size: 16px;
}
.lqd-tabs-style-1 .lqd-tabs-nav li {
--icon-size: 26px;
padding: 0 15px 1.5em;
flex-basis: 33.3333333333%;
position: relative;
}
.lqd-tabs-style-1 .lqd-tabs-nav li:before,
.lqd-tabs-style-1 .lqd-tabs-nav li:after {
content: "";
display: inline-block;
position: absolute;
border-color: var(--lqd-color-primary);
transition: transform 0.3s, background 0.3s;
}
.lqd-tabs-style-1 .lqd-tabs-nav li:before {
bottom: 0;
left: 15px;
right: 15px;
height: 2px;
background-color: #E7E7EF;
}
.lqd-tabs-style-1 .lqd-tabs-nav li:after {
width: 0;
height: 0;
border-width: 5px 5px 0;
border-color: var(--lqd-color-primary) transparent;
border-style: solid;
bottom: -5px;
left: calc(50% - 2.5px);
transform: scaleY(0);
transform-origin: top;
}
.lqd-tabs-style-1 .lqd-tabs-nav li.active:before {
background-color: var(--lqd-color-primary);
}
.lqd-tabs-style-1 .lqd-tabs-nav li.active:after {
transform: scaleY(1);
}
.lqd-tabs-style-1 .lqd-tabs-nav a {
color: #737373;
}
.lqd-tabs-style-1 .lqd-tabs-nav .lqd-tabs-nav-icon-icon {
width: 72px;
height: 72px;
background-color: #F3F6F9;
color: #24232C;
}
.lqd-tabs-style-1.flex-column-reverse .lqd-tabs-nav li {
padding-top: 1.5em;
padding-bottom: 0;
}
.lqd-tabs-style-1.flex-column-reverse .lqd-tabs-nav li:before {
bottom: auto;
top: 0;
}
.lqd-tabs-style-1.flex-column-reverse .lqd-tabs-nav li:after {
border-width: 0 5px 5px;
top: -5px;
bottom: auto;
transform-origin: bottom;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.lqd-tabs-style-1 .lqd-tabs-nav {
--icon-size: 23px;
}
.lqd-tabs-style-1 .lqd-tabs-nav-icon-icon {
width: 55px;
height: 55px;
}
}
@media (min-width: 992px) {
.lqd-tabs-style-1 .lqd-tabs-nav {
flex-wrap: nowrap;
}
}
@media screen and (max-width: 991px) {
.lqd-tabs-style-1 .lqd-tabs-nav li {
flex-basis: 100%;
padding-top: 1em;
padding-bottom: 1em;
}
}
.lqd-tabs-style-2 .lqd-tabs-nav {
--icon-size: 30px;
margin-inline-start: -15px;
margin-inline-end: -15px;
font-size: 15px;
}
.lqd-tabs-style-2 .lqd-tabs-nav a {
color: #4f4f4f;
}
.lqd-tabs-style-2 .lqd-tabs-nav .lqd-tabs-nav-icon-icon {
width: 87px;
height: 87px;
border-radius: 29px;
color: #24232C;
}
.lqd-tabs-style-2 .lqd-tabs-nav .lqd-tabs-nav-progress,
.lqd-tabs-style-2 .lqd-tabs-nav .lqd-tabs-nav-progress-inner {
display: block;
width: 100%;
border-radius: 50em;
}
.lqd-tabs-style-2 .lqd-tabs-nav .lqd-tabs-nav-progress {
position: relative;
height: 5px;
margin-top: 2em;
background-color: rgba(0, 0, 0, 0.075);
}
.lqd-tabs-style-2 .lqd-tabs-nav .lqd-tabs-nav-progress-inner {
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background-color: var(--lqd-color-primary);
transform: scaleX(0);
transform-origin: right;
transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-tabs-style-2 .lqd-tabs-nav li {
padding-inline-start: 15px;
padding-inline-end: 15px;
flex-basis: 33.3333333333%;
position: relative;
}
.lqd-tabs-style-2 .lqd-tabs-nav li.active .lqd-tabs-nav-progress-inner {
transform-origin: left;
transform: scaleX(1);
}
@media (min-width: 992px) {
.lqd-tabs-style-2 .lqd-tabs-nav {
flex-wrap: nowrap;
}
}
@media (max-width: 767px) {
.lqd-tabs-style-2 .lqd-tabs-nav {
flex-direction: column;
flex-wrap: nowrap;
}
.lqd-tabs-style-2 .lqd-tabs-nav li {
width: 100%;
}
}
.lqd-tabs-style-3 .lqd-tabs-nav {
--icon-size: 44px;
border-bottom-width: 2px;
border-bottom-style: solid;
}
.lqd-tabs-style-3 .lqd-tabs-nav li {
position: relative;
padding-inline-start: 12px;
padding-inline-end: 12px;
}
.lqd-tabs-style-3 .lqd-tabs-nav li a:after {
content: "";
display: inline-block;
width: 100%;
height: 2px;
position: absolute;
bottom: -2px;
left: 0;
background-color: var(--lqd-color-primary);
transform: scaleX(0);
transition: transform 0.3s;
}
.lqd-tabs-style-3 .lqd-tabs-nav li a.active:after {
transform: scaleX(1);
}
.lqd-tabs-style-3 .lqd-tabs-nav a {
padding-top: 1.5em;
padding-bottom: 1.5em;
display: block;
}
.lqd-tabs-style-3 .lqd-tabs-nav .lqd-tabs-nav-icon-icon {
margin-bottom: 0.5em;
color: var(--lqd-color-primary);
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.lqd-tabs-style-3 .lqd-tabs-nav {
--icon-size: 30px;
}
.lqd-tabs-style-3 .lqd-tabs-nav li a {
padding: 1.5rem !important;
}
.lqd-tabs-style-3 .lqd-tabs-nav .lqd-tabs-nav-icon {
margin-inline-end: 15px;
}
}
@media screen and (min-width: 992px) {
.lqd-tabs-style-3 .lqd-tabs-nav.justify-start li:first-child {
margin-inline-start: 0;
}
.lqd-tabs-style-3 .lqd-tabs-nav.justify-between li {
flex-grow: 1;
}
.lqd-tabs-style-3 .lqd-tabs-nav.justify-center li {
padding-inline-start: 2em;
padding-inline-end: 2em;
}
.lqd-tabs-style-3 .lqd-tabs-nav.justify-center li,
.lqd-tabs-style-3 .lqd-tabs-nav.justify-between li {
margin-inline-start: 0;
margin-inline-end: 0;
}
.lqd-tabs-style-3 .lqd-tabs-nav.justify-end li:last-child {
margin-inline-end: 0;
}
}
@media screen and (max-width: 991px) {
.lqd-tabs-style-3 {
flex-direction: column;
flex-wrap: nowrap !important;
}
}
@media screen and (max-width: 920px) {
.lqd-tabs-style-3 .lqd-tabs-nav li {
margin: 0;
padding: 0;
}
}
@media screen and (max-width: 768px) {
.lqd-tabs-style-3 .lqd-tabs-nav {
flex-wrap: wrap;
}
}
@media screen and (max-width: 479px) {
.lqd-tabs-style-3 .lqd-tabs-nav {
border: none;
}
.lqd-tabs-style-3 .lqd-tabs-nav li {
width: 50%;
padding-inline-start: 10px;
padding-inline-end: 10px;
margin: 0;
margin-bottom: 1.5em;
}
.lqd-tabs-style-3 .lqd-tabs-nav a {
padding: 0 0 0.75em;
}
}
.lqd-tabs-style-4 .lqd-tabs-nav {
--icon-size: 40px;
font-size: 16px;
position: relative;
}
.lqd-tabs-style-4 .lqd-tabs-nav:before {
content: "";
display: inline-block;
width: 100vw;
height: 1px;
position: absolute;
top: calc(var(--icon-size) + var(--icon-size) * 0.6);
left: 50%;
right: 50%;
margin-inline-start: -50vw;
margin-inline-end: -50vw;
background-color: #e9e9e9;
}
.lqd-tabs-style-4 .lqd-tabs-nav .h3 {
font-size: 1em;
}
.lqd-tabs-style-4 .lqd-tabs-nav .lqd-tabs-nav-icon-icon {
margin-bottom: 0.6em;
padding-bottom: 0.6em;
position: relative;
color: var(--lqd-color-primary);
}
.lqd-tabs-style-4 .lqd-tabs-nav .lqd-tabs-nav-icon-icon:after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50em;
position: absolute;
bottom: -5px;
left: calc(50% - 5px);
background-color: #e9e9e9;
transition: background 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-tabs-style-4 .lqd-tabs-nav .lqd-tabs-nav-icon-icon i {
transition: transform 0.3s;
}
.lqd-tabs-style-4 .lqd-tabs-nav a {
display: block;
}
.lqd-tabs-style-4 .lqd-tabs-nav li {
padding-inline-start: 15px;
padding-inline-end: 15px;
}
.lqd-tabs-style-4 .lqd-tabs-nav li:hover .lqd-tabs-nav-icon-icon i {
transform: translateY(-4px);
}
.lqd-tabs-style-4 .lqd-tabs-nav li.active .h3:after {
background-color: var(--lqd-color-primary);
}
@media screen and (max-width: 479px) {
.lqd-tabs-style-4 .lqd-tabs-nav:before {
content: none;
}
.lqd-tabs-style-4 .lqd-tabs-nav li {
flex-basis: 50%;
margin-bottom: 0.5em;
}
}
.lqd-tabs-style-5 {
--tab-nav-width: 41.66666667%;
}
.lqd-tabs-style-5 .lqd-tabs-nav-wrap,
.lqd-tabs-style-5 .lqd-tabs-content {
flex: 0 0 auto;
}
.lqd-tabs-style-5 .lqd-tabs-nav-wrap {
width: var(--tab-nav-width);
grid-auto-flow: row;
}
.lqd-tabs-style-5 .lqd-tabs-nav {
font-size: 15px;
}
.lqd-tabs-style-5 .lqd-tabs-nav a {
display: block;
position: relative;
border-radius: 7px;
color: #737373;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
}
.lqd-tabs-style-5 .lqd-tabs-nav a:before,
.lqd-tabs-style-5 .lqd-tabs-nav a:after {
content: "";
display: inline-block;
width: 100%;
height: 100%;
border-radius: inherit;
position: absolute;
top: 0;
left: 0;
z-index: 0;
transition: opacity 0.3s;
}
.lqd-tabs-style-5 .lqd-tabs-nav a:after {
opacity: 0;
background-color: #fff;
}
.lqd-tabs-style-5 .lqd-tabs-nav a>span {
position: relative;
z-index: 2;
}
.lqd-tabs-style-5 .lqd-tabs-nav li.active a {
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.075);
}
.lqd-tabs-style-5 .lqd-tabs-nav li.active a:after {
opacity: 1;
}
.lqd-tabs-style-5 .lqd-tabs-nav .lqd-tabs-nav-icon {
--icon-size: 40px;
}
.lqd-tabs-style-5 .lqd-tabs-content {
width: calc(100% - var(--tab-nav-width));
}
@media screen and (max-width: 768px) {
.lqd-tabs-style-5 .lqd-tabs-nav-wrap,
.lqd-tabs-style-5 .lqd-tabs-content {
width: 100%;
padding-inline-start: 0 !important;
padding-inline-end: 0 !important;
}
.lqd-tabs-style-5 .lqd-tabs-nav-wrap {
margin-bottom: 1.5em;
}
.lqd-tabs-style-5 .lqd-tabs-nav .iconbox .iconbox-icon-container {
font-size: 30px;
}
}
.lqd-tabs-style-6 {
--tab-nav-width: 25%;
}
.lqd-tabs-style-6 .lqd-tabs-nav-icon-icon {
width: 28px;
height: 28px;
margin-inline-end: 13px;
background-color: rgba(50, 60, 71, 0.05);
font-weight: 700;
}
.lqd-tabs-style-6 .lqd-tabs-nav-wrap,
.lqd-tabs-style-6 .lqd-tabs-content {
flex: 0 0 auto;
}
.lqd-tabs-style-6 .lqd-tabs-nav-wrap {
width: var(--tab-nav-width);
}
.lqd-tabs-style-6 .lqd-tabs-nav {
font-size: 16px;
counter-reset: lqd-tabs-counter;
}
.lqd-tabs-style-6 .lqd-tabs-nav a {
color: #323C47;
padding-inline-start: 1.5em;
padding-inline-end: 1.5em;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
}
.lqd-tabs-style-6 .lqd-tabs-nav li {
counter-increment: lqd-tabs-counter;
width: 100%;
}
.lqd-tabs-style-6 .lqd-tabs-nav li.active a {
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.075);
}
.lqd-tabs-style-6 .lqd-tabs-nav li.active .lqd-tabs-nav-icon-icon {
background-color: var(--lqd-color-primary);
color: #fff;
}
.lqd-tabs-style-6 .lqd-tabs-content {
width: calc(100% - var(--tab-nav-width));
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.lqd-tabs-style-6 {
--tab-nav-width: 35%;
}
}
@media screen and (max-width: 991px) {
.lqd-tabs-style-6 {
flex-direction: column;
flex-wrap: nowrap !important;
}
}
@media screen and (max-width: 768px) {
.lqd-tabs-style-6 .lqd-tabs-nav-wrap,
.lqd-tabs-style-6 .lqd-tabs-content {
width: 100%;
flex-grow: 1;
padding-inline-start: 0 !important;
padding-inline-end: 0 !important;
}
.lqd-tabs-style-6 .lqd-tabs-nav-wrap {
margin-bottom: 1.5em;
}
}
.lqd-tabs-style-7 .lqd-tabs-nav {
font-size: 18px;
}
.lqd-tabs-style-7 .lqd-tabs-nav .lqd-tabs-nav-icon {
--icon-size: 1em;
}
.lqd-tabs-style-7 .lqd-tabs-nav .lqd-tabs-nav-icon-icon {
width: 31px;
height: 31px;
margin-inline-end: 18px;
background-color: #fff;
color: #b0b9be;
font-weight: 500;
}
.lqd-tabs-style-7 .lqd-tabs-nav a {
background-color: #edf1f2;
color: #90999e;
}
.lqd-tabs-style-7 .lqd-tabs-nav li.active a {
color: #fff;
background-color: var(--lqd-color-primary);
}
.lqd-tabs-style-7 .lqd-tabs-nav li.active .lqd-tabs-nav-icon {
color: var(--lqd-color-primary);
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.lqd-tabs-style-7 .lqd-tabs-nav li a {
padding: 0.85rem 1.25rem !important;
}
}
@media screen and (min-width: 768px) {
.lqd-tabs-style-7 .lqd-tabs-nav li {
margin: 0 0.5em;
}
}
@media screen and (max-width: 991px) {
.lqd-tabs-style-7 {
flex-direction: column;
flex-wrap: nowrap !important;
}
.lqd-tabs-style-7 .lqd-tabs-nav li {
margin-bottom: 0.5em;
}
}
.lqd-tabs-style-8 {
--tab-nav-width: 30%;
}
.lqd-tabs-style-8 .lqd-tabs-nav-wrap,
.lqd-tabs-style-8 .lqd-tabs-content {
flex: 0 0 auto;
}
.lqd-tabs-style-8 .lqd-tabs-nav-wrap {
width: var(--tab-nav-width);
}
.lqd-tabs-style-8 .lqd-tabs-nav {
font-size: 16px;
}
.lqd-tabs-style-8 .lqd-tabs-nav a {
color: #878f9d;
}
.lqd-tabs-style-8 .lqd-tabs-nav a:before {
content: "";
display: inline-block;
width: 28px;
height: 2px;
flex: 0 0 auto;
margin-inline-end: 12px;
background-color: var(--lqd-color-primary);
transform-origin: left;
transform: scaleX(0);
transition: transform 0.65s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-tabs-style-8 .lqd-tabs-nav li.active a {
color: #292a34;
}
.lqd-tabs-style-8 .lqd-tabs-nav li.active a:before {
transform: scaleX(1);
}
.lqd-tabs-style-8 .lqd-tabs-content {
width: calc(100% - var(--tab-nav-width));
}
@media screen and (max-width: 479px) {
.lqd-tabs-style-8 {
flex-direction: column;
flex-wrap: nowrap !important;
}
.lqd-tabs-style-8 .lqd-tabs-content,
.lqd-tabs-style-8 .lqd-tabs-nav-wrap {
width: 100%;
}
}
.lqd-tabs-style-9 .lqd-tabs-nav a {
padding: 0.55em 2.25em;
border: 1px solid #e1e1e1;
position: relative;
text-align: center;
color: #000;
}
.lqd-tabs-style-9 .lqd-tabs-nav a span {
position: relative;
z-index: 2;
}
.lqd-tabs-style-9 .lqd-tabs-nav li+li a {
border-left-width: 0;
}
.lqd-tabs-style-9 .lqd-tabs-nav li:first-child a {
border-radius: 50em 0 0 50em;
}
.lqd-tabs-style-9 .lqd-tabs-nav li:last-child a {
border-radius: 0 50em 50em 0;
}
.lqd-tabs-style-9 .lqd-tabs-nav li.active a {
background-color: var(--lqd-color-primary);
color: #fff;
}
@media screen and (min-width: 480px) and (max-width: 768px) {
.lqd-tabs-style-9:not(.lqd-tabs-style-9-alt2) .lqd-tabs-nav li {
flex: 1 0 50%;
}
.lqd-tabs-style-9:not(.lqd-tabs-style-9-alt2) .lqd-tabs-nav li a {
justify-content: center;
}
.lqd-tabs-style-9:not(.lqd-tabs-style-9-alt2) .lqd-tabs-nav li:nth-child(2n) a {
border-top-right-radius: 50em;
border-bottom-right-radius: 50em;
}
.lqd-tabs-style-9:not(.lqd-tabs-style-9-alt2) .lqd-tabs-nav li:nth-child(2n+1) a {
border-left-width: 1px;
border-top-left-radius: 50em;
border-bottom-left-radius: 50em;
}
.lqd-tabs-style-9:not(.lqd-tabs-style-9-alt2) .lqd-tabs-nav li:nth-child(n+3) {
margin-top: 0.5em;
}
.lqd-tabs-style-9:not(.lqd-tabs-style-9-alt2) .lqd-tabs-nav li:nth-child(n+3) a {
border-bottom-width: 1px;
}
}
@media screen and (max-width: 479px) {
.lqd-tabs-style-9 .lqd-tabs-nav {
flex-direction: column;
}
.lqd-tabs-style-9 .lqd-tabs-nav li,
.lqd-tabs-style-9 .lqd-tabs-nav a {
border-radius: 50em !important;
}
.lqd-tabs-style-9 .lqd-tabs-nav li {
width: 100%;
margin-bottom: 3px;
}
.lqd-tabs-style-9 .lqd-tabs-nav li+li a {
border-width: 1px;
}
}
.lqd-tabs-style-9-alt .lqd-tabs-nav {
font-size: 18px;
}
.lqd-tabs-style-9-alt .lqd-tabs-nav a {
padding: 0.37em 1.75em;
border-width: 2px;
border-color: var(--lqd-color-primary);
color: var(--lqd-color-primary);
}
.lqd-tabs-style-9-alt .lqd-tabs-nav a:before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
border-radius: inherit;
background-color: var(--lqd-color-primary);
opacity: 0.065;
}
@media (min-width: 992px) {
.lqd-tabs-style-9-alt .lqd-tabs-nav {
flex-wrap: nowrap;
}
}
.lqd-tabs-style-9-alt2 .lqd-tabs-nav li {
padding: 0.3125em 0.4375em;
}
.lqd-tabs-style-9-alt2 .lqd-tabs-nav li:first-child {
border-radius: 50em 0 0 50em;
}
.lqd-tabs-style-9-alt2 .lqd-tabs-nav li:last-child {
border-radius: 0 50em 50em 0;
}
.lqd-tabs-style-9-alt2 .lqd-tabs-nav a {
padding: 0.5em 2.5em;
border: none;
border-radius: 5em !important;
color: #fff;
}
@media screen and (min-width: 992px) {
.lqd-tabs-style-9-alt2 .lqd-tabs-nav.justify-md-between li {
flex-grow: 1;
display: flex;
justify-content: center;
}
.lqd-tabs-style-9-alt2 .lqd-tabs-nav.justify-md-between li:first-child {
justify-content: flex-start;
}
.lqd-tabs-style-9-alt2 .lqd-tabs-nav.justify-md-between li:last-child {
justify-content: flex-end;
}
}
@media screen and (max-width: 991px) {
.lqd-tabs-style-9-alt2 .lqd-tabs-nav li {
margin-bottom: 5px;
}
}
.lqd-tabs-style-10 .lqd-tabs-nav.justify-between {
justify-content: center;
}
.lqd-tabs-style-10 .lqd-tabs-nav a {
flex-direction: column;
position: relative;
}
.lqd-tabs-style-10 .lqd-tabs-nav a:before {
content: "";
display: inline-block;
width: 30px;
height: 30px;
position: absolute;
bottom: 3px;
left: calc(50% - 15px);
border-radius: 50em;
background-color: #fff;
transform: scale(0.5);
opacity: 0;
transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-tabs-style-10 .lqd-tabs-nav a:after {
content: "";
display: inline-block;
width: 100%;
height: 36px;
background-color: var(--lqd-color-primary);
}
.lqd-tabs-style-10 .lqd-tabs-nav .lqd-tabs-nav-txt {
margin: 0 0.5em 7px;
margin-bottom: 7px;
}
.lqd-tabs-style-10 .lqd-tabs-nav li:first-child a:after,
.lqd-tabs-style-10 .lqd-tabs-nav li:last-child a:after {
width: 36px;
}
.lqd-tabs-style-10 .lqd-tabs-nav li:first-child .lqd-tabs-nav-txt,
.lqd-tabs-style-10 .lqd-tabs-nav li:last-child .lqd-tabs-nav-txt {
margin-bottom: 0;
}
.lqd-tabs-style-10 .lqd-tabs-nav li:first-child a {
flex-direction: row;
}
.lqd-tabs-style-10 .lqd-tabs-nav li:first-child a:before {
left: auto;
right: 2px;
}
.lqd-tabs-style-10 .lqd-tabs-nav li:first-child a:after {
border-radius: 50em 0 0 50em;
}
.lqd-tabs-style-10 .lqd-tabs-nav li:first-child .lqd-tabs-nav-txt {
margin-inline-end: 1em;
}
.lqd-tabs-style-10 .lqd-tabs-nav li:last-child a {
flex-direction: row-reverse;
}
.lqd-tabs-style-10 .lqd-tabs-nav li:last-child a:before {
left: 2px;
}
.lqd-tabs-style-10 .lqd-tabs-nav li:last-child a:after {
border-radius: 0 50em 50em 0;
}
.lqd-tabs-style-10 .lqd-tabs-nav li:last-child .lqd-tabs-nav-txt {
margin-inline-start: 1em;
}
.lqd-tabs-style-10 .lqd-tabs-nav li.active a {
color: #000;
}
.lqd-tabs-style-10 .lqd-tabs-nav li.active a:before {
opacity: 1;
transform: scale(1);
}
@media screen and (max-width: 768px) {
.lqd-tabs-style-10 .lqd-tabs-nav {
justify-content: center !important;
}
}
@media screen and (max-width: 479px) {
.lqd-tabs-style-10 .lqd-tabs-nav li {
width: 100%;
}
.lqd-tabs-style-10 .lqd-tabs-nav li:not(:last-child) {
margin-bottom: 0.5em;
}
.lqd-tabs-style-10 .lqd-tabs-nav li a {
width: 100%;
flex-direction: row;
}
.lqd-tabs-style-10 .lqd-tabs-nav li a:before {
width: 16px;
height: 16px;
bottom: 10px;
left: 10px;
right: auto;
}
.lqd-tabs-style-10 .lqd-tabs-nav li a:after {
width: 36px;
order: -1;
border-radius: 50%;
}
.lqd-tabs-style-10 .lqd-tabs-nav li .lqd-tabs-nav-txt {
margin-inline-start: 1em !important;
margin-inline-end: 0;
}
}
.lqd-tabs-style-11 .lqd-tabs-nav a {
color: rgba(0, 0, 0, 0.4);
}
.lqd-tabs-style-11 .lqd-tabs-nav li:not(:last-of-type) {
margin-inline-end: 2em;
}
.lqd-tabs-style-11 .lqd-tabs-nav li.active a {
color: #000;
}
@media screen and (max-width: 768px) {
.lqd-tabs-style-11 .lqd-tabs-nav {
display: flex !important;
min-width: 100%;
margin-bottom: 1em !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
flex-flow: row nowrap !important;
justify-content: flex-start !important;
align-items: stretch !important;
overflow-x: auto;
white-space: nowrap;
}
.lqd-tabs-style-11 .lqd-tabs-nav li {
display: flex;
flex: 0.15 0;
padding: 0 !important;
margin: 0 !important;
text-align: inherit !important;
}
.lqd-tabs-style-11 .lqd-tabs-nav li+li {
margin-inline-start: 10% !important;
}
.lqd-tabs-style-11 .lqd-tabs-nav li a {
padding: 0 0 0.5em !important;
position: relative;
}
.lqd-tabs-style-11 .lqd-tabs-nav li a:before {
content: "";
display: inline-block;
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
background-color: #000;
opacity: 0;
transition: opacity 0.3s;
}
.lqd-tabs-style-11 .lqd-tabs-nav li:last-of-type {
margin-inline-end: -150vw !important;
}
.lqd-tabs-style-11 .lqd-tabs-nav li.active a:before {
opacity: 1;
}
.lqd-tabs-style-11 .lqd-tabs-content {
padding: 0 !important;
margin: 0 !important;
}
}
.lqd-tabs-style-12 .lqd-tabs-nav a {
display: block;
position: relative;
color: rgba(0, 0, 0, 0.25);
}
.lqd-tabs-style-12 .lqd-tabs-nav a:after {
content: "";
display: inline-block;
width: 45%;
height: 2px;
position: absolute;
bottom: -0.25em;
left: 0;
background-color: currentColor;
transform: scaleX(0);
transform-origin: right;
transition: transform 0.65s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-tabs-style-12 .lqd-tabs-nav li {
margin-inline-end: 2.65em;
}
.lqd-tabs-style-12 .lqd-tabs-nav li.active a {
color: #000;
}
.lqd-tabs-style-12 .lqd-tabs-nav li.active a:after {
transform-origin: left;
transform: scaleX(1);
}
.lqd-tabs-style-12.lqd-nav-underline-fw .lqd-tabs-nav a:after {
width: 100%;
}
@media screen and (max-width: 479px) {
.lqd-tabs-style-12 .lqd-tabs-nav-wrap {
margin-bottom: 1rem !important;
}
.lqd-tabs-style-12 .lqd-tabs-nav li {
margin-bottom: 1em;
}
}
.lqd-tabs-style-13 {
--tab-nav-width: 22%;
}
.lqd-tabs-style-13 .lqd-tabs-nav-wrap,
.lqd-tabs-style-13 .lqd-tabs-content {
flex: 0 0 auto;
}
.lqd-tabs-style-13 .lqd-tabs-nav-wrap {
width: var(--tab-nav-width);
grid-auto-flow: row;
}
.lqd-tabs-style-13 .lqd-tabs-nav-btn-wrap {
padding: 1em 1.5em;
}
.lqd-tabs-style-13 .lqd-tabs-nav a {
padding: 1em 1.5em;
border-radius: 4px;
color: #000;
}
.lqd-tabs-style-13 .lqd-tabs-nav a>span {
display: block;
}
.lqd-tabs-style-13 .lqd-tabs-nav .lqd-tabs-nav-ext {
display: none;
margin-top: 0.75em;
font-size: 0.85em;
font-weight: 400;
line-height: 1.35em;
opacity: 0.6;
}
.lqd-tabs-style-13 .lqd-tabs-nav li.active a {
background-color: #f3f2f9;
}
.lqd-tabs-style-13 .lqd-tabs-nav li.active .lqd-tabs-nav-ext {
display: block;
}
.lqd-tabs-style-13 .lqd-tabs-content {
width: calc(100% - var(--tab-nav-width));
}
@media screen and (max-width: 991px) {
.lqd-tabs-style-13 {
flex-wrap: wrap;
}
.lqd-tabs-style-13 .lqd-tabs-nav-wrap,
.lqd-tabs-style-13 .lqd-tabs-content {
width: 100%;
}
.lqd-tabs-style-13 .lqd-tabs-nav-wrap {
margin-bottom: 35px;
}
}
@media screen and (max-width: 768px) {
.lqd-tabs-style-13 .lqd-tabs-nav-wrap,
.lqd-tabs-style-13 .lqd-tabs-content {
width: 100%;
flex-grow: 1;
padding-inline-start: 0 !important;
padding-inline-end: 0 !important;
}
.lqd-tabs-style-13 .lqd-tabs-content {
margin-bottom: 1.5em;
}
.lqd-tabs-style-13 .lqd-tabs-nav-wrap {
margin-bottom: 0;
}
}
.lqd-tabs-style-14 {
--lqd-tabs-nav-offset: 15%;
--lqd-tabs-nav-translate: 0;
}
.lqd-tabs-style-14 .lqd-tabs-nav-wrap {
overflow: hidden;
padding-left: var(--lqd-tabs-nav-offset);
mask-image: linear-gradient(to right, transparent 0%, #000 15%, #000 80%, transparent 100%);
-webkit-mask-image: linear-gradient(to right, transparent 0%, #000 15%, #000 80%, transparent 100%);
}
.lqd-tabs-style-14 .lqd-tabs-nav {
transform: translate3d(calc(var(--lqd-tabs-nav-translate, 0) * -1), 0, 0);
transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-tabs-style-14 .lqd-tabs-nav:before {
content: "";
display: inline-block;
width: var(--lqd-tabs-nav-active-width);
height: var(--lqd-tabs-nav-active-height);
border-radius: calc(var(--lqd-tabs-nav-active-height) / 2);
position: absolute;
top: 0;
left: 0;
background-color: #fff;
pointer-events: none;
box-shadow: 0 20px 50px rgba(52, 49, 139, 0.07);
transform: translate3d(var(--lqd-tabs-nav-translate), 0, 0);
transition: width 1s, height 1s, transform 1s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transform-origin: left;
}
.lqd-tabs-style-14 .lqd-tabs-nav>li {
white-space: nowrap;
color: #162C35;
}
.lqd-tabs-style-14 .lqd-tabs-nav>li>a {
margin-bottom: 0.5em;
padding: 0.4em 0.875em;
font-size: 45px;
font-weight: 700;
line-height: 1;
}
.lqd-tabs-style-14 .lqd-tabs-nav>li .lqd-tabs-nav-txt {
position: relative;
}
.lqd-tabs-style-14 .lqd-tabs-nav>li .lqd-tabs-nav-txt span {
opacity: 1;
background: rgba(26, 66, 101, 0.3);
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
text-fill-color: transparent !important;
transition: opacity 0.3s;
}
.lqd-tabs-style-14 .lqd-tabs-nav>li .lqd-tabs-nav-txt::before {
content: attr(data-txt);
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: -0.075em;
left: 0;
line-height: 1.15em;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
text-fill-color: transparent !important;
background: linear-gradient(to right, var(--lqd-color-gradient-start), var(--lqd-color-gradient-stop));
opacity: 0;
transition: opacity 0.3s;
}
.lqd-tabs-style-14 .lqd-tabs-nav>li .lqd-tabs-nav-ext {
display: block;
position: absolute;
top: 100%;
left: 0;
opacity: 0;
transform: translateX(calc(var(--lqd-tabs-nav-translate, 0) + 5%));
transition: opacity 0.65s, transform 0.65s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-tabs-style-14 .lqd-tabs-nav>li.active>a .lqd-tabs-nav-txt span {
opacity: 0;
}
.lqd-tabs-style-14 .lqd-tabs-nav>li.active>a .lqd-tabs-nav-txt:before {
opacity: 1;
}
.lqd-tabs-style-14 .lqd-tabs-nav>li.active .lqd-tabs-nav-ext {
opacity: 1;
transform: translateX(var(--lqd-tabs-nav-translate, 0));
}
@media (min-width: 768px) {
.lqd-tabs-nav-items-not-expanded .lqd-tabs-nav li {
flex-grow: 0;
}
}
@media screen and (max-width: 479px) {
.lqd-tabs-style-14 {
--lqd-tabs-nav-offset: 7%;
}
.lqd-tabs-style-14 .lqd-tabs-nav-wrap {
mask-image: linear-gradient(to right, transparent 0%, #000 5%, #000 90%, transparent 100%);
-webkit-mask-image: linear-gradient(to right, transparent 0%, #000 5%, #000 90%, transparent 100%);
}
.lqd-tabs-style-14 .lqd-tabs-nav>li>a {
font-size: 27px;
}
.lqd-tabs-style-14 .lqd-tabs-nav>li .lqd-tabs-nav-ext {
font-size: 12px;
max-width: 60vw;
white-space: normal;
}
}
/*******************************************
7.48. Team member
*******************************************/
.lqd-tm h6 {
text-transform: none;
letter-spacing: normal;
}
.lqd-tm .social-icon:empty {
display: none;
}
.lqd-tm .social-icon li {
transition: transform 0.3s;
}
.lqd-tm .social-icon li:hover {
transform: scale(1.2) !important;
}
.lqd-tm-style-1 .lqd-tm-details {
position: absolute;
bottom: -60px;
left: -40px;
right: 15%;
z-index: 2;
border-radius: 0 0 5px 5px;
}
.lqd-tm-style-1 .lqd-tm-bg {
z-index: -1;
border-radius: inherit;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
transition: box-shadow 0.3s;
}
.lqd-tm-style-1 .lqd-tm-bg.block-revealer {
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
}
.lqd-tm-style-1 h3 {
font-size: 22px;
}
.lqd-tm-style-1 h6 {
font-size: 16px;
color: #a5a5a5;
}
.lqd-tm-style-2 .lqd-tm-details {
position: absolute;
bottom: 0;
left: 0;
transform: translate(-5%, 30%);
}
.lqd-tm-style-2 .lqd-tm-details svg {
position: absolute;
top: -100%;
left: -30%;
z-index: 0;
}
.lqd-tm-style-2 .lqd-tm-details svg stop:first-child {
stop-color: var(--lqd-color-gradient-start);
}
.lqd-tm-style-2 .lqd-tm-details svg stop:last-child {
stop-color: var(--lqd-color-gradient-stop);
}
.no-backgroundblendmode .lqd-tm-style-2 .lqd-tm-details svg {
opacity: 0.65;
}
.lqd-tm-style-2 h3,
.lqd-tm-style-2 p {
position: relative;
z-index: 2;
}
.lqd-tm-style-2 h3 {
font-size: 22px;
letter-spacing: 0.02em;
}
.lqd-tm-style-3 {
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
}
.lqd-tm-style-3 .lqd-tm-socials {
background: var(--lqd-color-primary);
opacity: 0;
visibility: hidden;
transition: opacity 0.65s, visibility 0.65s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-tm-style-3 .lqd-tm-socials a {
color: #fff;
}
.lqd-tm-style-3 .social-icon {
font-size: 25px;
}
.lqd-tm-style-3 .social-icon li {
opacity: 0;
transition: opacity 0.65s, transform 0.65s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transform: translateY(25px);
}
.lqd-tm-style-3 h3 {
font-size: 20px;
}
.lqd-tm-style-3 h6 {
font-size: 16px;
color: #a5a5a5;
}
.lqd-tm-style-3 .lqd-tm-details {
background-color: #fff;
}
.lqd-tm-style-3:hover .lqd-tm-socials {
opacity: 1;
visibility: visible;
}
.lqd-tm-style-3:hover .social-icon li {
opacity: 1;
transform: translateY(0);
}
.lqd-tm-style-3:hover .social-icon li:nth-child(1) {
transition-delay: 0.1s;
}
.lqd-tm-style-3:hover .social-icon li:nth-child(2) {
transition-delay: 0.2s;
}
.lqd-tm-style-3:hover .social-icon li:nth-child(3) {
transition-delay: 0.3s;
}
.lqd-tm-style-3:hover .social-icon li:nth-child(4) {
transition-delay: 0.4s;
}
.lqd-tm-style-3:hover .social-icon li:nth-child(5) {
transition-delay: 0.5s;
}
.lqd-tm-style-4 .lqd-tm-details {
background-color: var(--lqd-color-primary);
opacity: 0;
visibility: hidden;
transform: scale(0.93);
transition: transform 0.75s, opacity 0.75s, visibility 0.75s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-tm-style-4 .social-icon {
margin-top: auto;
margin-bottom: auto;
font-size: 24px;
}
.lqd-tm-style-4 a {
color: #fff;
}
.lqd-tm-style-4 h3,
.lqd-tm-style-4 h6,
.lqd-tm-style-4 .social-icon li {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.45s, transform 0.45s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-tm-style-4 h3 {
font-size: 22px;
color: #fff;
}
.lqd-tm-style-4 h6 {
font-size: 20px;
color: rgba(255, 255, 255, 0.6);
}
.lqd-tm-style-4:hover .lqd-tm-details {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.lqd-tm-style-4:hover h3,
.lqd-tm-style-4:hover h6,
.lqd-tm-style-4:hover .social-icon li {
opacity: 1;
transform: translateY(0);
}
.lqd-tm-style-4:hover .social-icon li {
opacity: 1;
transform: translateY(0);
}
.lqd-tm-style-4:hover .social-icon li:nth-child(1) {
transition-delay: 0.13s;
}
.lqd-tm-style-4:hover .social-icon li:nth-child(2) {
transition-delay: 0.23s;
}
.lqd-tm-style-4:hover .social-icon li:nth-child(3) {
transition-delay: 0.33s;
}
.lqd-tm-style-4:hover .social-icon li:nth-child(4) {
transition-delay: 0.43s;
}
.lqd-tm-style-4:hover .social-icon li:nth-child(5) {
transition-delay: 0.53s;
}
.lqd-tm-style-4:hover h3 {
transition-delay: 0.3s;
}
.lqd-tm-style-4:hover h6 {
transition-delay: 0.4s;
}
.lqd-tm-style-5 {
margin-bottom: 0;
}
.lqd-tm-style-5 .lqd-tm-details {
background-color: var(--lqd-color-primary);
}
.lqd-tm-style-5 h3 {
font-size: 22px;
color: #fff;
}
.lqd-tm-style-5 h6 {
font-size: 20px;
color: rgba(255, 255, 255, 0.6);
}
.lqd-tm-style-5 .lqd-tm-details-icon {
font-size: 22px;
color: #fff;
}
.lqd-tm-style-5 .social-icon {
margin-bottom: auto;
}
@media screen and (min-width: 541px) {
.lqd-tm-style-5 .lqd-tm-details {
opacity: 0;
visibility: hidden;
transition: opacity 0.75s, visibility 0.75s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-tm-style-5 h3,
.lqd-tm-style-5 h6,
.lqd-tm-style-5 .social-icon,
.lqd-tm-style-5 .lqd-tm-details-icon {
opacity: 0;
transition: opacity 0.45s, transform 0.45s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-tm-style-5 h3,
.lqd-tm-style-5 h6 {
transform: translateY(20px);
}
.lqd-tm-style-5 .lqd-tm-details-icon {
transform: translateX(-20px);
}
.lqd-tm-style-5:hover h3 {
transition-delay: 0.1s;
}
.lqd-tm-style-5:hover h6 {
transition-delay: 0.2s;
}
.lqd-tm-style-5:hover .lqd-tm-details-icon {
transition-delay: 0.35s;
}
.lqd-tm-style-5:hover h3,
.lqd-tm-style-5:hover h6,
.lqd-tm-style-5:hover .social-icon,
.lqd-tm-style-5:hover .lqd-tm-details-icon,
.lqd-tm-style-5:hover .lqd-tm-details {
opacity: 1;
visibility: visible;
transform: translate(0);
}
}
.lqd-tm-style-6 h3 {
font-size: 19px;
}
.lqd-tm-style-6 h6 {
font-size: 16px;
}
.lqd-tm-style-6 h3,
.lqd-tm-style-6 h6,
.lqd-tm-style-6 .lqd-tm-details-icon {
opacity: 0;
transform: translateX(-30px);
transition: transform 1s 0.35s, opacity 1s 0.35s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-tm-style-6 .lqd-tm-details-icon {
font-size: 20px;
color: #000;
}
.lqd-tm-style-6 .lqd-tm-details {
background-color: var(--lqd-color-primary);
transform: translateX(-102%);
transition: transform 0.65s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-tm-style-6:hover h3,
.lqd-tm-style-6:hover h6,
.lqd-tm-style-6:hover .lqd-tm-details-icon {
transform: translateX(0);
opacity: 1;
}
.lqd-tm-style-6:hover h6 {
font-weight: 400;
transition-delay: 0.4s;
}
.lqd-tm-style-6:hover .lqd-tm-details-icon {
text-decoration: 0.55s;
}
.lqd-tm-style-6:hover .lqd-tm-details {
transform: translateX(0);
}
/*******************************************
7.49. Testimonials
*******************************************/
.lqd-testi-np h3,
.lqd-testi-np h4 {
margin: 0;
font-size: 15px;
line-height: 1.5em;
}
.lqd-testi-np h3 {
margin-bottom: 0.25em;
}
.lqd-testi-np h4 {
color: #8C8C8C;
}
.lqd-testi-np[class*=ps-]:only-child {
padding-inline-start: 0;
}
.lqd-testi-quote blockquote {
margin: 0;
line-height: 1.5em;
font-style: normal;
}
.lqd-testi-quote blockquote p:last-child {
margin-bottom: 0;
}
.lqd-testi-inner {
border-radius: inherit;
}
.lqd-testi {
color: #243858;
}
.lqd-testi blockquote {
padding: 0;
border: none;
}
.lqd-testi-avatar-48 .lqd-testi-avatar {
width: 48px;
}
.lqd-testi-avatar-60 .lqd-testi-avatar {
width: 60px;
}
.lqd-testi-avatar-65 .lqd-testi-avatar {
width: 65px;
}
.lqd-testi-avatar-68 .lqd-testi-avatar {
width: 68px;
}
.lqd-testi-avatar-72 .lqd-testi-avatar {
width: 72px;
}
.lqd-testi-avatar-85 .lqd-testi-avatar {
width: 85px;
}
.lqd-testi-avatar-90 .lqd-testi-avatar {
width: 90px;
}
.lqd-testi-time {
font-size: 15px;
}
.lqd-testi-brd {
border: 2px solid #f5f5f5;
}
.lqd-testi-bubble {
border: 1px solid #d3dee3;
}
.lqd-testi-bubble:before,
.lqd-testi-bubble:after {
content: "" !important;
display: inline-block;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid;
border-left-color: inherit;
position: absolute;
bottom: -20px;
left: 25%;
z-index: 1;
}
.lqd-testi-bubble:after {
border-width: 18px;
bottom: -18px;
left: calc(25% + 1px);
border-left-color: #fff;
}
.lqd-testi-bubble .lqd-testi-inner {
background-color: #fff;
z-index: 2;
}
.lqd-testi-bubble-all {
background: #fff;
}
.lqd-testi-bubble-all:after {
content: "" !important;
display: inline-block;
width: 0;
height: 0;
border-top: 10px solid;
border-top-color: inherit;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
position: absolute;
bottom: -20px;
left: 55px;
z-index: 1;
}
.lqd-testi-bubble-alt .lqd-testi-quote {
background: #fff;
}
.lqd-testi-bubble-alt .lqd-testi-quote:after {
content: "" !important;
display: inline-block;
width: 0;
height: 0;
border-top: 10px solid #fff;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
position: absolute;
bottom: -20px;
left: calc(50% - 10px);
z-index: 1;
}
.lqd-testi-card {
padding: 30px 35px;
border-radius: 7px;
}
@media screen and (max-width: 479px) {
.lqd-testi-card {
padding: 25px 15px;
}
}
.lqd-testi-card-nospace {
padding: 0;
}
.lqd-testi-details-inline .lqd-testi-np h3:not(:only-child):after {
content: ",";
margin-inline-end: 0.5em;
}
.lqd-testi-details-lg .lqd-testi-np h3 {
font-size: 18px;
}
.lqd-testi-details-lg .lqd-testi-np h4 {
font-size: 16px;
}
.lqd-testi-details-same .lqd-testi-np h3,
.lqd-testi-details-same .lqd-testi-np h4 {
font-size: 14px;
}
.lqd-testi-details-sm .lqd-testi-np h3 {
font-size: 14px;
}
.lqd-testi-details-sm .lqd-testi-np h4 {
font-size: 12px;
}
.lqd-testi-details-xl .lqd-testi-np h3 {
font-size: 19px;
}
.lqd-testi-details-xl .lqd-testi-np h4 {
font-size: 14px;
}
.lqd-testi-quote-icon-flip {
transform: scaleX(-1);
}
.lqd-testi-quote-16 .lqd-testi-quote blockquote {
font-size: 16px;
}
.lqd-testi-quote-18 .lqd-testi-quote blockquote {
font-size: 18px;
}
.lqd-testi-quote-21 .lqd-testi-quote blockquote {
font-size: 21px;
}
@media screen and (max-width: 479px) {
.lqd-testi-quote-21 .lqd-testi-quote blockquote {
font-size: 20px;
}
}
.lqd-testi-quote-22 .lqd-testi-quote blockquote {
font-size: 22px;
}
@media screen and (max-width: 479px) {
.lqd-testi-quote-22 .lqd-testi-quote blockquote {
font-size: 20px;
}
}
.lqd-testi-quote-25 .lqd-testi-quote blockquote {
font-size: 25px;
}
@media screen and (max-width: 479px) {
.lqd-testi-quote-25 .lqd-testi-quote blockquote {
font-size: 20px;
}
}
.lqd-testi-quote-27 .lqd-testi-quote blockquote {
font-size: 27px;
}
@media screen and (max-width: 479px) {
.lqd-testi-quote-27 .lqd-testi-quote blockquote {
font-size: 20px;
}
}
@media screen and (max-width: 479px) {
.lqd-testi-quote-icon-gradient {
max-width: 90px;
max-height: 80px;
}
}
.lqd-testi-quote-icon path,
.lqd-testi-quote-icon circle {
fill: var(--lqd-color-primary);
}
.lqd-testi-quote-icon circle {
opacity: 0.1;
}
.lqd-testi-shadow-lg {
box-shadow: 0 15px 55px rgba(0, 0, 0, 0.075);
}
.lqd-testi-shadow-none {
box-shadow: none;
}
.lqd-testi-shadow-sm {
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05);
}
.lqd-testi-shadow-sm2 {
box-shadow: 0 10px 60px rgba(232, 235, 253, 0.76);
}
.lqd-testi-shadow-xl {
box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1);
}
.lqd-testi-shadow-xs {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.lqd-testi-shadow-xxl {
box-shadow: 0 45px 55px rgba(0, 0, 0, 0.075);
}
.lqd-testi-social-icon {
font-size: 23px;
}
.lqd-testi .lqd-star-rating {
color: #878F9D;
}
.lqd-testi .lqd-star-rating li {
color: inherit;
}
.lqd-testi .lqd-star-rating .active {
color: var(--lqd-color-primary);
}
.lqd-testi-style-9 .lqd-testi-info {
border-bottom-style: solid;
border-bottom-width: inherit;
border-color: inherit;
}
@media (min-width: 992px) {
.lqd-testi-style-16 .lqd-testi-side {
width: 50%;
}
.lqd-testi-style-16 .lqd-testi-right {
padding: 4rem;
}
}
.lqd-testi-style-18 {
background-color: #fff;
border-radius: 3px 3px 22px 22px;
}
.lqd-testi-style-18:before {
content: "";
display: inline-block;
height: 7px;
position: absolute;
top: 0;
right: 0;
left: 0;
border-radius: 5px;
background-color: var(--lqd-color-primary);
-webkit-mask-image: linear-gradient(60deg, transparent 35%, #000 40%);
mask-image: linear-gradient(60deg, transparent 35%, #000 40%);
}
.lqd-testi-style-18 .lqd-testi-extra {
border-top: 1px solid rgba(0, 0, 0, 0.045);
}
@media (min-width: 992px) {
.lqd-testi-style-18 .lqd-testi-quote {
padding-inline-start: 2rem;
padding-inline-end: 2rem;
}
}
.lqd-testi-style-19 {
padding-top: 38px;
padding-bottom: 38px;
background-color: #fff;
}
/*******************************************
7.50. Text rotator
*******************************************/
.txt-rotate-keywords {
display: inline-block;
position: relative;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
white-space: nowrap;
transition: width 0.8s cubic-bezier(0.86, 0, 0.07, 1);
transform: translate3d(0, 0, 0);
}
.txt-rotate-keywords span {
background: inherit;
}
.txt-rotate-keyword {
display: inline-block;
position: absolute;
top: auto;
left: 0;
opacity: 0;
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.txt-rotate-keyword span {
display: inline-block;
}
.txt-rotate-keyword:first-child {
position: relative;
top: auto;
left: auto;
opacity: 1;
}
.txt-rotate-keyword .lqd-words>.split-inner {
display: inline-block;
}
.text-rotator-activated .txt-rotate-keyword {
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
}
.text-rotator-activated .txt-rotate-keyword.active {
position: relative;
opacity: 1;
}
@media screen and (max-width: 479px) {
.txt-rotate-keywords {
white-space: normal;
min-width: 100%;
}
.txt-rotate-keywords .lqd-keyword-slide-out:not(.active):not(.is-next) {
white-space: nowrap;
}
}
.txt-rotator-basic .txt-rotate-keyword {
display: none;
position: relative;
top: auto;
left: auto;
opacity: 1;
}
.txt-rotator-basic .txt-rotate-keyword.active {
display: inline-block;
}
@keyframes lqdKeywordSlideIn {
from {
transform: translateY(65%) rotateX(-95deg);
opacity: 0;
}
to {
transform: translateY(0) rotateX(0);
opacity: 1;
}
}
@keyframes lqdKeywordSlideOut {
from {
transform: translateY(0) rotateX(0);
opacity: 1;
}
to {
transform: translateY(-65%) rotateX(95deg);
opacity: 0;
}
}
.txt-rotate-keyword.lqd-keyword-slide-out {
animation: lqdKeywordSlideOut 0.8s cubic-bezier(0.86, 0, 0.07, 1) both;
}
.txt-rotate-keyword.lqd-keyword-slide-in {
animation: lqdKeywordSlideIn 0.8s cubic-bezier(0.86, 0, 0.07, 1) both;
}
.txt-rotator-list .txt-rotate-keywords {
--visible-words: 3;
text-align: start;
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 25%, #000 75%, transparent 100%);
mask-image: linear-gradient(to bottom, transparent 0%, #000 25%, #000 75%, transparent 100%);
}
.txt-rotator-list .txt-rotate-keyword {
display: block;
width: 100%;
position: relative;
top: auto !important;
left: auto !important;
right: auto;
opacity: 1 !important;
text-align: inherit;
transform: none;
}
.txt-rotator-list .txt-rotate-keywords-inner {
--clip-start: calc(50% + var(--current-keyword-height, 0px) + 0.1em);
--clip-stop: calc(50% + var(--current-keyword-height, 0px) - 0.15em);
--fade-start: calc(50% + var(--current-keyword-height, 0px) + 0.2em);
--fade-stop: calc(50% - var(--current-keyword-height, 0px) + 0.15em);
--lqd-color-start: var(--lqd-color-gradient-start);
--lqd-color-stop: var(--lqd-color-gradient-stop);
--active-color-start: var(--lqd-color-start, var(--lqd-color-primary));
--active-color-stop: var(--lqd-color-stop, var(--lqd-color-primary));
}
.txt-rotator-list .txt-rotate-keywords-inner-clone {
-webkit-clip-path: inset(var(--clip-start) 0 var(--clip-stop) 0);
clip-path: inset(var(--clip-start) 0 var(--clip-stop) 0);
}
.txt-rotator-list .txt-rotate-keywords-inner-clone .txt-rotate-keyword {
-webkit-text-stroke: 0.00001px var(--active-color-start);
background: linear-gradient(to right, var(--active-color-start), var(--active-color-stop));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
.txt-rotator-list.text-rotator-activated .txt-rotate-keyword {
position: relative;
}
.txt-rotator-list.text-rotator-activated .txt-rotate-keywords-inner {
--clip-start: calc(50% + var(--current-keyword-height, 0px) + 0.1em);
--clip-stop: calc(50% + var(--current-keyword-height, 0px) - 0.15em);
--fade-start: calc(50% + var(--current-keyword-height, 0px) + 0.2em);
--fade-stop: calc(50% - var(--current-keyword-height, 0px) + 0.15em);
--lqd-color-start: var(--lqd-color-gradient-start);
--lqd-color-stop: var(--lqd-color-gradient-stop);
--active-color-start: var(--lqd-color-start, var(--lqd-color-primary));
--active-color-stop: var(--lqd-color-stop, var(--lqd-color-primary));
}
.txt-rotator-list.text-rotator-activated .txt-rotate-keywords-inner:not(:last-child) {
-webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 var(--fade-start), transparent var(--fade-start), transparent var(--fade-stop), #000 var(--fade-stop), #000 100%);
mask-image: linear-gradient(to bottom, #000 0%, #000 var(--fade-start), transparent var(--fade-start), transparent var(--fade-stop), #000 var(--fade-stop), #000 100%);
}
/*******************************************
7.51. Typewriter
*******************************************/
[data-typewriter]>kbd,
[data-typewriter]>del,
[data-typewriter]>ins {
position: absolute;
top: 0;
left: 0;
}
[data-typewriter] kbd {
padding: 0;
border-radius: 0;
background: none;
box-shadow: none;
font: inherit;
color: inherit;
}
[data-typewriter] del,
[data-typewriter] ins {
text-decoration: none;
}
/*******************************************
7.52. Vertical lines
*******************************************/
.lqd-v-lines {
pointer-events: none;
}
.lqd-v-line div {
width: 1px;
background-color: #fff;
}
/*******************************************
7.53. Vertical slider
*******************************************/
@keyframes slideshowFigureOut {
0% {
opacity: 1;
}
65% {
opacity: 0;
}
100% {
opacity: 0;
transform: translate3d(1.5%, 0, 0);
}
}
@keyframes slideshowFigureIn {
0% {
opacity: 0;
transform: translate3d(-2%, 0, 0);
}
65% {
opacity: 1;
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes slideshowMenuReveal {
40% {
opacity: 100%;
}
100% {
opacity: 0.5;
}
}
.lqd-vslider .lqd-slsh-img {
opacity: 0;
}
.lqd-vslider-loader {
width: 60px;
height: 60px;
top: 2.5em;
right: 2.5em;
opacity: 0;
background-color: rgba(0, 0, 0, 0.6);
transform: scale(1.05);
transition: all 0.85s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-vslider-loader span {
width: 35px;
height: 35px;
border: 3px solid transparent;
border-top-color: #fff;
animation: spin 1.5s linear infinite;
}
.lqd-vslider-menu a {
color: #fff;
}
.lqd-vslider-menu a:after {
content: "";
width: 100%;
height: 100%;
margin: 0;
position: absolute;
top: 0;
left: 0;
bottom: auto;
background: none;
transform: none;
}
.lqd-vslider-menu a span,
.lqd-vslider-menu a span:before {
transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-vslider-menu a span:before {
content: "";
display: inline-block;
width: 0.1111111111em;
height: 0.75em;
min-width: 2px;
position: absolute;
top: 0;
left: 50%;
background-color: currentColor;
transform-origin: top;
transform: scaleY(0) translateY(-1em);
}
.lqd-vslider-menu li {
flex-basis: 33.3333333333%;
border-right: 1px solid rgba(255, 255, 255, 0.2);
font-size: 18px;
opacity: 0;
transform: translateX(-30px);
transition: opacity 1s, transform 1s;
transition-timing-function: cubic-bezier(0.4, 0, 0.3, 1);
}
.lqd-vslider-menu li:before {
content: "";
display: inline-block;
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: -1px;
background-color: rgba(255, 255, 255, 0.75);
transform: scaleY(0);
transform-origin: bottom;
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-vslider-menu li.is-active span {
transform: translateY(1em);
}
.lqd-vslider-menu li.is-active span:before {
transform: scaleY(1) translateY(-1em);
transition-delay: 0.1s;
}
.lqd-vslider-menu li:last-of-type:before {
content: none;
}
.lqd-vslider-menu li:last-of-type a:after {
content: "";
}
.lqd-vslider-menu li:hover:before {
transform: scaleY(1);
transform-origin: top;
}
.lqd-vslider-scrn {
height: 950px;
background-color: #000;
}
.lqd-vslider-scrn:after {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.05);
}
.lqd-vslider-scrn.lqd-overlay {
height: 100vh !important;
padding: 10vh 12.5vw;
z-index: 99;
opacity: 0;
visibility: hidden;
transition: opacity 0.45s, visibility 0.45s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-vslider-scrn.collapsing {
pointer-events: none;
}
.lqd-vslider-scrn.is-loading .lqd-vslider-loader {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.lqd-vslider-scrn.is-in-view {
opacity: 1;
visibility: visible;
}
.lqd-vslider-scrn.is-in-view .nav-trigger {
opacity: 1;
visibility: visible;
transition-delay: 0.75s;
}
.lqd-vslider-scrn.is-in-view .lqd-vslider-menu li {
opacity: 1;
transform: translateX(0);
}
.lqd-vslider-scrn.is-in-view .lqd-vslider-menu li a {
animation: slideshowMenuReveal 1.2s cubic-bezier(0.4, 0, 0.3, 1) reverse;
}
.lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(1) {
transition-delay: 0.5166666667s;
}
.lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(1) a {
animation-delay: 0.5166666667s;
}
.lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(2) {
transition-delay: 0.6833333333s;
}
.lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(2) a {
animation-delay: 0.6833333333s;
}
.lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(3) {
transition-delay: 0.85s;
}
.lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(3) a {
animation-delay: 0.85s;
}
.lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(4) {
transition-delay: 1.0166666667s;
}
.lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(4) a {
animation-delay: 1.0166666667s;
}
.lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(5) {
transition-delay: 1.1833333333s;
}
.lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(5) a {
animation-delay: 1.1833333333s;
}
.lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(6) {
transition-delay: 1.35s;
}
.lqd-vslider-scrn.is-in-view .lqd-vslider-menu li:nth-child(6) a {
animation-delay: 1.35s;
}
.lqd-vslider-images:after {
content: '';
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgb(0 0 0 / 42%);
}
.lqd-vslider-images figure {
width: 103%;
height: 103%;
top: -1.5%;
left: -1.5%;
transform: translate3d(0, 0, 0);
animation: slideshowFigureOut 1s cubic-bezier(0.5, 0, 0.08, 0.85) forwards;
}
.lqd-vslider-images figure.is-active {
animation: slideshowFigureIn 1s cubic-bezier(0.5, 0, 0.08, 0.85) forwards;
}
.lqd-vslider-ext .ld-fancy-heading h1,
.lqd-vslider-ext .ld-fancy-heading h2,
.lqd-vslider-ext .ld-fancy-heading h3,
.lqd-vslider-ext .ld-fancy-heading h4,
.lqd-vslider-ext .ld-fancy-heading h5,
.lqd-vslider-ext .ld-fancy-heading h6,
.lqd-vslider-ext .ld-fancy-heading p {
color: #fff;
}
.lqd-vslider-ext .ld-fancy-heading a {
color: inherit;
}
.lqd-vslider-ext h2 {
font-size: 85px;
}
.lqd-vslider-ext p {
font-size: 24px;
}
.lqd-vslider-ext .lqd-highlight-custom-underline .lqd-highlight-inner {
bottom: 0;
}
.lqd-vslider-ext .lqd-highlight-custom-underline .lqd-highlight svg>path {
transition-delay: 1.15s;
}
.lqd-vslider-ext>ul>li {
opacity: 0;
pointer-events: none;
}
.lqd-vslider-ext>ul>li.is-active {
pointer-events: auto;
}
.lqd-vslider-ext>ul>li.is-active .lqd-highlight-custom-underline .lqd-highlight svg>path {
stroke-dashoffset: 0;
}
@media screen and (min-width: 992px) {
.lqd-vslider-ext {
padding-inline-start: 3rem;
padding-inline-end: 3rem;
}
.lqd-vslider-ext li {
top: 0;
left: 0;
padding: 5.5rem 4rem 1rem;
}
}
@media screen and (max-width: 768px) {
.lqd-vslider-ext,
.lqd-vslider-ext ul,
.lqd-vslider-ext li {
width: 100%;
}
.lqd-vslider-loader {
top: calc(50% - 30px);
right: calc(50% - 30px);
}
.lqd-vslider-scrn {
max-height: 100vh;
}
}
@media screen and (max-width: 991px) and (max-height: 650px) {
.lqd-vslider-ext>ul>li>.ld-fancy-heading:last-of-type {
display: none;
}
}
@media screen and (max-width: 479px) {
.lqd-vslider-menu li {
padding: 0;
}
.lqd-vslider-menu a {
padding: 30px 10px;
}
}
/*******************************************
7.54. Video background
*******************************************/
.lqd-vbg-video:not([data-property]),
.lqd-vbg-video .mejs__overlay,
.lqd-vbg-video .mejs-inner,
.lqd-vbg-video .mejs-mediaelement,
.lqd-vbg-video mediaelementwrapper,
.lqd-vbg-video .mejs__poster {
object-fit: cover;
width: 100% !important;
height: 100% !important;
}
.lqd-vbg-video .YTPOverlay,
.lqd-vbg-video .mb_YTPBar,
.lqd-vbg-video .inlinePlayButton,
.lqd-vbg-video .mejs__overlay-play,
.lqd-vbg-video .mejs-controls,
.lqd-vbg-video .mejs__controls {
display: none !important;
}
.lqd-vbg-loader {
z-index: -1;
}
.lqd-vbg-loader,
.lqd-vbg-inner,
.lqd-vbg-wrap {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.lqd-vbg-inner:after {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.lqd-vbg-wrap {
pointer-events: none;
}
.lqd-vbg-wrap .inline-YTPlayer {
height: 100%;
max-width: 100vw !important;
}
.mbYTP_wrapper iframe {
height: 100% !important;
margin-top: 0 !important;
}
.mejs-offscreen {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
top: 0;
left: 0;
width: 1px;
word-wrap: normal !important;
}
/*******************************************
7.55. Iamge overlay text
*******************************************/
.lqd-iot-content-left h3 {
margin: 0;
margin-inline-end: 1em;
color: var(--lqd-color-primary);
}
.lqd-iot-content-right {
order: 2;
}
.lqd-iot-img-wrap {
order: 1;
}
.lqd-iot-img-wrap canvas {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.lqd-iot h2 {
font-size: 200px;
color: transparent;
-webkit-text-stroke: 2px #fff;
text-stroke: 2px #fff;
}
.vc_mobile .lqd-iot-img figure,
.vc_mobile .lqd-iot-img figure img {
visibility: visible;
}
@media screen and (min-width: 992px) {
.lqd-iot-content {
flex: 0 1 2%;
opacity: 0;
transition: transform 0.6s 0.25s, opacity 0.45s 0.25s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lqd-iot-content h3 {
margin: 0 0 1em 0;
}
.lqd-iot-inner {
display: flex;
}
.lqd-iot-content-inner {
writing-mode: vertical-rl;
transform: rotate(-180deg);
text-orientation: sideways;
max-height: inherit;
}
.lqd-iot-content-left {
margin-inline-end: 0.75rem;
transform: translateX(-20px);
}
.lqd-iot-content-right {
max-height: 480px;
margin-inline-start: 0.75rem;
transform: translateX(20px);
}
.lqd-iot-overlay-txt {
transform: translateZ(50px) scale(0.75);
transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-iot-overlay-txt-inner {
transform: translateY(-125%);
}
.lqd-iot-overlay-txt-inner,
.lqd-iot-overlay-txt-inner h2 {
transition: transform 1.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.lqd-iot-overlay-txt-inner h2 {
transform: translateY(125%);
}
.lqd-iot-overlay-btn {
opacity: 0;
transform: translateZ(2px) translate(-75%, 50%);
transition: transform 0.3s 0.1s, opacity 0.3s 0.2s;
}
.lqd-iot-img-wrap {
flex: 1 0 90%;
margin-bottom: 0;
}
.lqd-iot-type-img .lqd-iot-img {
opacity: 0;
transform: scale(1.15);
transition: transform 1.25s, opacity 1s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-iot.is-in-view .lqd-iot-overlay-txt {
transform: translateZ(150px) scale(0.75);
}
.lqd-iot.is-in-view .lqd-iot-overlay-txt svg {
opacity: 1;
stroke-dashoffset: 0;
}
.lqd-iot.is-in-view .lqd-iot-overlay-btn {
opacity: 1;
transform: translateZ(50px) translate(-75%, 50%);
}
.lqd-iot.is-in-view .lqd-iot-content {
opacity: 1;
transform: translateX(0);
}
.lqd-iot.is-in-view .lqd-iot-overlay-txt-inner {
transition-delay: 0.1s;
}
.lqd-iot.is-in-view .lqd-iot-overlay-txt-inner,
.lqd-iot.is-in-view .lqd-iot-overlay-txt-inner h2 {
transform: translateY(0);
}
.lqd-iot.is-in-view .lqd-iot-overlay-txt-inner h2 {
transition-delay: 0.2s;
}
.lqd-iot.is-in-view.lqd-iot-type-img .lqd-iot-img.lqd-webglhover-ready {
opacity: 1;
transform: scale(1);
z-index: 2;
}
}
@media (max-width: 992px) {
.lqd-iot-img-wrap,
.lqd-iot-content {
margin-bottom: 1rem;
}
}
/*******************************************
7.56. Progressbar
*******************************************/
.lqd-progressbar-bar {
width: 0%;
border-radius: inherit;
color: #181b31;
background-color: var(--lqd-color-primary);
}
.lqd-progressbar-title {
margin: var(--title-mt, 0) var(--title-me, 0) var(--title-mb, 0) var(--title-ms, 0);
font-size: 1em;
}
.lqd-progressbar-values-inline .lqd-progressbar-details {
order: -1;
}
@media screen and (min-width: 768px) {
.lqd-progressbar-values-inline {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.lqd-progressbar-values-inline .lqd-progressbar-inner {
width: auto;
margin-bottom: 0;
}
.lqd-progressbar-values-inline .lqd-progressbar-title {
margin-inline-end: 3%;
margin-bottom: 0;
}
}
.ld-prgbr-circle {
margin-top: 0;
}
.ld-prgbr-circle .liquid-progressbar-inner,
.ld-prgbr-circle .liquid-progressbar-percentage,
.ld-prgbr-circle .liquid-progressbar-bar {
background: none;
}
.ld-prgbr-circle .liquid-progressbar-percentage,
.ld-prgbr-circle .liquid-progressbar-inner,
.ld-prgbr-circle .liquid-progressbar-bar {
display: block;
width: 100%;
height: auto;
position: relative;
top: auto;
left: auto;
opacity: 1;
}
.ld-prgbr-circle .liquid-progressbar-bar {
display: flex;
width: auto;
align-items: center;
justify-content: center;
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
height: auto;
}
.ld-prgbr-circle .liquid-progressbar-bar {
text-align: center;
}
.ld-prgbr-circle .liquid-progressbar-percentage {
font-size: 48px;
font-weight: 700;
color: #000;
}
.ld-prgbr-circle .liquid-progressbar-details {
margin-top: 20px;
}
.ld-prgbr-circle .liquid-progressbar-title {
position: relative;
top: auto;
left: auto;
font-size: 17px;
text-align: center;
color: #4E4E4E;
}
/*******************************************
7.57. Device gallery
*******************************************/
.lqd-gallery-device .flickity-viewport {
height: 100% !important;
}
.lqd-gallery-device .carousel-dots-mobile {
width: auto !important;
padding: 0.4em 0.5em;
border-radius: 3em;
position: absolute;
bottom: 7%;
left: 50%;
background-color: rgba(255, 255, 255, 0.65);
transform: translateX(-50%);
backdrop-filter: blur(5px);
}
.lqd-gallery-device .carousel-dots-mobile .flickity-page-dots {
display: flex;
margin: 0;
}
.lqd-gallery-laptop-gallery-images {
top: 1.2%;
right: 15.5%;
bottom: 12.75%;
left: 14.65%;
border-radius: 3%/5%;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.lqd-gallery-mobile-base-img-wrap {
width: min(330px, 100%);
margin: 0 auto;
}
.lqd-gallery-mobile-gallery-images {
top: 2.2%;
bottom: 2%;
}
.lqd-gallery-mobile-gallery-images .carousel-item {
width: min(330px, 100%);
margin: 0 4.5%;
}
.lqd-gallery-mobile-gallery-images figure {
margin: 0 5% !important;
}
.lqd-gallery-mobile-gallery-images img {
border-radius: 12%/5%;
}
.lqd-device-gallery-shadow-float {
top: 2%;
right: 2%;
left: 2%;
bottom: 2%;
box-shadow: 80px 80px 65px rgba(0, 0, 0, 0.35);
border-radius: 15%/8%;
}
.lqd-device-gallery-shadow-long {
top: 1%;
right: 1%;
left: 1%;
bottom: 1%;
border-radius: 15%/8%;
box-shadow: 6.2px 7px 6.4px rgba(0, 0, 0, 0.17), 15.6px 17.8px 13.7px rgba(0, 0, 0, 0.161), 31.9px 36.3px 23.9px rgba(0, 0, 0, 0.146), 65.7px 74.8px 43.9px rgba(0, 0, 0, 0.125), 180px 205px 119px rgba(0, 0, 0, 0.093);
}
.lqd-device-gallery-shadow-medium {
top: 1%;
right: 1%;
left: 1%;
bottom: 1%;
border-radius: 15%/8%;
box-shadow: 0.5px 0.5px 10.2px rgba(0, 0, 0, 0.25), 3px 3px 16.9px rgba(0, 0, 0, 0.236), 8.8px 8.8px 22.1px rgba(0, 0, 0, 0.214), 21.1px 21.1px 33.6px rgba(0, 0, 0, 0.184), 50px 50px 74px rgba(0, 0, 0, 0.137);
}
.lqd-device-gallery-shadow-stand {
right: 5%;
left: 5%;
bottom: 0;
height: 2px;
border-radius: 100%;
box-shadow: 0 0 11px 3px rgb(0, 0, 0);
background: #000;
filter: blur(2px);
}
/*******************************************
7.58. Interactive text image
*******************************************/
@keyframes lqdItiInnerOut {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}
@keyframes lqdItiImgOut {
0% {
transform: translateY(0) scale(1);
}
100% {
transform: translateY(100%) scale(1.15);
}
}
@keyframes lqdItiInnerIn {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
}
@keyframes lqdItiImgIn {
0% {
transform: translateY(-100%) scale(1.15);
}
100% {
transform: translateY(0) scale(1);
}
}
.lqd-iti-link-item {
color: #000;
transition: z-index 0.1s 0.15s;
}
.lqd-iti-link-item:not(:last-child) {
padding-inline-end: var(--iti-h-gap);
}
.lqd-iti-link-item:not(:last-child):after {
content: "" !important;
display: inline-block;
width: 8px;
height: 8px;
position: absolute;
top: 50%;
right: calc(var(--iti-h-gap) / 2);
border-radius: 4px;
background-color: currentColor;
transition: opacity 0.3s;
}
.lqd-iti-link-item.lqd-is-active {
z-index: 3;
}
.lqd-iti-link-item.lqd-is-active:after {
opacity: 0;
}
.lqd-iti-link-item.lqd-is-active .lqd-iti-link {
color: #fff;
}
.lqd-iti-link {
color: inherit;
}
.lqd-iti-link:before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.lqd-iti-img {
transform: translateY(100%) scale(1.5);
}
.lqd-iti-img-inner {
transform: translateY(-100%);
}
.lqd-iti-imgs {
width: var(--iti-img-width);
height: var(--iti-img-height);
opacity: 0;
transform: translate(calc(var(--lqd-mousex) - 50%), calc(var(--lqd-mousey) - 50%));
transition: opacity 0.3s;
}
.lqd-iti-imgs .lqd-was-active .lqd-iti-img {
animation: lqdItiImgOut 0.55s ease-in-out both;
}
.lqd-iti-imgs .lqd-was-active .lqd-iti-img-inner {
animation: lqdItiInnerOut 0.55s ease-in-out both;
}
.lqd-iti-imgs .lqd-is-active {
z-index: 2;
}
.lqd-iti-imgs .lqd-is-active .lqd-iti-img {
animation: lqdItiImgIn 0.55s ease-in-out both;
}
.lqd-iti-imgs .lqd-is-active .lqd-iti-img-inner {
animation: lqdItiInnerIn 0.55s ease-in-out both;
}
.lqd-iti-img {
max-width: none !important;
}
.lqd-iti-items {
--iti-img-width: 350px;
--iti-img-height: 450px;
--iti-h-gap: 1em;
}
.lqd-iti-items:hover .lqd-iti-imgs {
opacity: 1;
}
/*******************************************
7.59. Section flow
*******************************************/
@media (min-width: 1200px) {
.lqd-section-flow-panel-end {
padding-inline-start: 3%;
padding-inline-end: 13%;
}
}
@media (min-width: 992px) {
.lqd-section-flow {
display: flex;
}
.lqd-section-flow-content-mobile {
display: none;
}
.lqd-section-flow-panel-start {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.lqd-section-flow-panel-start .sticky {
top: var(--lqd-sticky-header-height, 0px);
}
.lqd-section-flow-panel-end .lqd-section-flow-item {
opacity: 0.1;
}
}
@media (max-width: 991px) {
.lqd-section-flow-panel-start {
display: none;
}
}
/*******************************************
7.60. Liquid GDPR
*******************************************/
@keyframes lqdGDPRFadeIn {
from {
transform: translate(-50%, 50%);
opacity: 0;
visibility: hidden
}
to {
transform: translate(-50%, 0);
opacity: 1;
visibility: visible
}
}
@keyframes lqdGDPRFadeOut {
from {
transform: translate(-50%, 0);
opacity: 1;
visibility: visible
}
to {
transform: translate(-50%, 50%);
opacity: 0;
visibility: hidden
}
}
.lqd-gdpr-accept {
padding: 8px 23px;
border: none;
border-radius: 50em;
background: #eff3f5;
font-size: 14px;
line-height: 1em;
color: #184341;
transition: background .3s, color .3s
}
.lqd-gdpr-accept:hover {
color: #eff3f5;
background-color: #184341
}
.lqd-gdpr-left {
padding-inline-end: 16px
}
.lqd-gdpr-inner {
display: flex;
align-items: center
}
#lqd-gdpr {
padding: 10px 10px 10px 20px;
border-radius: 50px;
position: fixed;
bottom: 3.5rem;
left: 50%;
z-index: 10152;
background-color: #fff;
font-size: .9em;
line-height: 1.5em;
color: rgba(0, 0, 0, .86);
box-shadow: 0 20px 60px rgba(92, 107, 149, .15);
opacity: 0;
visibility: hidden;
transform: translate(-50%, 0)
}
#lqd-gdpr p {
margin-bottom: 0
}
#lqd-gdpr.lqd-gdpr-ready.lqd-gdpr-visible {
animation: lqdGDPRFadeIn .85s cubic-bezier(0.19, 1, 0.22, 1) both alternate
}
#lqd-gdpr.lqd-gdpr-ready.lqd-gdpr-hidden {
animation: lqdGDPRFadeOut .85s cubic-bezier(0.19, 1, 0.22, 1) both alternate
}
@media screen and (max-width: 540px) {
#lqd-gdpr {
min-width: 320px;
border-radius: 4px;
text-align: center
}
.lqd-gdpr-left {
padding: 0;
margin-bottom: .75em
}
.lqd-gdpr-inner {
flex-direction: column
}
}
/*******************************************
7.61. Divider
*******************************************/
.divider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.divider-separator {
width: 100%;
display: flex;
margin: 0;
direction: ltr;
border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color);
}
/*******************************************
7.62. Liquid shape
*******************************************/
.shape-circle .icon.social-icon {
border-radius: 50%;
}
.lqd-shape {
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
line-height: 0;
direction: ltr;
}
.lqd-shape-top {
top: -1px;
}
.lqd-shape-bottom {
bottom: -1px;
}
.lqd-shape svg {
display: block;
width: calc(100% + 2px);
position: relative;
}
/*******************************************
8.1. Blog
*******************************************/
#lqd-contents-wrap>.lqd-lp-grid {
padding-top: 45px;
padding-bottom: 45px;
}
.container .lqd-post-content .ld-container {
padding-inline-start: 0;
padding-inline-end: 0;
}
.lqd-contents>.lqd-post-content:not(:only-of-type) {
margin-bottom: 0 !important;
}
.post-password-form input {
display: inline-flex;
height: 50px;
padding: 5px 2em;
border: none;
border-radius: 3px;
background: none;
flex-flow: row wrap;
align-items: center;
justify-content: center;
font-weight: 400;
}
.post-password-form input[type=password] {
border: 1px solid #eaeaea;
padding-inline-start: 15px;
padding-inline-end: 15px;
transition: box-shadow 0.3s;
}
.post-password-form input[type=password]:focus {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
outline: none;
}
.post-password-form input[type=submit] {
background-color: var(--lqd-color-primary);
color: #fff;
}
.has-sidebar .blog-post-footer .container,
.has-sidebar .comments-area .comment-form .container,
.has-sidebar .comments-area .comment-list .container,
.has-sidebar.lqd-blog-post-style-4 .related-posts .container,
.has-sidebar.lqd-blog-post-style-6 .related-posts .container {
padding-inline-start: 0;
padding-inline-end: 0;
}
.has-sidebar .lqd-single-post-content>.container {
width: 100%;
padding: 0;
}
.lqd-blog-post-style-1 .comment-reply-title,
.lqd-blog-post-style-1 .related-posts-title,
.lqd-blog-post-style-2 .comment-reply-title,
.lqd-blog-post-style-2 .related-posts-title,
.lqd-blog-post-style-3 .comment-reply-title,
.lqd-blog-post-style-3 .related-posts-title,
.lqd-blog-post-style-5 .comment-reply-title,
.lqd-blog-post-style-5 .related-posts-title,
.lqd-blog-post-style-7 .comment-reply-title,
.lqd-blog-post-style-7 .related-posts-title {
font-size: 34px;
}
.lqd-blog-post-style-4 .comment-reply-title,
.lqd-blog-post-style-4 .related-posts-title,
.lqd-blog-post-style-5 .comment-reply-title,
.lqd-blog-post-style-5 .related-posts-title {
font-size: 24px;
margin-bottom: 1.5em;
}
.lqd-blog-post-style-6 .comment-reply-title,
.lqd-blog-post-style-6 .related-posts-title {
font-size: 30px;
margin-bottom: 1.5em;
}
.vc_mobile .lqd-woo-single-layout-1,
.vc_mobile .lqd-woo-single-layout-1 #wrap,
.vc_mobile .lqd-woo-single-layout-2,
.vc_mobile .lqd-woo-single-layout-2 #wrap,
.vc_mobile .lqd-woo-single-layout-3,
.vc_mobile .lqd-woo-single-layout-3 #wrap {
overflow: visible;
}
@media screen and (min-width: 768px) {
.blog-post-footer,
.comments-area .comment-form,
.comments-area .comment-list,
.comments-area .comment-reply-title,
.lqd-blog-post-style-4 .related-posts,
.lqd-blog-post-style-6 .related-posts {
max-width: 1170px;
padding: 0 15px;
margin-inline-start: auto;
margin-inline-end: auto;
}
.blog-post-footer .container,
.comments-area .comment-form .container,
.comments-area .comment-list .container,
.comments-area .comment-reply-title .container,
.lqd-blog-post-style-4 .related-posts .container,
.lqd-blog-post-style-6 .related-posts .container {
width: 100%;
padding: 0;
}
.container .blog-post-footer,
.container .comments-area .comment-form,
.container .comments-area .comment-list,
.container .comments-area .comment-reply-title,
.lqd-blog-post-style-4 .container .related-posts,
.lqd-blog-post-style-6 .container .related-posts {
padding-inline-start: 0;
padding-inline-end: 0;
}
.has-sidebar .blog-post-footer,
.has-sidebar .comments-area .comment-form,
.has-sidebar .comments-area .comment-list,
.has-sidebar.lqd-blog-post-style-4 .related-posts,
.has-sidebar.lqd-blog-post-style-6 .related-posts {
max-width: none;
}
}
@media screen and (max-width: 479px) {
.lqd-blog-post .comment-reply-title,
.lqd-blog-post .related-posts-title {
font-size: 24px;
margin-bottom: 1.5em;
}
}
.lqd-post-header {
display: grid;
grid-template-columns: 1fr;
}
.lqd-post-header .entry-title {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.lqd-post-header[data-parallax] {
will-change: transform;
}
.lqd-blog-post-style-1 .lqd-post-media,
.lqd-blog-post-style-2 .lqd-post-media,
.lqd-blog-post-style-5 .lqd-post-media {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.lqd-blog-post-style-1 .lqd-post-media img,
.lqd-blog-post-style-2 .lqd-post-media img,
.lqd-blog-post-style-5 .lqd-post-media img {
height: 100%;
object-fit: cover;
object-position: center;
}
.lqd-blog-post-style-1 .lqd-post-header,
.lqd-blog-post-style-2 .lqd-post-header,
.lqd-blog-post-style-5 .lqd-post-header {
padding: 15vmin 15px;
position: relative;
z-index: 2;
}
.lqd-blog-post-style-1 .entry-meta,
.lqd-blog-post-style-2 .entry-meta,
.lqd-blog-post-style-5 .entry-meta {
font-size: 12px;
line-height: 1.8em;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #fff;
}
.lqd-blog-post-style-1 .entry-meta a,
.lqd-blog-post-style-1 .entry-meta time,
.lqd-blog-post-style-2 .entry-meta a,
.lqd-blog-post-style-2 .entry-meta time,
.lqd-blog-post-style-5 .entry-meta a,
.lqd-blog-post-style-5 .entry-meta time {
font-size: 17px;
letter-spacing: 0;
text-transform: none;
color: #fff;
}
.lqd-blog-post-style-1 h1.entry-title,
.lqd-blog-post-style-2 h1.entry-title,
.lqd-blog-post-style-5 h1.entry-title {
color: #fff;
text-align: center;
}
.lqd-blog-post-style-1 .lqd-post-header,
.lqd-blog-post-style-2 .lqd-post-header {
place-content: center;
}
.lqd-blog-post-style-1 .main-header-overlay+#lqd-site-content .lqd-post-header {
padding-top: calc(15vmin + 100px);
}
.lqd-blog-post-style-6 .lqd-post-cover {
padding: 0 15px;
}
.lqd-blog-post-style-6 .container>.lqd-post-cover {
padding: 0;
}
.lqd-blog-post-style-7 .lqd-post-header {
padding: 0 15px;
}
.lqd-blog-post-style-6 .lqd-post-cover,
.lqd-blog-post-style-7 .lqd-post-cover {
display: flex;
margin: auto;
flex-direction: column-reverse;
}
.lqd-blog-post-style-6 .cat-links,
.lqd-blog-post-style-7 .cat-links {
font-weight: 700;
}
.lqd-blog-post-style-6 h1.entry-title,
.lqd-blog-post-style-7 h1.entry-title {
margin-bottom: 0.25em;
}
.lqd-blog-post-style-6 .lqd-post-header,
.lqd-blog-post-style-7 .lqd-post-header {
margin-bottom: 0.5em;
}
.has-sidebar.lqd-blog-post-style-6 .lqd-post-cover {
padding-inline-start: 0;
padding-inline-end: 0;
}
@media screen and (min-width: 768px) {
.lqd-blog-post-style-1 .entry-meta,
.lqd-blog-post-style-2 .entry-meta {
width: 75%;
margin: auto;
}
}
@media screen and (min-width: 992px) {
.lqd-blog-post-style-1 .lqd-post-header,
.lqd-blog-post-style-2 .lqd-post-header {
max-width: 940px;
margin: auto;
}
.lqd-blog-post-style-1 h1.entry-title,
.lqd-blog-post-style-2 h1.entry-title {
font-size: 70px;
}
.lqd-blog-post-style-1 .entry-meta,
.lqd-blog-post-style-2 .entry-meta {
width: 90%;
}
.lqd-blog-post-style-3 .main-header-overlay~#lqd-site-content #lqd-contents-wrap {
padding-top: 100px;
}
}
@media screen and (min-width: 1200px) {
.lqd-blog-post-style-1 .entry-meta,
.lqd-blog-post-style-2 .entry-meta {
width: 70%;
}
}
@media screen and (max-width: 768px) {
.lqd-blog-post-style-3 h1.entry-title,
.lqd-blog-post-style-4 h1.entry-title,
.lqd-blog-post-style-6 h1.entry-title,
.lqd-blog-post-style-7 h1.entry-title {
font-size: 40px;
}
.lqd-blog-post-style-1 .lqd-post-header,
.lqd-blog-post-style-2 .lqd-post-header {
padding-top: 25vmin;
padding-bottom: 25vmin;
}
}
@media screen and (max-width: 479px) {
.lqd-blog-post .lqd-post-header h1.entry-title {
font-size: clamp(32px, 20vmax, 50px);
}
.lqd-blog-post-style-3 .lqd-post-header h1.entry-title {
font-size: clamp(30px, 4vmax, 42px);
}
.lqd-blog-post-style-4 .lqd-post-header h1.entry-title,
.lqd-blog-post-style-6 .lqd-post-header h1.entry-title,
.lqd-blog-post-style-7 .lqd-post-header h1.entry-title {
font-size: clamp(30px, 4.5vmax, 42px);
}
}
.entry-meta {
color: #000;
font-size: 14px;
}
.entry-meta a {
color: inherit;
}
.entry-meta a:hover {
opacity: 0.7;
}
.entry-meta>div {
display: flex;
align-items: center;
margin-bottom: 1.2em;
}
.entry-meta .byline>span>span:first-of-type,
.entry-meta .cat-links>span:first-of-type,
.entry-meta .posted-on>span:first-of-type {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 1px;
word-wrap: normal;
}
.entry-meta .byline {
flex-direction: row;
align-items: center;
}
.entry-meta .byline figure {
width: 42px;
flex-shrink: 0;
margin-inline-end: 20px;
border-radius: 60px;
overflow: hidden;
}
.entry-meta .updated {
display: none;
}
.entry-meta .cat-links:only-child {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.lqd-blog-post-style-1 .entry-meta>div,
.lqd-blog-post-style-2 .entry-meta>div {
padding: 0 15px;
}
.lqd-blog-post-style-1 .entry-meta>div:not(.byline),
.lqd-blog-post-style-2 .entry-meta>div:not(.byline) {
flex-direction: column;
align-items: start;
}
.lqd-blog-post-style-1 .entry-meta>div:after,
.lqd-blog-post-style-2 .entry-meta>div:after {
content: none;
}
.lqd-blog-post-style-1 .entry-meta .byline>span>span:first-of-type,
.lqd-blog-post-style-1 .entry-meta .cat-links>span:first-of-type,
.lqd-blog-post-style-1 .entry-meta .posted-on>span:first-of-type,
.lqd-blog-post-style-2 .entry-meta .byline>span>span:first-of-type,
.lqd-blog-post-style-2 .entry-meta .cat-links>span:first-of-type,
.lqd-blog-post-style-2 .entry-meta .posted-on>span:first-of-type {
clip: auto;
height: auto;
overflow: visible;
position: relative;
top: auto;
left: auto;
width: auto;
font-weight: 700;
}
.lqd-blog-post-style-1 .entry-meta .byline figure,
.lqd-blog-post-style-2 .entry-meta .byline figure {
width: 57px;
}
.lqd-blog-post-style-3 .byline figure,
.lqd-blog-post-style-6 .byline figure {
display: none;
}
.lqd-blog-post-style-3 .tags-links a {
mix-blend-mode: hard-light;
}
@media screen and (min-width: 480px) {
.entry-meta>div:after {
content: "";
width: 3px;
height: 3px;
border-radius: 2px;
margin-inline-start: 1em;
margin-inline-end: 1em;
background-color: currentColor;
}
.entry-meta>div:only-child:after,
.entry-meta>div:last-child:after {
content: none;
}
}
@media screen and (min-width: 992px) {
.lqd-blog-post-style-1 .entry-meta,
.lqd-blog-post-style-2 .entry-meta {
justify-content: space-between;
}
}
@media screen and (max-width: 991px) {
.lqd-blog-post-style-1 .entry-meta,
.lqd-blog-post-style-2 .entry-meta {
justify-content: space-between;
}
}
@media screen and (max-width: 479px) {
.tags-links,
.share-links {
width: 100%;
}
.entry-meta>div {
flex: 1 50%;
margin-bottom: 0.5em;
}
.entry-meta .byline figure {
display: none;
}
.cat-links:only-child {
margin-bottom: 1em;
}
.lqd-blog-post-style-1 .entry-meta>div,
.lqd-blog-post-style-2 .entry-meta>div {
justify-content: center;
}
.lqd-blog-post-style-1 .entry-meta>div:not(.byline),
.lqd-blog-post-style-2 .entry-meta>div:not(.byline) {
align-items: center;
}
.lqd-blog-post-style-4 .lqd-post-header .entry-meta:last-child>div,
.lqd-blog-post-style-5 .lqd-post-header .entry-meta:last-child>div,
.lqd-blog-post-style-6 .lqd-post-header .entry-meta:last-child>div,
.lqd-blog-post-style-7 .lqd-post-header .entry-meta:last-child>div {
flex: 0 auto;
padding: 0.25em 1em;
margin-inline-end: 0.5em;
border-radius: 3px;
background-color: #f3f3f3;
}
}
.lqd-post-cover {
position: relative;
}
.lqd-post-cover h1.entry-title {
margin-bottom: 0.35em;
}
.lqd-post-media {
position: relative;
}
.lqd-post-media img {
width: 100%;
}
.lqd-post-media:empty {
display: none;
}
.lqd-post-media[data-parallax] {
will-change: transform;
}
.lqd-post-cover-overlay {
pointer-events: none;
}
.lqd-blog-post-style-1 .lqd-post-cover-overlay,
.lqd-blog-post-style-2 .lqd-post-cover-overlay {
background-color: rgba(0, 0, 0, 0.37);
}
.lqd-blog-post-style-6 .lqd-post-media,
.lqd-blog-post-style-7 .lqd-post-media {
padding-top: 62.5%;
}
.lqd-blog-post-style-6 .lqd-post-media img,
.lqd-blog-post-style-7 .lqd-post-media img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.lqd-blog-post-style-7 .lqd-post-media {
padding-top: 45%;
}
.lqd-blog-post-style-1 .lqd-post-cover,
.lqd-blog-post-style-2 .lqd-post-cover,
.lqd-blog-post-style-3 .lqd-post-cover,
.lqd-blog-post-style-5 .lqd-post-cover,
.lqd-blog-post-style-7 .lqd-post-cover {
margin-bottom: 70px;
}
.comments-area {
padding-bottom: 50px;
clear: both;
}
.comment-respond {
margin: 0.2em 0 0;
}
.comment-form {
margin-top: 3em;
font-size: 16px;
}
.comment-form>.row {
display: flex;
flex-wrap: wrap;
}
.comment-form input,
.comment-form textarea {
position: relative;
z-index: 1;
width: 100%;
border: none;
background-color: transparent;
line-height: 1.5em;
}
.comment-form input:focus,
.comment-form textarea:focus {
outline: none;
}
.comment-form input {
height: 45px;
}
.comment-form input[type=radio],
.comment-form input[type=checkbox] {
height: auto;
}
.comment-form input[type=radio]+label,
.comment-form input[type=checkbox]+label {
margin-inline-start: 8px;
}
.comment-form input[type=submit] {
display: inline-block;
width: auto;
height: auto;
padding: 16px 55px;
border: none;
background-color: #181b31;
font-size: 14px;
font-weight: 700;
color: #fff;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
transition: transform 0.3s, box-shadow 0.3s;
}
.comment-form input[type=submit]:hover {
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
transform: translateY(-2px);
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url,
.comment-form .comment-form-comment {
margin-bottom: 35px;
position: relative;
perspective: 1200px;
}
.comment-form .comment-form-author:before,
.comment-form .comment-form-author:after,
.comment-form .comment-form-email:before,
.comment-form .comment-form-email:after,
.comment-form .comment-form-url:before,
.comment-form .comment-form-url:after,
.comment-form .comment-form-comment:before,
.comment-form .comment-form-comment:after {
content: "";
display: table;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.comment-form .comment-form-author:before,
.comment-form .comment-form-email:before,
.comment-form .comment-form-url:before,
.comment-form .comment-form-comment:before {
transform: scale(1);
transform-origin: left center;
background-color: #d8dbe2;
}
.comment-form .comment-form-author:after,
.comment-form .comment-form-email:after,
.comment-form .comment-form-url:after,
.comment-form .comment-form-comment:after {
clear: both;
transform: scale(0, 2);
transform-origin: right center;
background-color: #181b31;
}
.comment-form .comment-form-author.form-submit,
.comment-form .comment-form-email.form-submit,
.comment-form .comment-form-url.form-submit,
.comment-form .comment-form-comment.form-submit {
margin-bottom: 90px;
}
.comment-form .comment-form-author.form-submit:before,
.comment-form .comment-form-author.form-submit:after,
.comment-form .comment-form-author.comment-notes:before,
.comment-form .comment-form-author.comment-notes:after,
.comment-form .comment-form-email.form-submit:before,
.comment-form .comment-form-email.form-submit:after,
.comment-form .comment-form-email.comment-notes:before,
.comment-form .comment-form-email.comment-notes:after,
.comment-form .comment-form-url.form-submit:before,
.comment-form .comment-form-url.form-submit:after,
.comment-form .comment-form-url.comment-notes:before,
.comment-form .comment-form-url.comment-notes:after,
.comment-form .comment-form-comment.form-submit:before,
.comment-form .comment-form-comment.form-submit:after,
.comment-form .comment-form-comment.comment-notes:before,
.comment-form .comment-form-comment.comment-notes:after {
content: none;
}
.comment-form .comment-form-author.input-focused:before,
.comment-form .comment-form-email.input-focused:before,
.comment-form .comment-form-url.input-focused:before,
.comment-form .comment-form-comment.input-focused:before {
transform: scale(0, 2);
transform-origin: right center;
}
.comment-form .comment-form-author.input-focused:after,
.comment-form .comment-form-email.input-focused:after,
.comment-form .comment-form-url.input-focused:after,
.comment-form .comment-form-comment.input-focused:after {
transform: scale(1);
transform-origin: left center;
}
.comment-form .comment-form-author.input-filled .split-unit,
.comment-form .comment-form-email.input-filled .split-unit,
.comment-form .comment-form-url.input-filled .split-unit,
.comment-form .comment-form-comment.input-filled .split-unit {
opacity: 0 !important;
transform: translateY(-27%) rotateX(-45de) !important;
}
.comment-form .logged-in-as {
padding-inline-start: 15px;
padding-inline-end: 14px;
}
.comment-form .logged-in-as:before,
.comment-form .logged-in-as:after {
content: none;
}
.comment-form .comment-subscription-form {
text-align: start;
margin-bottom: 0.5em;
}
.comment-form .comment-subscription-form+input[type=submit] {
margin-top: 1em;
}
.comment-notes {
text-align: center;
}
.comment-reply-title {
font-weight: 700;
}
.comment-reply-title small {
vertical-align: middle;
}
.comment-form-cookies-consent {
display: flex;
padding-inline-start: 15px;
padding-inline-end: 15px;
align-items: center;
order: 3;
}
.comment-form-cookies-consent:before,
.comment-form-cookies-consent:after {
content: none;
}
.comment-form-cookies-consent input,
.comment-form-cookies-consent label {
width: auto;
margin-top: 0;
margin-bottom: 0;
font-weight: inherit;
}
.comment-form-cookies-consent~div {
order: 2;
}
#cancel-comment-reply-link {
padding: 0.35em 0.75em 0.5em;
margin-inline-start: 1em;
background-color: rgba(253, 58, 24, 0.6);
font-size: 12px;
line-height: 1.5em;
text-transform: none;
color: #fff;
border-radius: 2px;
}
#cancel-comment-reply-link:hover {
background-color: #fd3a18;
}
.no-comments {
font-weight: 700;
text-align: center;
color: #333;
}
.lqd-blog-post-style-4 .comment-form input[type=submit],
.lqd-blog-post-style-6 .comment-form input[type=submit] {
border-radius: 50em;
}
.has-sidebar .comment-reply-title {
text-align: inherit;
justify-content: inherit;
}
@media screen and (max-width: 991px) {
.comments-area {
padding: 0 15px 40px;
}
}
@media screen and (max-width: 768px) {
.comment-form>.row>div {
width: 100%;
text-align: inherit !important;
}
}
@media screen and (max-width: 479px) {
.container .comments-area {
padding-inline-start: 0;
padding-inline-end: 0;
}
.comment-form {
margin-top: 2em;
}
.comment-form input[type=radio],
.comment-form input[type=checkbox] {
width: 20px;
height: 20px;
flex: 1 0 20px;
margin-inline-end: 6px;
}
}
.comment-author {
display: flex;
color: #16171e;
}
.comment-author a {
color: #16171e;
}
.comment-author .avatar {
width: 70px;
margin-inline-end: 18px;
border-radius: 50em;
}
.comment-author .says {
display: none;
}
.comment-meta {
display: flex;
align-items: start;
justify-content: space-between;
}
.comment-permalink,
.comment-edit-link {
color: var(--lqd-color-link);
}
.comment-edit-link {
margin-inline-start: 5px;
}
.comment-metadata {
font-size: 0.7777777778em;
}
.comment-metadata a {
color: #40414A;
}
.comment .comment-extras,
.comment-content {
padding-inline-start: 88px;
}
.comment-content {
margin: 0 0 15px;
}
.comment-content p {
margin-bottom: 0.75em;
}
.comment-extras {
display: flex;
align-items: center;
justify-content: space-between;
}
.comment-extras p {
margin: 0;
}
.comment-body {
margin-bottom: 30px;
}
.comment {
font-size: 16px;
line-height: 1.3333333333em;
}
.comment .reply a {
display: inline-block;
padding: 7px 13px;
font-size: 10px;
line-height: 1;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #181b31;
border: 1px solid #d8dbe2;
}
.comment .reply a:hover {
border-color: #181b31;
background-color: #181b31;
color: #fff;
}
.comment ul {
list-style-type: disc;
}
.comment ul ul {
list-style-type: circle;
}
.comment ul ul ul {
list-style-type: square;
}
.comment.bypostauthor .comment-author,
.comment.bypostauthor .comment-author a {
color: var(--lqd-color-primary);
}
.trackback,
.pingback {
font-size: 18px;
line-height: 1.3333333333em;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #d8dbe2;
}
.trackback cite,
.pingback cite {
flex-basis: 50%;
padding: 0;
margin: 0;
flex-grow: 1;
text-transform: none;
letter-spacing: 0;
font-size: 1em;
}
.trackback cite:before,
.pingback cite:before {
content: none;
}
.trackback time,
.pingback time {
margin: 0 1.5em;
}
.comment-list {
padding: 1em 0;
margin: 2.25em 0 1em;
}
.comment-list,
.comment-list ol.children {
list-style: none;
}
.comment-list ol.children {
padding: 0;
margin: 0;
}
.comment-list ol.children {
margin-inline-start: 86px;
}
.comment-list ol.children .avatar {
width: 45px;
}
.comment-list ol.children .comment .comment-extras,
.comment-list ol.children .comment-content {
padding-inline-start: 63px;
}
.comment-list ol.children .comment-content {
margin-top: 4px;
}
.comment-list .comment-respond {
background: none;
padding: 0;
}
@media screen and (max-width: 768px) {
.comment-extras {
display: block;
}
p.comment-awaiting-moderation {
margin-top: 0.75em;
font-size: 13px;
color: #000;
}
.comment-list ol.children {
margin-inline-start: 25px;
}
}
@media screen and (max-width: 479px) {
.comment-content {
margin-top: 0;
}
.comment-meta {
flex-wrap: wrap;
}
.comment-metadata {
width: 100%;
}
}
.blog-post-footer {
padding-top: 50px;
margin-top: 40px;
margin-bottom: 30px;
position: relative;
font-size: 13px;
}
.blog-post-footer:before {
content: "";
display: inline-block;
border-top: 1px dashed #cecece;
position: absolute;
top: 0;
left: 15px;
right: 15px;
}
.container .blog-post-footer:before {
left: 0;
right: 0;
}
.tags-links:not(:first-child),
.share-links:not(:first-child) {
padding-inline-start: 0.5em;
}
.tags-links>span,
.share-links>span {
margin-inline-end: 1.5em;
}
.tags-links a {
display: inline-block;
padding: 0.25em 1em;
margin-inline-end: 10px;
margin-bottom: 5px;
border-radius: 30px;
background-color: #f5f7fa;
line-height: 1.5em;
color: #000;
}
.tags-links a:hover {
background-color: #000;
color: #fff;
}
.tags-links>span {
margin-bottom: 5px;
}
.share-links a {
color: #63686a;
}
.share-links a:hover {
color: #000;
}
.lqd-blog-post-style-3 .blog-post-footer {
display: flex;
padding-top: 65px;
flex-direction: column;
border-top: 1px solid #c3c3c3;
}
.lqd-blog-post-style-3 .blog-post-footer>div:first-child {
margin-top: 50px;
}
.lqd-blog-post-style-3 .post-author {
order: -1;
align-self: center;
flex-shrink: 0;
}
.lqd-blog-post-style-4 .blog-post-footer {
padding-top: 2.25em;
border-top: 1px solid #d8dbe2;
}
@media screen and (max-width: 991px) {
.blog-post-footer {
padding-inline-start: 0;
padding-inline-end: 0;
margin: 30px 15px;
}
.container .blog-post-footer {
margin-inline-start: 0;
margin-inline-end: 0;
}
}
@media screen and (max-width: 479px) {
.blog-post-footer {
padding-top: 20px;
}
.blog-post-footer:before {
left: 0;
right: 0;
}
.blog-post-footer>.d-flex {
flex-wrap: wrap;
}
.blog-post-footer .tags-links {
margin-bottom: 2em;
}
.blog-post-footer .tags-links:last-child,
.blog-post-footer .share-links:last-child {
margin-bottom: 20px;
}
.lqd-blog-post-style-3 .blog-post-footer {
padding-top: 35px;
}
}
.post-author {
display: flex;
margin: 2em 0;
padding: 3em 0;
border-top: 1px solid #d8dbe2;
border-bottom: 1px solid #d8dbe2;
position: relative;
font-size: 16px;
}
.post-author figure {
margin-inline-end: 30px;
width: 88px;
flex-shrink: 0;
}
.post-author figure img {
width: 100%;
border-radius: 50em;
}
.post-author p {
margin: 0;
line-height: 1.32em;
}
.post-author h3,
.post-author h6 {
margin: 0;
line-height: 1.5em;
}
.post-author h3 {
font-size: 19px;
font-weight: 700;
color: #181b31;
}
.post-author h3 a {
font-size: inherit;
color: inherit;
}
.post-author h3:last-child {
margin-bottom: 0.65em;
}
.post-author h6 {
margin-bottom: 1em;
margin-top: 0.5em;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #a7a9b8;
}
.post-author .post-author-info {
overflow: hidden;
flex-grow: 1;
}
.post-author .author-all-posts {
display: inline-flex;
align-items: center;
font-size: 15px;
color: #000;
}
.post-author .author-all-posts i {
margin-inline-start: 10px;
}
.post-author-info-head>div:last-child {
display: none;
}
.post-author-img-overlay {
padding: 0;
border: none;
flex-direction: column-reverse;
}
.post-author-img-overlay figure {
width: 100%;
padding-top: 78%;
margin: 0;
position: relative;
}
.post-author-img-overlay figure:after {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(to top, #000, transparent 50%);
}
.post-author-img-overlay figure img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 0;
object-fit: cover;
}
.post-author-img-overlay h6 {
order: 4;
margin: 0;
font-size: 18px;
text-transform: none;
letter-spacing: 0;
color: rgba(0, 0, 0, 0.75);
}
.post-author-img-overlay h3 {
margin-bottom: 0.25em;
font-size: 35px;
font-weight: 700;
}
.post-author-img-overlay .post-author-info {
position: absolute;
bottom: 2em;
left: 10%;
right: 10%;
font-size: 18px;
color: rgba(255, 255, 255, 0.75);
}
.lqd-blog-post-style-4 .post-author,
.lqd-blog-post-style-6 .post-author {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.post-author-img-overlay {
width: 500px;
}
}
@media screen and (max-width: 768px) {
.post-author-img-overlay {
width: 85%;
}
}
@media screen and (max-width: 479px) {
.post-author-img-overlay {
width: 100%;
}
.post-author-classic {
flex-direction: column;
}
.post-author-classic>figure {
margin-inline-end: 0;
margin-bottom: 0.5em;
}
.post-author-classic .post-author-info-head {
flex-direction: column;
align-items: inherit !important;
}
.post-author-classic .author-all-posts {
margin-bottom: 1em;
}
}
nav.post-nav {
display: flex;
padding: 2.25em 0;
margin: 0;
font-size: 19px;
font-weight: 600;
line-height: 1.2272727273em;
word-break: break-word;
}
nav.post-nav a {
display: inline-block;
position: relative;
color: #000;
}
nav.post-nav a:hover .nav-subtitle {
background-color: #000;
color: #fff;
}
nav.post-nav .nav-subtitle {
display: inline-flex;
align-items: center;
padding: 0.5em 1.5em;
margin-bottom: 20px;
border-radius: 2em;
background-color: #f5f7fa;
font-size: 12px;
line-height: 1.85em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #000;
transition: color 0.3s, background-color 0.3s;
}
nav.post-nav .nav-subtitle:last-child {
margin-bottom: 0;
}
nav.post-nav .nav-subtitle svg {
width: 1.35em;
height: 1.35em;
stroke: currentColor;
}
nav.post-nav .nav-title {
display: block;
}
nav.post-nav svg {
transition: transform 0.3s cubic-bezier(0, 0.95, 0.3, 1);
}
nav.post-nav .nav-previous,
nav.post-nav .nav-next {
flex-basis: 45%;
}
nav.post-nav .lqd-pf-nav-all {
display: flex;
line-height: 1em;
}
nav.post-nav .lqd-pf-nav-all i {
font-style: normal;
}
nav.post-nav .lqd-pf-nav-all .nav-subtitle {
display: none;
margin: 0;
}
nav.post-nav .nav-previous {
padding-inline-end: 15px;
margin-inline-end: auto;
}
nav.post-nav .nav-previous .nav-subtitle svg {
margin-inline-end: 1em;
}
nav.post-nav .nav-next {
text-align: end;
padding-inline-start: 15px;
margin-inline-start: auto;
}
nav.post-nav .nav-next .nav-subtitle svg {
order: 1;
margin-inline-start: 1em;
}
.blog-post-footer nav.post-nav:first-child {
padding-top: 0;
}
@media screen and (max-width: 479px) {
nav.post-nav {
padding: 15px 0 0;
flex-direction: column;
align-items: center;
}
nav.post-nav .nav-next,
nav.post-nav .nav-previous {
width: 100%;
text-align: inherit;
padding: 0;
margin-inline-start: 0;
margin-inline-end: 0;
}
nav.post-nav .nav-previous:not(:last-child) {
margin-bottom: 1.15em;
}
nav.post-nav .lqd-pf-nav-all {
order: -1;
width: 100%;
height: auto;
margin-top: 0;
margin-bottom: 1.25em;
justify-content: end;
}
nav.post-nav .lqd-pf-nav-all i {
font-style: normal;
}
nav.post-nav .lqd-pf-nav-all span {
order: -1;
margin-inline-end: 20px;
margin-inline-start: 7px;
}
nav.post-nav .lqd-pf-nav-all .nav-subtitle {
display: flex;
}
.lqd-blog-post-style-3 .post-nav,
.lqd-blog-post-style-4 .post-nav,
.lqd-blog-post-style-6 .post-nav {
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
}
.lqd-blog-post-style-3 .post-nav:first-child,
.lqd-blog-post-style-4 .post-nav:first-child,
.lqd-blog-post-style-6 .post-nav:first-child {
border-top: none;
}
}
.related-posts {
margin-bottom: 30px;
color: #696969;
}
.related-posts p:empty {
display: none;
}
.related-posts>.container>.row {
display: flex;
flex-wrap: wrap;
}
.related-posts>.container>.row:before,
.related-posts>.container>.row:after {
content: none;
}
.related-posts .lqd-lp {
margin-bottom: 30px;
}
.related-posts .lqd-lp .lqd-lp-meta {
line-height: 2em;
}
.related-posts .lqd-lp .lqd-lp-cat a {
background-color: #000;
}
.related-posts .lqd-lp .lqd-lp-excerpt {
font-size: 15px;
}
.related-posts .lqd-lp .lqd-lp-footer a,
.related-posts .lqd-lp .lqd-lp-date {
color: #000;
}
.related-posts .lqd-lp-style-10 .lqd-lp-date {
font-weight: 400 !important;
color: #fff;
}
.related-posts .lqd-lp-style-13 .lqd-lp-img>figure,
.related-posts .lqd-lp-style-20 .lqd-lp-img>figure {
width: 100%;
padding-top: 66.7%;
}
.related-posts .lqd-lp-style-13 .lqd-lp-img>figure img,
.related-posts .lqd-lp-style-20 .lqd-lp-img>figure img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
}
.related-posts .lqd-lp-style-13 .lqd-lp-title {
font-size: 19px;
}
.related-posts .lqd-lp-style-13 .lqd-lp-meta {
font-size: 13px;
line-height: 1.15em;
}
.related-posts .lqd-lp-style-13 .lqd-lp-date {
background-color: #f2f3f5;
}
.related-posts .lqd-lp-style-13 .lqd-lp-excerpt {
line-height: 1.8em;
}
.related-posts .lqd-lp-style-13 .lqd-lp-footer {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.related-posts .lqd-lp-style-13 .lqd-lp-footer .btn i {
font-size: 1.25em;
}
.related-posts .lqd-lp-style-13 .lqd-lp-cat {
background-color: #3b3b3b;
}
.related-posts .lqd-lp-style-13 .lqd-lp-cat a {
background-color: transparent;
}
.related-posts .lqd-lp-style-13:hover .lqd-lp-title a {
color: var(--lqd-color-primary);
}
.related-posts-title {
margin-top: 0;
margin-bottom: 2em;
font-weight: 700;
}
.lqd-blog-post-style-1 .related-posts,
.lqd-blog-post-style-2 .related-posts,
.lqd-blog-post-style-7 .related-posts {
margin-top: 100px;
margin-bottom: 100px;
padding: 70px 0;
background-color: #f5f6f8;
}
.lqd-blog-post-style-1 .related-posts {
margin-top: 90px;
}
.has-sidebar .related-posts-title {
text-align: inherit;
}
.has-sidebar.lqd-blog-post-style-1 .related-posts,
.has-sidebar.lqd-blog-post-style-2 .related-posts,
.has-sidebar.lqd-blog-post-style-7 .related-posts {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
background: none;
}
.has-sidebar.lqd-blog-post-style-1 .related-posts .container,
.has-sidebar.lqd-blog-post-style-2 .related-posts .container,
.has-sidebar.lqd-blog-post-style-7 .related-posts .container {
padding-inline-start: 0;
padding-inline-end: 0;
}
@media screen and (min-width: 768px) {
.has-sidebar .related-posts>.container>.row>div {
width: 50%;
}
}
@media screen and (min-width: 991px) {
.lqd-blog-post-style-5 .related-posts {
padding-top: 25px;
padding-bottom: 35px;
}
}
@media screen and (max-width: 768px) {
.lqd-blog-post-style-1 .related-posts,
.lqd-blog-post-style-2 .related-posts,
.lqd-blog-post-style-7 .related-posts {
margin-top: 0;
}
}
@media screen and (max-width: 479px) {
.related-posts-title {
padding: 0 15px;
}
.container .related-posts-title {
padding: 0;
}
}
.lqd-post-sticky-stuff {
color: #797979;
}
.lqd-post-sticky-stuff a {
color: inherit;
}
.lqd-post-sticky-stuff .entry-meta {
padding-top: 0;
margin-bottom: 2.5em;
border: none;
}
.lqd-post-sticky-stuff .byline img {
width: 100%;
}
.lqd-post-sticky-stuff .lqd-post-share {
font-size: 27px;
color: #797979;
}
.lqd-post-sticky-stuff .lqd-post-share>span {
display: block;
margin-bottom: 0.75em;
font-size: 13px;
line-height: 1em;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #000;
}
.lqd-post-sticky-stuff .lqd-post-share:only-child a {
padding-inline-end: 2em;
}
.lqd-post-sticky-stuff .lqd-post-share .social-icon-sm {
font-size: 14px;
line-height: 1em;
}
.lqd-post-sticky-stuff .lqd-post-share .social-icon-lg {
font-size: 20px;
}
.lqd-post-sticky-stuff .lqd-post-share .social-icon-lg li {
margin-bottom: 1.2em;
}
.lqd-post-sticky-stuff .social-icon-underline {
color: #000;
}
.lqd-post-sticky-stuff .social-icon-underline li {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.lqd-post-sticky-stuff .social-icon-underline a {
padding-top: 1em;
padding-bottom: 1em;
}
.lqd-post-sticky-stuff .social-icon-vertical li {
margin-bottom: 0.5em;
}
.lqd-post-sticky-stuff .social-icon-vertical a {
display: flex;
align-items: center;
}
@media screen and (min-width: 992px) {
.lqd-post-sticky-stuff {
position: absolute;
top: 3vh;
bottom: 0;
left: 0;
z-index: 10;
margin-inline-start: 5vw;
pointer-events: none;
}
.lqd-post-sticky-stuff-inner {
display: inline-flex;
flex-direction: column;
position: sticky;
top: calc(10vh + var(--lqd-sticky-header-height, 0));
left: 0;
pointer-events: auto;
}
}
@media screen and (max-width: 1366px) {
.lqd-post-sticky-stuff {
margin-inline-start: 3vw;
}
}
@media screen and (max-width: 991px) {
.lqd-post-sticky-stuff {
display: none;
}
}
@media screen and (min-width: 992px) {
body.has-sidebar.lqd-blog-post-style-1 #lqd-contents-wrap,
body.has-sidebar.lqd-blog-post-style-2 #lqd-contents-wrap,
body.has-sidebar.lqd-blog-post-style-4 #lqd-contents-wrap,
body.has-sidebar.lqd-blog-post-style-5 #lqd-contents-wrap,
body.has-sidebar.lqd-blog-post-style-7 #lqd-contents-wrap {
padding-top: 0;
}
body.has-sidebar.lqd-blog-post-style-1 .lqd-post-cover,
body.has-sidebar.lqd-blog-post-style-2 .lqd-post-cover,
body.has-sidebar.lqd-blog-post-style-4 .lqd-post-cover,
body.has-sidebar.lqd-blog-post-style-5 .lqd-post-cover,
body.has-sidebar.lqd-blog-post-style-7 .lqd-post-cover {
width: 100vw;
left: 50%;
right: 50%;
margin-inline-start: -50vw;
margin-inline-end: 0;
}
body.has-sidebar.lqd-blog-post-style-3 #lqd-contents-wrap,
body.has-sidebar.lqd-blog-post-style-6 #lqd-contents-wrap {
padding-top: 50px;
}
body.has-sidebar.lqd-blog-post-style-3 .lqd-post-cover,
body.has-sidebar.lqd-blog-post-style-6 .lqd-post-cover {
width: 100%;
}
body.has-sidebar .related-posts>.container {
width: 100%;
}
body.has-sidebar .lqd-post-sticky-stuff {
left: -8vw;
margin-inline-start: 0;
}
}
.lqd-blog-post-style-6 .lqd-post-header {
display: block;
padding-top: 45px;
}
.lqd-blog-post-style-6 .lqd-post-header .entry-meta:last-of-type a {
opacity: 0.65;
}
.lqd-blog-post-style-6 .lqd-post-header .entry-meta:last-of-type a:hover {
opacity: 1;
}
.lqd-blog-post-style-6 .lqd-post-cover {
margin-bottom: 50px;
}
.lqd-blog-post-style-6 .cat-links a {
padding: 0.25em 1em;
border-radius: 2em;
background-color: #f1f1f1;
font-size: 11px;
font-weight: 600;
color: #000;
line-height: 1.5em;
opacity: 1;
}
.lqd-blog-post-style-6 .cat-links a:hover {
background-color: var(--lqd-color-primary);
color: #fff;
}
.lqd-blog-post-style-6 .lqd-post-media img {
border-radius: 5px;
}
.lqd-blog-post-style-6 h1.entry-title {
margin-top: 0.1em;
margin-bottom: 0.375em;
font-size: 44px;
line-height: 1em;
}
.lqd-blog-post-style-6.blog-single-post-has-not-thumbnail .lqd-post-cover {
margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
.lqd-blog-post-style-6 .lqd-post-cover {
width: 85%;
}
.lqd-blog-post-style-6.has-sidebar .lqd-post-header {
padding-top: 0;
}
}
@media screen and (min-width: 1200px) {
.lqd-blog-post-style-6 .lqd-post-cover {
width: 1140px;
}
}
@media screen and (max-width: 479px) {
.lqd-blog-post-style-6 .lqd-post-cover {
margin-bottom: 35px;
}
}
.lqd-blog-post-style-5 .lqd-post-cover-overlay {
background: linear-gradient(to top, #141414, transparent 50%);
}
.lqd-blog-post-style-5 .lqd-post-header {
padding-inline-start: 15px;
padding-inline-end: 15px;
min-height: 40vmax;
place-content: end;
margin: auto;
}
.lqd-blog-post-style-5 .lqd-post-header .entry-meta {
justify-content: center !important;
}
.lqd-blog-post-style-5 h1.entry-title {
margin-bottom: 0.25em;
font-size: 100px;
line-height: 1em;
}
@media screen and (min-width: 992px) {
.lqd-blog-post-style-5 .lqd-post-header {
width: 75vw;
padding-bottom: 10vmin;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.lqd-blog-post-style-5 h1.entry-title {
font-size: 10vmax;
}
}
@media screen and (min-width: 1200px) {
.lqd-blog-post-style-5 .lqd-post-header {
width: 1000px;
}
}
@media screen and (max-width: 768px) {
.lqd-blog-post-style-5 .lqd-post-header {
min-height: 60vmax;
}
.lqd-blog-post-style-5 h1.entry-title {
margin-bottom: 0.5em;
}
.lqd-blog-post-style-5 .entry-meta>div {
justify-content: center;
}
}
.lqd-blog-post-style-3 .lqd-post-cover {
margin: 0 auto;
padding: 75px 15px;
}
.lqd-blog-post-style-3 .lqd-post-header .entry-meta {
padding-top: 0;
border: none;
}
.lqd-blog-post-style-3 .lqd-post-media {
margin-bottom: 30px;
}
.lqd-blog-post-style-3 .entry-meta {
padding-top: 1.2em;
border-bottom: 1px solid #c3c3c3;
}
.lqd-blog-post-style-3 .entry-meta .byline:after {
content: none;
}
.lqd-blog-post-style-3 .entry-meta .posted-on {
order: -1;
}
.lqd-blog-post-style-3 .entry-meta .read-time {
order: 3;
}
.lqd-blog-post-style-3 h1.entry-title {
margin-bottom: 0.5em;
font-size: 45px;
line-height: 1.0444444444em;
}
.lqd-blog-post-style-3 .lqd-post-sticky-stuff .byline {
display: flex;
align-items: stretch;
}
.lqd-blog-post-style-3 .lqd-post-sticky-stuff .byline figure {
display: block;
width: 103px;
border-radius: 0;
margin-inline-end: 3px;
}
.lqd-blog-post-style-3 .lqd-post-sticky-stuff .byline>span {
writing-mode: vertical-lr;
transform: rotate(180deg);
}
.lqd-blog-post-style-3 .lqd-post-sticky-stuff .social-icon {
width: 90%;
}
.lqd-blog-post-style-3 .lqd-post-sticky-stuff .social-icon li {
border-bottom-color: #d3d3d3;
}
@media screen and (min-width: 768px) {
.lqd-blog-post-style-3 .lqd-post-cover {
display: grid;
grid-template-areas: "header . media" "meta meta meta";
align-items: center;
grid-template-columns: 50% auto 360px;
}
.lqd-blog-post-style-3 .lqd-post-media {
grid-area: media;
margin-bottom: 0;
}
.lqd-blog-post-style-3 .lqd-post-header {
grid-area: header;
display: block;
padding-inline-end: 25px;
}
.lqd-blog-post-style-3 .entry-meta {
grid-area: meta;
}
.lqd-blog-post-style-3 .entry-meta .read-time {
margin-inline-start: auto;
}
}
@media screen and (min-width: 1200px) {
.lqd-blog-post-style-3 .lqd-post-cover {
width: 1060px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.lqd-blog-post-style-3 .lqd-post-cover {
grid-template-columns: 1fr auto 360px;
}
.lqd-blog-post-style-3 .lqd-post-header {
padding-inline-end: 3vw;
}
.lqd-blog-post-style-3 h1.entry-title {
font-size: 5vw;
}
}
@media screen and (max-width: 768px) {
.lqd-blog-post-style-3 .entry-meta>div {
flex: auto;
justify-content: flex-start;
}
}
@media screen and (max-width: 479px) {
.lqd-blog-post-style-3 .entry-meta {
padding-bottom: 0.75em;
}
}
.lqd-blog-post-style-2 .lqd-post-header {
min-height: 100vh;
}
.lqd-blog-post-style-4 .lqd-post-header {
padding: 45px 15px;
margin: -5% auto 0;
border-radius: 5px 5px 0 0;
position: relative;
z-index: 2;
background-color: #fff;
}
.lqd-blog-post-style-4 h1.entry-title {
margin-bottom: 0.45em;
font-size: 45px;
line-height: 1.0666666667em;
}
.lqd-blog-post-style-4 .lqd-post-media {
margin-inline-start: 2vw;
margin-inline-end: 2vw;
max-height: 85vh;
}
.lqd-blog-post-style-4 .lqd-post-media img {
max-height: inherit;
object-fit: cover;
}
@media screen and (min-width: 992px) {
.lqd-blog-post-style-4 .lqd-post-header {
width: clamp(970px, 1280px, 95%);
padding-inline-start: 90px;
padding-inline-end: 60px;
}
.lqd-blog-post-style-4 h1.entry-title {
width: 75%;
}
.lqd-blog-post-style-4 .entry-meta .read-time {
position: absolute;
top: 65px;
right: 60px;
}
.lqd-blog-post-style-4 .entry-meta .cat-links:after {
content: none;
}
.lqd-blog-post-style-4 .container .lqd-post-header {
padding-inline-start: 75px;
}
}
@media screen and (max-width: 1199px) {
.lqd-blog-post-style-4 .lqd-post-media {
padding-top: 2vw;
}
}
@media screen and (max-width: 991px) {
.lqd-blog-post-style-4 .lqd-post-media {
margin-inline-start: 0;
margin-inline-end: 0;
}
}
@media screen and (max-width: 768px) {
.lqd-blog-post-style-4 .lqd-post-cover {
margin-bottom: 15px;
}
.lqd-blog-post-style-4 .lqd-post-header {
padding: 30px 15px 15px !important;
margin-top: 0;
}
.lqd-blog-post-style-4 .container .lqd-post-media {
margin-inline-start: 0;
margin-inline-end: 0;
padding-top: 15px;
}
.lqd-blog-post-style-4 .container .lqd-post-header {
padding-inline-start: 0 !important;
padding-inline-end: 0 !important;
}
}
.lqd-blog-post-style-7 .lqd-post-header {
padding-top: 50px;
padding-bottom: 50px;
margin: auto;
}
.lqd-blog-post-style-7 h1.entry-title {
margin-bottom: 0.35em;
font-size: 44px;
}
.lqd-blog-post-style-7 .cat-links a {
position: relative;
}
.lqd-blog-post-style-7 .cat-links a:before {
content: "";
display: inline-block;
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
background-color: currentColor;
}
@media screen and (min-width: 992px) {
.lqd-blog-post-style-7 .lqd-post-header {
width: 80vw;
}
}
@media screen and (min-width: 1200px) {
.lqd-blog-post-style-7 .main-header-overlay+#lqd-site-content .lqd-post-cover {
padding-top: 100px;
}
.lqd-blog-post-style-7 .lqd-post-header {
width: 50vw;
}
}
@media screen and (max-width: 479px) {
.lqd-blog-post-style-7 .lqd-post-header {
padding-bottom: 15px;
}
}
@media screen and (max-width: 360px) {
.lqd-blog-post-style-7 h1.entry-title {
font-size: 36px;
}
}
/*******************************************
9.1. Portfolio
*******************************************/
.lqd-pf-single-cover {
margin-bottom: 2em;
}
.lqd-pf-single-cover img {
width: 100%;
}
@media screen and (min-width: 992px) {
.lqd-pf-single-cover .lqd-pf-single-cover-title {
padding: 1rem;
}
}
@media screen and (max-width: 768px) {
.lqd-pf-single-cover {
height: clamp(360px, 12vmin, 70vh);
}
.lqd-pf-single-cover img,
.lqd-pf-single-cover figure {
height: 100%;
}
.lqd-pf-single-cover img {
object-fit: cover;
object-position: center;
}
}
.lqd-pf-single-meta-part {
width: 50%;
margin-bottom: 2em;
color: #000;
}
.lqd-pf-single-meta-part>p {
line-height: 1.65em;
}
.lqd-pf-single-meta-part>p:empty {
display: none;
}
.lqd-pf-single-meta-part>p:first-of-type {
margin-bottom: 0.65em;
opacity: 0.35;
}
.lqd-pf-single-meta-part a {
color: inherit;
}
.lqd-pf-single-meta-part a:hover {
opacity: 0.7;
}
.lqd-pf-single-meta-part .social-icon {
margin-top: 0.5em;
}
.lqd-pf-single-meta {
margin-bottom: 1em;
}
.lqd-pf-single-meta.columns-1 .lqd-pf-single-meta-part {
display: flex;
width: 100%;
margin-bottom: 0.8em;
align-items: center;
justify-content: space-between;
}
.lqd-pf-single-meta.columns-1 .lqd-pf-single-meta-part:last-child(3) {
margin-bottom: 0;
}
.lqd-pf-single-meta.columns-2:nth-last-child(1),
.lqd-pf-single-meta.columns-2:nth-last-child(2) {
margin-bottom: 0;
}
.lqd-pf-single-meta.columns-3 .lqd-pf-single-meta-part {
width: 33.3333333333%;
}
.lqd-pf-single-meta.columns-3 .lqd-pf-single-meta-part:nth-last-child(3) {
margin-bottom: 0;
}
.lqd-pf-nav-link-title {
transition: color 0.3s, -webkit-text-stroke 0.3s;
}
.lqd-pf-nav-link-subtitle {
opacity: 0.3;
}
.lqd-pf-meta-nav-not-classic .lqd-pf-nav-link-subtitle {
opacity: 1;
}
.lqd-pf-meta-nav-not-classic .lqd-pf-nav-link-subtitle span {
opacity: 0.6;
transition: opacity 0.3s;
}
.lqd-pf-nav-all {
display: flex;
width: 17px;
height: 17px;
align-items: center;
justify-content: center;
}
.lqd-pf-nav-all span {
display: inline-block;
width: 3px;
height: 3px;
border-radius: 3px;
background-color: currentColor;
box-shadow: -6px -6px 0, 0 -6px 0, 6px -6px 0, -6px 0 0, 6px 0 0, -6px 6px 0, 0 6px 0, 6px 6px 0;
transition: box-shadow 0.45s, transform 0.65s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-pf-nav-all:first-child {
margin-inline-start: auto;
}
.lqd-pf-nav-all:last-child {
margin-inline-end: auto;
}
.lqd-pf-nav-all:hover span {
transform: scale(1.1);
box-shadow: -8px -8px 0, 0 -8px 0, 8px -8px 0, -8px 0 0, 8px 0 0, -8px 8px 0, 0 8px 0, 8px 8px 0;
}
.lqd-pf-nav-link {
margin-top: 20px;
margin-bottom: 20px;
position: relative;
line-height: 1.5em;
}
.lqd-pf-meta-nav {
position: relative;
border-top: 1px solid #e2e2e2;
color: #000;
}
.lqd-pf-meta-nav a,
.lqd-pf-meta-nav .lqd-pf-nav-link-title {
color: inherit !important;
}
.lqd-pf-meta-nav a i {
transition: transform 0.65s, opacity 0.65s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-pf-meta-nav-classic .lqd-pf-nav-link-subtitle {
font-size: 0.9375em;
}
.lqd-pf-meta-nav-classic .lqd-pf-nav-link {
flex-basis: 33.3333333333%;
}
.lqd-pf-meta-nav-classic .lqd-pf-nav-prev:hover i {
transform: translateX(-7px) scale(1.25, 0.8);
}
.lqd-pf-meta-nav-classic .lqd-pf-nav-next:hover i {
transform: translateX(7px) scale(1.25, 0.8);
}
.lqd-pf-meta-nav-not-classic {
padding: 80px 0;
border: none;
font-size: 23px;
text-align: center;
}
.lqd-pf-meta-nav-not-classic .lqd-pf-nav-link-subtitle {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1em;
}
.lqd-pf-meta-nav-not-classic .lqd-pf-nav-link-subtitle i {
margin-inline-start: 0.5em;
transform: rotate(45deg);
}
.lqd-pf-meta-nav-not-classic .lqd-pf-nav-link:hover .lqd-pf-nav-link-subtitle,
.lqd-pf-meta-nav-not-classic .lqd-pf-nav-link:hover .lqd-pf-nav-link-subtitle span {
opacity: 1;
}
.lqd-pf-meta-nav-not-classic-outline .lqd-pf-nav-link-title {
color: transparent !important;
-webkit-text-stroke: 1px #000;
}
.lqd-pf-meta-nav-not-classic-outline .lqd-pf-nav-link:hover .lqd-pf-nav-link-title {
color: #000 !important;
-webkit-text-stroke: 1px transparent;
}
@media screen and (min-width: 768px) {
.container-fluid .lqd-pf-meta-nav-classic {
padding-inline-start: 45px;
padding-inline-end: 45px;
}
.page-has-left-stickybar .container-fluid .lqd-pf-meta-nav-classic,
.page-has-right-stickybar .container-fluid .lqd-pf-meta-nav-classic {
padding-inline-start: 75px;
padding-inline-end: 75px;
}
.lqd-pf-meta-nav-classic .lqd-pf-nav-next {
text-align: start;
}
}
@media screen and (min-width: 480px) {
.lqd-pf-meta-nav-classic-minimal .lqd-pf-nav-link i {
opacity: 0;
position: absolute;
}
.lqd-pf-meta-nav-classic-minimal .lqd-pf-nav-link:hover i {
opacity: 1;
}
.lqd-pf-meta-nav-classic-minimal .lqd-pf-nav-prev i {
left: -10px;
transform: translateX(-15px) scaleY(0.75);
}
.lqd-pf-meta-nav-classic-minimal .lqd-pf-nav-prev:hover i {
transform: translateX(-10px) scaleY(1);
}
.lqd-pf-meta-nav-classic-minimal .lqd-pf-nav-next i {
right: -10px;
transform: translateX(15px) scaleY(0.75);
}
.lqd-pf-meta-nav-classic-minimal .lqd-pf-nav-next:hover i {
transform: translateX(10px) scaleY(1);
}
}
@media screen and (max-width: 768px) {
.lqd-pf-meta-nav-classic-minimal {
padding-inline-start: 15px;
padding-inline-end: 15px;
}
}
@media screen and (max-width: 479px) {
.lqd-pf-meta-nav-not-classic {
padding-top: 30px;
padding-bottom: 30px;
}
.lqd-pf-meta-nav-not-classic .lqd-pf-nav-link-title.h1 {
font-size: clamp(32px, 12vw, 50px);
}
.lqd-pf-meta-nav-classic .lqd-pf-nav-link {
flex-basis: calc(50% - 20px);
}
.lqd-pf-meta-nav-classic .lqd-pf-nav-all {
flex-basis: 18px;
}
.lqd-pf-meta-nav-classic-minimal .lqd-pf-nav-prev i {
margin-inline-end: 10px;
}
.lqd-pf-meta-nav-classic-minimal .lqd-pf-nav-next i {
margin-inline-start: 10px;
}
}
.lqd-pf-related-projects .flickity-button[disabled] {
display: none;
}
.lqd-pf-related-projects .lqd-pf-column {
flex-grow: 0;
}
.lqd-pf-related-projects .lqd-pf-item {
width: 100%;
}
.lqd-pf-related-projects .lqd-pf-img {
padding-top: 100%;
}
.lqd-pf-related-projects .lqd-pf-img>figure {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.lqd-pf-related-projects .lqd-pf-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@media screen and (max-width: 768px) {
.lqd-pf-related-projects .carousel-dots-mobile .flickity-page-dots {
margin-top: 0;
}
}
.pf-scroll-down-link {
display: inline-block;
font-size: 28px;
line-height: 1;
color: #fff;
}
.pf-scroll-down-link:hover {
color: #fff;
opacity: 0.8;
}
.lqd-pf-single-title {
font-size: 56px;
line-height: 1.25em;
}
.lqd-pf-single-cover .lqd-pf-single-title {
color: #fff;
}
/*******************************************
10.1. Page stacks
*******************************************/
.pp-section {
width: 100vw;
height: 100vh;
position: fixed !important;
top: 0;
left: 0;
z-index: 2;
overflow: hidden;
justify-content: center;
transform: translate3d(0, 0, 0);
transition: transform 1.15s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.pp-section:not(.active):not(.lqd-stack-row-entering):not(.lqd-stack-row-leaving) {
top: 100%;
visibility: hidden;
pointer-events: none;
}
.pp-section {
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform 1.15s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}
.pp-scrollable {
overflow-y: scroll;
}
.pp-auto-height {
height: auto !important;
}
.section-before-footer {
z-index: 2;
}
.html-pp-enabled {
overflow: hidden !important;
}
.pp-enabled .titlebar {
display: none !important;
}
.pp-enabled [data-liquid-stack=true] {
height: 100vh;
overflow: hidden;
touch-action: none;
}
.pp-enabled [data-liquid-stack=true]>section {
width: 100%;
height: 100vh;
transform: none;
min-height: 0 !important;
}
.pp-enabled [data-liquid-stack=true]>section:before,
.pp-enabled [data-liquid-stack=true]>section:after {
content: none !important;
}
.pp-enabled [data-liquid-stack=true]>section:not(.vc_row-flex) {
align-content: center;
}
.pp-enabled [data-liquid-stack=true] .main-footer {
top: auto;
bottom: 0;
z-index: 1;
animation: none !important;
}
.pp-enabled .page-has-frame [data-liquid-stack=true] {
height: calc(100vh - 40px);
}
.pp-enabled .page-has-frame [data-liquid-stack=true]>section {
height: calc(100vh - 40px);
}
.lqd-stack-row-entering {
will-change: transform, opacity;
z-index: 10;
}
.lqd-stack-row-leaving {
will-change: transform, opacity;
}
.lqd-stack-moving-up .lqd-stack-prevnext-button,
.lqd-stack-moving-up .lqd-stack-page-number {
transition-delay: 0.35s;
}
.lqd-stack-footer-active #pp-nav,
.lqd-stack-footer-active .lqd-stack-prevnext-button,
.lqd-stack-footer-active .lqd-stack-page-number {
opacity: 0;
visibility: hidden;
}
.lqd-stack-footer-active section.pp-section.section-before-footer {
top: 0 !important;
visibility: visible !important;
pointer-events: auto !important;
}
.vc_mobile [data-liquid-stack=true]>section {
height: auto;
}
#pp-nav {
display: none;
position: fixed;
top: 50%;
right: 50px;
z-index: 100;
font-size: 0.8125em;
line-height: 1.5em;
color: #000;
transform: translateY(-50%);
transition: color 0.3s, opacity 0.3s, visibility 0.3s;
}
#pp-nav .pp-nav-inner {
display: inherit;
flex-direction: inherit;
align-items: inherit;
justify-content: inherit;
}
#pp-nav li,
#pp-nav a {
position: relative;
color: inherit;
}
#pp-nav li {
display: inline-flex;
}
#pp-nav li:hover .pp-tooltip {
opacity: 1;
visibility: visible;
transform: translate(-18px, -50%);
}
#pp-nav .pp-nav-current,
#pp-nav .pp-nav-total {
display: flex;
width: 150%;
position: relative;
left: -25%;
justify-content: center;
margin: 1.5em -3px 1.5em 0;
}
#pp-nav svg {
display: none;
}
#pp-nav .pp-tooltip {
display: inline-block;
margin-inline-end: 15px;
position: absolute;
top: 50%;
right: 100%;
opacity: 0;
visibility: hidden;
white-space: nowrap;
transition-property: visibility, opacity, transform, color;
transition-duration: 0.45s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transform: translateY(-50%);
}
.lqd-stack-has-nav #pp-nav {
display: block;
}
.mobile-nav-activated #pp-nav {
opacity: 0 !important;
visibility: hidden !important;
}
.pp-nav-current,
.pp-nav-total {
display: none;
}
.pp-nav-current .lqd-stack-nav-numbers-visible .pp-nav-current,
.pp-nav-current .lqd-stack-nav-numbers-visible .pp-nav-total,
.pp-nav-total .lqd-stack-nav-numbers-visible .pp-nav-current,
.pp-nav-total .lqd-stack-nav-numbers-visible .pp-nav-total {
display: inline-flex;
}
.pp-nav-current {
height: 1.5em;
overflow: hidden;
color: #000;
}
.pp-nav-current span {
display: block;
height: inherit;
}
.pp-nav-current>span {
display: flex;
flex-direction: column;
justify-content: flex-start;
transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-active-row-dark #pp-nav {
color: rgba(255, 255, 255, 0.7);
}
.lqd-active-row-dark #pp-nav a {
color: inherit;
}
.lqd-active-row-dark #pp-nav li.active a {
color: #fff;
}
.lqd-active-row-dark .pp-nav-current {
color: #fff;
}
@media (max-width: 991px) {
#pp-nav {
display: flex;
flex-direction: column;
align-items: center;
left: 20px;
top: auto;
bottom: 40px;
right: auto !important;
font-size: 1em;
transform: none;
}
#pp-nav .pp-nav-inner {
display: flex;
align-items: center;
flex-direction: row;
}
#pp-nav .pp-nav-current,
#pp-nav .pp-nav-total {
margin: 0;
left: 0;
}
#pp-nav .pp-nav-current {
align-items: center;
height: 1em;
line-height: 1em;
}
#pp-nav .pp-nav-total {
margin-inline-start: 1em;
}
#pp-nav .pp-nav-total:before {
content: "|";
padding-inline-end: 0.75em;
transform: scaleX(1.25) skewX(-18deg);
}
}
@media (min-width: 992px) {
.lqd-stack-nav-style-1 #pp-nav a {
display: inline-flex;
width: 10px;
height: 10px;
border-radius: 50em;
flex-flow: row wrap;
align-items: center;
transform-origin: right center;
}
.lqd-stack-nav-style-1 #pp-nav a:before,
.lqd-stack-nav-style-1 #pp-nav a:after {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 50em;
transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-stack-nav-style-1 #pp-nav a:before {
background-color: currentColor;
transform: scale(0.5);
}
.lqd-stack-nav-style-1 #pp-nav a:after {
transform: scale(0);
border: 2px solid;
}
.lqd-stack-nav-style-1 #pp-nav a span {
display: block;
width: 100%;
height: 100%;
}
.lqd-stack-nav-style-1 #pp-nav li {
display: flex;
flex-direction: row-reverse;
align-items: center;
margin: 20px 0;
}
.lqd-stack-nav-style-1 #pp-nav li:first-child {
margin-top: 0;
}
.lqd-stack-nav-style-1 #pp-nav li:last-child {
margin-bottom: 0;
}
.lqd-stack-nav-style-1 #pp-nav li.active a:before {
transform: scale(0);
transition-delay: 0.25s;
}
.lqd-stack-nav-style-1 #pp-nav li.active a:after {
transform: scale(1);
}
.lqd-stack-has-footer .lqd-stack-nav-style-1 #pp-nav li:nth-last-child(2) {
margin-bottom: 0;
}
.lqd-active-row-dark .lqd-stack-nav-style-1 #pp-nav a:before {
background: #d0cde0;
}
.lqd-active-row-dark .lqd-stack-nav-style-1 #pp-nav a:after {
border-color: #d0cde0;
}
.lqd-active-row-dark .lqd-stack-nav-style-1 #pp-nav li {
color: currentColor;
}
}
@media (min-width: 992px) {
.lqd-stack-nav-style-2 #pp-nav {
display: flex;
flex-direction: column;
align-items: center;
}
.lqd-stack-nav-style-2 #pp-nav ul {
display: flex;
flex-direction: column;
}
.lqd-stack-nav-style-2 #pp-nav li {
width: 1px;
margin: 0;
flex: 0 0 50px;
}
.lqd-stack-nav-style-2 #pp-nav li.active a:after {
transform: scaleY(1);
}
.lqd-stack-nav-style-2 #pp-nav li.active .pp-tooltip {
opacity: 0;
visibility: hidden;
transform: translate(18px, -50%);
}
.lqd-stack-nav-style-2 #pp-nav li.active~li a:after {
transform: scaleY(0);
}
.lqd-stack-nav-style-2 #pp-nav li:hover .pp-tooltip {
opacity: 1;
visibility: visible;
transform: translate(0, -50%);
}
.lqd-stack-nav-style-2 #pp-nav a {
flex: 1;
background-color: rgba(0, 0, 0, 0.3);
}
.lqd-stack-nav-style-2 #pp-nav a:before,
.lqd-stack-nav-style-2 #pp-nav a:after {
content: "";
display: inline-block;
height: 100%;
position: absolute;
top: 0;
transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-stack-nav-style-2 #pp-nav a:before {
width: 10px;
left: -5px;
}
.lqd-stack-nav-style-2 #pp-nav a:after {
width: 100%;
height: 100%;
transform-origin: top;
background-color: currentColor;
}
.lqd-stack-nav-style-2 #pp-nav .pp-tooltip {
opacity: 0;
visibility: hidden;
transform: translate(18px, -50%);
}
.lqd-active-row-dark.lqd-stack-nav-style-2 #pp-nav a {
background-color: rgba(255, 255, 255, 0.4);
}
}
@media (min-width: 992px) {
.lqd-stack-nav-style-3 #pp-nav {
display: flex;
flex-direction: column;
align-items: center;
}
.lqd-stack-nav-style-3 #pp-nav ul {
display: flex;
flex-direction: column;
width: 27px;
}
.lqd-stack-nav-style-3 #pp-nav li:not(:last-child) {
margin-bottom: 12px;
}
.lqd-stack-nav-style-3 #pp-nav li.active a svg {
stroke-dashoffset: 0;
}
.lqd-stack-nav-style-3 #pp-nav li.active .pp-tooltip {
visibility: hidden;
opacity: 0;
}
.lqd-stack-nav-style-3 #pp-nav li:hover:not(.active) a span {
transform: scale(2);
}
.lqd-stack-nav-style-3 #pp-nav a {
display: inline-grid;
width: 100%;
height: 27px;
place-items: center;
border-radius: 50em;
}
.lqd-stack-nav-style-3 #pp-nav a span {
display: inline-block;
width: 5px;
height: 5px;
border-radius: inherit;
background-color: currentColor;
transition: transform 0.65s;
}
.lqd-stack-nav-style-3 #pp-nav a svg {
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
stroke-width: 2px;
stroke: currentColor;
stroke-dasharray: 86;
stroke-dashoffset: 86;
transition: stroke-dashoffset 0.65s;
}
.lqd-stack-nav-style-3 #pp-nav .pp-tooltip {
margin-inline-end: 0;
}
.lqd-stack-nav-style-3 #pp-nav .pp-nav-current,
.lqd-stack-nav-style-3 #pp-nav .pp-nav-total {
width: 27px;
left: 0;
margin-inline-start: 0;
}
.lqd-active-row-dark.lqd-stack-nav-style-3 #pp-nav svg {
stroke: currentColor;
}
}
@media (min-width: 992px) {
.lqd-stack-nav-style-4 #pp-nav .pp-tooltip {
display: inline-block;
margin-inline-end: 15px;
position: absolute;
top: 50%;
right: 100%;
opacity: 0;
visibility: hidden;
white-space: nowrap;
transition-property: visibility, opacity, transform, color;
transition-duration: 0.45s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transform: translateY(-50%);
}
.lqd-stack-nav-style-4 #pp-nav a {
display: inline-flex;
width: 24px;
height: 1px;
position: relative;
background-color: currentColor;
flex-flow: row wrap;
align-items: center;
transform-origin: right center;
opacity: 0.4;
}
.lqd-stack-nav-style-4 #pp-nav a:before {
content: "";
display: inline-block;
width: 100%;
height: 21px;
position: absolute;
top: -10px;
left: 0;
}
.lqd-stack-nav-style-4 #pp-nav li {
display: flex;
flex-direction: row-reverse;
align-items: center;
position: relative;
margin: 13px 0;
}
.lqd-stack-nav-style-4 #pp-nav li:first-child {
margin-top: 0;
}
.lqd-stack-nav-style-4 #pp-nav li:last-child {
margin-bottom: 0;
}
.lqd-stack-has-footer .lqd-stack-nav-style-4 #pp-nav li:nth-last-child(2) {
margin-bottom: 0;
}
.lqd-stack-nav-style-4 #pp-nav li:hover a {
transform: scaleX(1.5);
}
.lqd-stack-nav-style-4 #pp-nav li:hover .pp-tooltip {
opacity: 1;
visibility: visible;
transform: translate(-18px, -50%);
}
.lqd-stack-nav-style-4 #pp-nav li.active a {
transform: scaleX(1.5);
opacity: 1;
}
.lqd-stack-nav-style-4 #pp-nav li.active .pp-tooltip {
transform: translate(-18px, -50%);
}
.lqd-stack-nav-style-4 #pp-nav ul {
display: flex;
flex-direction: column;
}
.lqd-stack-nav-style-4 #pp-nav .pp-nav-current,
.lqd-stack-nav-style-4 #pp-nav .pp-nav-total {
margin-top: 2em;
margin-bottom: 2em;
}
}
@keyframes lqdStackNumberActive {
from {
transform: scale(0.5);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
@keyframes lqdStackNumberPassed {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(1.5);
opacity: 0;
}
}
@keyframes lqdStackNumberActiveUp {
from {
transform: scale(1.5);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
@keyframes lqdStackNumberPassedUp {
from {
transform: scale(0.5);
opacity: 1;
}
to {
transform: scale(1);
opacity: 0;
}
}
.lqd-stack-page-number {
z-index: 8;
opacity: 1;
visibility: visible;
transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
color: #000;
}
.lqd-stack-page-number a {
color: inherit;
}
.lqd-stack-page-number .active {
color: var(--lqd-color-primary);
}
.lqd-stack-moving .lqd-stack-page-number-current {
animation: lqdStackNumberActive 0.45s cubic-bezier(0.39, 0.575, 0.565, 1) both alternate;
}
.lqd-stack-moving .lqd-stack-page-number-passed {
animation: lqdStackNumberPassed 0.45s cubic-bezier(0.39, 0.575, 0.565, 1) both alternate;
}
.lqd-stack-moving.lqd-stack-moving-up .lqd-stack-page-number-current {
animation-name: lqdStackNumberActiveUp;
}
.lqd-stack-moving.lqd-stack-moving-up .lqd-stack-page-number-passed {
animation-name: lqdStackNumberPassedUp;
}
.lqd-active-row-dark .lqd-stack-page-number {
color: #fff;
}
@media (max-width: 991px) {
.lqd-stack-page-number {
display: none;
}
}
.lqd-stack-nums-style-1 .lqd-stack-page-number {
position: fixed;
bottom: 40px;
left: 50%;
font-size: 20px;
font-weight: 700;
transform: translateX(-50%);
}
.lqd-stack-nums-style-1 .lqd-stack-page-number span {
display: inline-block;
}
.lqd-stack-nums-style-1 .lqd-stack-page-number svg {
display: none;
}
.lqd-stack-nums-style-1 .lqd-stack-page-number-counter {
position: relative;
}
.lqd-stack-nums-style-1 .lqd-stack-page-number-current {
overflow: hidden;
}
.lqd-stack-nums-style-1 .lqd-stack-page-number-passed {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.lqd-stack-nums-style-1 .lqd-stack-page-number-total {
font-size: 0.55em;
}
.lqd-stack-nums-style-1 .lqd-stack-page-number-total:before {
content: "";
display: inline-block;
width: 2px;
height: 1.75em;
margin-inline-end: 4px;
margin-inline-start: 2px;
background-color: currentColor;
transform: skewX(-18deg);
}
.lqd-stack-nums-style-2 .lqd-stack-page-number {
border-top: 1px solid rgba(0, 0, 0, 0.3);
position: fixed;
bottom: 0;
left: 0;
right: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.1em;
transform: none;
}
.lqd-stack-nums-style-2 .lqd-stack-page-number ul,
.lqd-stack-nums-style-2 .lqd-stack-page-number li,
.lqd-stack-nums-style-2 .lqd-stack-page-number a {
display: flex;
}
.lqd-stack-nums-style-2 .lqd-stack-page-number li,
.lqd-stack-nums-style-2 .lqd-stack-page-number a {
flex: 1;
}
.lqd-stack-nums-style-2 .lqd-stack-page-number ul {
width: 100%;
counter-reset: stackModernNumbers;
}
.lqd-stack-nums-style-2 .lqd-stack-page-number li {
counter-increment: stackModernNumbers;
}
.lqd-stack-nums-style-2 .lqd-stack-page-number svg {
display: none;
}
.lqd-stack-nums-style-2 .lqd-stack-page-number a {
padding: 1em;
justify-content: center;
}
.lqd-stack-nums-style-2 .lqd-stack-page-number a span {
display: inline-flex;
align-items: center;
position: relative;
line-height: 1.15em;
overflow: hidden;
}
.lqd-stack-nums-style-2 .lqd-stack-page-number a span:before,
.lqd-stack-nums-style-2 .lqd-stack-page-number a span:after {
display: inline-block;
content: counter(stackModernNumbers, decimal-leading-zero);
transition: transform 1.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.lqd-stack-nums-style-2 .lqd-stack-page-number a span:after {
position: absolute;
top: 0;
left: 0;
transform: translateY(105%);
}
.lqd-stack-nums-style-2 .lqd-stack-page-number a:hover span:before {
transform: translateY(-105%);
}
.lqd-stack-nums-style-2 .lqd-stack-page-number a:hover span:after {
transform: translateY(0);
}
.lqd-stack-nums-style-2 .lqd-stack-page-number .pp-tooltip {
display: none;
}
.lqd-active-row-dark .lqd-stack-page-number {
border-top-color: rgba(255, 255, 255, 0.1);
}
.lqd-active-row-light .lqd-stack-page-number {
border-top-color: rgba(0, 0, 0, 0.5);
}
.lqd-stack-prevnext-wrap {
z-index: 7;
line-height: 1em;
}
.lqd-stack-prevnext-button {
display: inline-flex;
flex-flow: row nowrap;
align-items: center;
padding: 0;
border: none;
position: fixed;
z-index: 10;
background: none;
transition: opacity 0.3s, visibility 0.3s, color 0.3s;
}
.lqd-stack-prevnext-button:focus {
outline: none;
}
.lqd-stack-prevnext-button .lqd-stack-button-ext {
display: none;
}
.lqd-active-row-dark .lqd-stack-prevnext-button {
color: #fff;
}
@media (max-width: 991px) {
.lqd-stack-prevnext-wrap {
display: none;
}
}
@keyframes lqdStackArrowNext {
0% {
transform: translate(0);
opacity: 1;
}
60% {
transform: translateX(50%);
}
61% {
transform: translateX(-100%);
opacity: 0;
}
100% {
transform: translate(0);
opacity: 1;
}
}
@keyframes lqdStackArrowPrev {
0% {
transform: translate(0);
opacity: 1;
}
60% {
transform: translateX(-50%);
}
61% {
transform: translateX(100%);
opacity: 0;
}
100% {
transform: translate(0);
opacity: 1;
}
}
.lqd-stack-buttons-style-1 .lqd-stack-prevnext-button {
top: 50%;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.1em;
white-space: nowrap;
transform: translateY(-50%);
transition: color 0.3s;
}
.lqd-stack-buttons-style-1 .lqd-stack-button-label {
transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-stack-buttons-style-1 .lqd-stack-button-ext {
display: flex;
align-items: center;
}
.lqd-stack-buttons-style-1 .lqd-stack-button-ext:before {
display: inline-block;
font: normal normal 2em "lqd-essentials";
}
.lqd-stack-buttons-style-1 .lqd-stack-prev-button {
left: 50px;
margin-inline-end: 5px;
flex-direction: row-reverse;
}
.lqd-stack-buttons-style-1 .lqd-stack-prev-button .lqd-stack-button-ext {
margin-inline-end: 10px;
}
.lqd-stack-buttons-style-1 .lqd-stack-prev-button .lqd-stack-button-ext:before {
content: "\ea33";
}
.lqd-stack-buttons-style-1 .lqd-stack-prev-button:hover .lqd-stack-button-label {
transform: translateX(-2px);
}
.lqd-stack-buttons-style-1 .lqd-stack-prev-button:hover .lqd-stack-button-ext {
animation: lqdStackArrowPrev 0.45s cubic-bezier(0.77, 0, 0.175, 1) both alternate;
}
.lqd-stack-buttons-style-1 .lqd-stack-next-button {
right: 50px;
margin-inline-start: 5px;
}
.lqd-stack-buttons-style-1 .lqd-stack-next-button .lqd-stack-button-ext {
margin-inline-start: 10px;
}
.lqd-stack-buttons-style-1 .lqd-stack-next-button .lqd-stack-button-ext:before {
content: "\ea31";
}
.lqd-stack-buttons-style-1 .lqd-stack-next-button:hover .lqd-stack-button-label {
transform: translateX(2px);
}
.lqd-stack-buttons-style-1 .lqd-stack-next-button:hover .lqd-stack-button-ext {
animation: lqdStackArrowNext 0.45s cubic-bezier(0.77, 0, 0.175, 1) both alternate;
}
.lqd-stack-buttons-style-1.lqd-stack-has-nav .lqd-stack-prevnext-button {
position: relative;
top: auto;
left: auto;
right: auto;
transform: none;
}
.lqd-stack-buttons-style-1.lqd-stack-has-nav .lqd-stack-prevnext-wrap {
position: absolute;
bottom: 40px;
right: 50px;
}
.lqd-stack-buttons-style-1.page-has-right-stickybar #pp-nav,
.lqd-stack-buttons-style-1.page-has-right-stickybar .lqd-stack-prevnext-wrap {
right: 125px;
}
.lqd-stack-buttons-style-2 .lqd-stack-prevnext-wrap {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
padding: 6vh 0;
position: fixed;
top: 0;
bottom: 0;
right: 50px;
font-size: 16px;
writing-mode: vertical-lr;
}
.lqd-stack-buttons-style-2 .lqd-stack-prevnext-button {
position: relative;
right: 0;
white-space: nowrap;
transform: rotate(-180deg);
}
.lqd-stack-buttons-style-2 .lqd-stack-prevnext-button span {
writing-mode: vertical-lr;
}
.lqd-stack-buttons-style-2 .lqd-stack-button-label {
transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.lqd-stack-buttons-style-2 .lqd-stack-prev-button {
top: 0;
}
.lqd-stack-buttons-style-2 .lqd-stack-next-button {
bottom: 0;
}
.lqd-stack-buttons-style-2 .lqd-stack-button-label {
display: inline-flex;
align-items: center;
}
.lqd-stack-buttons-style-2.lqd-stack-has-prevnext-buttons .lqd-stack-prevnext-wrap {
padding-top: calc(6vh + 50px);
padding-bottom: calc(6vh + 50px);
}
.lqd-stack-buttons-style-2.page-has-right-stickybar #pp-nav,
.lqd-stack-buttons-style-2.page-has-right-stickybar .lqd-stack-prevnext-wrap {
right: 110px;
}
@keyframes lqdStackRowFadeScaleEnterFromBottom {
from {
transform: translate3d(0, 100vh, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes lqdStackRowFadeScaleEnter {
from {
transform: scale(0.9) translate3d(0, 0, 0);
opacity: 0;
}
to {
transform: scale(1) translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes lqdStackRowFadeScaleLeave {
from {
transform: scale(1) translate3d(0, 0, 0);
}
to {
transform: scale(0.9) translate3d(0, 0, 0);
opacity: 0;
}
}
@keyframes lqdStackRowFadeScaleLeaveToBottom {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(0, 100vh, 0);
}
}
.lqd-stack-effect-fadeScale.lqd-stack-moving-up .lqd-stack-row-entering {
animation: lqdStackRowFadeScaleEnter 1.15s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
z-index: 0;
}
.lqd-stack-effect-fadeScale.lqd-stack-moving-down .lqd-stack-row-entering {
animation: lqdStackRowFadeScaleEnterFromBottom 1.15s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.lqd-stack-effect-fadeScale.lqd-stack-moving-up .lqd-stack-row-leaving {
animation: lqdStackRowFadeScaleLeaveToBottom 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.lqd-stack-effect-fadeScale.lqd-stack-moving-down .lqd-stack-row-leaving {
animation: lqdStackRowFadeScaleLeave 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
@keyframes lqdStackRowMaskEnterFromTop {
from {
transform: translate3d(0, -100vh, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes lqdStackRowMaskEnterFromBottom {
from {
transform: translate3d(0, 100vh, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes lqdStackRowMaskLeaveToTop {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(0, -50vh, 0);
}
}
@keyframes lqdStackRowMaskLeaveToBottom {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(0, 50vh, 0);
}
}
@keyframes lqdStackRowMaskEnterFromTopInner {
from {
transform: translate3d(0, -100vh, 0) scale3d(1.1, 1.1, 1);
}
to {
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
}
@keyframes lqdStackRowMaskEnterFromBottomInner {
from {
transform: translate3d(0, 100vh, 0) scale3d(1.1, 1.1, 1);
}
to {
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
}
@keyframes lqdStackRowMaskLeaveToTopInner {
from {
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
to {
transform: translate3d(0, -50vh, 0) scale3d(1.15, 1.15, 1);
}
}
@keyframes lqdStackRowMaskLeaveToBottomInner {
from {
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
to {
transform: translate3d(0, 50vh, 0) scale3d(1.15, 1.15, 1);
}
}
.lqd-stack-effect-mask .lqd-stack-row-entering>.ld-container {
will-change: transform;
}
.lqd-stack-effect-mask.lqd-stack-moving-up .lqd-stack-row-entering {
overflow: hidden;
animation: lqdStackRowMaskEnterFromTop 1.15s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.lqd-stack-effect-mask.lqd-stack-moving-up .lqd-stack-row-entering>.ld-container {
animation: lqdStackRowMaskEnterFromBottomInner 1.15s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.lqd-stack-effect-mask.lqd-stack-moving-down .lqd-stack-row-entering {
overflow: hidden;
animation: lqdStackRowMaskEnterFromBottom 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.lqd-stack-effect-mask.lqd-stack-moving-down .lqd-stack-row-entering>.ld-container {
animation: lqdStackRowMaskEnterFromTopInner 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.lqd-stack-effect-mask .lqd-stack-row-leaving>.ld-container {
will-change: transform;
}
.lqd-stack-effect-mask.lqd-stack-moving-up .lqd-stack-row-leaving {
overflow: hidden;
animation: lqdStackRowMaskLeaveToBottom 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.lqd-stack-effect-mask.lqd-stack-moving-up .lqd-stack-row-leaving:not(.main-footer)>.ld-container {
animation: lqdStackRowMaskLeaveToTopInner 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.lqd-stack-effect-mask.lqd-stack-moving-down .lqd-stack-row-leaving {
overflow: hidden;
animation: lqdStackRowMaskLeaveToTop 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.lqd-stack-effect-mask.lqd-stack-moving-down .lqd-stack-row-leaving>.ld-container {
animation: lqdStackRowMaskLeaveToBottomInner 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
@keyframes lqdStackRowSlideOverEnterFromTop {
from {
transform: translate3d(0, -100vh, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes lqdStackRowSlideOverEnterFromBottom {
from {
transform: translate3d(0, 100vh, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes lqdStackRowSlideOverLeaveToTop {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(0, -50vh, 0);
}
}
@keyframes lqdStackRowSlideOverLeaveToBottom {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(0, 50vh, 0);
}
}
.lqd-stack-effect-slideOver.lqd-stack-moving-up .lqd-stack-row-entering {
animation: lqdStackRowSlideOverEnterFromTop 1.15s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.lqd-stack-effect-slideOver.lqd-stack-moving-down .lqd-stack-row-entering {
animation: lqdStackRowSlideOverEnterFromBottom 1.15s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.lqd-stack-effect-slideOver.lqd-stack-moving-up .lqd-stack-row-leaving {
animation: lqdStackRowSlideOverLeaveToBottom 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
.lqd-stack-effect-slideOver.lqd-stack-moving-down .lqd-stack-row-leaving {
animation: lqdStackRowSlideOverLeaveToTop 1.2s cubic-bezier(0.23, 1, 0.32, 1) both alternate;
}
/* Add by Ebi */
.submenu-expander:before {
content: '\ea2f';
display: inline-flex;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
align-items: center;
justify-content: center;
font: normal 1em/1 'lqd-essentials';
}