X7ROOT File Manager
Current Path:
/home/hamdjcne/public_html/wp-content/themes/hub/assets/css
home
/
hamdjcne
/
public_html
/
wp-content
/
themes
/
hub
/
assets
/
css
/
ðŸ“
..
ðŸ“
elements
📄
liquid-events-table.min.css
(4.83 KB)
📄
liquid-license-manager.min.css
(7.68 KB)
📄
liquid-yith-compare.min.css
(1.69 KB)
📄
theme-bbpress.min.css
(16.1 KB)
📄
theme-gutenberg.css
(18.28 KB)
📄
theme-min.css
(793.61 KB)
📄
theme-responsive-max.min.css
(2.78 KB)
📄
theme-responsive-min.min.css
(21.57 KB)
📄
theme-rtl.css
(13.96 KB)
📄
theme-rtl.min.css
(13.92 KB)
📄
theme-scheme-dark.css
(4.64 KB)
📄
theme-scheme-dark.min.css
(3.85 KB)
📄
theme-shop.css
(153.63 KB)
📄
theme-shop.min.css
(131.32 KB)
📄
theme.css
(680.37 KB)
📄
theme.min.css
(574.83 KB)
ðŸ“
vendors
Editing: theme.css
/* * Name: Landing Hub - Main styles * Written by: LiquidThemes */ /*---------------------------------------- [ TABLE OF CONTENTS ] 1. BASE |- 1.1. Base |- 1.2. Header |- 1.3. Footer |- 1.4. Titlebar |- 1.5. Preloaders 2. PAGE LAYOUTS |- 2.1. Header Side |- 2.2. Sidebar |- 2.3. Stack |- 2.4. Boxed |- 2.5. Header Schemes 3. LIQUID SHORTCODES |- 3.1. Buttons |- 3.2. Social Icons |- 3.3. Accordions |- 3.4. Icon Boxes |- 3.5. Tabs |- 3.6. Subscribe Forms |- 3.7. Contact Forms |- 3.8. Fancy Titles |- 3.9. Pricing Tables |- 3.10. Testimonials |- 3.11. Carousel |- 3.12. Carousel Vertical 3d |- 3.13. Latest Posts |- 3.14. Filter Lists |- 3.15. Fancy Boxes |- 3.16. Counter |- 3.17. Liquid Forms |- 3.18. jQuery UI & Select 2 |- 3.19. Reservation Form |- 3.21. Progressbar |- 3.22. Milestone |- 3.24. Instagram Feed |- 3.25. Twitter Feed |- 3.26. Banner |- 3.27. Image Groups |- 3.28. Pagination |- 3.29. Blog Grid |- 3.31. Masonry |- 3.32. Parallax |- 3.33. Team Members |- 3.34. Portfolios |- 3.35. Blog |- 3.36. Particles |- 3.37. Carousel Laptop |- 3.38. Liquid Fancy Heading |- 3.39. Row Overlay |- 3.40. Maps |- 3.41. Custom Animations |- 3.42. Masked Image |- 3.43. Slideshow BG |- 3.44. Custom Menu |- 3.45. Shop Banner |- 3.46. Carousel Phone |- 3.47. Media |- 3.48. Modal |- 3.49. Before After |- 3.50. Process Box |- 3.52. Message |- 3.53. Flipbox |- 3.54. Iconbox Circle |- 3.55. Row Separator |- 3.56. Roadmap |- 3.57. Countdown |- 3.58. Breadcrumbs |- 3.59. Bullet List |- 3.60. Video BG |- 3.61. Frickin Image |- 3.62. Promo |- 3.63. Back to Top |- 3.64. Carousel Falcate |- 3.65. Carousel Stack |- 3.66. Slideshow |- 3.67. Hightlights |- 3.68. Animated Frames |- 3.69. Banner Bananas |- 3.70. Banner 3D |- 3.71. Banner 3D Depth |- 3.72. Distorted Image Gallery |- 3.73. Image Trail |- 3.74. Image Text Slider |- 3.75. Typewriter |- 3.76. Fullscreen Projects |- 3.77. Image Text Overlay |- 3.78. Asymmetric Slider |- 3.79. Hotspot |- 3.80. Sticky Stack |- 3.81. Snickers Bar |- 3.82. Image Gallery |- 3.83. Domain Search |- 3.84. Section Scroll 4. VC SHORTCODES |- 4.1. Single image |- 4.2. Columns |- 4.3. Rows |- 4.4. Text Block 5. PARTIALS |- 5.1. Search Results |- 5.2. 404 Not Found |- 5.3. Widgets |- 5.4. Page Frame |- 5.5. Custom Cursor |- 5.6. Scroll Indicator 6. RESPONSIVE ---------------------------------------- [ TYPOGRAPHY ] $font-primary: 'Roboto', 'Open Sans', sans-serif; $font-size: 16px; $line-height: 30px; $font-color: #808291; [ COLORS ] $color-primary: #3ed2a7; $color-secondary: #ffb09f; -----------------------------------------*/ /* 1. BASE */ /* 1.1. Base */ :root { --color-font: #626974; --color-primary: #184341; --color-secondary: var(--e-global-color-secondary); --color-link: #5b7bfb; --color-link-hover: #181b31; --color-gradient-start: #007fff; --color-gradient-stop: #ff4d54; --lqd-site-width: 1140px; --lqd-z-index: 20; --lqd-sticky-header-height: 0px; --lqd-sticky-header-sentinel-top: 100%; --lqd-sticky-header-placeholder-height: 80px; --lqd-snickersbar-animation-time: 1.2s; --lqd-snickersbar-stay-time: 4s; --lqd-menu-items-top-padding: 10px; --lqd-menu-items-bottom-padding: 10px; --lqd-menu-items-left-padding: 15px; --lqd-menu-items-right-padding: 15px; --lqd-cc-bc: var(--color-primary); --lqd-cc-bg: var(--color-primary); --lqd-cc-size-outer: 35px; --lqd-cc-size-inner: 7px; --lqd-cc-bw: 1px; --lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2); --lqd-cc-active-bc: var(--color-primary); --lqd-cc-active-bg: var(--color-primary); --lqd-cc-active-bw: 1px; --lqd-cc-active-circle-color: #fff; --lqd-cc-active-circle-txt: #000; --lqd-cc-active-arrow-color: #fff; } .d-none { display: none !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-grow { flex-grow: 1; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInLeft { from { transform: translateX(30px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes fadeInTop { from { transform: translateY(30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .lqd-spin { animation: spin 2s linear infinite; } .lqd-fade-in { animation: fadeIn 0.8s cubic-bezier(0.23, 1, 0.32, 1) both; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-transform-none { text-transform: none !important; } .text-underline { text-decoration: underline; } .ltr-sp-0 { letter-spacing: 0 !important; } .ltr-sp-025 { letter-spacing: 0.025em !important; } .ltr-sp-05 { letter-spacing: 0.05em !important; } .ltr-sp-075 { letter-spacing: 0.075em !important; } .ltr-sp-085 { letter-spacing: 0.085em !important; } .ltr-sp-1 { letter-spacing: 0.1em !important; } .ltr-sp-135 { letter-spacing: 0.135em !important; } .ltr-sp-15 { letter-spacing: 0.15em !important; } .ltr-sp-175 { letter-spacing: 0.175em !important; } .ltr-sp-2 { letter-spacing: 0.2em !important; } .ltr-sp-225 { letter-spacing: 0.225em !important; } .ltr-sp-25 { letter-spacing: 0.25em !important; } .lh-1 { line-height: 1em !important; } .lh-125 { line-height: 1.25em !important; } .lh-135 { line-height: 1.35em !important; } .lh-15 { line-height: 1.5em !important; } .lh-165 { line-height: 1.65em !important; } .lh-175 { line-height: 1.75em !important; } .lh-2 { line-height: 1.2em !important; } .lh-25 { line-height: 2.5em !important; } .lh-275 { line-height: 2.75em !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-medium { font-weight: 500 !important; } .font-weight-semibold { font-weight: 600 !important; } .font-weight-bold { font-weight: 700 !important; } .font-style-italic { font-style: italic !important; } .ws-normal { white-space: normal !important; } .ws-nowrap { white-space: nowrap !important; } .text-white { color: #fff; } .text-primary { color: var(--color-primary); } .text-secondary { color: var(--color-secondary); } .fz-085 { font-size: 0.85em !important; } .fz-075 { font-size: 0.75em !important; } .fz-05 { font-size: 0.5em !important; } .ml-0 { margin-inline-start: 0 !important; } .mr-0 { margin-inline-end: 0 !important; } .pl-0 { padding-inline-start: 0 !important; } .pr-0 { padding-inline-end: 0 !important; } .mt-auto { margin-top: auto; } .mb-auto { margin-bottom: auto; } .color-primary { color: var(--color-primary); } .color-secondary { color: var(--color-secondary); } .branded [class*=fa-behance] { background-color: #1769ff; } .branded [class*=fa-behance-square] { background-color: #1769ff; } .branded [class*=fa-codepen] { background-color: #0ebeff; } .branded [class*=fa-deviantart] { background-color: #05cc47; } .branded [class*=fa-digg] { background-color: #005be2; } .branded [class*=fa-dribbble] { background-color: #ea4c89; } .branded [class*=fa-facebook] { background-color: #3b5998; } .branded [class*=fa-facebook-square] { background-color: #3b5998; } .branded [class*=fa-flickr] { background-color: #0063dc; } .branded [class*=fa-github] { background-color: #4078c0; } .branded [class*=fa-google] { background-color: #4285f4; } .branded [class*=fa-google-plus] { background-color: #dd4b39; } .branded [class*=fa-instagram] { background-color: #405de6; } .branded [class*=fa-jsfiddle] { background-color: #0084FF; } .branded [class*=fa-linkedin] { background-color: #0077b5; } .branded [class*=fa-medium] { background-color: #00ab6c; } .branded [class*=fa-paypal] { background-color: #003087; } .branded [class*=fa-pinterest] { background-color: #bd081c; } .branded [class*=fa-pinterest-p] { background-color: #bd081c; } .branded [class*=fa-reddit] { background-color: #ff4500; } .branded [class*=fa-reddit-square] { background-color: #ff4500; } .branded [class*=fa-skype] { background-color: #00aff0; } .branded [class*=fa-slack] { background-color: #6ecadc; } .branded [class*=fa-snapchat] { background-color: #fffc00; } .branded [class*=fa-soundcloud] { background-color: #ff8800; } .branded [class*=fa-spotify] { background-color: #1db954; } .branded [class*=fa-stack-overflow] { background-color: #f48024; } .branded [class*=fa-telegram] { background-color: #0088cc; } .branded [class*=fa-trello] { background-color: #0079bf; } .branded [class*=fa-tumblr] { background-color: #35465c; } .branded [class*=fa-twitch] { background-color: #6441a5; } .branded [class*=fa-twitter] { background-color: #1da1f2; } .branded [class*=fa-twitter-square] { background-color: #1da1f2; } .branded [class*=fa-vimeo] { background-color: #1ab7ea; } .branded [class*=fa-wordpress] { background-color: #21759b; } .branded [class*=fa-youtube] { background-color: #ff0000; } .branded [class*=fa-youtube-play] { background-color: #ff0000; } .branded-text [class*=fa-behance] { color: #1769ff; } .branded-text [class*=fa-behance-square] { color: #1769ff; } .branded-text [class*=fa-codepen] { color: #0ebeff; } .branded-text [class*=fa-deviantart] { color: #05cc47; } .branded-text [class*=fa-digg] { color: #005be2; } .branded-text [class*=fa-dribbble] { color: #ea4c89; } .branded-text [class*=fa-facebook] { color: #3b5998; } .branded-text [class*=fa-facebook-square] { color: #3b5998; } .branded-text [class*=fa-flickr] { color: #0063dc; } .branded-text [class*=fa-github] { color: #4078c0; } .branded-text [class*=fa-google] { color: #4285f4; } .branded-text [class*=fa-google-plus] { color: #dd4b39; } .branded-text [class*=fa-instagram] { color: #405de6; } .branded-text [class*=fa-jsfiddle] { color: #0084FF; } .branded-text [class*=fa-linkedin] { color: #0077b5; } .branded-text [class*=fa-medium] { color: #00ab6c; } .branded-text [class*=fa-paypal] { color: #003087; } .branded-text [class*=fa-pinterest] { color: #bd081c; } .branded-text [class*=fa-pinterest-p] { color: #bd081c; } .branded-text [class*=fa-reddit] { color: #ff4500; } .branded-text [class*=fa-reddit-square] { color: #ff4500; } .branded-text [class*=fa-skype] { color: #00aff0; } .branded-text [class*=fa-slack] { color: #6ecadc; } .branded-text [class*=fa-snapchat] { color: #fffc00; } .branded-text [class*=fa-soundcloud] { color: #ff8800; } .branded-text [class*=fa-spotify] { color: #1db954; } .branded-text [class*=fa-stack-overflow] { color: #f48024; } .branded-text [class*=fa-telegram] { color: #0088cc; } .branded-text [class*=fa-trello] { color: #0079bf; } .branded-text [class*=fa-tumblr] { color: #35465c; } .branded-text [class*=fa-twitch] { color: #6441a5; } .branded-text [class*=fa-twitter] { color: #1da1f2; } .branded-text [class*=fa-twitter-square] { color: #1da1f2; } .branded-text [class*=fa-vimeo] { color: #1ab7ea; } .branded-text [class*=fa-wordpress] { color: #21759b; } .branded-text [class*=fa-youtube] { color: #ff0000; } .branded-text [class*=fa-youtube-play] { color: #ff0000; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .lqd-star-rating { padding: 0; margin: 0; list-style: none; } .lqd-star-rating li { display: inline-flex; font-size: 1em; line-height: 1.5em; color: #ffcc00; letter-spacing: 0.1em; margin: 0; } .lqd-star-rating.square li { width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 2px; font-size: 20px; color: #fff; background-color: #ff7a4b; } .lqd-star-rating.square.sm li { width: 13px; height: 13px; font-size: 8px; } .lqd-star-rating-outline, .lqd-star-rating-fill { padding: 8px 13px; border-radius: 5px; font-size: 14px; line-height: 1; } .lqd-star-rating-outline { border: 1px solid rgba(0, 0, 0, 0.045); } .lqd-star-rating-fill { position: relative; } .lqd-star-rating-fill:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: var(--color-primary); border-radius: inherit; opacity: 0.2; } .lqd-star-rating-fill li { position: relative; z-index: 1; } .liquid-overlay-link { display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: start; overflow: hidden; text-indent: -99999px; } .add-dropcap:first-letter { float: inline-start; margin-inline-end: 0.1em; font-size: 4em; font-weight: 700; line-height: 0.75em; color: #000; } [data-hover3d=true] [data-stacking-factor] { transition: none; } .lqd-overlay { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .transform-style-3d { transform-style: preserve-3d; } .perspective { perspective: 1200px; } .will-change { will-change: transform, opacity; } .will-change-opacity { will-change: opacity; } .will-change-transform { will-change: transform; } .backface-hidden { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .transition-none { transition: none !important; } .lqd-fade-sides { mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); } .vc_col-md-4 .lqd-fade-sides { mask-image: linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%); } .lqd-fade-sides.carousel-container { mask-image: none; -webkit-mask-image: none; } .lqd-fade-sides.carousel-container .flickity-viewport { mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); } .lqd-inline-video { display: flex; flex-direction: column; position: relative; } .lqd-inline-video video { flex-grow: 1; width: auto; height: auto; } .lazyload-enabled .lqd-inline-video:not(.loaded):before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.6; background-image: url("data:image/svg+xml;base64,PCEtLSBCeSBTYW0gSGVyYmVydCAoQHNoZXJiKSwgZm9yIGV2ZXJ5b25lLiBNb3JlIEAgaHR0cDovL2dvby5nbC83QUp6YkwgLS0+Cjxzdmcgd2lkdGg9IjM4IiBoZWlnaHQ9IjM4IiB2aWV3Qm94PSIwIDAgMzggMzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGNpcmNsZSBzdHJva2Utb3BhY2l0eT0iLjIiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPgogICAgICAgICAgICA8cGF0aCBkPSJNMzYgMThjMC05Ljk0LTguMDYtMTgtMTgtMTgiPgogICAgICAgICAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0KICAgICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iCiAgICAgICAgICAgICAgICAgICAgdHlwZT0icm90YXRlIgogICAgICAgICAgICAgICAgICAgIGZyb209IjAgMTggMTgiCiAgICAgICAgICAgICAgICAgICAgdG89IjM2MCAxOCAxOCIKICAgICAgICAgICAgICAgICAgICBkdXI9IjAuOHMiCiAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgICAgICAgICAgPC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); background-size: 38px !important; background-repeat: no-repeat !important; background-position: center !important; } .z-index--1 { z-index: -1; } .z-index-0 { z-index: 0; } .z-index-1 { z-index: 1; } .z-index-2 { z-index: 2; } .z-index-3 { z-index: 3; } .z-index-4 { z-index: 4; } .z-index-5 { z-index: 5; } .z-index-99 { z-index: 99; } .lqd-pos-mid { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .border-radius-0 { border-radius: 0px; } .border-radius-1 { border-radius: 1px; } .border-radius-2 { border-radius: 2px; } .border-radius-3 { border-radius: 3px; } .border-radius-4 { border-radius: 4px; } .border-radius-5 { border-radius: 5px; } .border-radius-6 { border-radius: 6px; } .border-radius-7 { border-radius: 7px; } .border-radius-8 { border-radius: 8px; } .border-radius-9 { border-radius: 9px; } .border-radius-10 { border-radius: 10px; } .border-radius-11 { border-radius: 11px; } .border-radius-12 { border-radius: 12px; } .border-radius-13 { border-radius: 13px; } .border-radius-14 { border-radius: 14px; } .border-radius-15 { border-radius: 15px; } .border-radius-16 { border-radius: 16px; } .border-radius-17 { border-radius: 17px; } .border-radius-18 { border-radius: 18px; } .border-radius-19 { border-radius: 19px; } .border-radius-20 { border-radius: 20px; } .semi-round { border-radius: 2px; } .round { border-radius: 4px; } .circle { border-radius: 50em; } .fullwidth { width: 100vw; position: relative; left: 50%; right: 50%; margin-inline-start: -50vw; margin-inline-end: -50vw; } .w-vw-100 { width: 100vw; } .w-auto { width: auto; } .h-pt-5 { padding-top: 5%; } .h-5 { height: 5%; } .h-pt-10 { padding-top: 10%; } .h-10 { height: 10%; } .h-pt-15 { padding-top: 15%; } .h-15 { height: 15%; } .h-pt-20 { padding-top: 20%; } .h-20 { height: 20%; } .h-pt-25 { padding-top: 25%; } .h-25 { height: 25%; } .h-pt-30 { padding-top: 30%; } .h-30 { height: 30%; } .h-pt-35 { padding-top: 35%; } .h-35 { height: 35%; } .h-pt-40 { padding-top: 40%; } .h-40 { height: 40%; } .h-pt-45 { padding-top: 45%; } .h-45 { height: 45%; } .h-pt-50 { padding-top: 50%; } .h-50 { height: 50%; } .h-pt-55 { padding-top: 55%; } .h-55 { height: 55%; } .h-pt-60 { padding-top: 60%; } .h-60 { height: 60%; } .h-pt-65 { padding-top: 65%; } .h-65 { height: 65%; } .h-pt-70 { padding-top: 70%; } .h-70 { height: 70%; } .h-pt-75 { padding-top: 75%; } .h-75 { height: 75%; } .h-pt-80 { padding-top: 80%; } .h-80 { height: 80%; } .h-pt-85 { padding-top: 85%; } .h-85 { height: 85%; } .h-pt-90 { padding-top: 90%; } .h-90 { height: 90%; } .h-pt-95 { padding-top: 95%; } .h-95 { height: 95%; } .h-pt-100 { padding-top: 100%; } .h-100 { height: 100%; } .h-pt-105 { padding-top: 105%; } .h-105 { height: 105%; } .h-pt-110 { padding-top: 110%; } .h-110 { height: 110%; } .h-pt-115 { padding-top: 115%; } .h-115 { height: 115%; } .h-pt-120 { padding-top: 120%; } .h-120 { height: 120%; } .h-pt-125 { padding-top: 125%; } .h-125 { height: 125%; } .h-pt-130 { padding-top: 130%; } .h-130 { height: 130%; } .h-pt-135 { padding-top: 135%; } .h-135 { height: 135%; } .h-pt-140 { padding-top: 140%; } .h-140 { height: 140%; } .h-pt-145 { padding-top: 145%; } .h-145 { height: 145%; } .h-pt-150 { padding-top: 150%; } .h-150 { height: 150%; } .h-pt-155 { padding-top: 155%; } .h-155 { height: 155%; } .h-pt-160 { padding-top: 160%; } .h-160 { height: 160%; } .h-pt-165 { padding-top: 165%; } .h-165 { height: 165%; } .h-pt-170 { padding-top: 170%; } .h-170 { height: 170%; } .h-pt-175 { padding-top: 175%; } .h-175 { height: 175%; } .h-pt-180 { padding-top: 180%; } .h-180 { height: 180%; } .h-pt-185 { padding-top: 185%; } .h-185 { height: 185%; } .h-pt-190 { padding-top: 190%; } .h-190 { height: 190%; } .h-pt-195 { padding-top: 195%; } .h-195 { height: 195%; } .h-pt-200 { padding-top: 200%; } .h-200 { height: 200%; } .h-vh-5 { height: 5vh; } .h-vh-10 { height: 10vh; } .h-vh-15 { height: 15vh; } .h-vh-20 { height: 20vh; } .h-vh-25 { height: 25vh; } .h-vh-30 { height: 30vh; } .h-vh-35 { height: 35vh; } .h-vh-40 { height: 40vh; } .h-vh-45 { height: 45vh; } .h-vh-50 { height: 50vh; } .h-vh-55 { height: 55vh; } .h-vh-60 { height: 60vh; } .h-vh-65 { height: 65vh; } .h-vh-70 { height: 70vh; } .h-vh-75 { height: 75vh; } .h-vh-80 { height: 80vh; } .h-vh-85 { height: 85vh; } .h-vh-90 { height: 90vh; } .h-vh-95 { height: 95vh; } .h-vh-100 { height: 100vh; } .fullheight { min-height: 100vh; } .bg-fixed { background-attachment: fixed; } .bg-cover { background-size: cover !important; } .bg-contain { background-size: contain !important; } .bg-no-repeat { background-repeat: no-repeat !important; } .bg-center { background-position: center !important; } .bg-left-center { background-position: left center !important; } .bg-left-top { background-position: left top !important; } .bg-left-bottom { background-position: left bottom !important; } .bg-right-center { background-position: right center !important; } .bg-right-top { background-position: right top !important; } .bg-right-bottom { background-position: right bottom !important; } .bg-center-bottom { background-position: center bottom !important; } .bg-center-top { background-position: center top !important; } .bg-transparent, .bg-transparent.vc_row, .bg-transparent.vc_section { background-color: transparent !important; } .lqd-v-lines { pointer-events: none; } .lqd-v-line span { width: 1px; background-color: #fff; } .objfit-cover { object-fit: cover; } .objfit-contain { object-fit: contain; } .objpos-center { object-position: center; } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .backdrop-blur { -webkit-backdrop-filter: blur(25px) brightness(120%); backdrop-filter: blur(25px) brightness(120%); } *, *:before, *:after { box-sizing: border-box; } html, body { max-width: 100vw; } html { font-size: 100%; overflow-x: hidden; } body { font-family: "Rubik", sans-serif; font-size: 18px; line-height: 1.7; font-weight: 400; color: var(--color-font); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } iframe { max-width: 100%; } /* Base Styles */ #wrap, #lqd-site-content { position: relative; } #lqd-site-content { z-index: 2; transition: transform 0.3s; background-color: #fff; } #lqd-contents-wrap:before, #lqd-contents-wrap:after { content: ""; display: table; } #lqd-contents-wrap:after { clear: both; } #lqd-contents-wrap > p { display: none; } #lqd-contents-wrap > p:last-of-type:before, #lqd-contents-wrap > p:last-of-type:after, #lqd-contents-wrap .lqd-contents > p:last-of-type:before, #lqd-contents-wrap .lqd-contents > p:last-of-type:after { content: ""; display: table; } #lqd-contents-wrap > p:last-of-type:after, #lqd-contents-wrap .lqd-contents > p:last-of-type:after { clear: both; } body.blog #lqd-contents-wrap, body.author #lqd-contents-wrap, body.tax-liquid-portfolio-category #lqd-contents-wrap, body.post-type-archive-liquid-portfolio #lqd-contents-wrap, body.search-results #lqd-contents-wrap, body.category #lqd-contents-wrap, body.tag #lqd-contents-wrap { padding-top: 60px; padding-bottom: 30px; } body.category.lqd-hide-sidebar-on-mobile #lqd-contents-wrap { padding-bottom: 0; } body.blog .lqd-main-sidebar { margin-top: 0 !important; } .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; } .titlebar-default ~ #lqd-site-content #lqd-contents-wrap, .lqd-main-header-default ~ #lqd-site-content #lqd-contents-wrap { padding-top: 60px; padding-bottom: 60px; } .titlebar-default ~ #lqd-site-content #lqd-contents-wrap .lqd-post-header, .lqd-main-header-default ~ #lqd-site-content #lqd-contents-wrap .lqd-post-header { padding-top: 0; } .titlebar-default ~ #lqd-site-content #lqd-contents-wrap .comments-area, .lqd-main-header-default ~ #lqd-site-content #lqd-contents-wrap .comments-area { padding-bottom: 0; } .titlebar-default ~ .lqd-main-footer-default, .lqd-main-header-default ~ .lqd-main-footer-default { margin-top: 0; } @media screen and (min-width: 992px) { .vc_col-md-1\/5 { width: 20%; } } a { text-decoration: none; color: var(--color-link); transition: all 0.3s; } a:hover { color: var(--color-link-hover); } a:hover, a:focus { text-decoration: none; } img { max-width: 100%; height: auto; } label { font-weight: normal; } textarea { resize: vertical; } dd { margin-inline-start: 1.5em; margin-top: 0.5em; margin-bottom: 0.5em; } table { width: 100%; margin-bottom: 1em; border: 1px solid #dedede; color: #333; } table tr { border-bottom: 1px solid #dedede; } table th, table td { border: none; padding: 0.5em 1em; border-inline-end: 1px solid #dedede; } table th:last-child, table td:last-child { border-inline-end-width: 0; } table th, table th a { color: #000; } table thead th { padding-top: 0.8em; padding-bottom: 0.8em; font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.1em; } table tbody th { font-weight: 400; } table tbody tr:nth-child(odd) { background-color: #f7f7f7; } table.wp-block-table { border-color: #dedede; } table.wp-block-table tr, table.wp-block-table td, table.wp-block-table th { border-color: inherit; } table.wp-block-table th, table.wp-block-table td { padding: 0.5em 0; } pre { margin-bottom: 1.5em; } blockquote { display: block; margin-bottom: 2.5em; font-style: italic; } .wpb_text_column blockquote, blockquote.wp-block-quote.is-large { padding-inline-start: 0; padding-inline-end: 0; } .wpb_text_column blockquote { border: none; } .wp-block-pullquote__citation, .wp-block-quote__citation, 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; } .wp-block-pullquote__citation:before, .wp-block-quote__citation:before, blockquote cite:before { content: ""; display: inline-block; width: 30px; height: 2px; position: absolute; top: 0; left: 0; background-color: currentColor; } .wp-block-quote.is-large .wp-block-pullquote__citation, .wp-block-quote.is-large .wp-block-quote__citation, .wp-block-quote.is-large blockquote cite { text-align: inherit; font-size: 12px; } .wp-block-quote.has-text-align-center cite:before, .wp-block-quote.has-text-align-center .wp-block-quote__citation:before { left: 50%; margin-inline-start: -15px; } .wp-block-quote.has-text-align-right cite:before, .wp-block-quote.has-text-align-right .wp-block-quote__citation:before { left: auto; right: 0; } .wp-block-pullquote, .wp-block-quote { margin-bottom: 32px; } .wp-block-pullquote blockquote, .wp-block-quote blockquote { margin-bottom: 0; } .wp-block-pullquote cite:before, .wp-block-pullquote .wp-block-pullquote__citation:before { left: 50%; margin-inline-start: -15px; } .wp-block-pullquote.is-style-solid-color cite:before, .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation:before { left: 0; margin-inline-start: 0; } figcaption { margin: 1.3em auto; color: #808291; font-style: italic; } .wp-block-button { margin-bottom: 1em; } .wp-block-audio { margin-bottom: 30px; } .mejs-offscreen, .fp-sr-only, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; top: 0; left: 0; width: 1px; word-wrap: normal !important; } /* Typography */ p { margin-top: 0; margin-bottom: 1.5em; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Manrope", sans-serif; margin: 1em 0 0.5em; font-weight: 600; line-height: 1.2em; color: #181b31; } h1, .h1 { margin-top: 0; font-size: 52px; } h2, .h2 { margin-top: 0.75em; font-size: 40px; } h3, .h3 { font-size: 32px; } h4, .h4 { font-size: 25px; } h5, .h5 { font-size: 21px; } h6, .h6 { font-size: 18px; } small, .font_small { font-size: 0.667em; } .ld-lazyload { opacity: 0.0001; transition: opacity 1s; } .ld-lazyload.loaded { opacity: 1; } .lqd-img-holder { display: block; position: relative; background-color: var(--color-img-holder); } .lqd-img-holder > img { width: 100%; height: 100%; max-width: 100%; position: absolute; top: 0; left: 0; image-rendering: auto; } .row-bg-loader { display: inline-block; width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-inline-start: -30px; opacity: 0.5; transition-property: opacity, visibility; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .row-bg-wrap, .row-bg-inner, .row-bg { display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: inherit; background-attachment: inherit; background-repeat: inherit; background-position: inherit; border-radius: inherit; pointer-events: none; } .row-bg { top: -2px; left: -2px; right: -2px; bottom: -2px; } .row-bg-wrap { overflow: hidden; } .lqd-parallax-container ~ .row-bg-wrap { display: none; } .row-bg-inner { opacity: 0; transform: scale(1.05); transition: transform 1.5s, opacity 1.5s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } [data-row-bg].vc_row, [data-row-bg].wpb_column > .vc_column-inner { background-image: none !important; } [data-row-bg] > .liquid-row-overlay { opacity: 0; } [data-row-bg] .pp-tableCell, [data-row-bg] .lqd-stack-section-inner { background: inherit; border-radius: inherit; } .row-bg-loaded > .vc_column-inner > .row-bg-loader, .row-bg-loaded > .row-bg-loader, .row-bg-loaded .lqd-stack-section-inner > .vc_column-inner > .row-bg-loader, .row-bg-loaded .lqd-stack-section-inner > .row-bg-loader, .slideshow-applied > .vc_column-inner > .row-bg-loader, .slideshow-applied > .row-bg-loader { opacity: 0; visibility: hidden; } .row-bg-loaded > .liquid-row-overlay, .row-bg-loaded .lqd-stack-section-inner > .liquid-row-overlay, .slideshow-applied > .liquid-row-overlay { opacity: 1; } .row-bg-loaded > .lqd-css-sticky .row-bg-wrap > .row-bg-inner, .row-bg-loaded > .vc_column-inner > .row-bg-wrap > .row-bg-inner, .row-bg-loaded .lqd-stack-section-inner > .row-bg-wrap > .row-bg-inner, .row-bg-loaded > .row-bg-wrap > .row-bg-inner { opacity: 1; transform: scale(1); } .slideshow-applied .ld-slideshow-bg-wrap .row-bg-loader { opacity: 0; visibility: hidden; } .lqd-scale-bg-onhover:hover > .vc_column-inner > .row-bg-wrap > .row-bg-inner, .lqd-scale-bg-onhover:hover .lqd-stack-section-inner > .row-bg-wrap > .row-bg-inner, .lqd-scale-bg-onhover:hover > .row-bg-wrap > .row-bg-inner { transform: scale(1.075); } .lqd-sticky-bg-spacer, .lqd-sticky-bg-wrap, .lqd-sticky-bg { width: 100%; height: 100vh; max-height: 100vh; top: 0 !important; background-size: inherit; background-position: inherit; background-attachment: inherit; background-repeat: inherit; } .lqd-css-sticky { top: calc(30px + var(--lqd-sticky-header-height, 0px)); } .lqd-css-sticky:not(.vc_row) { position: sticky !important; } .lqd-css-sticky.vc_row { top: 0; } .lqd-css-sticky-wrap .lqd-css-sticky.vc_row { position: sticky !important; overflow: hidden; } .lqd-css-sticky-wrap .lqd-css-sticky.vc_row[data-parallax] { transform: translateZ(0); } .lqd-css-sticky-column { align-items: flex-start; --lqd-sticky-offset: 30px; } .lqd-css-sticky-column > .elementor-widget-wrap { position: sticky; top: calc(var(--lqd-sticky-offset) + var(--lqd-sticky-header-height, 0px)); } .lqd-css-sticky-wrap-inner > .ld-parallax-wrap { height: 100%; } .lqd-section-borders-wrap { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; visibility: hidden; opacity: 0; } .lqd-section-borders-wrap.sticky-applied { opacity: 1; visibility: visible; } .lqd-section-border-sentinel { top: 0; left: 0; width: 100%; min-height: 1px; z-index: -1; } .lqd-section-border { position: absolute; top: 0; left: 0; z-index: 2; background-color: #fff; } .lqd-section-border[data-axis=x] { width: 4.69vw; height: 100%; } .lqd-section-border[data-axis=y] { width: 100%; height: 4.69vw; } .lqd-section-border-top { transform-origin: center top; } .lqd-section-border-right { left: auto; right: 0; transform-origin: right center; } .lqd-section-border-bottom { top: auto; bottom: 0; transform-origin: center bottom; } .lqd-section-border-left { transform-origin: left center; } .pin-spacer > .wpb_column { width: 100%; } #lqd-contents-wrap > .pin-spacer { z-index: 99; } body > [data-pin=true] { z-index: 99 !important; } /* 1.2. Header */ .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; } @media (min-width: 1200px) { .main-header .container { max-width: 1170px; } } .main-header { position: relative; z-index: 99; top: var(--lqd-top-scroll-ind-height, 0); transition: background-color 0.3s; } .main-header .wpb_single_image { margin-bottom: 0; } .main-header > p, .main-header > span, .main-header p:empty { display: none !important; } .main-header-overlay { position: absolute; top: var(--lqd-top-scroll-ind-height, 0); left: 0; right: 0; } .lqd-main-header-default { font-size: 16px; box-shadow: 0 11px 44px rgba(0, 0, 0, 0.05); } .lqd-main-header-default .main-nav > li > a { color: #5a5b63; } .navbar-fullscreen { display: none; } .header-module { display: inline-flex; padding-top: 10px; padding-bottom: 10px; position: relative; flex-direction: column; align-items: center; justify-content: center; } .header-module ~ .header-module { margin-inline-start: 25px; } .ld-sd-inner .header-module ~ .header-module { margin-inline-start: 0; } .header-module.lqd-show-onstuck ~ .header-module { margin-inline-start: 0; } .is-stuck .header-module.lqd-show-onstuck ~ .header-module { margin-inline-start: 25px; } .header-module > h1, .header-module > h2, .header-module > h3, .header-module > h4, .header-module > h5, .header-module > h6 { margin: 0; } .header-module p { margin-bottom: 0; } .header-module .btn + p { width: 100%; margin-top: 0.25em; text-align: center; } .lqd-stickybar-wrap .header-module { margin-inline-start: 0; margin-inline-end: 0; flex: 0 0 auto; pointer-events: auto; } .lqd-stickybar-wrap .header-module + .header-module { margin-top: 25px; } .lqd-stickybar-wrap .header-module:not(.no-rotate) { transform: rotate(180deg); } .lqd-stickybar-wrap .header-module .header-module { transform: none !important; writing-mode: inherit; } .lqd-stickybar-wrap .navbar-fullscreen .header-module { transform: none; } .lqd-mobile-modules-container { display: flex; } .lqd-mobile-modules-container:empty { display: none; } .module-primary-nav { padding-top: 0; padding-bottom: 0; } .module-title { font-size: 16px; margin: 1.5em 0; } .lqd-module-backdrop { display: block; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 99; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.6); transition: opacity 0.3s, visibility 0.3s; } @keyframes isLoadingStyle3-1 { 0% { transform: scale(1) translateY(0); } 100% { transform: scale(1.5) translateY(-2px); } } @keyframes isLoadingStyle3-2 { 0% { transform: scale(1); } 100% { transform: scale(1.5); } } @keyframes isLoadingStyle3-3 { 0% { transform: scale(1) translateY(0); } 100% { transform: scale(1.5) translateY(2px); } } .nav-trigger { display: flex; padding: 0; border: none; border-radius: 50px; position: relative; background: none; background-color: transparent; box-shadow: none; color: #000; align-items: center; justify-content: center; transition: z-index 0.3s 0.7s, opacity 0.3s; } .nav-trigger .txt, .nav-trigger .bars, .nav-trigger .bars-inner, .nav-trigger .bar { display: inline-block; flex-flow: inherit; align-items: inherit; justify-content: inherit; } .nav-trigger .bars { width: 55px; height: 55px; border-radius: inherit; position: relative; } .nav-trigger .bars:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; transition: border 0.3s, background 0.3s; } .nav-trigger .bars-inner { display: flex; width: 100%; height: 100%; border-radius: inherit; flex-direction: column; } .nav-trigger .bar { position: relative; background-color: #000; 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 { display: inline-block; 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-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-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:before, .nav-trigger.style-2 .bar:nth-child(2):before { transition: transform 0.3s 0.15s cubic-bezier(0.65, 0.05, 0.36, 1), background 0.3s; } .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%); } .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-3 .bar:last-of-type, .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-3 .bar:last-of-type:before, .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-3 .bar { width: 4px; height: 4px; border-radius: 50em; box-shadow: 11px 0 0; } .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-4 svg { opacity: 0; } .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 .bar:first-child { transform: rotate(45deg) translate(2.5px, 3px); } .nav-trigger.style-5 .bar:nth-child(2) { opacity: 0; transform: scale(0); } .nav-trigger.style-5 .bar:last-child { transform: rotate(-45deg) translate(2.5px, -3px); } .nav-trigger.style-6 .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 .bar:first-child { transform: rotate(45deg) translate(1px, -2px); } .nav-trigger.style-6 .bar:nth-child(2) { transform-origin: center; transform: scale(0); } .nav-trigger.style-6 .bar:last-child { transform: rotate(-45deg) translate(2px, 1px); } .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: 50em; 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.circle.style-5 .bars:before { width: 100%; height: 100%; top: 0; left: 0; } .nav-trigger.txt-left { flex-direction: row-reverse; } .nav-trigger.txt-left.circle .bars { margin-inline-start: 10px; margin-inline-end: 0; } .nav-trigger.txt-left.style-4 svg { transform: scaleX(-1); } .nav-trigger.txt-left.style-6 .bars { margin-inline-end: 0; margin-inline-start: 15px; } .nav-trigger.rotate-90 { transform: rotate(-90deg); } .nav-trigger.is-loading .loading-spinner { opacity: 1; visibility: visible; } .nav-trigger.is-loading.style-3 .bar:last-of-type, .nav-trigger.is-loading.style-4 .bar:last-of-type { opacity: 0; } .nav-trigger.is-loading.style-3 .bar:first-of-type, .nav-trigger.is-loading.style-3 .bar:nth-of-type(2) { opacity: 1; } .nav-trigger.is-loading.style-3 .bars { animation: spin 3s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; } .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-2 .bar:first-child:before { transform: scaleX(0.666); } .nav-trigger.collapsed.style-2 .bar:last-child:before, .nav-trigger.collapsed.style-2 .bar:last-child:after { transition-delay: 0s; } .nav-trigger.collapsed.style-2 .bar:last-child:before { transform: scale(0) rotate(-45deg) translate(150%); } .nav-trigger.collapsed.style-2 .bar:last-child:after { transform: scale(0) rotate(45deg) translate(150%); } .nav-trigger.collapsed.style-3 .bar:last-of-type, .nav-trigger.collapsed.style-4 .bar:last-of-type { opacity: 0; transform: translate(-50%, -50%) rotate(-45deg) scale(0); } .nav-trigger.collapsed.style-4 svg { opacity: 1; } .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:focus { outline: none; box-shadow: none; } .lqd-stickybar-wrap .nav-trigger { transform: rotate(-90deg); writing-mode: horizontal-tb; } .lqd-stickybar-wrap .nav-trigger .bars { transform: rotate(180deg); } .lqd-stickybar-wrap .nav-trigger .bars:only-child { transform: rotate(-90deg); } .lqd-stickybar-wrap .text-right .nav-trigger { left: 50%; transform: rotate(-90deg) translateY(50%); transform-origin: bottom left; } .ld-module-trigger { display: inline-flex; position: relative; align-items: center; color: #000; 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; font-size: 24px; } .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(--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; } .ld-module-dropdown { position: absolute; top: 100%; right: 0; z-index: 20; background-color: #fff; text-align: left; } .ld-module-dropdown.left { right: auto; left: 0; } .lqd-stickybar-wrap .ld-module-dropdown { writing-mode: horizontal-tb; } .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-module-cart { display: flex; align-items: center; } .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 { display: flex; position: relative; padding-top: 17px; padding-bottom: 17px; align-items: center; justify-content: space-between; 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 { display: flex; position: relative; align-items: center; flex: 1 auto; } .ld-cart-product-info a { display: inherit; align-items: inherit; flex: 1 auto; color: inherit; } .ld-cart-product-details { display: flex; flex-direction: column; flex-grow: 1; } 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-product-price { display: flex; flex-direction: column; align-items: flex-start; } .ld-cart-foot { margin-top: 15px; margin-bottom: 20px; } .ld-cart-foot .btn { width: 100%; font-weight: 700; justify-content: center; } .ld-cart-foot .btn-solid { background-color: #2A2A2A; color: #fff; border: none; } .ld-cart-foot .btn-solid:hover { background-color: var(--color-primary); color: #fff; } .ld-cart-foot .btn-solid + .btn { margin-inline-start: 0; margin-top: 2em; } .ld-cart-foot .btn-naked { color: #2A2A2A; } .ld-cart-total { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; margin-bottom: 10px; } .ld-cart-total-price { font-size: 20px; font-weight: 600; } .ld-cart-message { padding: 1em; background-color: var(--color-primary); font-size: 14px; font-weight: 500; line-height: 1.5em; letter-spacing: 0.024em; color: #fff; text-align: center; } .ld-module-cart-dropdown .ld-cart-head { display: none !important; } .ld-module-cart-offcanvas > .ld-module-trigger:before { content: ""; display: inline-block; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 11; opacity: 1; visibility: visible; background-color: rgba(0, 0, 0, 0.6); transition: opacity 0.25s ease, visibility 0.25s ease; } .ld-module-cart-offcanvas > .ld-module-trigger.collapsed:before { opacity: 0; visibility: hidden; } .ld-module-cart-offcanvas .ld-module-dropdown { display: block; 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); will-change: transform; } .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; height: 100vh; padding: 30px 35px; border: none; overflow-y: auto; } .ld-module-cart-offcanvas .header-quickcart { display: flex; flex-direction: column; min-height: 100%; } .ld-module-cart-offcanvas .ld-cart-head { display: flex; padding: 0 0 15px; border-bottom: 1px solid #e1e1e1; font-size: 20px; font-weight: 500; } .ld-module-cart-offcanvas .ld-cart-head .ld-cart-head-txt { display: flex; align-items: center; line-height: 1.5em; } .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 { display: block; max-width: 45%; font-size: 16px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); } .ld-module-cart-offcanvas a.ld-cart-product-remove.remove { width: 16px; height: 16px; border: none; left: auto; right: 0; top: calc(50% - 8px); opacity: 1; visibility: visible; font-size: 26px; color: var(--color-primary) !important; } .ld-module-cart-offcanvas a.ld-cart-product-remove.remove:hover { background: none; color: red !important; } .ld-module-cart-offcanvas .ld-cart-foot { margin-top: auto; margin-bottom: 40px; } .ld-module-cart-offcanvas .ld-cart-total { padding-top: 20px; padding-bottom: 10px; border-top: 1px solid #e1e1e1; } .ld-module-cart-offcanvas .ld-cart-total-price, .ld-module-cart-offcanvas .ld-cart-total-label { font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; } .ld-module-cart-offcanvas .ld-cart-total-label { font-size: 16px; } .ld-module-cart-offcanvas .ld-cart-total-price { font-size: 20px; } .ld-module-cart-offcanvas .ld-cart-button .btn { font-size: 15px; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; } .ld-module-cart-offcanvas .ld-cart-button .btn + .btn { margin-top: 1em; } .ld-module-cart-offcanvas .ld-cart-button .btn-naked i { display: none; } .ld-module-cart-offcanvas .blockUI.blockOverlay { width: auto !important; left: -35px !important; right: -35px !important; } .ld-module-cart-offcanvas .ld-cart-message { margin: -19px -35px -30px; } .ld-module-to-left .ld-module-cart-offcanvas .ld-module-dropdown { right: auto; left: 0; transform: translateX(-100%); } .ld-module-to-left .ld-module-cart-offcanvas .ld-module-dropdown.is-active { transform: translateX(0); } .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-v-sep { display: flex; width: 1px; flex-flow: row wrap; align-items: stretch; flex: 1 auto; position: relative; } .ld-module-v-sep .ld-v-sep-inner { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #ededed; } .ld-module-search { display: flex; align-items: center; } .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 { position: relative; line-height: 1; } .ld-search-form input { width: 100%; 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 { display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #b8beca; } .ld-module-search-visible-form .ld-search-form-container { padding: 0; background: none; border: none; } .ld-module-search-visible-form .ld-search-form input { background: none; } .lqd-module-search-slide-top .ld-search-form-container { width: 100%; transition: transform 0.85s cubic-bezier(0.175, 1, 0.275, 1); } .lqd-module-search-slide-top p { font-size: 16px; } .lqd-module-search-slide-top .ld-search-form { width: 100%; } .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 { display: inline-flex; width: 50px; height: 50px; margin-top: -10px; left: auto; right: 0; pointer-events: all; align-items: center; justify-content: center; 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 cubic-bezier(0.175, 1, 0.275, 1); } .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 cubic-bezier(0.175, 1, 0.275, 1); } .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 { display: flex; width: 100%; height: 100%; max-width: 1200px; flex-direction: column; justify-content: center; border: none; padding: 0; margin: 0 auto; background: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translate3d(0, calc(100% - 100px), 0); transition: transform 0.85s cubic-bezier(0.175, 1, 0.275, 1); } .lqd-module-search-slide-top .ld-module-dropdown { display: flex; width: 100%; height: 380px !important; flex-direction: column; position: fixed; top: 0; left: 0; right: 0; z-index: 999; background: #fff; overflow: hidden; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translate3d(0, -100%, 0); transition: transform 0.85s cubic-bezier(0.175, 1, 0.275, 1), visibility 0.8s step-end; } .lqd-module-search-slide-top .ld-module-dropdown.is-active { visibility: visible; transition: transform 0.85s cubic-bezier(0.175, 1, 0.275, 1), 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 cubic-bezier(0.175, 1, 0.275, 1), visibility 0.85s cubic-bezier(0.175, 1, 0.275, 1); } .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-frame { color: #a0a2ae; } .lqd-module-search-frame .ld-module-dropdown { display: flex; width: 100vw; height: 100vh !important; position: fixed; top: 0; left: 0; z-index: 1000; flex-direction: column; justify-content: center; align-items: center; background: rgba(18, 23, 56, 0.96); text-align: center; overscroll-behavior: contain; pointer-events: none; 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: translate3d(-15px, -15px, 0); } .lqd-module-search-frame .ld-search-form-container:after { right: 0; bottom: 0; border-top-width: 0; border-left-width: 0; transform: translate3d(15px, 15px, 0); } .lqd-module-search-frame .lqd-module-search-close { border: none; position: absolute; top: 30px; right: 70px; font-size: 120px; line-height: 50px; box-shadow: none; cursor: pointer; transform: scale3d(0.8, 0.8, 1); 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 { display: inline-block; 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%; font-weight: bold; display: block; width: 75%; margin: 0 auto; padding: 0.85em 0; text-align: end; color: #d17c78; } .lqd-module-search-frame .lqd-module-search-related { display: flex; width: 75%; margin: 0 auto; flex-wrap: wrap; } .lqd-module-search-frame .lqd-module-search-suggestion { width: 33.33%; opacity: 0; text-align: start; transform: translate3d(0, -30px, 0); 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: translate3d(0, 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: translate3d(0, 0, 0); } .lqd-module-search-frame .ld-module-dropdown.is-active .lqd-module-search-suggestion:nth-child(2) { transition-delay: 0.1s; } .lqd-module-search-frame .ld-module-dropdown.is-active .lqd-module-search-suggestion:nth-child(3) { transition-delay: 0.2s; } @media screen and (max-width: 991px) { .lqd-module-search-frame .lqd-module-search-close { right: 30px; font-size: 90px; } .lqd-module-search-frame .ld-search-form-container { display: block; } .lqd-module-search-frame .ld-search-form-container:before, .lqd-module-search-frame .ld-search-form-container:after { border-width: 1em; } .lqd-module-search-frame .lqd-module-search-related, .lqd-module-search-frame .lqd-module-search-info, .lqd-module-search-frame .ld-search-form input { width: 85%; } } @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-zoom-out { color: #cecae0; } .lqd-module-search-zoom-out .ld-module-dropdown { display: block; width: 100%; height: 100vh !important; position: fixed; top: 0; left: 0; z-index: 1000; border: none; background: none; text-align: center; visibility: hidden; 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%; height: 100%; padding: unset; background: unset; border: unset; overflow: hidden auto; overscroll-behavior: contain; } .lqd-module-search-zoom-out .lqd-module-search-close { position: absolute; 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 { display: inline-block; 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%; font-weight: bold; display: block; padding: 0.85em 0; text-align: end; color: #eaba82; } .lqd-module-search-zoom-out .lqd-module-search-related { display: flex; margin: 0 auto; flex-wrap: wrap; text-align: start; } .lqd-module-search-zoom-out .lqd-module-search-suggestion { width: 50%; } .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; } } .header-module .iconbox { margin-bottom: 0; align-items: center !important; } .header-module .iconbox .iconbox-icon-wrap { margin-inline-end: 0; } .header-module .iconbox .iconbox-icon-container { margin-inline-end: 15px; } .header-module .iconbox h3 { margin-bottom: 0.25em; } .header-module .iconbox h3:last-child { margin-bottom: 0; } .header-module .lqd-head-col > .header-module > .iconbox-inline h3 { flex: auto; } .header-module .lqd-head-col > .header-module > .iconbox-side .contents { flex: auto; } .ld-sd-inner { display: flex; min-height: 100%; flex-direction: column; text-align: start; } .ld-sd-inner > div { width: 100%; } .ld-sd-inner > .header-module { display: grid; align-items: start; justify-content: start; } .ld-sd-inner > .header-module > .lqd-custom-menu { width: 100%; } .ld-sd-inner .lqd-custom-menu .submenu-expander { position: relative; top: auto; left: auto; right: auto; transform: none; } .woocommerce .lqd-main-sidebar .ld-sd-inner .widget:not(:last-of-type):not(:empty) { margin-bottom: 20px; padding-bottom: 25px; } .ld-sd-inner .ld-module-dropdown { left: 0; right: auto; } .ld-sd-wrap { width: 100%; height: 100%; padding: 60px; position: relative; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; opacity: 0; transform: translate3d(25%, 0, 0); transition: transform 0.85s, opacity 0.85s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ld-module-sd { display: flex; justify-content: center; writing-mode: horizontal-tb; } .ld-module-sd > .ld-module-dropdown { display: block; position: fixed; top: 0; right: 0; z-index: 100; width: 400px; max-width: 87vw; height: 100vh !important; background-color: #fff; box-shadow: 0 0 50px rgba(0, 0, 0, 0.15); transform: translate3d(100%, 0, 0); opacity: 0; transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s step-end; } .ld-module-sd > .ld-module-dropdown > .nav-trigger { padding: 0; border: none; position: absolute; top: 1.5em; right: 1.5em; background: none; flex-grow: 1; z-index: 2; opacity: 0; transition: opacity 0.3s 0.05s; } .ld-module-sd > .ld-module-dropdown > .nav-trigger .txt { display: none; } .ld-module-sd > .ld-module-dropdown > .nav-trigger.style-5 .bars { margin: 0; } .main-header .ld-module-sd > .ld-module-dropdown > .nav-trigger.is-active .txt { opacity: 0; transform: translateX(25%); } style + .ld-module-sd > .ld-module-dropdown:last-child, .ld-module-sd > .ld-module-dropdown:only-child { flex-grow: 1; } .ld-module-sd > .ld-module-dropdown.is-active { transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s step-start; } .ld-module-sd > .ld-module-dropdown.is-active, .ld-module-sd > .ld-module-dropdown.is-active .ld-sd-wrap { opacity: 1; transform: translate3d(0, 0, 0); } .ld-module-sd > .ld-module-dropdown.is-active .ld-sd-wrap { transition-delay: 0.175s; } .ld-module-sd > .ld-module-dropdown.is-active > .nav-trigger { opacity: 1; } .ld-module-sd > .ld-module-dropdown.is-active ~ .lqd-module-backdrop { opacity: 1; visibility: visible; } .vc_mobile .ld-module-sd > .ld-module-dropdown.is-active ~ .lqd-module-backdrop { opacity: 1; visibility: visible; } .lqd-stickybar-wrap .ld-module-sd { flex-grow: 0; } .lqd-stickybar-wrap .ld-module-sd .nav-trigger { flex-grow: 0; } .lqd-stickybar-left .ld-module-sd .ld-sd-wrap { transform: translate3d(-25%, 0, 0); } .lqd-stickybar-left .ld-module-sd .ld-module-dropdown { left: 0; right: auto; transform: translate3d(-100%, 0, 0); } .lqd-stickybar-left .ld-module-sd .ld-module-dropdown.is-active, .lqd-stickybar-left .ld-module-sd .ld-module-dropdown.is-active .ld-sd-wrap { transform: translate3d(0, 0, 0); } .ld-module-sd-left .ld-module-dropdown { left: 0; right: auto; transform: translate3d(-100%, 0, 0); } .ld-module-sd-left .ld-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; } .lqd-stickybar .lqd-head-col > .header-module > .social-icon li { margin: 0 0 1em; } .lqd-stickybar .lqd-head-col > .header-module > .social-icon li:last-child { margin-bottom: 0; } .lqd-head-col .ld-fancy-heading { display: flex; justify-content: center; flex-direction: column; } .lqd-head-col .ld-fancy-heading > .ld-fh-element { margin-bottom: 0; } .lqd-stickybar-wrap .lqd-head-col > .module-button { writing-mode: horizontal-tb; } .lqd-stickybar-wrap .lqd-head-col > .module-button .btn { transform: rotate(90deg); } .lqd-stickybar-wrap .lqd-head-col > .module-button .btn.btn-no-label { transform: rotate(180deg); } .lqd-stickybar-wrap .lqd-fullproj-trigger, .lqd-stickybar-wrap .lqd-fullproj-scrn { writing-mode: horizontal-tb; } .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); } .module-logo { padding: 30px 0; flex-shrink: 0; } .navbar-brand { display: inline-flex; height: auto; padding: 0; line-height: normal; float: none; order: 0; flex-shrink: 0; transition: none; } .navbar-brand img { transition: opacity 0.3s, visibiliy 0.3s; } .navbar-brand img.visible { opacity: 1 !important; visibility: visible !important; } .navbar-brand img.invisible { opacity: 0; } .navbar-brand .logo-sticky { display: none; } .navbar-brand .logo-light, .navbar-brand .logo-dark { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } .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%); } .is-stuck .navbar-brand .logo-sticky { display: block; } .is-stuck .navbar-brand .logo-sticky ~ img { display: none; } .navbar-brand-inner { display: grid; position: relative; place-items: center; } .navbar-brand-hover { display: inline-flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; 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-solid .navbar-brand-inner { width: 64px; height: 64px; background-color: var(--color-primary); } .navbar-brand-solid .logo-dark, .navbar-brand-solid .logo-light { top: 50%; left: 50%; transform: translate(-50%, -50%); } .navbar-brand-solid img { max-width: 80%; } .navbar-brand-round .navbar-brand-inner { border-radius: 4px; } .navbar-brand-circle .navbar-brand-inner { border-radius: 50em; } .navbar-header { display: flex; align-items: center; flex: 1 0; } .navbar-header:before, .navbar-header:after { content: none; } .navbar-header .navbar-toggle { order: 3; margin-inline-start: 20px; } .navbar-collapse { flex: 1 auto; padding: 0; overflow: visible; } .navbar-collapse > p { display: none; } .navbar-nav > li > a { line-height: normal; } .link-icon:empty, .link-sup:empty, .link-badge:empty { display: none !important; } .link-badge { --badge-color: var(--color-primary); display: inline-flex; align-items: center; padding: 0.6em 0.9em; margin: -0.6em 0; margin-inline-start: 1.1em; border-radius: 2em; position: relative; font-size: 0.75em; line-height: 1em; white-space: nowrap; color: var(--badge-color); } .link-badge:before { content: ""; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; background: var(--badge-color); box-shadow: 0 8px 15px -8px var(--badge-color); opacity: 0.125; } .main-nav { flex: 1 auto; flex-wrap: nowrap; margin-inline-start: auto; margin-inline-end: auto; } .main-nav > li { position: relative; flex-direction: column; } .main-nav > li, .main-nav > li > a { display: flex; } .main-nav > li > a { flex: 1 auto; flex-direction: row; align-items: center; padding: var(--lqd-menu-items-top-padding, 10px) var(--lqd-menu-items-right-padding, 15px) var(--lqd-menu-items-bottom-padding, 10px) var(--lqd-menu-items-left-padding, 15px); position: relative; z-index: 1; overflow: hidden; color: #a7a9b8; white-space: nowrap; } .main-nav > li > a .link-icon .icon-ion-ios-arrow-down { transition: transform 0.35s; } .main-nav > li > a:hover, .main-nav > li > a:focus { background-color: transparent; } .main-nav > li.active > a, .main-nav > li.current-menu-item > a, .main-nav > li.current-menu-ancestor > a, .main-nav > li > a:hover { color: #184341; } .main-nav > li.is-hovered > a .link-icon .icon-ion-ios-arrow-down { transform: rotateX(-180deg); } .main-nav .link-sup { top: -2em; right: 1em; font-size: 0.625em; line-height: 1; } .main-nav .link-icon > i { vertical-align: middle; } .main-nav.lqd-menu-items-block { display: block !important; 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 .lqd-megamenu-rows-wrap { background: none; box-shadow: none; } .main-nav.justify-content-lg-end { margin-inline-end: 0; } .main-nav.justify-content-lg-start { margin-inline-start: 0; } .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 i { margin-inline-end: 0.75em; } .right-icon { order: 1; } .right-icon i { margin-inline-start: 0.75em; } .submenu-expander { display: none; width: 36px; height: 36px; margin-inline-start: 18px; position: absolute; top: 0; left: auto; border-radius: 3px; flex: 0 0 36px; 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 > .submenu-expander, .lqd-mobile-sec-nav .menu-item-has-children > .submenu-expander { display: inline-flex; } [data-elementor-device-mode*=mobile] .page_item_has_children > .submenu-expander, [data-elementor-device-mode*=mobile] .menu-item-has-children > .submenu-expander, [data-elementor-device-mode*=tablet] .page_item_has_children > .submenu-expander, [data-elementor-device-mode*=tablet] .menu-item-has-children > .submenu-expander { display: inline-flex; } [data-elementor-device-mode*=mobile] .page_item_has_children > .submenu-expander + .link-icon .icon-ion-ios-arrow-down, [data-elementor-device-mode*=mobile] .menu-item-has-children > .submenu-expander + .link-icon .icon-ion-ios-arrow-down, [data-elementor-device-mode*=tablet] .page_item_has_children > .submenu-expander + .link-icon .icon-ion-ios-arrow-down, [data-elementor-device-mode*=tablet] .menu-item-has-children > .submenu-expander + .link-icon .icon-ion-ios-arrow-down { display: none; } /* Submenu */ .main-nav .children, .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; } .main-nav .children:before, .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; } .main-nav .children > li, .nav-item-children > li { position: relative; font-size: 1em; line-height: normal; } .main-nav .children > li > a, .nav-item-children > li > a { display: block; padding: 0.75em 1.75em; width: 100%; color: rgba(0, 0, 0, 0.55); } .main-nav .children > li.is-active > a, .main-nav .children > li.current-menu-item > a, .main-nav .children > li.current-menu-ancestor > a, .main-nav .children > li:hover > a, .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; } .main-nav .children .children, .main-nav .children .nav-item-children, .nav-item-children .children, .nav-item-children .nav-item-children { bottom: auto; top: 0; left: 104%; } .main-nav .children .children:after, .main-nav .children .nav-item-children:after, .nav-item-children .children:after, .nav-item-children .nav-item-children:after { content: ""; display: inline-block; width: 4%; height: 100%; position: absolute; left: -4%; top: 0; } .main-nav .children .children.to-left, .main-nav .children .nav-item-children.to-left, .nav-item-children .children.to-left, .nav-item-children .nav-item-children.to-left { right: 100%; } .main-nav .children.to-left, .nav-item-children.to-left { left: auto; right: 0; } .main-nav .children.to-left .children, .main-nav .children.to-left .nav-item-children, .nav-item-children.to-left .children, .nav-item-children.to-left .nav-item-children { left: auto; right: 100%; } .main-nav .position-applied:hover > .children, .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, .main-nav li.is-active > .children { pointer-events: auto; } @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; } } .megamenu .nav-item-children { max-width: 100vw; } .megamenu-hover-bg { pointer-events: none; } .lqd-megamenu-rows-wrap { display: flex; flex-direction: column; } .lqd-megamenu-slide-stuff { transition: opacity var(--lqd-megamenu-slide-trans-dur); opacity: 0; perspective: 1200px; min-height: 1px; } .lqd-megamenu-slide-arrow { display: inline-block; height: 12px; width: 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; right: 0; bottom: 0; left: 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 .vc_row:not(.vc_inner), .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; } /* Nav Styles */ .lqd-head-sec-wrap > div:empty { display: none; } .lqd-head-sec-wrap .lqd-head-sec { flex: 1 1; padding: 0; } .lqd-head-col { display: flex; width: 100%; padding-inline-start: 15px; padding-inline-end: 15px; align-items: stretch; } .lqd-head-col:only-child { flex-basis: 100%; } .lqd-head-col > .vc_row { display: flex; align-items: center; flex-grow: 1; } .lqd-head-col > .vc_row:before, .lqd-head-col > .vc_row:after { content: none; } .lqd-head-col > .wpb_content_element { margin-bottom: 0; } .lqd-head-sec-wrap .lqd-head-col:empty { display: none; } .lqd-stickybar { display: flex; width: 100%; height: 100%; position: relative; writing-mode: vertical-rl; overflow: visible; } .lqd-stickybar .lqd-head-col { padding-inline-start: 0; padding-inline-end: 0; } .lqd-stickybar .lqd-custom-menu li { margin-inline-start: 0; margin-inline-end: 0; } .lqd-stickybar .nav-trigger.style-4 svg { transform: scale(-1); } .lqd-stickybar .nav-trigger.style-4.txt-left svg { transform: scaleY(-1); } .lqd-stickybar-wrap { display: flex; justify-content: center; width: 100px; height: 100vh; padding-top: 5vh; padding-bottom: 5vh; position: absolute !important; top: 0; z-index: 10; pointer-events: none; } .lqd-stickybar-wrap.lqd-show-onstuck, .lqd-stickybar-wrap.lqd-hide-onstuck { transition: transform 1.25s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s 0.3s; } .is-stuck .lqd-stickybar-wrap.lqd-show-onstuck { transition-delay: 0.15s; } [data-sticky-header] .lqd-stickybar-wrap { position: fixed !important; } .admin-bar .lqd-stickybar-wrap { top: 32px; } .admin-bar .is-stuck .lqd-stickybar-wrap { top: 0; } [data-sticky-values-measured=false] .lqd-stickybar-wrap { visibility: hidden !important; opacity: 0 !important; transform: translateX(0) !important; } .lqd-stickybar-left { left: 0; } .is-stuck.lqd-smart-sticky-hide .lqd-stickybar-left, .is-stuck .lqd-stickybar-left.lqd-hide-onstuck, [data-sticky-header].is-not-stuck .lqd-stickybar-left.lqd-show-onstuck { transform: translateX(-100%); } .lqd-stickybar-right { right: 0; } .is-stuck.lqd-smart-sticky-hide .lqd-stickybar-right, .is-stuck .lqd-stickybar-right.lqd-hide-onstuck, [data-sticky-header].is-not-stuck .lqd-stickybar-right.lqd-show-onstuck { transform: translateX(100%); } #lqd-mobile-sec-nav { width: 100%; } .lqd-mobile-sec-inner, .lqd-mobile-sec-nav { width: 100%; } .lqd-mobile-sec-nav { position: absolute; top: 100%; left: 0; z-index: 10; } .lqd-mobile-sec { display: flex; flex-direction: column; position: relative; } @keyframes stickySlideDown { from { transform: translateY(-100%); } to { transform: translateY(0); } } @keyframes stickySlideOut { to { transform: translateY(-100%); } } .is-stuck { animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; } .is-stuck .module-logo { padding-top: 25px; padding-bottom: 25px; } .is-stuck .lqd-head-sec-wrap { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .is-stuck > .megamenu-hover-bg { display: none !important; } .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; } .vc_row > .lqd-sticky-sentinel, .elementor-section > .lqd-sticky-sentinel, .titlebar > .lqd-sticky-sentinel { --lqd-sticky-header-sentinel-top: calc(100% - var(--lqd-sticky-header-height, 0px) - 2px); } .is-stuck { position: fixed; left: 0; right: 0; top: var(--lqd-top-scroll-ind-height, 0); } .admin-bar .is-stuck { top: 32px; } /********************************************************* ------------- 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] *********************************************************/ .vc_mobile [data-overlay-onmobile=true] .main-header:not(.is-stuck) { width: 100%; position: absolute; top: 0; left: 0; } .vc_mobile [data-overlay-onmobile=false] .main-header:not(.is-stuck) { position: relative; top: auto; left: auto; } [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 !important; } [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 !important; } [data-mobile-nav-trigger-alignment=right] .lqd-mobile-sec .lqd-mobile-modules-container + .navbar-brand { justify-content: center; } [data-mobile-nav-trigger-alignment=right] .lqd-mobile-sec .lqd-mobile-modules-container + .navbar-brand, [data-mobile-nav-trigger-alignment=right] .lqd-mobile-sec .lqd-mobile-modules-container + .navbar-brand .navbar-brand-inner { margin-inline-start: 0 !important; margin-inline-end: 0 !important; } [data-mobile-logo-alignment=default] .lqd-mobile-modules-container:not(.empty) ~ .navbar-brand { justify-content: center; } [data-mobile-logo-alignment=center] .lqd-mobile-sec .navbar-brand { margin-inline-start: auto !important; margin-inline-end: auto !important; justify-content: center !important; order: 2; } [data-mobile-logo-alignment=center] .lqd-mobile-sec .navbar-brand-inner { margin-inline-start: 0; margin-inline-end: 0; } [data-mobile-logo-alignment=center] .lqd-mobile-sec .navbar-toggle { flex: 0 1; } [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] .lqd-mobile-sec .lqd-mobile-modules-container ~ .navbar-toggle { flex: 0 0 33.3333333333%; } [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; } html[dir=rtl] [data-mobile-nav-trigger-alignment=right] .lqd-mobile-sec .navbar-toggle { justify-content: flex-start; } html[dir=rtl] [data-mobile-nav-trigger-alignment=right] .lqd-mobile-sec .navbar-brand { justify-content: flex-end; } html[dir=rtl] [data-mobile-nav-trigger-alignment=left] .lqd-mobile-sec .navbar-toggle { justify-content: flex-end; } html[dir=rtl] [data-mobile-nav-trigger-alignment=left] .lqd-mobile-sec .navbar-brand { justify-content: flex-start; } .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 { max-height: none; } .lqd-mobile-sec .ld-module-cart .ld-cart-contents { display: flex; flex-direction: column; 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 { padding-inline-start: 15px; padding-inline-end: 15px; } .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; margin: auto 0 0; } .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.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 a.remove.ld-cart-product-remove { margin-inline-start: 5px; border: none; position: relative; top: auto; left: auto; opacity: 1; visibility: visible; } .lqd-mobile-sec .ld-cart-product-info { order: -1; } .lqd-mobile-sec .ld-cart-product-details { display: grid; grid-template-areas: "product-name . product-price" "product-extra . product-price"; grid-template-columns: 1fr 8px auto; } .lqd-mobile-sec .ld-cart-product-name { grid-area: product-name; } .lqd-mobile-sec dl.variation, .lqd-mobile-sec .ld-cart-product-extra { grid-area: product-extra; } .lqd-mobile-sec .ld-cart-product-price { grid-area: 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-contents { height: 100%; } .lqd-mobile-sec .ld-module-cart-offcanvas-dropdown .ld-cart-product { padding: 0; flex-wrap: nowrap; } .lqd-mobile-sec .ld-module-cart-offcanvas-dropdown .ld-cart-product .ld-cart-product-details { padding: 0; flex-grow: 1; } .lqd-mobile-sec .ld-module-cart-offcanvas-dropdown .ld-cart-product .ld-cart-product-name, .lqd-mobile-sec .ld-module-cart-offcanvas-dropdown .ld-cart-product .ld-cart-product-price { display: block; width: 100%; } .lqd-mobile-sec .ld-module-cart-offcanvas-dropdown .ld-cart-product .ld-cart-product-name { margin-bottom: 5px !important; } .lqd-mobile-sec .ld-module-cart-offcanvas-dropdown .ld-cart-product .ld-cart-product-price { position: relative; top: auto; right: auto; transform: none; } .lqd-mobile-sec .ld-module-cart-offcanvas-dropdown .ld-cart-foot { border: none; } .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 .lqd-mobile-modules-container .social-icon { font-size: 16px; } .lqd-mobile-sec .lqd-mobile-modules-container .social-icon li { margin-inline-end: 0.75em; } .lqd-mobile-sec .liquid-wc-product-search { height: 50px; border-radius: 0; border-bottom: 1px solid #e0e0e0; background-color: #fff; } .lqd-mobile-sec .liquid-wc-product-search .ui-selectmenu-button.ui-button { padding-inline-start: 20px; padding-inline-end: 20px; } .lqd-mobile-sec .liquid-wc-product-search .ui-selectmenu-button.ui-button, .lqd-mobile-sec .liquid-wc-product-search .ui-selectmenu-button.ui-button:hover, .lqd-mobile-sec .liquid-wc-product-search .ui-selectmenu-button.ui-button:focus { border-left: 1px solid #e0e0e0; } .lqd-mobile-sec .liquid-wc-product-search button { background-color: var(--color-primary); color: #fff; border-radius: 0; } .lqd-mobile-sec .navbar-brand { padding: 22px 0; max-width: none !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 .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 > * { flex: 0 0 33.3333333333%; } .lqd-mobile-sec .navbar-collapse { overflow-x: hidden; overflow-y: auto; color: #000; } .lqd-mobile-sec .navbar-collapse .social-icon li a { color: inherit; opacity: 0.7; } .lqd-mobile-sec .navbar-collapse .social-icon li a:hover { opacity: 1; } .lqd-mobile-sec .navbar-collapse .btn-naked, .lqd-mobile-sec .navbar-collapse .btn-underlined { color: inherit; border-color: currentColor; } .lqd-mobile-sec .navbar-collapse .btn-naked:before, .lqd-mobile-sec .navbar-collapse .btn-naked:after, .lqd-mobile-sec .navbar-collapse .btn-underlined:before, .lqd-mobile-sec .navbar-collapse .btn-underlined:after { background-color: currentColor; } .lqd-mobile-sec .navbar-collapse .btn-naked:before, .lqd-mobile-sec .navbar-collapse .btn-underlined:before { opacity: 0.5; } .lqd-mobile-sec .navbar-collapse .btn-naked .btn-txt, .lqd-mobile-sec .navbar-collapse .btn-underlined .btn-txt { opacity: 0.7; transition: opacity 0.3s; } .lqd-mobile-sec .navbar-collapse .btn-naked:hover, .lqd-mobile-sec .navbar-collapse .btn-underlined:hover { color: inherit; } .lqd-mobile-sec .navbar-collapse .btn-naked:hover .btn-txt, .lqd-mobile-sec .navbar-collapse .btn-underlined:hover .btn-txt { opacity: 1; } .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li { padding-inline-start: 0; padding-inline-end: 0; } .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a { display: flex; padding: 15px 25px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); align-items: center; color: #000; } .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a:hover { color: #000; } .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav + .header-module { margin-top: 15px; } [data-mobile-nav-align=center] .lqd-mobile-sec .navbar-collapse { text-align: center; } [data-mobile-nav-align=center] .lqd-mobile-sec .navbar-collapse .header-module { align-items: center !important; } [data-mobile-nav-align=center] .lqd-mobile-sec .submenu-expander { right: auto; position: relative; } [data-mobile-nav-align=center] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav { text-align: center; } [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 { text-align: end; } [data-mobile-nav-align=right] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a { flex-direction: row-reverse; } [data-mobile-nav-align=right] .lqd-mobile-sec .submenu-expander { right: auto; left: 25px; margin-inline-start: 0; } [data-mobile-nav-align=right] .lqd-mobile-sec .navbar-collapse { text-align: end; } [data-mobile-nav-align=right] .lqd-mobile-sec .navbar-collapse .header-module { align-items: flex-end !important; } [data-mobile-nav-style=classic] .lqd-mobile-sec .navbar-collapse, [data-mobile-nav-style=minimal] .lqd-mobile-sec .navbar-collapse { max-height: 80vh; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.05); background-color: #fff; } [data-mobile-nav-style=modern] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav, [data-mobile-nav-style=minimal] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav { padding: 12px 15px; font-size: 16px; } [data-mobile-nav-style=modern] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a, [data-mobile-nav-style=minimal] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a { border: none; } [data-mobile-nav-style=modern] .lqd-mobile-sec:before { content: ""; display: inline-block; width: 80vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: -1; transform: translate3d(120vw, 0, 0); background-color: #131313; } [data-mobile-nav-style=modern] .lqd-mobile-sec:before, [data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse { transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1); transition-property: opacity, visibility, transform; } [data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse { display: 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] .main-header > .elementor > .elementor-section, .mobile-nav-activated [data-mobile-nav-style=modern] .main-header > .elementor > .elementor-section-wrap > .elementor-section, .mobile-nav-activated [data-mobile-nav-style=modern] #lqd-site-content, .mobile-nav-activated [data-mobile-nav-style=modern] .titlebar-inner, .mobile-nav-activated [data-mobile-nav-style=modern] .lqd-mobile-sec-inner, .mobile-nav-activated [data-mobile-nav-style=modern] .main-footer { transform: translate3d(-80vw, 0, 0); } .mobile-nav-activated [data-mobile-nav-style=modern] .lqd-mobile-sec:before { transform: translate3d(20vw, 0, 0); } .mobile-nav-activated [data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .mobile-nav-activated [data-mobile-nav-style=modern] .navbar-header .nav-trigger { opacity: 0; } .module-expanding [data-mobile-nav-style=modern] .main-header > .elementor > .elementor-section, .module-expanding [data-mobile-nav-style=modern] .main-header > .elementor > .elementor-section-wrap > .elementor-section, .module-expanding [data-mobile-nav-style=modern] #lqd-site-content, .module-expanding [data-mobile-nav-style=modern] .titlebar-inner, .module-expanding [data-mobile-nav-style=modern] .lqd-mobile-sec-inner, .module-expanding [data-mobile-nav-style=modern] .main-footer, .module-collapsing [data-mobile-nav-style=modern] .main-header > .elementor > .elementor-section, .module-collapsing [data-mobile-nav-style=modern] .main-header > .elementor > .elementor-section-wrap > .elementor-section, .module-collapsing [data-mobile-nav-style=modern] #lqd-site-content, .module-collapsing [data-mobile-nav-style=modern] .titlebar-inner, .module-collapsing [data-mobile-nav-style=modern] .lqd-mobile-sec-inner, .module-collapsing [data-mobile-nav-style=modern] .main-footer { transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); } .module-expanding [data-mobile-nav-style=modern] #lqd-site-content, .module-expanding [data-mobile-nav-style=modern] .titlebar-inner, .module-expanding [data-mobile-nav-style=modern] .lqd-mobile-sec-inner, .module-expanding [data-mobile-nav-style=modern] .main-footer { transition-delay: 0.025s; } .module-collapsing [data-mobile-nav-style=modern] .lqd-mobile-sec:before { transition-delay: 0.05s; } [data-mobile-nav-scheme=gray] .lqd-mobile-sec .navbar-collapse { background-color: #f9f9f9; color: #000; } [data-mobile-nav-scheme=gray] .lqd-mobile-sec .header-module .social-icon > li > a, [data-mobile-nav-scheme=gray] .lqd-mobile-sec .main-nav .lqd-custom-menu > li > a, [data-mobile-nav-scheme=gray] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a { color: #000; } [data-mobile-nav-scheme=gray] .lqd-mobile-sec .header-module .social-icon > li:hover, [data-mobile-nav-scheme=gray] .lqd-mobile-sec .main-nav .lqd-custom-menu > li:hover, [data-mobile-nav-scheme=gray] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li:hover { color: #000; } [data-mobile-nav-scheme=dark] .lqd-mobile-sec .navbar-collapse { background-color: #191D18; color: #fff; } [data-mobile-nav-scheme=dark] .lqd-mobile-sec .header-module .social-icon > li > a, [data-mobile-nav-scheme=dark] .lqd-mobile-sec .main-nav .lqd-custom-menu > li > a, [data-mobile-nav-scheme=dark] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a { border-color: rgba(255, 255, 255, 0.1); color: #fff; } [data-mobile-nav-scheme=dark] .lqd-mobile-sec .header-module .social-icon > li > a:hover, [data-mobile-nav-scheme=dark] .lqd-mobile-sec .main-nav .lqd-custom-menu > li > a:hover, [data-mobile-nav-scheme=dark] .lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a:hover { color: #fff; } [data-mobile-nav-scheme=dark] .lqd-mobile-sec .submenu-expander { background-color: rgba(255, 255, 255, 0.05); } [data-mobile-header-scheme] .lqd-mobile-sec .navbar-header .ld-module-trigger .ld-module-trigger-txt { color: inherit; } [data-mobile-header-scheme=light] .lqd-mobile-sec .navbar-header { background-color: #fff; } [data-mobile-header-scheme=light] .lqd-mobile-sec .navbar-header .ld-module-trigger { color: #000; } [data-mobile-header-scheme=light] .lqd-mobile-sec .navbar-header .ld-module-trigger .ld-module-trigger-txt { color: inherit; } [data-mobile-header-scheme=gray] .lqd-mobile-sec .navbar-header { background-color: #f6f6f6; } [data-mobile-header-scheme=gray] .lqd-mobile-sec .navbar-header .ld-module-trigger { color: #000; } [data-mobile-header-scheme=gray] .lqd-mobile-sec .navbar-header .ld-module-trigger .ld-module-trigger-txt { color: inherit; } [data-mobile-header-scheme=dark] .lqd-mobile-sec .navbar-header { background-color: #191D18; } [data-mobile-header-scheme=dark] .lqd-mobile-sec .navbar-header .ld-module-trigger { color: #fff; } [data-mobile-header-scheme=dark] .lqd-mobile-sec .navbar-header .ld-module-trigger .ld-module-trigger-txt { color: inherit; } [data-mobile-header-scheme=dark] .lqd-mobile-sec .nav-trigger .bar { background-color: #fff; } [data-mobile-header-scheme=dark] .lqd-mobile-sec .ld-search-form-container { background-color: #191D18; } [data-mobile-header-scheme=dark] .lqd-mobile-sec .ld-search-form input { border-color: rgba(255, 255, 255, 0.45); color: #fff; } [data-mobile-header-scheme=dark] .lqd-mobile-sec .ld-search-form .input-icon { color: #fff; } [data-mobile-header-scheme=dark] .lqd-mobile-sec .ld-search-form .input-icon:hover { background-color: rgba(255, 255, 255, 0.1); } html[dir=rtl] [data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse { right: 10vw; } .lqd-mobile-sec .children { list-style: none; padding: 0; margin: 0; } .lqd-mobile-sec .children, .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 .children:before, .lqd-mobile-sec .children:after, .lqd-mobile-sec .nav-item-children:before, .lqd-mobile-sec .nav-item-children:after { content: none; } .lqd-mobile-sec .children > li > a, .lqd-mobile-sec .nav-item-children > li > a { padding: 8px 35px; color: inherit; } .lqd-mobile-sec .children > li:hover > a, .lqd-mobile-sec .nav-item-children > li:hover > a { background: none; } .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 .megamenu .nav-item-children { width: 100% !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-row { display: flex; } .lqd-mobile-sec .megamenu .vc_row, .lqd-mobile-sec .megamenu .ld-row, .lqd-mobile-sec .megamenu .ld-container, .lqd-mobile-sec .megamenu .megamenu-col, .lqd-mobile-sec .megamenu .vc_column-inner { border: none !important; background: none !important; box-shadow: none !important; } .lqd-mobile-sec .megamenu .ld-container, .lqd-mobile-sec .megamenu .megamenu-col, .lqd-mobile-sec .megamenu .vc_column-inner { width: 100%; } .lqd-mobile-sec .megamenu .vc_row > .row-bg-wrap { display: none; } .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; } /* 1.3. Footer */ .main-footer { z-index: 0; } .main-footer .lqd-stack-section-inner > .vc_row, .main-footer > .vc_row { margin-inline-start: 0; margin-inline-end: 0; } .main-footer .wpb_single_image { margin-bottom: 0; } .main-footer > p { display: none; } .lqd-main-footer-default { margin-top: 30px; padding-bottom: 30px; padding-top: 30px; background-color: #292d36; font-size: 16px; color: #cbcbcb; } body.archive.woocommerce #lqd-site-content ~ .lqd-main-footer-default { margin-top: 0; } /* 1.4. 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 { padding-top: 80px; padding-bottom: 80px; color: #000; } .titlebar-inner h1, .titlebar-inner p, .titlebar-inner .breadcrumbs { position: relative; z-index: 1; } .titlebar-inner p, .titlebar-inner a { color: inherit; } .titlebar-inner h1 { margin: 0 0 0.25em; font-size: 60px; font-weight: 600; } .titlebar-inner h1:only-child { margin-bottom: 0; } .titlebar-inner p { font-size: 20px; font-weight: 500; } .titlebar-inner p:last-child { margin-bottom: 0; } .titlebar-inner p, .titlebar-inner .titlebar-scroll-link { opacity: 0.6; } .titlebar-overlay + .titlebar-inner { position: relative; z-index: 2; } .titlebar { position: relative; z-index: 3; background-color: #f7f7f7; } .titlebar .breadcrumbs { margin-top: 1.5em; } .titlebar .breadcrumbs ol { background: none; border-radius: 0; } .titlebar .breadcrumbs:only-child { margin-top: 0; } .titlebar .titlebar-scroll-link:hover { opacity: 1; } .titlebar .main-header-overlay:not(.is-stuck) { position: relative; top: auto; left: auto; } .titlebar[data-parallax=true]:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #999; transition: opacity 0.3s, visibility 0.3s; } .titlebar[data-parallax=true] .lqd-parallax-container { opacity: 0; } .titlebar[data-parallax=true].lqd-parallax-bg:before { opacity: 0; visibility: hidden; } .titlebar[data-parallax=true].lqd-parallax-bg .lqd-parallax-container { animation: fadeIn 0.3s 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) both alternate; } .titlebar[data-parallax=true].bg-none { background-image: none !important; } .vc_mobile .titlebar[data-parallax=true]:before, [data-elementor-device-mode=mobile] .titlebar[data-parallax=true]:before { content: none; } .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 (min-width: 992px) { .titlebar-split .titlebar-col:last-of-type { text-align: end; } } /* 1.5. Preloaders */ .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-rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes lqd-spinner-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 130, 200; stroke-dashoffset: -40; } 100% { stroke-dasharray: 130, 200; stroke-dashoffset: -170; } } .lqd-preloader-spinner { background-color: #fff; } .lqd-spinner-circular { animation: lqd-spinner-rotate 2s linear infinite; } .lqd-spinner-circular circle { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: lqd-spinner-dash 1.5s ease-in-out infinite both; stroke-linecap: round; stroke: var(--color-primary); } .lqd-preloader-el { display: inline-flex; } .lqd-preloader-curtain-el { display: block; width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; } .lqd-preloader-curtain-front { background-color: #131314; z-index: 1; } .lqd-preloader-curtain-back { background-color: #1a1c1e; z-index: 0; } .lqd-preloader-frame-el { position: absolute; display: inline-block; background-color: #1a1c1e; } [data-preloader-qxis=x] { width: 50vw; height: 100vh; } [data-preloader-qxis=y] { width: 100vw; height: 50vh; } .lqd-preloader-frame-top, .lqd-preloader-frame-left { left: 0; } .lqd-preloader-frame-bottom, .lqd-preloader-frame-right { right: 0; } .lqd-preloader-frame-right, .lqd-preloader-frame-left { top: 0; } .lqd-preloader-frame-top { top: 0; } .lqd-preloader-frame-bottom { bottom: 0; } .lqd-preloader-fade { background-color: #fff; } @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; } @keyframes lqd-wrap-sliding-in { from { transform: translate3d(5vw, 0, 0); } to { transform: translate3d(0, 0, 0); } } .lqd-preloader-sliding-el { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; 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-wrap-slide-v-in { 0% { transform: translate3d(0, 7vh, 0); } 100% { transform: translate3d(0, 0, 0); } } .lqd-preloader-style-slide-v.lqd-preloader-animations-started #wrap { animation: lqd-wrap-slide-v-in 0.65s cubic-bezier(0.19, 1, 0.22, 1) both alternate; } .lqd-preloader-dissolve-el { display: block; width: 100%; background-color: var(--color-primary); flex: 1 auto; transform-origin: center bottom; } /* 2. PAGE LAYOUTS */ /* 2.1. Header Side */ /* 2.2. Sidebar */ .lqd-contents .ld-container { width: 100%; } /* 2.3. Stack */ @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; } } @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; } } @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); } } @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); } } @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-page-number { z-index: 8; opacity: 1; visibility: visible; transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-stack-prevnext-wrap { z-index: 7; line-height: 1em; opacity: 0; } .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.vc_row-o-content-bottom { justify-content: flex-end; } .pp-section.vc_row-o-content-top { justify-content: flex-start; } .elementor .pp-section { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform 1.15s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } .pp-scrollable { overflow-y: scroll; } .pp-scrollable > .row-bg-wrap { height: var(--lqd-section-height, 100%); } .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-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; } #pp-nav { display: none; position: fixed; top: 50%; right: 50px; z-index: 100; font-size: 0.8125em; line-height: 1.5em; color: rgba(0, 0, 0, 0.45); 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; } .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-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; color: rgba(0, 0, 0, 0.8); } .lqd-stack-nums-style-2 .lqd-stack-page-number a span { display: inline-flex; align-items: center; position: relative; line-height: 1.15em; overflow: hidden; } .lqd-stack-nums-style-2 .lqd-stack-page-number a span:before, .lqd-stack-nums-style-2 .lqd-stack-page-number a span:after { display: inline-block; content: counter(stackModernNumbers, decimal-leading-zero); transition: transform 1.25s cubic-bezier(0.075, 0.82, 0.165, 1); } .lqd-stack-nums-style-2 .lqd-stack-page-number a span:after { position: absolute; top: 0; left: 0; transform: translateY(105%); } .lqd-stack-nums-style-2 .lqd-stack-page-number a:hover span:before { transform: translateY(-105%); } .lqd-stack-nums-style-2 .lqd-stack-page-number a:hover span:after { transform: translateY(0); } .lqd-stack-nums-style-2 .lqd-stack-page-number a:hover, .lqd-stack-nums-style-2 .lqd-stack-page-number .active a { color: var(--color-primary); } .lqd-stack-nums-style-2 .lqd-stack-page-number .pp-tooltip { display: none; } .lqd-stack-row-entering { will-change: transform, opacity; z-index: 10; } .lqd-stack-effect-mask .lqd-stack-row-entering > .ld-container { will-change: transform; } .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-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-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-row-leaving { will-change: transform, opacity; } .lqd-stack-effect-mask .lqd-stack-row-leaving > .ld-container { will-change: transform; } .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; } .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; } .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; } .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-stack-nav-style-2 #pp-nav { display: flex; flex-direction: column; align-items: center; } .lqd-stack-nav-style-2 #pp-nav ul { display: flex; flex-direction: column; } .lqd-stack-nav-style-2 #pp-nav li { width: 1px; margin: 0; flex: 0 0 50px; } .lqd-stack-nav-style-2 #pp-nav li.active a:after { transform: scaleY(1); } .lqd-stack-nav-style-2 #pp-nav li.active .pp-tooltip { opacity: 0; visibility: hidden; transform: translate(18px, -50%); } .lqd-stack-nav-style-2 #pp-nav li.active ~ li a:after { transform: scaleY(0); } .lqd-stack-nav-style-2 #pp-nav li:hover .pp-tooltip { opacity: 1; visibility: visible; transform: translate(0, -50%); } .lqd-stack-nav-style-2 #pp-nav a { flex: 1; background-color: rgba(0, 0, 0, 0.3); } .lqd-stack-nav-style-2 #pp-nav a:before, .lqd-stack-nav-style-2 #pp-nav a:after { content: ""; display: inline-block; height: 100%; position: absolute; top: 0; transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-stack-nav-style-2 #pp-nav a:before { width: 10px; left: -5px; } .lqd-stack-nav-style-2 #pp-nav a:after { width: 100%; height: 100%; transform-origin: top; background-color: var(--color-primary); } .lqd-stack-nav-style-2 #pp-nav .pp-tooltip { opacity: 0; visibility: hidden; transform: translate(18px, -50%); } .lqd-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 { color: #000; } .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; color: rgba(0, 0, 0, 0.45); } .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: #000; 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-stack-nav-style-4 #pp-nav .pp-tooltip { display: inline-block; margin-inline-end: 15px; position: absolute; top: 50%; right: 100%; opacity: 0; visibility: hidden; white-space: nowrap; transition-property: visibility, opacity, transform, color; transition-duration: 0.45s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transform: translateY(-50%); } .lqd-stack-nav-style-4 #pp-nav a { display: inline-flex; width: 24px; height: 1px; position: relative; background-color: currentColor; flex-flow: row wrap; align-items: center; transform-origin: right center; opacity: 0.4; } .lqd-stack-nav-style-4 #pp-nav a:before { content: ""; display: inline-block; width: 100%; height: 21px; position: absolute; top: -10px; left: 0; } .lqd-stack-nav-style-4 #pp-nav li { display: flex; flex-direction: row-reverse; align-items: center; position: relative; margin: 13px 0; } .lqd-stack-nav-style-4 #pp-nav li:first-child { margin-top: 0; } .lqd-stack-nav-style-4 #pp-nav li:last-child { margin-bottom: 0; } .lqd-stack-has-footer .lqd-stack-nav-style-4 #pp-nav li:nth-last-child(2) { margin-bottom: 0; } .lqd-stack-nav-style-4 #pp-nav li:hover a { transform: scaleX(1.5); } .lqd-stack-nav-style-4 #pp-nav li:hover .pp-tooltip { opacity: 1; visibility: visible; transform: translate(-18px, -50%); } .lqd-stack-nav-style-4 #pp-nav li.active a { transform: scaleX(1.5); opacity: 1; } .lqd-stack-nav-style-4 #pp-nav li.active .pp-tooltip { transform: translate(-18px, -50%); } .lqd-stack-nav-style-4 #pp-nav ul { display: flex; flex-direction: column; } .lqd-stack-nav-style-4 #pp-nav .pp-nav-current, .lqd-stack-nav-style-4 #pp-nav .pp-nav-total { margin-top: 2em; margin-bottom: 2em; } .lqd-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; } .lqd-stack-moving .lqd-stack-prevnext-button, .lqd-stack-moving #pp-nav a { pointer-events: none; } .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-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; } .compose-mode [data-liquid-stack=true] { height: auto; } /* 2.4. Boxed */ .site-boxed-layout { background-color: #eee; } .site-boxed-layout.site-boxed-layout-shadow-1 #wrap { box-shadow: 0 0 13px rgba(0, 0, 0, 0.1); } .site-boxed-layout.site-boxed-layout-shadow-2 #wrap { box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); } .site-boxed-layout.site-boxed-layout-shadow-3 #wrap { box-shadow: 0 0 50px rgba(0, 0, 0, 0.2); } /* 3. LIQUID SHORTCODES */ /* 3.1. Buttons */ /* Animations */ @keyframes btnIconRipple { 0% { border-width: 4px; transform: scale(1); } 80% { border-width: 1px; transform: scale(1.35); } 100% { opacity: 0; } } @keyframes dotAnimations { from { transform: translateY(-6px); } to { transform: translateY(0); } } @keyframes btnHoverTxtLiquidX { 50% { opacity: 0; transform: translateX(-0.3em); } 51% { opacity: 0; transform: translateX(0.3em); } 100% { opacity: 1; transform: translateX(0); } } @keyframes btnHoverTxtLiquidXAlt { 50% { opacity: 0; transform: translateX(0.3em); } 51% { opacity: 0; transform: translateX(-0.3em); } 100% { opacity: 1; transform: translateX(0); } } @keyframes btnHoverTxtLiquidY { 50% { opacity: 0; transform: translateY(0.3em); } 51% { opacity: 0; transform: translateY(-0.3em); } 100% { opacity: 1; transform: translateY(0); } } @keyframes btnHoverTxtLiquidYAlt { 50% { opacity: 0; transform: translateY(-0.3em); } 51% { opacity: 0; transform: translateY(0.3em); } 100% { opacity: 1; transform: translateY(0); } } @keyframes btnTxtMarqueeX { 100% { transform: translateX(-200%); } } @keyframes btnTxtMarqueeY { 100% { transform: translateY(-200%); } } /* Button */ .btn { display: inline-flex; padding: 0; position: relative; border: 1px solid var(--color-primary); border-radius: 0; font-size: 1em; white-space: nowrap; overflow: hidden; color: var(--color-primary); transition: all 0.3s; } .btn > span:not(.btn-icon):not(.btn-txt), .btn strong, .btn i { transition: transform 0.3s cubic-bezier(0.22, 0.665, 0.34, 0.875); } .btn > span:not(.btn-icon):not(.btn-txt) { display: inline-flex; padding: 1.15em 2.1em; border-radius: inherit; border-color: inherit; align-items: center; } .btn.text-uppercase { letter-spacing: 0.1em; } .btn.semi-round { border-radius: 2px; } .btn.round { border-radius: 4px; } .btn.circle { border-radius: 7em; } .btn.disabled { pointer-events: none; cursor: none; } .btn.disabled > span, .btn.disabled .btn-icon { opacity: 0.5; } .btn.border-none { border-width: 0; } .btn.border-none > span:not(.btn-icon):not(.btn-txt) { margin: 0; } .btn.border-none .btn-gradient-border rect { stroke-width: 0; } .btn.border-thin { border-width: 1px; } .btn.border-thin > span:not(.btn-icon):not(.btn-txt) { margin: -0.5px; } .btn.border-thin .btn-gradient-border rect { stroke-width: 1px; } .btn.border-thick { border-width: 2px; } .btn.border-thick > span:not(.btn-icon):not(.btn-txt) { margin: -1px; } .btn.border-thick .btn-gradient-border rect { stroke-width: 2px; } .btn.border-thicker { border-width: 3px; } .btn.border-thicker > span:not(.btn-icon):not(.btn-txt) { margin: -2px; } .btn.border-thicker .btn-gradient-border rect { stroke-width: 3px; } .btn + .btn { margin-inline-start: 0.75em; } .btn.wide > span { padding-inline-start: 2.4em; padding-inline-end: 2.4em; } .btn:hover .btn-gradient-bg-hover { opacity: 1; } /* Sizes*/ .btn-xsm > span:not(.btn-icon):not(.btn-txt) { padding: 0.6em 1em; } .btn-xsm.wide > span:not(.btn-icon):not(.btn-txt) { padding-inline-start: 1.7em; padding-inline-end: 1.7em; } .btn-sm > span:not(.btn-icon):not(.btn-txt) { padding: 0.85em 1.5em; } .btn-sm.wide > span:not(.btn-icon):not(.btn-txt) { padding-inline-start: 3em; padding-inline-end: 3em; } .btn-lg > span:not(.btn-icon):not(.btn-txt) { padding: 1.3em 2.7em; } .btn-lg.wide > span:not(.btn-icon):not(.btn-txt) { padding-inline-start: 3.6em; padding-inline-end: 3.6em; } .btn-xlg > span:not(.btn-icon):not(.btn-txt) { padding: 1.5em 3.5em; } .btn-xlg.wide > span:not(.btn-icon):not(.btn-txt) { padding-inline-start: 4.5em; padding-inline-end: 4.5em; } .btn-custom-sized > span:not(.btn-icon):not(.btn-txt) { width: 100%; text-align: center; justify-content: center; padding: 0; } .btn-icon { display: inline-flex; align-items: center; justify-content: center; font-size: 1em; letter-spacing: 0; background-size: 99.99% !important; transition: background 0.3s, color 0.125s, box-shadow 0.3s, border 0.3s; } .btn-icon i, .btn-icon svg { position: relative; z-index: 3; } .btn-icon svg { fill: currentColor; } .btn-txt + .btn-icon { margin-inline-end: 0; margin-inline-start: 8px; } .btn-icon-sep .btn-icon { padding-inline-start: 0.9090909091em; margin-inline-start: 0.9090909091em; } .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:only-child { margin-bottom: 0 !important; } .btn-gradient-bg + .btn-icon, .btn-icon:first-child { margin-inline-start: auto; margin-inline-end: auto; } .btn-icon + .btn-icon { display: none; order: -2; margin-inline-start: 0; margin-inline-end: 8px; } .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; } /* Icon Shapes */ .btn-icon-solid .btn-icon, .btn-icon-bordered .btn-icon { width: 2.5em; height: 2.5em; margin-inline-start: 20px; border: 1px solid; margin-top: -5%; margin-bottom: -5%; } .btn-icon-solid.btn-icon-left .btn-txt + .btn-icon, .btn-icon-bordered.btn-icon-left .btn-txt + .btn-icon { margin-inline-start: 0; margin-inline-end: 20px; } .btn-icon-semi-round .btn-icon { border-radius: 2px; } .btn-icon-round .btn-icon { border-radius: 4px; } .btn-icon-circle .btn-icon { border-radius: 50%; } .btn-icon-solid .btn-icon { border: none; background-color: var(--color-primary); color: #fff; } /* Icon Position */ .btn-icon-block > span:not(.btn-icon):not(.btn-txt) { flex-direction: column; } .btn-icon-block .btn-icon, .btn-icon-block .btn-txt { text-align: center; margin-inline-start: auto !important; margin-inline-end: auto !important; } .btn-icon-block .btn-icon { margin-top: 0.5em; align-items: center; justify-content: center; } .btn-icon-block .btn-txt { width: 100%; } .btn-icon-top .btn-icon, .btn-icon-left .btn-icon { order: -1; } .btn-icon-left .btn-icon { margin-inline-start: 0; margin-inline-end: 8px; } .btn-icon-left.btn-icon-sep .btn-icon { margin-inline-start: 0; margin-inline-end: 0.9090909091em; padding-inline-start: 0; padding-inline-end: 0.9090909091em; } .btn-icon-left.btn-icon-sep .btn-icon:before { left: auto; right: 0; } .btn-icon-top.btn-icon-block .btn-icon { margin-bottom: 0.5em; margin-top: 0; } /* Icon Sizes */ .btn-icon-xsm .btn-icon { width: 1.5em; height: 1.5em; } .btn-icon-sm .btn-icon { width: 2em; height: 2em; } .btn-icon-lg .btn-icon { width: 3.2em; height: 3.2em; } .btn-icon-xlg .btn-icon { width: 3.5em; height: 3.5em; } .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-ripple .btn-icon:before { content: ""; display: inline-block; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; border-radius: inherit; border: 1px solid var(--color-primary); animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; } /* Button Styles */ .btn-bordered, .btn-solid { box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .btn-bordered:hover, .btn-solid:hover { border-color: transparent; background-color: var(--color-primary); color: #fff; transform: translate3d(0, -2px, 0); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12); } .btn-solid { overflow: hidden; background: var(--color-primary); color: #fff; } .btn-naked { border: none; } .btn-naked > span:not(.btn-icon):not(.btn-txt) { padding: 0; } .btn-naked:hover { color: var(--color-primary); } .btn-naked, .btn-underlined { overflow: visible; } .btn-naked:not(.btn-icon-solid).btn-gradient .btn-txt, .btn-naked:not(.btn-icon-solid).btn-gradient .btn-icon i, .btn-underlined:not(.btn-icon-solid).btn-gradient .btn-txt, .btn-underlined:not(.btn-icon-solid).btn-gradient .btn-icon i { background-clip: text !important; -webkit-background-clip: text !important; text-fill-color: transparent !important; -webkit-text-fill-color: transparent !important; } .btn-naked > span > .btn-gradient-bg, .btn-underlined > span > .btn-gradient-bg { display: none; } .btn-underlined { border: none; background-color: transparent !important; position: relative; } .btn-underlined:before, .btn-underlined:after { content: ""; display: inline-block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background-color: var(--color-primary); } .btn-underlined:after { background: var(--color-secondary, --color-primary); transform: scaleX(0); transform-origin: right center; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .btn-underlined > span:not(.btn-icon):not(.btn-txt) { padding: 0.4em 0; } .btn-underlined.btn-bw-75:before, .btn-underlined.btn-bw-75:after { width: 75%; } .btn-underlined.btn-bw-50:before, .btn-underlined.btn-bw-50:after { width: 50%; } .btn-underlined.btn-bw-30:before, .btn-underlined.btn-bw-30:after { width: 30%; } .btn-underlined:hover { background-color: transparent; color: var(--color-primary); transform: none; box-shadow: none; } .btn-underlined:hover:after { transform-origin: left center; transform: scaleX(1); } .btn-underlined.border-none:before, .btn-underlined.border-none:after { height: 0; } .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; white-space: normal; } .btn-gradient { border: none; } .btn-gradient > span { margin: 0 !important; } .btn-gradient:hover { background-color: transparent; } .btn-bordered-gradient { border: none; } .btn-bordered-gradient:hover defs stop:first-child { stop-color: var(--color-gradient-stop); } .btn-bordered-gradient:hover defs stop:last-child { stop-color: var(--color-gradient-start); } .btn-gradient-bg { display: inline-block; width: 100%; height: 100%; border-radius: inherit; position: absolute; top: 0; left: 0; z-index: 0; transition: all 0.3s ease; background: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%); } .btn-gradient-bg-hover { z-index: 1; opacity: 0; background: linear-gradient(to right, var(--color-gradient-stop) 0%, var(--color-gradient-start) 100%); } .btn-gradient-border { width: calc(100% - 1px); height: calc(100% - 1px); position: absolute; fill: transparent; stroke: transparent; top: 0; left: 0; z-index: 2; overflow: visible !important; } .btn-gradient-border defs stop { transition: all 0.3s ease; stop-opacity: 1; } .btn-gradient-border defs stop:first-child { stop-color: var(--color-gradient-start); } .btn-gradient-border defs stop:last-child { stop-color: var(--color-gradient-stop); } .btn-gradient-border rect { width: 100%; height: 100%; fill: transparent; stroke-width: 1; } .btn-hover-reveal .btn-icon { margin-inline-start: -1em; } .btn-hover-reveal .btn-icon svg, .btn-hover-reveal .btn-icon i { display: inline-block; opacity: 0; transform: translateX(0.25em); 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 svg, .btn-hover-reveal .btn-icon i { transition-timing-function: cubic-bezier(0, 0.71, 0.4, 1); } .btn-hover-reveal.btn-icon-left .btn-icon { margin-inline-end: -1em; margin-inline-start: 0; } .btn-hover-reveal.btn-icon-left .btn-icon svg, .btn-hover-reveal.btn-icon-left .btn-icon i { transform: translateX(-0.25em); } .btn-hover-reveal:hover .btn-icon svg, .btn-hover-reveal:hover .btn-icon i { opacity: 1; transform: translateX(1em); } .btn-hover-reveal:hover.btn-solid .btn-txt, .btn-hover-reveal:hover.btn-bordered .btn-txt { transform: translateX(-1em); } .btn-hover-reveal:hover.btn-underlined .btn-icon, .btn-hover-reveal:hover.btn-naked .btn-icon { transform: translateX(0.5em); } .btn-hover-reveal:hover.btn-icon-left .btn-icon svg, .btn-hover-reveal:hover.btn-icon-left .btn-icon i { transform: translateX(-1em); } .btn-hover-reveal:hover.btn-icon-left.btn-solid .btn-txt, .btn-hover-reveal:hover.btn-icon-left.btn-bordered .btn-txt { transform: translateX(1em); } .btn-hover-reveal:hover.btn-icon-left.btn-underlined .btn-icon, .btn-hover-reveal:hover.btn-icon-left.btn-naked .btn-icon { transform: translateX(-0.5em); } .btn-hover-swp.btn-solid .btn-txt, .btn-hover-swp.btn-bordered .btn-txt { margin-inline-start: -1em; } .btn-hover-swp .btn-icon { transition: opacity 0.4s 0.25s, transform 0.6s 0.25s; transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1); } .btn-hover-swp .btn-icon + .btn-icon { display: inline-flex; margin-inline-start: 0; margin-inline-end: 0; opacity: 0; transform: translateX(-1em); transition-delay: 0s; } .btn-hover-swp .btn-txt { transition: transform 0.6s 0.125s cubic-bezier(0.1, 0.75, 0.25, 1); } .btn-hover-swp.btn-icon-left.btn-solid .btn-txt, .btn-hover-swp.btn-icon-left.btn-bordered .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-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; } .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; } .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-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; } .btn-hover-txt-switch .btn-txt:after, .btn-hover-txt-marquee .btn-txt:after { content: attr(data-text); display: inline-block; position: absolute; white-space: nowrap; top: 50%; } .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 { 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-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; } .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-bg-liquid { overflow: hidden; } .btn-hover-bg-liquid[data-custom-animations] { opacity: 1; } .btn-hover-bg-liquid:hover { transition-delay: 0.3s; } .lqd-btn-liquid-bg { display: inline-block; width: 102%; height: 102%; position: absolute; top: -1%; left: -1%; transition: fill 0.3s; } .ld-ajax-loadmore { display: inline-block; border-radius: 4px; position: relative; background-color: #292929; text-align: center; white-space: nowrap; line-height: 1em; color: #fff; } .ld-ajax-loadmore span { display: inline-flex; } .ld-ajax-loadmore > span { display: flex; align-items: center; padding: 1em 2.333em; } .ld-ajax-loadmore .static, .ld-ajax-loadmore .loading, .ld-ajax-loadmore .all-loaded { display: block; transition: opacity 0.3s, visibility 0.3s, transform 0.3s; } .ld-ajax-loadmore .dots { display: block; } .ld-ajax-loadmore .dots > span { width: 6px; height: 6px; margin: 0 1px; border-radius: 3px; background-color: currentColor; transform: translateY(0); } .ld-ajax-loadmore .all-loaded, .ld-ajax-loadmore .loading { position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transform: translate(-50%, -50%); } .ld-ajax-loadmore .loading { font-size: 10px; flex-direction: column; } .ld-ajax-loadmore .all-loaded { display: flex; align-items: center; } .ld-ajax-loadmore .all-loaded i { margin-inline-start: 8px; } .ld-ajax-loadmore.items-loading, .ld-ajax-loadmore.all-items-loaded { pointer-events: none; border-color: transparent; } .ld-ajax-loadmore.items-loading .static, .ld-ajax-loadmore.all-items-loaded .static { opacity: 0; visibility: hidden; transform: translate(0, -50%); } .ld-ajax-loadmore.items-loading .loading { opacity: 1; visibility: visible; transform: translate(-50%, -50%); } .ld-ajax-loadmore.items-loading .loading .dots > span { animation: dotAnimations 0.6s cubic-bezier(0.23, 1, 0.32, 1) infinite alternate backwards; } .ld-ajax-loadmore.items-loading .loading .dots > span:nth-child(0) { animation-delay: 0s; } .ld-ajax-loadmore.items-loading .loading .dots > span:nth-child(1) { animation-delay: 0.1s; } .ld-ajax-loadmore.items-loading .loading .dots > span:nth-child(2) { animation-delay: 0.2s; } .ld-ajax-loadmore.items-loading .loading .dots > span:nth-child(3) { animation-delay: 0.3s; } .ld-ajax-loadmore.all-items-loaded { background-color: transparent !important; color: #000 !important; } .ld-ajax-loadmore.all-items-loaded .all-loaded { opacity: 1; visibility: visible; transform: translate(-50%, -50%); } .ld-ajax-loadmore:hover { color: #fff; } /* 3.2. Social Icons */ .social-icon { padding: 0; margin: 0; list-style: none; font-size: 15px; line-height: 1em; } .social-icon li { display: inline-block; margin-inline-end: 1.2em; font-size: 1em; line-height: 1em; } .social-icon li:last-child { margin-inline-end: 0; } .social-icon i { display: inherit; justify-content: inherit; align-items: inherit; } .social-icon i + span { margin-inline-start: 1em; } .social-icon.branded-text a { background-color: transparent; } .social-icon.branded i { width: 100%; height: 100%; position: relative; } .social-icon.branded a { background-color: transparent; line-height: normal; } .social-icon-border-1 a { border: 1px solid; } .social-icon-border-2 a { border: 2px solid; } .social-icon-border-3 a { border: 3px solid; } /* Social Icons Shapes */ .social-icon-shaped li { margin-inline-end: 0.5em; } .social-icon-shaped a { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; background-color: var(--color-primary); color: #fff; } .social-icon-shaped a:hover { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); transform: translate(0, -2px); } .social-icon-shaped.social-icon-sm li { margin-inline-end: 0.3em; } .social-icon-shaped.social-icon-sm a { width: 2em; height: 2em; } .social-icon-shaped.social-icon-md li { margin-inline-end: 0.6em; } .social-icon-shaped.social-icon-md a { width: 3.2em; height: 3.2em; } .social-icon-shaped.social-icon-lg li { margin-inline-end: 0.7em; } .social-icon-shaped.social-icon-lg a { width: 3.666em; height: 3.666em; } .social-icon-round i, .social-icon-round a { border-radius: 8%; } .social-icon-circle i, .social-icon-circle a { border-radius: 50em; } /* Social Icon Directions */ .social-icon-vertical li, .social-icon-vertical a { display: flex; width: 100%; align-items: center; } .social-icon-vertical li { margin-inline-end: 0 !important; margin-bottom: 1.2em; } .social-icon-vertical li:last-child { margin-bottom: 0; } /* Social icons sizes */ .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-underline li { margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .social-icon-underline li:last-of-type { border-width: 0; } .social-icon-underline a { padding-top: 1em; padding-bottom: 1em; } /* 3.3. Accordions */ .accordion { margin-bottom: 2em; } .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:focus, .accordion-title a:focus { outline: none; } .accordion-title a { display: block; width: 100%; padding: 0.93em 30px 0.93em 0; color: inherit; border-top-right-radius: inherit; border-top-left-radius: inherit; } .accordion-title-icon { display: inline-flex; align-items: center; vertical-align: text-top; } .accordion-expander { display: inline-block; position: absolute; top: 50%; right: 30px; font-size: 16px; line-height: 1em; color: inherit; transform: translateY(-50%); } .accordion-expander > i { display: inline-block; } .accordion-expander > i:last-child { display: none; } .accordion-item.active .accordion-expander > i:last-child { display: inline-block; } .accordion-item.active .accordion-expander > i:first-child { display: none; } .accordion-content { padding: 1em 0; } .accordion-content > :last-child, .accordion-content > :only-child { margin-bottom: 0; } /* Accordion Styles */ .accordion-active-has-shadow .accordion-title a, .accordion-body-shadow .accordion-title a, .accordion-active-has-fill .accordion-title a { padding-inline-start: 30px; padding-inline-end: 60px; } .accordion-active-has-shadow .accordion-expander, .accordion-body-shadow .accordion-expander, .accordion-active-has-fill .accordion-expander { right: 30px; } .accordion-active-has-shadow .accordion-content, .accordion-body-shadow .accordion-content, .accordion-active-has-fill .accordion-content { padding-inline-start: 30px; padding-inline-end: 30px; } .accordion-body-shadow .accordion-title a, .accordion-active-has-fill .accordion-title a { background-color: transparent; } .accordion-active-has-fill .accordion-item.active .accordion-title a { background-color: var(--color-primary); color: #fff; } .accordion-body-underlined .accordion-item { border-bottom: 1px solid #e0e1eb; } .accordion-body-underlined .accordion-item:last-child { border-width: 0; } .accordion-body-bordered .accordion-content, .accordion-body-bordered .accordion-title a { padding-inline-start: 30px; padding-inline-end: 30px; } .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: 30px; } .accordion-title-underlined .accordion-title a { padding-inline-end: 0; border-bottom: 1px solid #dadde1; } .accordion-title-underlined .accordion-expander { right: 0; } .accordion-title-bordered .accordion-item:not(:last-child) { margin-bottom: 1.25em; } .accordion-title-bordered .accordion-title a { padding-inline-start: 30px; padding-inline-end: 60px; border: 1px solid #d8dbe2; } .accordion-title-round .accordion-title a { border-radius: 4px; } .accordion-title-circle .accordion-title a { border-radius: 50em; } .accordion-body-round .accordion-item { border-radius: 4px; } .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-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-body-shadow .accordion-item { box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } .accordion-body-shadow .accordion-item:not(:last-child) { margin-bottom: 20px; } .accordion-body-shadow .accordion-content { padding-bottom: 45px; } .accordion-content-has-fill .accordion-content { padding: 30px; } .accordion-expander-left .accordion-expander { right: auto; left: 0; } .accordion-expander-left .accordion-title a { padding-inline-start: 30px; } .accordion-expander-left.accordion-body-shadow .accordion-title a, .accordion-expander-left.accordion-body-bordered .accordion-title a, .accordion-expander-left.accordion-title-bordered .accordion-title a, .accordion-expander-left.accordion-active-has-shadow .accordion-title a, .accordion-expander-left.accordion-active-has-fill .accordion-title a { padding-inline-end: 30px; padding-inline-start: 60px; } .accordion-expander-left.accordion-body-shadow .accordion-expander, .accordion-expander-left.accordion-body-bordered .accordion-expander, .accordion-expander-left.accordion-title-bordered .accordion-expander, .accordion-expander-left.accordion-active-has-shadow .accordion-expander, .accordion-expander-left.accordion-active-has-fill .accordion-expander { left: 20px; } .accordion-expander-left.accordion-body-underlined .accordion-content { padding-inline-start: 30px; } .accordion-xs .accordion-item:not(:last-child) { margin-bottom: 0.5em; } .accordion-xs .accordion-title a { padding-top: 0; padding-bottom: 0; } .accordion-sm .accordion-title a { padding-top: 0.65em; padding-bottom: 0.65em; } .accordion-lg .accordion-title a { padding-top: 1.05em; padding-bottom: 1.05em; } .accordion-expander-lg .accordion-expander { font-size: 22px; } .accordion-expander-xl .accordion-expander { font-size: 26px; } .lqd-res-acc-trigger { display: none; width: 100%; margin: 0 0 1em; font-size: 23px; } .lqd-res-acc-trigger a { color: inherit; } @media screen and (max-width: 480px) { .accordion-expander { right: 15px; } .accordion-title a { padding-inline-end: 50px !important; } } /* 3.4. Iconboxes */ /* Size Variables */ /* Animations */ @keyframes iconRipple { 0% { border-width: 4px; transform: scale(1); } 80% { border-width: 1px; transform: scale(1.36); } 100% { opacity: 0; } } /* Icon Box */ .iconbox { display: flex; margin-bottom: 2em; position: relative; align-items: center; justify-content: center; flex-direction: column; text-align: center; transition: box-shadow 0.3s ease, background 0.3s ease; } .iconbox .iconbox-icon-container, .iconbox .contents, .iconbox > h3 { position: relative; z-index: 2; } .iconbox p, .iconbox h3 { transition-property: color, background; transition-duration: 0.3s; transition-timing-function: ease; } .iconbox h3 { display: inline-block; margin: 0 0 0.7em; font-size: 24px; line-height: 1.5em; } .iconbox .iconbox-icon-container { display: flex; margin-bottom: 0.5em; border: 0 solid #F2F4F7; align-items: center; justify-content: center; font-size: 40px; line-height: 1em; color: var(--color-primary); transition: all 0.3s; transition-property: border, color, background, box-shadow; } .iconbox .iconbox-icon-container i, .iconbox .iconbox-icon-container img, .iconbox .iconbox-icon-container > svg { height: auto; position: relative; z-index: 2; } .iconbox .iconbox-icon-container img[src$=".svg"], .iconbox .iconbox-icon-container > svg { display: inline-block; width: 40px; line-height: 0; } .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 .iconbox-icon-container i { display: inline-block; font-size: 1em; } .iconbox .iconbox-icon-container[data-plugin-animated-icon] { font-size: 1em; line-height: 1em !important; } .iconbox .iconbox-icon-container[data-plugin-animated-icon] > svg { opacity: 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 .iconbox-icon-hover-bg { display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; transition: opacity 0.3s; opacity: 0; } .iconbox p { margin-bottom: 0; } .iconbox .btn { margin-top: 1.5em; margin-bottom: 0.5em; } .iconbox.text-left { align-items: flex-start; } .iconbox.text-right { align-items: flex-end; } .iconbox:hover .iconbox-icon-hover-bg { opacity: 1; } .iconbox-icon-wrap:before, .iconbox-icon-wrap:after { content: ""; display: table; } .iconbox-icon-wrap:after { clear: both; } [data-animate-icon=true] .iconbox-icon-container > svg { opacity: 0; } [data-animate-icon=true].iconbox-icon-animating .iconbox-icon-container > svg { opacity: 1; } .iconbox-square .iconbox-icon-container i, .iconbox-square .iconbox-icon-container img[src$=".svg"], .iconbox-square .iconbox-icon-container > svg, .iconbox-circle .iconbox-icon-container i, .iconbox-circle .iconbox-icon-container img[src$=".svg"], .iconbox-circle .iconbox-icon-container > svg, .iconbox-lozenge .iconbox-icon-container i, .iconbox-lozenge .iconbox-icon-container img[src$=".svg"], .iconbox-lozenge .iconbox-icon-container > svg { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .iconbox-square[data-shape-border] img, .iconbox-square.iconbox-icon-solid img, .iconbox-circle[data-shape-border] img, .iconbox-circle.iconbox-icon-solid img, .iconbox-lozenge[data-shape-border] img, .iconbox-lozenge.iconbox-icon-solid img { max-width: 68%; } .iconbox-label { display: inline-block; padding: 6px 12px; position: absolute; top: 25px; right: 25px; border-radius: 50em; background: #EEF3F9; font-size: 10px; font-weight: 700; line-height: 1.5em; text-transform: uppercase; letter-spacing: 0.1em; color: #000; } .contents .iconbox-label { position: relative; top: auto; right: auto; margin-bottom: 2em; } /* Icon Shape*/ .iconbox-circle .iconbox-icon-container, .iconbox-lozenge .iconbox-icon-container, .iconbox-square .iconbox-icon-container { border-radius: 6px; background: var(--color-primary); font-size: 40px; color: #fff; } .iconbox-circle .iconbox-icon-container img[src$=".svg"], .iconbox-circle .iconbox-icon-container > svg, .iconbox-lozenge .iconbox-icon-container img[src$=".svg"], .iconbox-lozenge .iconbox-icon-container > svg, .iconbox-square .iconbox-icon-container img[src$=".svg"], .iconbox-square .iconbox-icon-container > svg { width: 50px; } .iconbox-circle .iconbox-icon-container, .iconbox-lozenge .iconbox-icon-container, .iconbox-square .iconbox-icon-container { width: 80px; height: 80px; } .iconbox-circle .iconbox-icon-container { border-radius: 50em; } .iconbox-circle .iconbox-icon-container img[src$=".svg"], .iconbox-circle .iconbox-icon-container > svg { width: 44px; } .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-custombg .iconbox-icon-container { margin-top: 0.6em; margin-bottom: 1em; } .iconbox-custombg .iconbox-icon-container .icon-custom-bg { transition: opacity 0.15s; } .iconbox-custombg .iconbox-icon-container .icon-custom-bg > * { position: absolute; top: 50%; left: 50%; z-index: 0; transform: translateX(-50%) translateY(-50%); } /* Icon Style*/ .iconbox-inline { flex-flow: row wrap; justify-content: flex-start; text-align: start; } .iconbox-inline .iconbox-icon-container, .iconbox-inline h3 { margin-bottom: 0; } .iconbox-inline .iconbox-icon-container { margin-inline-end: 15px; } .iconbox-inline h3 { display: inline-flex; justify-content: inherit; align-items: center; flex: 1; } .iconbox-inline .contents { flex-basis: 100%; margin-top: 15px; } .iconbox-inline.text-right { flex-direction: row-reverse; justify-content: flex-end; } .iconbox-inline.text-right .iconbox-icon-container { margin-inline-end: 0; margin-inline-start: 15px; } .iconbox-inline.iconbox-custombg .iconbox-icon-container { margin-inline-end: 1.5em; } .iconbox-inline.iconbox-custombg.text-right { margin-inline-end: 0; margin-inline-start: 1.5em; } .iconbox-side { flex-direction: row; align-items: stretch !important; justify-content: flex-start; text-align: start; } .iconbox-side .iconbox-icon-wrap { margin-inline-end: 30px; } .iconbox-side .iconbox-icon-container { margin-bottom: 0; } .iconbox-side > h3:last-child { margin-bottom: 0; } .iconbox-side.text-right { flex-direction: row-reverse; } .iconbox-side.text-right .iconbox-icon-wrap { margin-inline-end: 0; margin-inline-start: 30px; } .iconbox-side.iconbox-custombg .iconbox-icon-container { margin-inline-end: 1.5em; } .iconbox-side.iconbox-custombg.text-right { margin-inline-end: 0; margin-inline-start: 1.5em; } /* Icon Borders */ [data-shape-border="1"] .iconbox-icon-container { border-width: 1px; } [data-shape-border="2"] .iconbox-icon-container { border-width: 2px; } [data-shape-border="3"] .iconbox-icon-container { border-width: 3px; } /* Filling Styles */ .iconbox-shadow, .iconbox-shadow-hover, .iconbox-bordered, .iconbox-filled { padding: 25px 10%; background-color: #fff; } .iconbox-shadow.iconbox-inline, .iconbox-shadow.iconbox-side, .iconbox-shadow-hover.iconbox-inline, .iconbox-shadow-hover.iconbox-side, .iconbox-bordered.iconbox-inline, .iconbox-bordered.iconbox-side, .iconbox-filled.iconbox-inline, .iconbox-filled.iconbox-side { padding: 45px 5%; } .iconbox-semiround { border-radius: 5px; } .iconbox-round { border-radius: 10px; } .iconbox-shadow { box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07); } .iconbox-shadow-hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .iconbox-shadow-hover:hover { box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07); } .iconbox-bordered { padding-top: 40px; padding-bottom: 40px; border: 1px solid #E1E1E1; } .iconbox-filled-hover:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; opacity: 0; transition: all 0.3s ease; border-radius: inherit; background: var(--color-primary); background-size: cover; background-position: center; } .iconbox-filled-hover:hover { color: #fff; } .iconbox-filled-hover:hover .iconbox-icon-container, .iconbox-filled-hover:hover h3, .iconbox-filled-hover:hover p { color: inherit; } .iconbox-filled-hover:hover p span { color: inherit !important; } .iconbox-filled-hover:hover .icon-custom-bg { opacity: 0; } .iconbox-filled-hover:hover:before { opacity: 1; } .iconbox-filled-hover.iconbox-heading-gradient:hover .iconbox-icon-container i, .iconbox-filled-hover.iconbox-heading-gradient:hover h3 { background: #fff; } .iconbox-filled-hover.iconbox-scale-bg:before { transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s 0.1s cubic-bezier(0.23, 1, 0.32, 1); } .iconbox-filled-hover.iconbox-scale-bg:hover:before { transform: scale(1.1); transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.1s 0s cubic-bezier(0.23, 1, 0.32, 1); } .iconbox-bubble { padding: 0; background: none; } .iconbox-bubble .contents { padding: 35px 40px 25px; margin-top: 20px; border-radius: 3px; 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-icon-shadow .iconbox-icon-container { box-shadow: 0 17px 30px rgba(0, 0, 0, 0.07); } .iconbox-icon-hover-shadow .iconbox-icon-container { box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .iconbox-icon-hover-shadow:hover .iconbox-icon-container { box-shadow: 0 17px 30px rgba(0, 0, 0, 0.07); } .iconbox-icon-linked .iconbox-icon-wrap { position: relative; } .iconbox-icon-linked .iconbox-icon-wrap:before { content: ""; display: inline-block; width: 1px; height: 170%; position: absolute; top: 0; left: 50%; background-color: #E9E9E9; } .elementor .elementor-widget-ld_icon_box:last-of-type .iconbox-icon-linked .iconbox-icon-wrap:after, .wpb-js-composer .iconbox-icon-linked:last-child .iconbox-icon-wrap:after { display: none; } .iconbox-contents-show-onhover.hide-target .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); } /* Heading sizes */ .iconbox-heading-xs h3 { font-size: 18px; } .iconbox-heading-sm h3 { font-size: 20px; } .iconbox-heading-md h3 { font-size: 24px; } .iconbox-heading-lg h3 { font-size: 28px; } /* Heading Gradient */ .iconbox-heading-gradient h3 { background: -webkit-gradient(linear, left top, right top, from(#1DE1D1), to(#780BEE)); background: linear-gradient(to right, #1DE1D1 0%, #780BEE 100%); background-clip: text !important; -webkit-background-clip: text !important; text-fill-color: transparent !important; -webkit-text-fill-color: transparent !important; } .iconbox-heading-arrow-onhover h3 { position: relative; } .iconbox-heading-arrow-onhover h3:after { content: "\ea2c"; font: normal 0.8em/1 "lqd-essentials"; position: absolute; top: 50%; right: 0; font-weight: inherit; opacity: 0; transform: translate(calc(1em - 100%), -50%); transition: transform 0.5s, opacity 0.5s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .iconbox-heading-arrow-onhover.iconbox-inline h3:after { position: relative; top: auto; right: auto; transform: translate(calc(1em - 100%), 0); } .iconbox-heading-arrow-onhover:hover h3:after { opacity: 1; transform: translate(1em, -50%); } .iconbox-heading-arrow-onhover:hover.iconbox-inline h3:after { transform: translate(1em, 0); } /* Sizes*/ .iconbox-xs .iconbox-icon-container img { width: 45px; } .iconbox-xs.iconbox-circle .iconbox-icon-container, .iconbox-xs.iconbox-square .iconbox-icon-container, .iconbox-xs.iconbox-lozenge .iconbox-icon-container { width: 45px; height: 45px; } .iconbox-sm .iconbox-icon-container img { width: 60px; } .iconbox-sm.iconbox-circle .iconbox-icon-container, .iconbox-sm.iconbox-square .iconbox-icon-container, .iconbox-sm.iconbox-lozenge .iconbox-icon-container { width: 60px; height: 60px; } .iconbox-md .iconbox-icon-container img { width: 90px; } .iconbox-md.iconbox-circle .iconbox-icon-container, .iconbox-md.iconbox-square .iconbox-icon-container, .iconbox-md.iconbox-lozenge .iconbox-icon-container { width: 90px; height: 90px; } .iconbox-lg .iconbox-icon-container img { width: 100px; } .iconbox-lg.iconbox-circle .iconbox-icon-container, .iconbox-lg.iconbox-square .iconbox-icon-container, .iconbox-lg.iconbox-lozenge .iconbox-icon-container { width: 100px; height: 100px; } .iconbox-xl .iconbox-icon-container img { width: 125px; } .iconbox-xl.iconbox-circle .iconbox-icon-container, .iconbox-xl.iconbox-square .iconbox-icon-container, .iconbox-xl.iconbox-lozenge .iconbox-icon-container { width: 125px; height: 125px; } .iconbox-xs .iconbox-icon-container { font-size: 20px; } .iconbox-xs .iconbox-icon-container img[src$=".svg"], .iconbox-xs .iconbox-icon-container > svg { width: 20px; } .iconbox-sm .iconbox-icon-container { font-size: 25px; } .iconbox-sm .iconbox-icon-container img[src$=".svg"], .iconbox-sm .iconbox-icon-container > svg { width: 25px; } .iconbox-md .iconbox-icon-container { font-size: 40px; } .iconbox-md .iconbox-icon-container img[src$=".svg"], .iconbox-md .iconbox-icon-container > svg { width: 40px; } .iconbox-lg .iconbox-icon-container { font-size: 45px; } .iconbox-lg .iconbox-icon-container img[src$=".svg"], .iconbox-lg .iconbox-icon-container > svg { width: 45px; } .iconbox-xl .iconbox-icon-container { font-size: 50px; } .iconbox-xl .iconbox-icon-container img[src$=".svg"], .iconbox-xl .iconbox-icon-container > svg { width: 50px; } .iconbox-icon-ripple .iconbox-icon-container:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; border: 1px solid var(--color-primary); animation: iconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; } @media screen and (min-width: 992px) { .iconbox-contents-show-onhover.iconbox-bubble .contents { min-width: 350px; } } @media screen and (max-width: 1199px) { .iconbox[data-plugin-animated-icon] > svg, .iconbox[data-plugin-animated-icon] object { opacity: 1; } } @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%; } } /* 3.5. Tabs */ .lqd-tabs-pane { display: none; } .lqd-tabs-pane.active { display: block; } .lqd-tabs-nav-wrap { display: grid; grid-auto-flow: column; align-items: start; } .lqd-tabs-content { position: relative; } .lqd-tabs-nav-has-btn .lqd-tabs-nav { display: inline-flex !important; margin-bottom: 1.5em; } .lqd-tabs-nav { position: relative; text-align: start; } .lqd-tabs-nav li { line-height: 1.5em; } .lqd-tabs-nav a { display: block; } .lqd-tabs-nav .iconbox { margin-bottom: 0; } .lqd-tabs-nav .iconbox .iconbox-title { color: inherit; } .lqd-tabs-nav .h3 { font-size: 19px; line-height: 1.3684210526em; } .lqd-tabs-nav .h3:only-child { margin-top: 0 !important; margin-bottom: 0 !important; } .lqd-tabs-nav-arrows { display: none; } .lqd-tabs-has-nav-arrows .lqd-tabs-nav-arrows { display: block; } .lqd-tabs-nav-arrow { height: 52px; width: 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; } .lqd-tabs { margin-bottom: 30px; } .lqd-tabs-style-1 .lqd-tabs-nav, .lqd-tabs-style-2 .lqd-tabs-nav { margin-inline-start: -15px; margin-inline-end: -15px; } .lqd-tabs-style-1 .lqd-tabs-nav li, .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-1 .lqd-tabs-nav .iconbox-icon-container, .lqd-tabs-style-2 .lqd-tabs-nav .iconbox-icon-container { width: 72px; height: 72px; background-color: #F3F6F9; font-size: 26px; color: #24232C; } .lqd-tabs-style-1 .lqd-tabs-nav { font-size: 16px; } .lqd-tabs-style-1 .lqd-tabs-nav li { padding-bottom: 1.5em; } .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(--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(--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(--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.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; } .lqd-tabs-style-2 .lqd-tabs-nav { font-size: 15px; } .lqd-tabs-style-2 .lqd-tabs-nav a { color: #4f4f4f; } .lqd-tabs-style-2 .lqd-tabs-nav .iconbox-icon-container { width: 87px; height: 87px; font-size: 30px; border-radius: 29px; } .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(--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.active .lqd-tabs-nav-progress-inner { transform-origin: left; transform: scaleX(1); } .lqd-tabs-style-3 .lqd-tabs-nav { border-bottom: 2px solid #e7eaee; } .lqd-tabs-style-3 .lqd-tabs-nav li { padding-inline-start: 12px; padding-inline-end: 12px; margin-inline-start: 15px; margin-inline-end: 15px; position: relative; } .lqd-tabs-style-3 .lqd-tabs-nav li:after { content: ""; display: inline-block; width: 100%; height: 2px; position: absolute; bottom: -2px; left: 0; background-color: var(--color-primary); transform: scaleX(0); transition: transform 0.3s; } .lqd-tabs-style-3 .lqd-tabs-nav li.active:after { transform: scaleX(1); } .lqd-tabs-style-3 .lqd-tabs-nav a { padding-top: 1.5em; padding-bottom: 1.5em; } .lqd-tabs-style-3 .lqd-tabs-nav .iconbox-icon-container { font-size: 44px; color: var(--color-primary); } .lqd-tabs-style-4 .lqd-tabs-nav { font-size: 16px; position: relative; } .lqd-tabs-style-4 .lqd-tabs-nav:before { content: ""; display: inline-block; width: 100vw; height: 1px; position: absolute; top: 3.95em; left: 50%; right: 50%; margin-inline-start: -50vw; margin-inline-end: -50vw; background-color: #e9e9e9; } .lqd-tabs-style-4 .lqd-tabs-nav .h3 { padding-top: 1.75em; font-size: 1em; } .lqd-tabs-style-4 .lqd-tabs-nav .h3:after { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50em; position: absolute; top: -0.15em; 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 .iconbox-icon-container { font-size: 40px; color: var(--color-primary); 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 .iconbox-icon-container { transform: translateY(-4px); } .lqd-tabs-style-4 .lqd-tabs-nav li.active .h3:after { background-color: var(--color-primary); } .lqd-tabs-style-5 .lqd-tabs-nav-wrap { width: 41.66666667%; 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-content { width: 58.33333333%; flex-grow: 1; } .lqd-tabs-style-6 .lqd-tabs-nav-icon, .lqd-tabs-style-7 .lqd-tabs-nav-icon { display: inline-flex; border-radius: 50em; align-items: center; justify-content: center; color: rgba(50, 60, 71, 0.3); transition: background 0.3s, color 0.3s; } .lqd-tabs-style-6 .lqd-tabs-nav a, .lqd-tabs-style-7 .lqd-tabs-nav a { display: block; } .lqd-tabs-style-6 .lqd-tabs-nav-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 { flex-basis: 25%; flex-grow: 1; } .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 { background-color: var(--color-primary); color: #fff; } .lqd-tabs-style-6 .lqd-tabs-content { flex-basis: 75%; } .lqd-tabs-style-7 .lqd-tabs-nav { font-size: 18px; } .lqd-tabs-style-7 .lqd-tabs-nav .lqd-tabs-nav-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(--color-primary); } .lqd-tabs-style-7 .lqd-tabs-nav li.active .lqd-tabs-nav-icon { color: var(--color-primary); } .lqd-tabs-style-8 .lqd-tabs-nav-wrap { flex-basis: 30%; } .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(--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 { flex-basis: 70%; } .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 { flex: 1 auto; } .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(--color-primary); color: #fff; } .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(--color-primary); color: var(--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(--color-primary); opacity: 0.065; } .lqd-tabs-style-9-alt2 .lqd-tabs-nav li { padding: 0.3125em 0.4375em; flex-grow: 0; background-color: rgba(0, 119, 255, 0.5); } .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; } .lqd-tabs-style-10 .lqd-tabs-nav a { flex-direction: column; color: rgba(0, 0, 0, 0.3); 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(--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); } .lqd-tabs-style-11 .lqd-tabs-nav-wrap, .lqd-tabs-style-12 .lqd-tabs-nav-wrap { grid-template-columns: 1fr; } .lqd-tabs-style-11 .lqd-tabs-nav-has-btn .lqd-tabs-nav, .lqd-tabs-style-12 .lqd-tabs-nav-has-btn .lqd-tabs-nav { margin-bottom: 0; margin-inline-end: 1em; } .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; } .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%; } .lqd-tabs-style-13 .lqd-tabs-nav-wrap { flex-basis: 22%; 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 { flex-basis: 78%; } .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-inline-start: 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; inset-inline-start: 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); } .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; height: 100%; width: 100%; position: absolute; top: -0.075em; inset-inline-start: 0; line-height: 1.15em; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-fill-color: transparent !important; background: linear-gradient(to right, var(--color-gradient-start), var(--color-gradient-stop)); opacity: 0; transition: opacity 0.3s; } .lqd-tabs-style-14 .lqd-tabs-nav > li .lqd-tabs-nav-ext { display: block; position: absolute; top: 100%; inset-inline-start: 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)); } .lqd-tabs-nav-items-not-expanded .lqd-tabs-nav li { flex-grow: 0; } @media screen and (min-width: 768px) and (max-width: 991px) { .lqd-tabs-style-1 .lqd-tabs-nav .iconbox-icon-wrap, .lqd-tabs-style-2 .lqd-tabs-nav .iconbox-icon-wrap { margin-inline-end: 20px; } .lqd-tabs-style-1 .lqd-tabs-nav .iconbox-icon-container, .lqd-tabs-style-2 .lqd-tabs-nav .iconbox-icon-container { width: 55px; height: 55px; font-size: 23px; } .lqd-tabs-style-3 .lqd-tabs-nav li a { padding: 1.5rem !important; } .lqd-tabs-style-3 .lqd-tabs-nav .iconbox-icon-wrap { margin-inline-end: 15px; } .lqd-tabs-style-3 .lqd-tabs-nav .iconbox-icon-container { font-size: 30px; } .lqd-tabs-style-6 .lqd-tabs-content { flex-basis: 65%; } .lqd-tabs-style-7 .lqd-tabs-nav li a { padding: 0.85rem 1.25rem !important; } } @media screen and (min-width: 992px) { .lqd-tabs .lqd-tabs-nav.justify-content-md-between { justify-content: space-between; } .lqd-tabs .lqd-tabs-nav.justify-content-md-start { justify-content: flex-start; } .lqd-tabs .lqd-tabs-nav.justify-content-md-center { justify-content: center; } .lqd-tabs .lqd-tabs-nav.justify-content-md-end { justify-content: flex-end; } .lqd-tabs-style-3 .lqd-tabs-nav.justify-content-md-start li:first-child { margin-inline-start: 0; } .lqd-tabs-style-3 .lqd-tabs-nav.justify-content-md-between li { flex-grow: 1; } .lqd-tabs-style-3 .lqd-tabs-nav.justify-content-md-center li { padding-inline-start: 2em; padding-inline-end: 2em; } .lqd-tabs-style-3 .lqd-tabs-nav.justify-content-md-center li, .lqd-tabs-style-3 .lqd-tabs-nav.justify-content-md-between li { margin-inline-start: 0; margin-inline-end: 0; } .lqd-tabs-style-3 .lqd-tabs-nav.justify-content-md-end li:last-child { margin-inline-end: 0; } .lqd-tabs-style-9-alt2 .lqd-tabs-nav.justify-content-md-between li { flex-grow: 1; display: flex; justify-content: center; } .lqd-tabs-style-9-alt2 .lqd-tabs-nav.justify-content-md-between li:first-child { justify-content: flex-start; } .lqd-tabs-style-9-alt2 .lqd-tabs-nav.justify-content-md-between li:last-child { justify-content: flex-end; } } @media screen and (min-width: 768px) { .lqd-tabs-nav .carousel-nav { margin-inline-start: 3em; } .lqd-tabs-style-7 .lqd-tabs-nav li { margin: 0 0.5em; } } @media screen and (max-width: 991px) { .lqd-tabs .lqd-tabs-nav .carousel-nav { width: auto; justify-content: inherit !important; } .lqd-tabs .lqd-tabs-nav .carousel-nav .previous { margin-inline-start: 0 !important; } .lqd-tabs .lqd-tabs-nav .carousel-nav .next { margin-inline-end: 0 !important; } .lqd-tabs-style-1 .lqd-tabs-nav li, .lqd-tabs-style-2 .lqd-tabs-nav li { flex-basis: 100%; padding-top: 1em; padding-bottom: 1em; } .lqd-tabs-style-3, .lqd-tabs-style-6, .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-9-alt2 .lqd-tabs-nav li { border-radius: 2em !important; margin-bottom: 5px; } .lqd-tabs-style-13 { flex-wrap: wrap; } .lqd-tabs-style-13 .lqd-tabs-nav-wrap, .lqd-tabs-style-13 .lqd-tabs-content { width: 100%; flex-basis: 100%; } .lqd-tabs-style-13 .lqd-tabs-nav-wrap { margin-bottom: 35px; } } @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: 920px) { .lqd-tabs-style-3 .lqd-tabs-nav { justify-content: space-between; } .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; } .lqd-tabs-style-5 .lqd-tabs-nav-wrap, .lqd-tabs-style-5 .lqd-tabs-content, .lqd-tabs-style-6 .lqd-tabs-nav-wrap, .lqd-tabs-style-6 .lqd-tabs-content, .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-5 .lqd-tabs-nav-wrap, .lqd-tabs-style-6 .lqd-tabs-nav-wrap, .lqd-tabs-style-13 .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-10 .lqd-tabs-nav { justify-content: center !important; } .lqd-tabs-style-11 .lqd-tabs-nav-wrap, .lqd-tabs-style-12 .lqd-tabs-nav-wrap { display: block; } .lqd-tabs-style-11 .lqd-tabs-nav-has-btn .lqd-tabs-nav, .lqd-tabs-style-12 .lqd-tabs-nav-has-btn .lqd-tabs-nav { margin-bottom: 1.5em !important; } .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-13 { flex-direction: column-reverse; } .lqd-tabs-style-13 .lqd-tabs-content { margin-bottom: 1.5em; } .lqd-tabs-style-13 .lqd-tabs-nav-wrap { margin-bottom: 0; } } @media screen and (min-width: 768px) and (max-width: 991.8px) { .lqd-tabs-nav .carousel-nav { margin-inline-start: auto; margin-top: 1px !important; } } @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-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:before { content: none; } .lqd-tabs-style-4 .lqd-tabs-nav li { flex-basis: 50%; margin-bottom: 0.5em; } .lqd-tabs-style-8 { flex-direction: column; flex-wrap: nowrap !important; } .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-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 !important; } .lqd-tabs-style-10 .lqd-tabs-nav li a:before { width: 16px; height: 16px; left: 10px !important; bottom: 10px; right: auto !important; } .lqd-tabs-style-10 .lqd-tabs-nav li a:after { width: 36px; order: -1; border-radius: 50% !important; } .lqd-tabs-style-10 .lqd-tabs-nav li .lqd-tabs-nav-txt { margin-inline-start: 1em !important; margin-inline-end: 0 !important; } .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-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; } } /* 3.6. Subscribe Forms */ @keyframes formRotate360 { to { transform: rotate(360deg); } } .ld-sf { position: relative; margin-bottom: 2em; /* * Form sizes */ /* * Input style */ /* * Button positions */ /* * Button style */ /* * Shadows */ /* * Shapes */ /* * Border thickness */ /* * Button Stats */ } .ld-sf input:focus { outline: none; } .ld-sf p { margin-bottom: 20px; position: relative; 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] { display: block; width: 100%; padding: 0 1.75em; border-width: 1px; border-style: solid; border-color: #ededed; border-radius: 2px; background-color: transparent; line-height: 1.5em; transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } .ld-sf [type=text]:focus, .ld-sf [type=email]:focus { border-color: #aaa; } .ld-sf [type=text]::-webkit-input-placeholder, .ld-sf [type=email]::-webkit-input-placeholder { color: inherit; } .ld-sf [type=text]::-moz-placeholder, .ld-sf [type=email]::-moz-placeholder { color: inherit; } .ld-sf [type=text]:-moz-placeholder, .ld-sf [type=email]:-moz-placeholder { color: inherit; } .ld-sf [type=text]:-ms-input-placeholder, .ld-sf [type=email]:-ms-input-placeholder { color: inherit; } .ld-sf select { display: inline-block; width: auto; } .ld-sf [type=submit] { display: inline-flex; padding: 0 40px; margin: 0; border: 0; position: relative; border-radius: 2px; align-items: center; justify-content: center; outline: none; background-color: var(--color-primary); color: #fff; transition: background 0.3s ease, color 0.3s ease, border 0.3s ease; } .ld-sf [type=submit]:hover .submit-icon { transform: translate3d(2px, 0, 0); } .ld-sf [type=submit]:hover .submit-text + .submit-icon { transform: translate3d(2px, 0, 0); } .ld-sf .submit-icon, .ld-sf .submit-text { 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; } .ld-sf .submit-text + .submit-icon { margin-inline-start: 0.65em; } .ld-sf .submit-text:empty { display: none; } .ld-sf[data-plugin-ld-sf] { opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visiblity 0.3s ease; } .ld-sf--is-initialized { opacity: 1 !important; visibility: visible !important; } .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; } .ld-sf--input-solid [type=text], .ld-sf--input-solid [type=email] { border: none; background-color: #fff; color: #000; } .ld-sf--input-underlined [type=text], .ld-sf--input-underlined [type=email] { background-color: transparent; border-top: none !important; border-right: none !important; border-bottom-width: 1px; border-left: none !important; border-radius: 0 !important; } .ld-sf--input-underlined [type=text]:focus, .ld-sf--input-underlined [type=email]:focus { background-color: transparent; } html:not([dir=rtl]) .ld-sf--input-underlined [type=text], html:not([dir=rtl]) .ld-sf--input-underlined [type=email] { padding-inline-start: 0 !important; } .ld-sf--inputs-inline .ld_sf_paragraph { display: flex; align-items: center; } .ld-sf--button-inside p:last-of-type, .ld-sf--button-inline 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-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-inside.ld-sf--button-naked:not(.ld-sf--input-underlined) [type=submit] { padding-inline-end: 1.75em; } .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 [type=text], .ld-sf--button-inline [type=email] { display: inline-block; } .ld-sf--button-block [type=submit] { width: 100%; } .ld-sf--button-bordered [type=submit] { background-color: transparent; border: 1px solid var(--color-primary); color: var(--color-primary); } .ld-sf--button-naked [type=submit] { padding-inline-start: 0; padding-inline-end: 0; background-color: transparent; border: none !important; color: var(--color-primary); } .ld-sf--button-underlined [type=submit] { padding-inline-start: 0; padding-inline-end: 0; border-radius: 0; background-color: transparent; border-bottom: 1px solid var(--color-primary); color: var(--color-primary); } .ld-sf--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-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-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--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--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--border-none [type=text], .ld-sf--border-none [type=email], .ld-sf--border-none [type=submit] { border-width: 0; } .ld-sf--button-hide-label [type=submit] .submit-text { display: none !important; } .ld-sf--button-hide-label [type=submit] .submit-icon { margin-inline-start: 0 !important; margin-inline-end: 0 !important; } .ld-sf--button-hidden [type=submit] { display: none !important; } .ld_sf_form { position: relative; } .ld_sf_response { margin-top: 1.5em; } .ld_sf_response:empty { display: none; } .ld-sf-spinner { display: inline-block; width: 35px; height: 35px; position: absolute; top: 50%; left: 50%; border-radius: 50em; transform: translate(-50%, -50%) scale(1.5); color: inherit; opacity: 0; visibility: hidden; overflow: hidden; transition-property: opacity, visibility, transform; transition-duration: 0.3s; } .ld-sf-spinner:before, .ld-sf-spinner span { display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; border: 2px solid; } .ld-sf-spinner:before { content: ""; 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 (min-width: 768px) { .ld-sf .submit-text.visible-xs + .submit-icon { margin-inline-start: 0; } .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-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 [type=text], .ld-sf [type=email] { padding-inline-start: 20px; padding-inline-end: 20px; } .ld-sf--button-inline form { flex-direction: column; } .ld-sf--button-inline form p { padding-inline-end: 0 !important; } .ld-sf--button-inside.ld-sf--button-naked:not(.ld-sf--input-underlined) [type=submit] { padding-inline-end: 20px; } } /* 3.7. Contact Forms */ .lqd-contact-form { margin-bottom: 2em; --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 form > .wpcf7-form-control:last-child { margin-bottom: 0; } .lqd-contact-form form > .row > div:last-child .wpcf7-form-control { margin-bottom: 0; } .lqd-contact-form .ld-container { width: 100%; padding-inline-start: 15px; padding-inline-end: 15px; } .lqd-contact-form .wpcf7-form-control-wrap { display: block; margin: var(--inputs-margin); } .lqd-contact-form select, .lqd-contact-form input, .lqd-contact-form textarea, .lqd-contact-form .ui-button.ui-selectmenu-button { display: flex; width: 100%; height: 50px; padding-inline-start: 2em; padding-inline-end: 2em; position: relative; border: 1px solid #d5d6de; border-radius: 0; background: none; align-items: center; color: #b7b9c4; transition: all 0.3s; } .lqd-contact-form select::-webkit-input-placeholder, .lqd-contact-form input::-webkit-input-placeholder, .lqd-contact-form textarea::-webkit-input-placeholder, .lqd-contact-form .ui-button.ui-selectmenu-button::-webkit-input-placeholder { color: inherit; } .lqd-contact-form select::-moz-placeholder, .lqd-contact-form input::-moz-placeholder, .lqd-contact-form textarea::-moz-placeholder, .lqd-contact-form .ui-button.ui-selectmenu-button::-moz-placeholder { color: inherit; } .lqd-contact-form select:-moz-placeholder, .lqd-contact-form input:-moz-placeholder, .lqd-contact-form textarea:-moz-placeholder, .lqd-contact-form .ui-button.ui-selectmenu-button:-moz-placeholder { color: inherit; } .lqd-contact-form select:-ms-input-placeholder, .lqd-contact-form input:-ms-input-placeholder, .lqd-contact-form textarea:-ms-input-placeholder, .lqd-contact-form .ui-button.ui-selectmenu-button:-ms-input-placeholder { color: inherit; } .lqd-contact-form select:focus, .lqd-contact-form input:focus, .lqd-contact-form textarea:focus, .lqd-contact-form .ui-button.ui-selectmenu-button:focus { outline: none; border-color: #9c9eb1; color: #9c9eb1; } .lqd-contact-form input[type=date] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .lqd-contact-form input[type=file] { height: auto !important; padding: 0 !important; border: none !important; background: none !important; } .lqd-contact-form input[type=submit], .lqd-contact-form button[type=submit] { display: inline-flex; width: auto; height: 50px; margin-bottom: 0; padding: 0 2.8em; border: 1px solid var(--color-primary); background-color: var(--color-primary); align-items: center; color: #fff; transition: all 0.3s ease; } .lqd-contact-form input[type=submit]:hover, .lqd-contact-form button[type=submit]:hover { transform: translateY(-1px); box-shadow: 0 10px 35px rgba(0, 0, 0, 0.125); } .text-center .lqd-contact-form input[type=submit], .text-center .lqd-contact-form button[type=submit] { margin-inline-start: auto; margin-inline-end: auto; } .lqd-contact-form button[type=submit] i { position: relative; top: auto; left: auto; margin-top: 0; transform: none; } .lqd-contact-form input[type=radio], .lqd-contact-form input[type=checkbox] { display: initial; width: auto; height: auto; } .lqd-contact-form select { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .lqd-contact-form select[multiple] { padding: 0; height: auto; } .lqd-contact-form select[multiple] option { padding: 0.5em 2em; } .lqd-contact-form label { font-weight: inherit; margin-inline-end: 5px; } .lqd-contact-form textarea { height: auto !important; padding-top: 1em; padding-bottom: 1em; border-radius: 0 !important; } .lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon, .lqd-contact-form i, .lqd-contact-form svg { display: inline-block; position: absolute; top: calc(50% - var(--input-margin-bottom) / 2); z-index: 2; 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-button.ui-selectmenu-button .ui-selectmenu-text { flex: 1 auto; } .lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon { order: 1; background: none; width: 1em; height: 1em; font-size: 1em; } .lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon:after { content: "\ea2f"; display: inline-flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; text-indent: 0; font: normal 1.15em/1 "lqd-essentials"; } .lqd-contact-form .ui-spinner { width: 100%; padding: 0; border-radius: 0; border: none; } .lqd-contact-form input.ui-spinner-input { margin: 0; box-shadow: none; } .lqd-contact-form a.ui-spinner-button { border: none; border-radius: 0; background-color: transparent; } .lqd-contact-form a.ui-spinner-button:active { background-color: #181b31; } .lqd-contact-form[class*=vc_custom_] { background-color: transparent !important; } .wpcf7-radio .wpcf7-list-item { margin-inline-start: 0; } .wpcf7-radio .wpcf7-list-item, .wpcf7-radio .wpcf7-list-item > label { display: flex; position: relative; } .wpcf7-radio .wpcf7-list-item > label { cursor: pointer; } .wpcf7-radio .wpcf7-list-item input[type=radio] { position: absolute; top: 0; left: 0; width: 0; height: 0; visibility: hidden; } .wpcf7-radio .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label:after { opacity: 1; transform: scale(1); } .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label { padding-inline-start: calc(1em + 20px); } .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:before { content: ""; display: inline-block; width: 20px; height: 20px; position: absolute; top: calc(50% - 10px); left: 0; border: 2px solid; border-radius: 0.625em; } .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:after { content: ""; display: inline-block; position: absolute; top: calc(50% - 5px); left: 5px; width: 10px; height: 10px; background-color: currentColor; border-radius: 0.625em; opacity: 0; transform: scale(0); transition: all 0.65s cubic-bezier(0.23, 1, 0.32, 1); transition-property: transform, opacity; } /* Inputs sizes */ .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 .wpcf7-form-control-wrap { margin-bottom: 30px; } .lqd-contact-form-inputs-lg input[type=submit], .lqd-contact-form-inputs-lg button[type=submit] { height: 60px; } /* Input Shapes */ .lqd-contact-form-inputs-underlined select, .lqd-contact-form-inputs-underlined input, .lqd-contact-form-inputs-underlined textarea, .lqd-contact-form-inputs-underlined .ui-button.ui-selectmenu-button { padding-inline-start: 0; padding-inline-end: 0; border-bottom-width: 1px; } .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-filled select, .lqd-contact-form-inputs-filled input, .lqd-contact-form-inputs-filled textarea, .lqd-contact-form-inputs-filled .ui-button.ui-selectmenu-button { border: none; background-color: #fff; } /* Inputs Border Thickness */ .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-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-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-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-top-width: 0; border-right-width: 0; border-left-width: 0; } /* Inputs Border Roundness */ .lqd-contact-form-inputs-sharp select, .lqd-contact-form-inputs-sharp input, .lqd-contact-form-inputs-sharp textarea, .lqd-contact-form-inputs-sharp .ui-button.ui-selectmenu-button { border-radius: 0; } .lqd-contact-form-inputs-sharp input[type=submit], .lqd-contact-form-inputs-sharp button[type=submit] { border-radius: 0; } .lqd-contact-form-inputs-sharp input[type=submit], .lqd-contact-form-inputs-sharp button[type=submit] { border-radius: 0; } .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-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-radius: 0; } /* Styling Button */ /* Button sizes */ .lqd-contact-form-button-sm input[type=submit], .lqd-contact-form-button-sm button[type=submit] { height: 40px; } .lqd-contact-form-button-md input[type=submit], .lqd-contact-form-button-md button[type=submit] { height: 50px; } .lqd-contact-form-button-lg input[type=submit], .lqd-contact-form-button-lg button[type=submit] { height: 60px; margin-bottom: 30px; } /* Button Width */ .lqd-contact-form-button-block input[type=submit], .lqd-contact-form-button-block button[type=submit] { width: 100%; justify-content: center; text-align: center; } /* Button Shapes */ .lqd-contact-form-button-underlined input[type=submit], .lqd-contact-form-button-underlined button[type=submit] { padding-inline-start: 0; padding-inline-end: 0; border-width: 0; background-color: transparent; color: var(--color-primary); border-bottom-width: 1px; } .lqd-contact-form-button-underlined input[type=submit]:hover, .lqd-contact-form-button-underlined button[type=submit]:hover { box-shadow: none; transform: none; } .lqd-contact-form-button-bordered input[type=submit], .lqd-contact-form-button-bordered button[type=submit] { color: var(--color-primary); background-color: transparent; } .lqd-contact-form-button-bordered input[type=submit]:hover, .lqd-contact-form-button-bordered button[type=submit]:hover { background-color: var(--color-primary); color: #fff; } /* Button Border Thickness */ .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-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-none input[type=submit], .lqd-contact-form-button-border-none button[type=submit] { border-width: 0; } /* Button Border Roundness */ .lqd-contact-form-button-sharp input[type=submit], .lqd-contact-form-button-sharp button[type=submit] { border-radius: 0; } .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; } /* Custom Labels */ .liquid-cl { display: flex; height: calc(100% - 20px); margin: 0; position: absolute; top: 0; left: calc(15px + 2em); align-items: center; pointer-events: none; transition: all 0.3s; } .liquid-cl:after { content: attr(data-label); position: absolute; bottom: 100%; left: 0; opacity: 0; font-size: 75%; transition: inherit; } .liquid-cl span { transition: inherit; } textarea ~ .liquid-cl { padding-top: 1em; align-items: flex-start; } .lqd-contact-form-inputs-lg .liquid-cl { height: calc(100% - 30px); } .lqd-contact-form-inputs-underlined .liquid-cl { left: 15px; } input:focus ~ .liquid-cl span, textarea:focus ~ .liquid-cl span, .input-focused .liquid-cl span, .input-filled .liquid-cl span { opacity: 0; } .liquid-cl-1:after { transform: translateX(-10px); } input:focus ~ .liquid-cl-1 span, textarea:focus ~ .liquid-cl-1 span, .input-focused .liquid-cl-1 span, .input-filled .liquid-cl-1 span { transform: translateX(10px); } input:focus ~ .liquid-cl-1:after, textarea:focus ~ .liquid-cl-1:after, .input-focused .liquid-cl-1:after, .input-filled .liquid-cl-1:after { opacity: 1; transform: translateX(0); transition-delay: 0.13s; } .liquid-cl-2 { transition-duration: 0.25s; transform-style: preserve-3d; } .liquid-cl-2:after { transform: translateY(10px) rotateX(30deg); } input:focus ~ .liquid-cl-2 span, textarea:focus ~ .liquid-cl-2 span, .input-focused .liquid-cl-2 span, .input-filled .liquid-cl-2 span { transform: translateY(10px) rotateX(-30deg); transition-timing-function: ease-in; } input:focus ~ .liquid-cl-2:after, textarea:focus ~ .liquid-cl-2:after, .input-focused .liquid-cl-2:after, .input-filled .liquid-cl-2:after { opacity: 1; transform: translateY(0) rotateX(0); transition-delay: 0.13s; } .liquid-cl-3:after { transform: translateY(100%); transition: all 0.25s ease; } input:focus ~ .liquid-cl-3 span, textarea:focus ~ .liquid-cl-3 span, .input-focused .liquid-cl-3 span, .input-filled .liquid-cl-3 span { transform: translateY(-75%); transition: all 0.25s ease; } input:focus ~ .liquid-cl-3:after, textarea:focus ~ .liquid-cl-3:after, .input-focused .liquid-cl-3:after, .input-filled .liquid-cl-3:after { opacity: 1; transform: translateY(0); transition-delay: 0.15s; } .wpcf7-acceptance { font-size: 0.8571428571em; } .wpcf7-acceptance span.wpcf7-list-item { margin: 0; } .wpcf7-acceptance label { display: flex; align-items: center; line-height: 1.5em; cursor: pointer; } .wpcf7-acceptance .wpcf7-list-item-label { display: inline-flex; padding-inline-start: 2.5em; } .wpcf7-acceptance .wpcf7-list-item-label:before, .wpcf7-acceptance .wpcf7-list-item-label:after { content: ""; display: inline-flex; width: 1.7em; height: 1.7em; position: absolute; top: 50%; left: 0; margin-top: -0.85em; align-items: center; justify-content: center; } .wpcf7-acceptance .wpcf7-list-item-label:before { border: 1px solid #d5d6de; } .wpcf7-acceptance .wpcf7-list-item-label:after { content: "\ea1b"; font: normal 1em/1 "lqd-essentials"; transform: scale(0); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .wpcf7-acceptance input { width: 0; height: 0; margin: 0 1em 0 0 !important; position: absolute; top: 0; left: 0; visibility: hidden; } .wpcf7-acceptance input:checked + .wpcf7-list-item-label:after { transform: scale(1); } @media screen and (max-width: 768px) { .wpcf7-acceptance { display: block; margin-bottom: 15px; } } /* 3.8. Fancy Titles */ .fancy-title { margin-bottom: 2.5em; position: relative; } .fancy-title > :empty:not(br):not(hr) { display: none; } .fancy-title h2, .fancy-title h3, .fancy-title h4 { margin: 0.25em 0; } .fancy-title i { margin-inline-end: 0.27em; } .fancy-title > :first-child { margin-top: 0; } .fancy-title > :last-child { margin-bottom: 0; } .fancy-title .split-inner { display: inline-block; } .fancy-title .text-uppercase { letter-spacing: 0.1em; } .fancy-title i.line { display: inline-block; width: 1.138em; height: 3px; vertical-align: middle; background-color: var(--color-primary); } .fancy-title .underlined { display: inline-block; padding-bottom: 1.25em; position: relative; clear: both; } .fancy-title .underlined:after { content: ""; display: inline-block; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background-color: var(--color-primary); } .fancy-title.text-center .underlined:after { left: 50%; transform: translateX(-50%); } .fancy-title.text-right .underlined:after { left: auto; right: 0; } .fancy-title-underlined { padding-bottom: 2.5em; } .fancy-title-underlined:after { content: ""; display: inline-block; width: 50px; height: 1px; position: absolute; bottom: 0; left: 0; background-color: var(--color-primary); } .fancy-title-underlined.text-center:after { left: 50%; transform: translateX(-50%); } .fancy-title-underlined.text-right:after { left: auto; right: 0; } /* Lines */ .fancy-title .lined-alt { display: flex; flex-flow: row wrap; align-items: center; } .fancy-title .line-alt { flex: 1 auto; height: 1px; position: relative; background-color: #E5E5E5; border-radius: 50em; margin-inline-end: 2em; } .fancy-title .line-alt:last-child { margin-inline-end: 0; margin-inline-start: 2em; } .fancy-title .line-alt-doubled { top: 0.3em; } .fancy-title .line-alt-doubled:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: -0.6em; left: 0; border-radius: inherit; background-color: inherit; } /* 3.9. Pricing Tables */ .lqd-pt { margin-bottom: 1.5em; color: #616161; } .lqd-pt li { margin-top: 1em; margin-bottom: 1em; } .lqd-pt li i { margin-inline-end: 0.9em; font-size: 1em; color: #B9B9B9; } .lqd-pt .feature-inactive { opacity: 0.4; } .lqd-pt-bg { background-color: #fff; } .lqd-pt-title { margin: 0; line-height: 1.5em; color: #031B4E; } .lqd-pt-price { display: inline-block; line-height: 1; } .lqd-pt-price small { font-size: 0.5em; } .lqd-pt-body ul { padding: 0; margin: 0; list-style: none; } .lqd-pt-body p:last-child { margin-bottom: 0; } .lqd-pt-description { font-size: 16px; line-height: 1.5625em; } .lqd-pt-description-md { font-size: 17px; line-height: 1.4705882353em; } .lqd-pt-description-lg { font-size: 19px; line-height: 1.6315789474em; } .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-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-title-27 .lqd-pt-title { font-size: 27px; } .lqd-pt-title-24 .lqd-pt-title { font-size: 24px; } .lqd-pt-title-20 .lqd-pt-title { font-size: 20px; } .lqd-pt-title-18 .lqd-pt-title { font-size: 18px; } .lqd-pt-title-16 .lqd-pt-title { font-size: 16px; } .lqd-pt-title-13 .lqd-pt-title { font-size: 13px; } .lqd-pt-title-11 .lqd-pt-title { font-size: 11px; } .lqd-pt-price-64 .lqd-pt-price { font-size: 64px; } .lqd-pt-price-60 .lqd-pt-price { font-size: 60px; } .lqd-pt-price-55 .lqd-pt-price { font-size: 55px; } .lqd-pt-price-50 .lqd-pt-price { font-size: 50px; } .lqd-pt-price-52 .lqd-pt-price { font-size: 52px; } .lqd-pt-price-48 .lqd-pt-price { font-size: 48px; } .lqd-pt-price-40 .lqd-pt-price { font-size: 40px; } .lqd-pt-price-36 .lqd-pt-price { font-size: 36px; } .lqd-pt-price-34 .lqd-pt-price { font-size: 34px; } .lqd-pt-body-17 .lqd-pt-body { font-size: 17px; } .lqd-pt-body-16 .lqd-pt-body { font-size: 16px; } .lqd-pt-body-15 .lqd-pt-body { font-size: 15px; } .lqd-pt-body-14 .lqd-pt-body { font-size: 14px; } .lqd-pt-style-1 { color: #616161; } .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(--color-primary); } .lqd-pt-style-2 { border: 1px solid #D1DBE3; } .lqd-pt-style-2 .lqd-pt-title { 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, .lqd-pt-style-3 .lqd-pt-price { color: #353535; } .lqd-pt-style-3 li { margin-top: 0.5em; margin-bottom: 0.5em; } .lqd-pt-style-3 li i { color: var(--color-primary); } .lqd-pt-style-3.lqd-pt-featured:not(.lqd-pt-style-3b) .lqd-pt-bg { transform: scale(1.1); } .lqd-pt-style-3b { border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: none; } .lqd-pt-style-3b .lqd-pt-title, .lqd-pt-style-3b .lqd-pt-price { color: #353535; } .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 li i { color: var(--color-primary); } .lqd-pt-style-3b .lqd-pt-foot { border-top: 1px solid rgba(0, 0, 0, 0.2); } .lqd-pt-style-3b .lqd-pt-label { background-color: var(--color-primary); font-size: 14px; color: #fff; } .lqd-pt-style-3b.lqd-pt-featured, .lqd-pt-style-3b.lqd-pt-featured .lqd-pt-foot { border-color: var(--color-primary); } .lqd-pt-style-3b.lqd-pt-featured .lqd-pt-bg { background: none; } .lqd-pt-style-4 { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05); } .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-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; } .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 { background: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%); -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-fill-color: transparent !important; } .lqd-pt-style-6 .lqd-pt-price small { font-size: 0.35em; opacity: 0.6; } .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); } .lqd-pt-style-6.lqd-pt-featured .lqd-pt-price { background: none !important; background-clip: inherit !important; -webkit-background-clip: inherit !important; text-fill-color: inherit !important; -webkit-text-fill-color: inherit !important; } .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 small { font-size: clamp(14px, 0.5em, 1em); } .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; } .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-price { color: #0F358E; } .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); } .lqd-pt-style-9 { box-shadow: 0 40px 70px rgba(0, 0, 0, 0.07); } .lqd-pt-style-9 .lqd-pt-label { padding: 7px 11px; position: relative; top: auto; right: auto; background-color: var(--color-primary); font-size: 12px; color: #fff; } .lqd-pt-style-9 .lqd-pt-price { 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; 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-label { right: auto; left: 1.7142857143em; font-size: 12px; } .lqd-pt-style-10 .lqd-pt-price { color: var(--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: #000; } .lqd-pt-style-10 .lqd-pt-body { border-top: 1px solid #e7eaee; } .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(--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 small:last-child { display: block; opacity: 0.6; font-size: 14px; color: #000; } .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; } .lqd-pt-style-12 .lqd-pt-inner { padding-top: 45px; padding-bottom: 45px; } .lqd-pt-style-12 .lqd-pt-head, .lqd-pt-style-12 .lqd-pt-head p, .lqd-pt-style-12 figure { border-bottom: 1px solid #e7ecf0; } .lqd-pt-style-12 figure { padding-bottom: 45px; margin-bottom: 20px; } .lqd-pt-style-12 .lqd-pt-head p { padding-bottom: 20px; } .lqd-pt-style-12 .lqd-pt-price { padding-bottom: 20px; margin-bottom: 0; } .lqd-pt-style-12 .lqd-pt-price small:last-child { display: block; } .lqd-pt-style-12.lqd-pt-featured { box-shadow: 0 22px 88px rgba(0, 0, 0, 0.1); } .lqd-pt-featured { z-index: 2; color: #fff; } .lqd-pt-featured .lqd-pt-bg { background-color: var(--color-primary); } .lqd-pt-featured .lqd-pt-title, .lqd-pt-featured .lqd-pt-price, .lqd-pt-featured .lqd-pt-price small, .lqd-pt-featured .lqd-pt-body li i, .lqd-pt-featured .lqd-pt-body li strong { color: inherit; } @media screen and (min-width: 992px) { .lqd-pt-style-11 { margin-bottom: 0; } } /* 3.10. Testimonials */ .lqd-testi { margin-bottom: 30px; position: relative; color: #243858; } .lqd-testi blockquote { padding: 0; border: none; } .lqd-testi .lqd-star-rating { color: #878F9D; } .lqd-testi .lqd-star-rating li { color: inherit; } .lqd-testi .lqd-star-rating .active { color: var(--color-primary); } .lqd-testi .lqd-testi-time { font-size: 15px; } .lqd-testi .flex-grow { flex: 1 auto; } .lqd-testi .lqd-testi-np h3, .lqd-testi .lqd-testi-np h4 { margin: 0; font-size: 15px; line-height: 1.5em; font-weight: normal; } .lqd-testi .lqd-testi-np h3 { margin-bottom: 0.25em; } .lqd-testi .lqd-testi-np h4 { color: #8C8C8C; } .lqd-testi-card { padding: 30px 35px; border-radius: 7px; background: #fff; box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05); } .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-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-bubble-all { background: #fff; } .lqd-testi-bubble-all: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: 55px; z-index: 1; } .lqd-testi-quote { margin-bottom: 1em; } .lqd-testi-quote blockquote { margin: 0; font-size: 1em; line-height: 1.5em; font-style: normal; } .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-20 .lqd-testi-quote blockquote { font-size: 20px; } .lqd-testi-quote-21 .lqd-testi-quote blockquote { font-size: 21px; } .lqd-testi-quote-22 .lqd-testi-quote blockquote { font-size: 22px; } .lqd-testi-quote-25 .lqd-testi-quote blockquote { font-size: 25px; } .lqd-testi-quote-27 .lqd-testi-quote blockquote { font-size: 27px; } .lqd-testi-avatar { background-size: cover; background-position: center; } .lqd-testi-avatar-40 .lqd-testi-avatar { width: 40px; } .lqd-testi-avatar-48 .lqd-testi-avatar { width: 48px; } .lqd-testi-avatar-50 .lqd-testi-avatar { width: 50px; } .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-80 .lqd-testi-avatar { width: 80px; } .lqd-testi-avatar-85 .lqd-testi-avatar { width: 85px; } .lqd-testi-avatar-90 .lqd-testi-avatar { width: 90px; } .lqd-testi-info { border-color: inherit; } .lqd-testi-brd .lqd-testi-info { border-bottom-style: solid; border-bottom-width: 2px; } .lqd-testi-details { display: flex; align-items: center; } .lqd-testi-details figure { margin-inline-end: 25px; } .lqd-testi.text-center .lqd-testi-details:not(.flex-column) { justify-content: center; } .lqd-testi.text-center .lqd-testi-details:not(.flex-column) .lqd-testi-np { text-align: start; } .lqd-testi-details-inline .lqd-testi-np h3, .lqd-testi-details-inline .lqd-testi-np h4 { margin: 0; } .lqd-testi-details-inline .lqd-testi-np h3:not(:only-child):after { content: ","; margin-inline-end: 0.5em; } .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-lg .lqd-testi-np h3 { font-size: 18px; } .lqd-testi-details-lg .lqd-testi-np h4 { font-size: 16px; } .lqd-testi-details-xl .lqd-testi-np h3 { font-size: 19px; } .lqd-testi-details-xl .lqd-testi-np h4 { font-size: 14px; } .lqd-testi-social-icon { font-size: 23px; } .lqd-testi-quote-icon path, .lqd-testi-quote-icon circle { fill: var(--color-primary); } .lqd-testi-quote-icon circle { opacity: 0.1; } .lqd-testi-quote-icon-flip { transform: scaleX(-1); } .lqd-testi-shadow-none { box-shadow: none; } .lqd-testi-shadow-xs { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } .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-lg { box-shadow: 0 15px 55px rgba(0, 0, 0, 0.075); } .lqd-testi-shadow-xl { box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1); } .lqd-testi-shadow-xxl { box-shadow: 0 45px 55px rgba(0, 0, 0, 0.075); } .lqd-testi-outline { border: 1px solid; } .lqd-testi-style-18 { background-color: #fff; border-radius: 3px 3px 22px 22px; } .lqd-testi-style-18:before { content: ""; display: inline-block; height: 7px; position: absolute; top: 0; right: 0; left: 0; border-radius: 5px; background-color: var(--color-primary); -webkit-mask-image: linear-gradient(60deg, transparent 35%, #000 40%); mask-image: linear-gradient(60deg, transparent 35%, #000 40%); } .lqd-testi-style-18 .lqd-testi-extra { border-top: 1px solid rgba(0, 0, 0, 0.045); } .lqd-testi-style-19 { padding-top: 38px; padding-bottom: 38px; background-color: #fff; } @media screen and (max-width: 479px) { .lqd-testi-card { padding: 25px 15px; } .lqd-testi-quote-icon-gradient { max-width: 90px; max-height: 80px; } .lqd-testi-quote-21 .lqd-testi-quote blockquote, .lqd-testi-quote-22 .lqd-testi-quote blockquote, .lqd-testi-quote-25 .lqd-testi-quote blockquote, .lqd-testi-quote-27 .lqd-testi-quote blockquote { font-size: 20px; } } /* 3.11. Carousel */ /*! Flickity v2.2.0 https://flickity.metafizzy.co */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .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-page-dots { width: 100%; padding: 0; margin: 0; list-style: none; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } /*! * End flickity default styles */ .carousel-container > p { display: none; } .carousel-items { display: flex; flex-wrap: nowrap; } .carousel-items:before, .carousel-items:after { content: none; } .carousel-items p:empty { display: none; } .carousel-items > :not([class*=col-]):not(.has-width) { flex: 1 0 100%; } .carousel-items:not(.flickity-enabled) { overflow: hidden; } .flickity-equal-cells .flickity-slider > * { min-height: 100%; } .flickity-enabled { flex-wrap: wrap; } .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; } .flickity-viewport { width: 100%; flex: 1 0 100%; } .carousel-item { display: flex; flex-direction: column; align-items: stretch; justify-content: center; transition: box-shadow 0.3s; flex: 1 0; } .carousel-item[class*=vc_col-] .carousel-item-content > [class*=vc_col-] { width: 100% !important; padding-inline-start: 0 !important; padding-inline-end: 0 !important; } .carousel-item[class*=col-] .carousel-item-content > [class*=col-] { width: 100% !important; padding-inline-start: 0 !important; padding-inline-end: 0 !important; } .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; } .carousel-item.has-one-child .carousel-item-content .wpb_single_image { display: flex; align-items: center; } .carousel-item-content, .carousel-item-inner { width: 100%; min-height: inherit; position: relative; } .carousel-item-content { white-space: nowrap; } .carousel-item-content > * { white-space: normal; } .carousel-item-content > p:only-child { width: 100%; margin-bottom: 0; } .carousel-item-content > .vc_row-has-fill { margin-inline-start: 0; margin-inline-end: 0; } .flickity-button { display: inline-flex; width: 40px; height: 40px; position: relative; top: auto; left: auto; padding: 0 !important; border-radius: 0; flex-shrink: 0; border: 1px solid transparent; background-color: transparent; font-size: 22px; 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: #000; } .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; /* Nav direction */ /* Nav sizes */ /* Nav shapes */ /* Nav shadows */ } .carousel-nav .lqd-carousel-slides { display: inline-flex; width: auto; height: auto; margin-inline-start: 1em; margin-inline-end: 1em; position: relative; top: auto; left: auto; font-size: 1em; color: #000; } .carousel-nav .lqd-carousel-slides-current { margin-top: 0; top: auto; font-size: 1em; line-height: 1; } .carousel-nav.carousel-nav-floated { position: absolute; left: 0; right: 0; z-index: 9; margin: 0; } .carousel-nav.carousel-nav-floated .flickity-button { position: absolute; } .carousel-nav.carousel-nav-center { text-align: center; justify-content: center; } .carousel-nav.carousel-nav-left .flickity-button, .carousel-nav.carousel-nav-right .flickity-button { position: relative; } .carousel-nav.carousel-nav-left { text-align: start; justify-content: flex-start; } .carousel-nav.carousel-nav-left.carousel-nav-floated { right: auto; left: 0; } .carousel-nav.carousel-nav-right { text-align: end; justify-content: flex-end; } .carousel-nav.carousel-nav-right.carousel-nav-floated { left: auto; right: 0; } .carousel-nav.carousel-nav-top .flickity-button.next, .carousel-nav.carousel-nav-top .flickity-button.previous, .carousel-nav.carousel-nav-bottom .flickity-button.next, .carousel-nav.carousel-nav-bottom .flickity-button.previous { transform: translateY(0); } .carousel-nav.carousel-nav-top { top: 0; } .carousel-nav.carousel-nav-bottom { top: auto; bottom: 0; transform: translate(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-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; } .carousel-nav.carousel-nav-xl .flickity-button { font-size: 28px; width: 60px; height: 60px; } .carousel-nav.carousel-nav-xl.carousel-nav-rectangle .flickity-button { width: 70px; height: 40px; } .carousel-nav.carousel-nav-xl.carousel-nav-rectangle .flickity-button svg { max-width: 35%; } .carousel-nav.carousel-nav-lg .flickity-button { font-size: 26px; width: 50px; height: 50px; } .carousel-nav.carousel-nav-lg.carousel-nav-rectangle .flickity-button { height: 30px; } .carousel-nav.carousel-nav-md.carousel-nav-rectangle .flickity-button { height: 28px; } .carousel-nav.carousel-nav-sm .flickity-button { font-size: 20px; width: 35px; height: 35px; } .carousel-nav.carousel-nav-sm.carousel-nav-rectangle .flickity-button { height: 24px; } .carousel-nav.carousel-nav-solid .flickity-button:before, .carousel-nav.carousel-nav-bordered .flickity-button:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; border-radius: inherit; transition: opacity 0.3s; background: linear-gradient(to left, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%); } .carousel-nav.carousel-nav-solid .flickity-button:hover, .carousel-nav.carousel-nav-bordered .flickity-button:hover { color: #fff; fill: #fff; } .carousel-nav.carousel-nav-solid .flickity-button:hover svg, .carousel-nav.carousel-nav-bordered .flickity-button:hover svg { fill: inherit; } .carousel-nav.carousel-nav-solid .flickity-button:hover:before, .carousel-nav.carousel-nav-bordered .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-rectangle .flickity-button svg, .carousel-nav.carousel-nav-circle .flickity-button svg, .carousel-nav.carousel-nav-square .flickity-button svg { max-width: 50%; } .carousel-nav.carousel-nav-circle .flickity-button { border-radius: 50em; } .carousel-nav.carousel-nav-round .flickity-button { border-radius: 4px; } .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-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; } .elementor-section > .carousel-nav:not(.carousel-nav-floated), .vc_row > .carousel-nav:not(.carousel-nav-floated) { width: 100%; } .carousel-dots { text-align: center; } .elementor-section > .carousel-dots, .vc_row > .carousel-dots { width: 100%; z-index: 2; } .carousel-dots-to-hide { display: none; } .flickity-page-dots .dot { position: relative; border-radius: 50em; background-color: rgba(51, 51, 51, 0.25); color: rgba(51, 51, 51, 0.25); opacity: 1; transition: all 0.3s; } .flickity-page-dots .dot.is-selected { background-color: #333; color: #333; } .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-left.carousel-dots { text-align: start; } .carousel-dots-center.carousel-dots { text-align: center; } .carousel-dots-right.carousel-dots { text-align: end; } .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; } .carousel-dots-sm .dot { width: 9px; height: 9px; } .carousel-dots-lg .dot { width: 12px; height: 12px; } .carousel-dots-lg.carousel-dots-style4 .dot.is-selected { width: 25px; } .carousel-dots-vertical .flickity-page-dots { display: flex; flex-direction: column; justify-content: center; } .carousel-dots-vertical .flickity-page-dots .dot { margin: 8px 0; } .carousel-dots-vertical .flickity-page-dots .dot:first-child { margin-top: 0; } .carousel-dots-vertical .flickity-page-dots .dot:last-child { margin-bottom: 0; } .carousel-dots-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; } .carousel-dots-top.carousel-dots { top: 25px; bottom: auto; } .carousel-dots-middle.carousel-dots { top: 50%; bottom: auto; transform: translateY(-50%); } .carousel-dots-bottom.carousel-dots { top: auto; bottom: 25px; } .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; } .lqd-carousel-slides-numbers { display: inline-flex; position: relative; font-size: 18px; color: #000; transition: color 0.3s; } .lqd-carousel-slides-numbers svg { width: 100%; height: 100%; stroke: currentColor; transition: stroke 0.3s; } .lqd-carousel-slides-numbers .flickity-page-dots { display: none; } .lqd-carousel-slides { display: flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; } .lqd-carousel-slides-current { display: inline-block; width: 0.75em; margin-top: -0.35em; overflow: hidden; font-size: 2.1111111111em; line-height: 1.15em; white-space: nowrap; -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%); } .lqd-carousel-slides-current-inner { display: inline-block; } .lqd-carousel-slides-current-inner span { display: inline-block; width: 0.75em; text-indent: 0.05em; } .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 !important; } .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-shadow-active .carousel-item-inner { margin-bottom: 100px; } .carousel-shadow-active .carousel-item-content { box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .carousel-shadow-active .carousel-item-content .wpb_single_image:only-child .vc_single_image-wrapper { margin-bottom: 0; } .carousel-shadow-active .is-selected .carousel-item-content { box-shadow: 0 50px 75px rgba(0, 0, 0, 0.1); } .carousel-shadow-all .carousel-item-inner { margin-bottom: 100px; } .carousel-shadow-all .carousel-item-content { box-shadow: 0 30px 45px -2px rgba(0, 0, 0, 0.15); } .carousel-shadow-all .carousel-item-content .wpb_single_image:only-child .vc_single_image-wrapper { margin-bottom: 0; } .carousel-items-random-v-offset .carousel-item.has-one-child .carousel-item-inner { display: block; flex-grow: 0; } .carousel-item.col-xs-1 { flex-basis: 8.3333333333%; } .carousel-item.col-xs-2 { flex-basis: 16.6666666667%; } .carousel-item.col-xs-3 { flex-basis: 25%; } .carousel-item.col-xs-4 { flex-basis: 33.3333333333%; } .carousel-item.col-xs-5 { flex-basis: 41.6666666667%; } .carousel-item.col-xs-6 { flex-basis: 50%; } .carousel-item.col-xs-7 { flex-basis: 58.3333333333%; } .carousel-item.col-xs-8 { flex-basis: 66.6666666667%; } .carousel-item.col-xs-9 { flex-basis: 75%; } .carousel-item.col-xs-10 { flex-basis: 83.3333333333%; } .carousel-item.col-xs-11 { flex-basis: 91.6666666667%; } .carousel-item.col-xs-12 { flex-basis: 100%; } .vc_mobile .carousel-nav.carousel-nav-mobile-left { justify-content: flex-start !important; } .vc_mobile .carousel-nav.carousel-nav-mobile-right { justify-content: flex-end !important; } @media screen and (min-width: 768px) { .carousel-item.col-sm-1 { flex-basis: 8.3333333333%; } .carousel-item.col-sm-2 { flex-basis: 16.6666666667%; } .carousel-item.col-sm-3 { flex-basis: 25%; } .carousel-item.col-sm-4 { flex-basis: 33.3333333333%; } .carousel-item.col-sm-5 { flex-basis: 41.6666666667%; } .carousel-item.col-sm-6 { flex-basis: 50%; } .carousel-item.col-sm-7 { flex-basis: 58.3333333333%; } .carousel-item.col-sm-8 { flex-basis: 66.6666666667%; } .carousel-item.col-sm-9 { flex-basis: 75%; } .carousel-item.col-sm-10 { flex-basis: 83.3333333333%; } .carousel-item.col-sm-11 { flex-basis: 91.6666666667%; } .carousel-item.col-sm-12 { flex-basis: 100%; } .carousel-item:not([class*=col-]):not(.has-width) { width: 100%; } } @media screen and (min-width: 992px) { .carousel-item.col-md-1 { flex-basis: 8.3333333333%; } .carousel-item.col-md-2 { flex-basis: 16.6666666667%; } .carousel-item.col-md-3 { flex-basis: 25%; } .carousel-item.col-md-4 { flex-basis: 33.3333333333%; } .carousel-item.col-md-5 { flex-basis: 41.6666666667%; } .carousel-item.col-md-6 { flex-basis: 50%; } .carousel-item.col-md-7 { flex-basis: 58.3333333333%; } .carousel-item.col-md-8 { flex-basis: 66.6666666667%; } .carousel-item.col-md-9 { flex-basis: 75%; } .carousel-item.col-md-10 { flex-basis: 83.3333333333%; } .carousel-item.col-md-11 { flex-basis: 91.6666666667%; } .carousel-item.col-md-12 { flex-basis: 100%; } /* Nav extra */ .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-dot-between.carousel-nav-vertical .flickity-button.previous { margin-inline-end: 0; margin-bottom: 45px; } .carousel-nav.carousel-nav-dot-between.carousel-nav-vertical .flickity-button.previous:after { top: auto; right: auto; bottom: -27px; left: calc(50% - 3px); } } @media screen and (min-width: 1200px) { .carousel-item.col-lg-1 { flex-basis: 8.3333333333%; } .carousel-item.col-lg-2 { flex-basis: 16.6666666667%; } .carousel-item.col-lg-3 { flex-basis: 25%; } .carousel-item.col-lg-4 { flex-basis: 33.3333333333%; } .carousel-item.col-lg-5 { flex-basis: 41.6666666667%; } .carousel-item.col-lg-6 { flex-basis: 50%; } .carousel-item.col-lg-7 { flex-basis: 58.3333333333%; } .carousel-item.col-lg-8 { flex-basis: 66.6666666667%; } .carousel-item.col-lg-9 { flex-basis: 75%; } .carousel-item.col-lg-10 { flex-basis: 83.3333333333%; } .carousel-item.col-lg-11 { flex-basis: 91.6666666667%; } .carousel-item.col-lg-12 { flex-basis: 100%; } .fancy-title .carousel-nav { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } } @media screen and (max-width: 991px) { .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-nav .flickity-button { display: inline-flex !important; position: relative !important; top: auto !important; left: auto !important; bottom: auto !important; right: auto !important; transform: none !important; margin: 0 5px !important; } .carousel-container .carousel-nav { margin-top: 2em !important; } } @media screen and (max-width: 767px) { .carousel-item:not([class*=col-xs]) { width: 100%; } } @media screen and (max-width: 768px) { .carousel-container { max-width: 100vw; } .carousel-dots-desktop, .lqd-carousel-slides-numbers, .carousel-nav { display: 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 + .carousel-dots-from-options { display: none; } .carousel-dots-mobile-inside .carousel-dots-mobile { width: auto; position: absolute; bottom: 15px; left: 45px; right: 45px; } } /* 3.12. Carousel Vertical 3D */ .carousel-vertical-3d .carousel-items { display: block; overflow: visible; position: relative; transform-style: preserve-3d; perspective: 1200px; } .carousel-vertical-3d .carousel-item { backface-visibility: hidden; } .carousel-vertical-3d .carousel-item * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .carousel-vertical-3d.carousel-initialized .carousel-item { width: 100%; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: visibility 0.45s step-end; } .carousel-vertical-3d.carousel-initialized .carousel-item > :only-child { margin-bottom: 0; } .carousel-vertical-3d.carousel-initialized .carousel-item.is-active, .carousel-vertical-3d.carousel-initialized .carousel-item.is-top, .carousel-vertical-3d.carousel-initialized .carousel-item.is-bottom { opacity: 1; visibility: visible; } .carousel-vertical-3d.carousel-initialized .carousel-item.is-top, .carousel-vertical-3d.carousel-initialized .carousel-item.is-bottom { cursor: pointer; transition-timing-function: step-start; } .carousel-vertical-3d.carousel-initialized .carousel-item.is-top > *, .carousel-vertical-3d.carousel-initialized .carousel-item.is-bottom > * { pointer-events: none; } .carousel-vertical-3d.carousel-initialized .carousel-item.is-active { position: relative; top: auto; left: auto; } .carousel-vertical-3d.carousel-initialized .carousel-item.is-moving.was-top, .carousel-vertical-3d.carousel-initialized .carousel-item.is-moving.was-bottom { opacity: 1; transition: opacity 0.1s linear; } /* 3.13. Latest Posts */ .lqd-lp-row { position: relative; } .lqd-lp-column { display: flex; flex-direction: column; margin-bottom: 30px; position: static; } .lqd-lp-column[class*=col-] > [class*=col-] { width: 100%; } .lqd-lp-meta { font-size: 11px; } .lqd-lp-img .lqd-lp-meta:not(:only-child) { position: absolute; top: 25px; left: 25px; } .lqd-lp-img .lqd-lp-meta:not(:only-child).pos-b-l { top: auto; bottom: 0; left: 0; } .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-cat li:not(:last-child) { margin-inline-end: 0.5em; } .lqd-lp-cat a { border-radius: inherit; color: var(--color-primary); } .lqd-lp-cat a:hover { color: #000; } .entry-terms .lqd-lp-cat:not(.lqd-lp-cat-solid) li:not(:last-child):after { content: ", "; } .lqd-lp-cat-solid li, .lqd-lp-cat-border li { margin-bottom: 0.5em; } .lqd-lp-cat-solid a, .lqd-lp-cat-border a { display: inline-flex !important; 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-solid a:hover, .lqd-lp-cat-border 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; } .lqd-lp-cat-border a:hover { border-color: var(--color-primary); background-color: var(--color-primary); color: #fff; } .lqd-lp-cat-solid a { position: relative; color: #000; } .lqd-lp-cat-solid a:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; z-index: -1; background-color: #fff; transition: background 0.3s, opacity 0.3s; } .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; } h2.lqd-lp-title { margin-top: 0; -ms-word-wrap: break-word; word-wrap: break-word; } h2.lqd-lp-title a { color: #000; } h2.lqd-lp-title a:hover { color: var(--color-primary); } .lqd-lp-img figure { transition: box-shadow 0.45s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-lp-img .lqd-overlay { background-color: var(--color-primary); opacity: 0; font-size: 21px; color: #fff; transition: opacity 0.3s; } .lqd-lp-img .lqd-overlay i { display: inline-block; transform: translateX(-20px); transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-lp-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; } .lqd-lp-author h6 { font-size: 12px; color: #9DAFBD; } .lqd-lp-author:hover h3 { color: var(--color-primary); } .lqd-lp-excerpt p:last-child { margin-bottom: 0; } .lqd-lp-read-more .btn-line { display: inline-block; width: 2.727em; height: 2px; margin-inline-end: 1em; position: relative; 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 { display: inline-block; position: absolute; top: 50%; right: -0.13em; transform: translateY(-50%) scale(0); font: normal normal 2em/1.4 "lqd-essentials"; } .lqd-lp-read-more .btn-txt ~ .btn-line { margin-inline-end: 0; margin-inline-start: 1em; } .lqd-lp-overlay-link { z-index: 1; } .lqd-lp { flex-grow: 1; transition: box-shadow 0.65s, transform 0.65s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-lp .lqd-lines { white-space: nowrap; } .lqd-lp:hover { z-index: 2; } .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 .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-title-40 h2.lqd-lp-title { font-size: 40px; } .lqd-lp-title-36 h2.lqd-lp-title { font-size: 36px; } .lqd-lp-title-34 h2.lqd-lp-title { font-size: 34px; } .lqd-lp-title-27 h2.lqd-lp-title { font-size: 27px; } .lqd-lp-title-22 h2.lqd-lp-title { font-size: 22px; } .lqd-lp-title-20 h2.lqd-lp-title { font-size: 20px; } .lqd-lp-title-15 h2.lqd-lp-title { font-size: 15px; } .lqd-lp-img-cover .lqd-lp-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .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-style-1 .lqd-lp-cat-solid a, .lqd-lp-style-3 .lqd-lp-cat-solid a, .lqd-lp-style-7 .lqd-lp-cat-solid a, .lqd-lp-style-22 .lqd-lp-cat-solid a { border-radius: 2em; color: var(--color-primary); } .lqd-lp-style-1 .lqd-lp-cat-solid a:before, .lqd-lp-style-3 .lqd-lp-cat-solid a:before, .lqd-lp-style-7 .lqd-lp-cat-solid a:before, .lqd-lp-style-22 .lqd-lp-cat-solid a:before { background-color: var(--color-primary); opacity: 0.1; } .lqd-lp-style-1 .lqd-lp-cat-solid a:hover, .lqd-lp-style-3 .lqd-lp-cat-solid a:hover, .lqd-lp-style-7 .lqd-lp-cat-solid a:hover, .lqd-lp-style-22 .lqd-lp-cat-solid a:hover { color: #fff; } .lqd-lp-style-1 .lqd-lp-cat-solid a:hover:before, .lqd-lp-style-3 .lqd-lp-cat-solid a:hover:before, .lqd-lp-style-7 .lqd-lp-cat-solid a:hover:before, .lqd-lp-style-22 .lqd-lp-cat-solid a:hover:before { opacity: 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(--color-primary); } .lqd-lp-style-4:hover .lqd-lp-img figure { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); } .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); } .lqd-lp-style-6 .lqd-lp-author, .lqd-lp-style-23 .lqd-lp-author { color: #000; } .lqd-lp-style-6 .lqd-lp-author h3, .lqd-lp-style-6 .lqd-lp-author a, .lqd-lp-style-23 .lqd-lp-author h3, .lqd-lp-style-23 .lqd-lp-author a { color: inherit; } .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: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, .lqd-lp-style-23 .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; } .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(--color-primary); } .lqd-lp-style-8 { border: 1px solid #f1f1f1; background-color: #fff; box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); } .lqd-lp-style-8 .lqd-lp-cat a { color: #000; } .lqd-lp-style-8 .lqd-lp-cat a:hover { color: var(--color-primary); } .lqd-lp-style-8 .lqd-lp-author figure { width: 80px; } .lqd-lp-style-8 .lqd-lp-footer i { display: inline-block; font-size: 21px; color: #000; transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-lp-style-8:hover { transform: translateY(-3px); box-shadow: 0 30px 75px rgba(0, 0, 0, 0.1); } .lqd-lp-style-8:hover .lqd-lp-footer i { transform: translateX(5px); } .lqd-lp-style-10 .lqd-lp-content-bg, .lqd-lp-style-11 .lqd-lp-content-bg { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); } .lqd-lp-style-10 .lqd-lp-title a, .lqd-lp-style-10 .lqd-lp-date a, .lqd-lp-style-11 .lqd-lp-title a, .lqd-lp-style-11 .lqd-lp-date a { color: inherit; } .lqd-lp-style-10 h2.lqd-lp-title, .lqd-lp-style-11 h2.lqd-lp-title { color: #fff; } .lqd-lp-style-10 .lqd-lp-author-info h3, .lqd-lp-style-10 .lqd-lp-date, .lqd-lp-style-11 .lqd-lp-author-info h3, .lqd-lp-style-11 .lqd-lp-date { color: rgba(255, 255, 255, 0.65); } .lqd-lp-style-10:hover .lqd-lp-title a, .lqd-lp-style-11:hover .lqd-lp-title a { color: #fff; } .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 .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; } .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); } .lqd-lp-style-13 .lqd-lp-meta, .lqd-lp-style-14 .lqd-lp-meta { line-height: 1.25; } .lqd-lp-style-13 .lqd-lp-date, .lqd-lp-style-14 .lqd-lp-date { color: var(--color-secondary, var(--color-primary)); } .lqd-lp-style-13 .lqd-lp-cat, .lqd-lp-style-14 .lqd-lp-cat { background-color: var(--color-secondary, var(--color-primary)); } .lqd-lp-style-13 .lqd-lp-cat a, .lqd-lp-style-14 .lqd-lp-cat a { color: #fff; } .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 a { color: #fff; } .lqd-lp-style-14 h2.lqd-lp-title a:hover { 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; } .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, .lqd-lp-style-17 .lqd-lp-read-more { font-size: 12px; } .lqd-lp-style-16 .lqd-lp-img figure, .lqd-lp-style-17 .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, .lqd-lp-style-17:hover .lqd-lp-img figure { transform: scale(1.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; text-transform: uppercase; letter-spacing: 0.1em; } .lqd-lp-style-17 .lqd-lp-content-bg { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); } .lqd-lp-style-18 .lqd-lp-date { font-size: 17px; color: #000; } .lqd-lp-style-18 h2 { font-size: 29px; line-height: 1.3448275862em; } .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 .btn { font-size: 16px; line-height: 2em; 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); } .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-21 { padding: 4.5%; background-color: #ffd77b; 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; } .lqd-lp-style-21 .lqd-lp-img img { height: 100%; object-fit: cover; object-position: center; } .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-22 { display: flex; flex-direction: column; } .lqd-lp-style-22 .lqd-lp-meta { display: inline-grid; grid-auto-flow: column; font-size: 10px; text-transform: uppercase; 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(--color-primary); border-bottom: none !important; padding-left: 2em; } .lqd-lp-style-22:hover h2.lqd-lp-title a { color: var(--color-primary); } .lqd-lp-style-23 .lqd-lp-meta { font-size: 13px; } .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; } @media screen and (min-width: 992px) { .lqd-lp-style-13 h2 .split-inner, .lqd-lp-style-18 h2 .split-inner, .lqd-lp-style-19 h2 .split-inner { display: inline-block; position: relative; } .lqd-lp-style-13 h2 .split-inner:before, .lqd-lp-style-13 h2 .split-inner:after, .lqd-lp-style-18 h2 .split-inner:before, .lqd-lp-style-18 h2 .split-inner:after, .lqd-lp-style-19 h2 .split-inner:before, .lqd-lp-style-19 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-style-13 h2 .split-inner:after, .lqd-lp-style-18 h2 .split-inner:after, .lqd-lp-style-19 h2 .split-inner:after { height: 0.4137931034em; background-color: rgba(255, 218, 1, 0.35); transform-origin: left; transform: scaleX(0); } .lqd-lp-style-13:hover .split-inner:before, .lqd-lp-style-18:hover .split-inner:before, .lqd-lp-style-19:hover .split-inner:before { transform: scaleX(0); } .lqd-lp-style-13:hover .split-inner:after, .lqd-lp-style-18:hover .split-inner:after, .lqd-lp-style-19:hover .split-inner:after { transform: scaleX(1); } .related-posts .lqd-lp-style-13 h2 .split-inner:after { height: 1px; background-color: currentColor; } .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-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 h2:before { content: none; } .lqd-lp-style-22 .lqd-lp-excerpt, .lqd-lp-style-22 .lqd-lp-header { max-width: 68%; } } @media screen and (min-width: 768px) { .lqd-lp-style-21 .lqd-lp-img { height: 100%; } } @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.fullheight { min-height: 75vh; } .lqd-lp-title-34 h2.lqd-lp-title, .lqd-lp-title-40 h2.lqd-lp-title { font-size: 27px; line-height: 1.25em; } .lqd-lp-style-11, .lqd-lp-style-14 { padding-top: 0; } .lqd-lp-style-11 .lqd-lp-contents, .lqd-lp-style-14 .lqd-lp-contents { position: relative; } .lqd-lp-style-14.lqd-lp-title-36 h2.lqd-lp-title { font-size: 24px; } .lqd-lp-style-16 { margin-bottom: 15px; } .lqd-lp-style-21 { font-size: 1em; } .lqd-lp-style-21 h2.lqd-lp-title { font-size: 30px; } } .liquid-lp.format-link .liquid-lp-title { margin-bottom: 1em; } .liquid-lp.format-link .liquid-lp-title a { display: flex; flex-flow: row nowrap; align-items: flex-start; text-decoration: underline; } .liquid-lp.format-link .liquid-lp-title svg { margin-inline-end: 0.625em; fill: currentColor; width: 1.25em; height: 1.25em; } .liquid-lp.format-quote { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 50px; } .liquid-lp.format-quote blockquote, .liquid-lp.format-quote .liquid-lp-title { margin: 0; } .liquid-lp.format-quote .liquid-lp-title { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .liquid-lp.format-quote svg { margin-bottom: 0.6666666667em; } .liquid-lp.format-quote cite { padding-top: 10px; font-size: 12px; color: #888; } .liquid-lp.format-quote cite:before { content: none; } .liquid-lp.format-gallery .liquid-lp-media .carousel-nav button { width: 53px; height: 53px; font-size: 14px; background-color: #fff; color: #000; } .liquid-lp.format-audio:hover .liquid-lp-media, .liquid-lp.format-video:hover .liquid-lp-media { transform: none !important; box-shadow: none !important; } /* 3.14. Filter Lists */ .liquid-filter-items { display: flex; flex-flow: row wrap; align-items: center; margin-bottom: 1.5em; color: #16171e; } .liquid-filter-items .btn { margin-bottom: 0.5em; margin-inline-start: auto; } .lqd-lp-carousel-header .liquid-filter-items .btn, .lqd-pf-carousel-header .liquid-filter-items .btn { margin-inline-start: 0; } .liquid-filter-items-inner { display: inherit; flex-flow: inherit; align-items: inherit; justify-content: inherit; } .liquid-filter-items-inner:only-child { width: 100%; } .liquid-filter-items-label { margin-bottom: 0; line-height: 1; } .liquid-filter-items-label.size-xxl { font-size: 26px; letter-spacing: -0.025em; } .liquid-filter-items-label.size-xl { font-size: 22px; line-height: 1; } .liquid-filter-items-label.size-lg { font-size: 18px; } .liquid-filter-items-label.size-md { font-size: 15px; } .liquid-filter-items-label.size-md { font-size: 13px; } .liquid-filter-items-label + .filter-list li { margin-bottom: 0; } .filter-list { padding: 0; margin: 0 0 30px; list-style: none; font-size: 0.8125em; } .filter-list.size-lg { font-size: 24px; } .filter-list.size-md { font-size: 18px; } .filter-list.size-sm { font-size: 12px; } .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; } .liquid-filter-items-label + .filter-list { margin-inline-start: 1.5em; margin-bottom: 0; } .filter-list-inline li { display: inline-block; } .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; } .filters-underline li > span, .filters-line-through li > span { position: relative; } .filters-underline li > span:after, .filters-line-through 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); } .filters-underline li.active span:after, .filters-underline li:hover span:after, .filters-line-through li.active span:after, .filters-line-through 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; } .filter-list-style-1 span { transition: transform 0.4s cubic-bezier(0.4, 1, 0.5, 1); } .filter-list-style-1 li { margin-bottom: 2em; } .filter-list-style-1 li:before { content: ""; display: inline-block; width: 2px; height: 1.2em; position: absolute; top: 50%; left: 0; margin-top: -0.6em; background-image: linear-gradient(to bottom, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%); opacity: 0; transform: translateX(-5px); transition: transform 0.3s cubic-bezier(0.4, 1, 0.5, 1), opacity 0.3s cubic-bezier(0.4, 1, 0.5, 1); } .filter-list-style-1 li.active:before, .filter-list-style-1 li:hover:before { opacity: 1; transform: translateX(0); transition-delay: 0.05s; } .filter-list-style-1 li.active span, .filter-list-style-1 li:hover span { transform: translateX(15px); } .lqd-filter-counter { top: -0.75em; } .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 .ui-menu-item-wrapper { padding: 0.25em 0.75em; } .lqd-filter-dropdown .ui-selectmenu-menu { 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 { 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 { 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-button-open .ui-selectmenu-icon:before { content: "\ea2b"; } @media screen and (min-width: 992px) { .liquid-filter-items { flex-flow: row wrap; } .liquid-filter-items.align-items-center .filter-list { margin-bottom: 0; } .filter-list-inline li + li { margin-inline-start: 2.5em; } } @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 + .filter-list { margin-inline-start: 0; } .filter-list-inline li { margin: 0 0.5em; } } @media screen and (max-width: 767px) { .filter-list { display: flex; flex-flow: row wrap; } .filter-list li { margin-bottom: 1em; text-align: center; } } @media screen and (max-width: 768px) { .liquid-filter-items-inner { margin-inline-start: auto; margin-inline-end: auto; flex-direction: row; align-items: center; justify-content: space-between; } .lqd-lp-carousel-header .liquid-filter-items-inner, .lqd-pf-carousel-header .liquid-filter-items-inner { max-width: none; } .liquid-filter-items-label { order: 0; } .liquid-filter-items-label ~ .lqd-filter-dropdown { width: 100%; order: 2; margin-top: 15px; } .lqd-filter-dropdown { width: 47%; order: -1; } .lqd-filter-dropdown .ui-selectmenu-button { min-width: 0; } .lqd-pf-carousel-header > .btn, .liquid-filter-items-inner > .btn { order: 1; margin: 0 !important; } .lqd-pf-carousel-header > .btn > span, .liquid-filter-items-inner > .btn > span { width: 100%; } .lqd-pf-carousel-header .liquid-filter-items-label ~ .lqd-filter-dropdown, .lqd-lp-carousel-header .liquid-filter-items-label ~ .lqd-filter-dropdown { margin-top: 2.5em; } } /* 3.15. Fancy Boxes */ .lqd-fb { margin-bottom: 1.5em; transition: transform 0.65s, box-shadow 0.65s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-fb .ld-slideelement-hidden { opacity: 0; transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-fb [data-split-text=true] .split-inner { display: inline-block; } .lqd-fb .lqd-fb-content .btn { z-index: 3; } .lqd-fb .lqd-fb-content-title a { color: inherit; } .lqd-fb:hover .lqd-fb-shadow, .lqd-fb:hover .lqd-fb-hover-overlay { opacity: 1; } .lqd-fb:hover .ld-slideelement-hidden { opacity: 1; } .lqd-fb-img figure, .lqd-fb-img img { width: 100%; } .lqd-fb-img figure { background-size: cover; background-position: center; background-repeat: no-repeat; } .lqd-fb-img.lqd-overlay figure { height: 100%; } .lqd-fb-hover-overlay { opacity: 0; transition: opacity 0.3s; } .lqd-fb-footer { border-top: 1px solid rgba(0, 0, 0, 0.065); } .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-zoom-img-onhover .lqd-fb-img figure { transition: transform 0.7s ease-out; transform: scale(1.01); } .lqd-fb-zoom-img-onhover[data-slideelement-onhover] .lqd-fb-img figure { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lqd-fb-zoom-img-onhover:hover .lqd-fb-img figure { transition-duration: 7s; transform: scale(1.2); } .lqd-fb-zoom-img-onhover:hover[data-slideelement-onhover] .lqd-fb-img figure { transition-duration: 0.6s; transform: scale(1.13); } .lqd-fb-style-1 .lqd-fb-img, .lqd-fb-style-2 .lqd-fb-img { opacity: 0; transform: scale(1.075); transition: transform 0.65s, opacity 0.65s; } .lqd-fb-style-1 .lqd-fb-content p:last-child, .lqd-fb-style-2 .lqd-fb-content p:last-child { margin-bottom: 0 !important; } .lqd-fb-style-1.is-in-view .lqd-fb-img, .lqd-fb-style-2.is-in-view .lqd-fb-img { opacity: 1; transform: scale(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 .lqd-fb-content-title { color: #fff; } .lqd-fb-style-1 .lqd-fb-content p { color: rgba(255, 255, 255, 0.85); font-size: 0.9em; } .lqd-fb-style-1 .lqd-fb-content h6 { display: inline-block; padding: 0.5em 1.25em; border-radius: 4px; background-color: var(--color-primary); font-size: 11px; line-height: 1.5em; } .lqd-fb-style-1 .lqd-fb-content h3 { font-size: 16px; line-height: 1.625em; } .lqd-fb-style-1 .lqd-fb-content-title { font-size: 33px; margin-bottom: 0; } .lqd-fb-style-1 .ld-slideelement-hidden { margin-top: 1rem; } .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[data-slideelement-onhover] .lqd-fb-content-inner { padding-bottom: 2.5rem !important; } .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-3 .lqd-fb-content-title { 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); } .lqd-fb-style-2 .lqd-fb-content-title { 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; } .lqd-fb-style-3 .lqd-fb-content-title { font-size: 18px; color: #fff; } .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-style-4 { background-color: #fff; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); } .lqd-fb-style-4 .lqd-fb-img { position: relative; } .lqd-fb-style-4 .lqd-fb-content-title { 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-title { font-size: 18px; } .lqd-fb-style-5 .lqd-fb-content p { font-size: 14px; line-height: 1.7857142857em; } .lqd-fb-style-5 .lqd-fb-img { margin-inline-start: -50%; } .lqd-fb-style-5:hover { transform: translateY(-5px); box-shadow: 0 12px 45px rgba(0, 0, 0, 0.05); } .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 { overflow: hidden; 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 { 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-title { font-size: 32px; font-weight: 600; color: #fff; } .lqd-fb-style-6 .lqd-fb-content-title: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-content h6 { opacity: 1; } .lqd-fb-style-6:hover .lqd-fb-icon { transform: scale(1, 1); opacity: 1; } .lqd-fb-style-6:hover .lqd-fb-img { transform: scale(1.09, 1.09); } .lqd-fb-style-6:hover .lqd-fb-img figure { transform: scale(1, 1); } .lqd-fb-style-6:hover .lqd-fb-content { transform: translate3d(0, 0, 150px); } .lqd-fb-style-7 { box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05); } .lqd-fb-style-7 .lqd-fb-content-title { font-size: 26px; line-height: 1.2307692308em; } .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:hover { transform: translateY(-5px); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05); } .lqd-fb-style-8 .lqd-fb-img { overflow: hidden; 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 { position: relative; } .lqd-fb-style-8 .block-revealer, .lqd-fb-style-8 .block-revealer__element { border-radius: inherit; } .lqd-fb-style-8 .block-revealer__element { background-color: #fff !important; transition: box-shadow 0.3s; box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .lqd-fb-style-8 .block-revealer__element:before { content: ""; display: inline-block; width: 100%; height: 100%; border-radius: inherit; background-color: var(--color-primary); position: absolute; top: 0; left: 0; opacity: 0; transform: scale(0.95); transition: opacity 0.45s, transform 0.45s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-fb-style-8 .block-revealer.element-uncovered .block-revealer__element { box-shadow: 0 12px 45px rgba(0, 0, 0, 0.02); } .lqd-fb-style-8 .lqd-fb-content-title, .lqd-fb-style-8 .lqd-fb-icon { transition: color 0.3s; } .lqd-fb-style-8 .lqd-fb-content-title { font-size: 19px; line-height: 1.2631578947em; color: var(--color-primary); } .lqd-fb-style-8 .lqd-fb-icon { font-size: 20px; color: var(--color-secondary, #00CB99); } .lqd-fb-style-8:hover .lqd-fb-img figure { transition-duration: 7s; transform: scale(1.1); } .lqd-fb-style-8:hover .lqd-fb-content { color: #fff; } .lqd-fb-style-8:hover .block-revealer__element:before { opacity: 1; transform: scale(1); } .lqd-fb-style-8:hover .lqd-fb-content-title, .lqd-fb-style-8:hover .lqd-fb-icon { color: inherit; } .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-title { margin-bottom: 0.5em; } .lqd-fb-style-9 .lqd-fb-content-title: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-title, .lqd-fb-style-10 .lqd-fb-title i { font-weight: 500; color: var(--color-primary); font-size: 1em; } .lqd-fb-style-10 .lqd-fb-content-title { display: inline-block; } .lqd-fb-style-10 .lqd-fb-title i { position: absolute; top: 50%; right: 0; font-weight: inherit; opacity: 0; transform: translate(calc(1em - 100%), -50%); transition: transform 0.5s, opacity 0.5s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-fb-style-10:hover .lqd-fb-title i { opacity: 1; transform: translate(1em, -50%); } .lqd-fb-style-11 .lqd-fb-img img { width: auto; border: 15px solid #fff; border-radius: 50em; box-shadow: 0 22px 50px rgba(0, 0, 0, 0.08); 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-title { 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-title { color: var(--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) { .carousel-item .lqd-fb-style-6 .lqd-fb-content-inner { padding: 30px 40px !important; } .lqd-fb-style-11 .lqd-fb-content-title { width: 60%; margin: 0 auto; } } @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; } } @media screen and (max-width: 479px) { .lqd-fb[class*=h-pt-] { padding-top: 100%; } } /* 3.16. Counnter */ .lqd-counter { position: relative; z-index: 1; margin-bottom: 20px; transition: color 0.3s, border 0.3s; } .lqd-counter:hover .lqd-counter-overlay-bg, .lqd-counter:hover .lqd-counter-element-hover { opacity: 1; } .lqd-counter:hover .lqd-counter-overlay-bg { transform: scale(1); } .lqd-counter-element { margin-bottom: 0.3em; position: relative; font-size: 38px; font-weight: 700; line-height: 1em; color: inherit !important; } .lqd-counter-element > span { display: block; white-space: nowrap; } .lqd-counter-element svg { position: absolute; top: 0; left: 0; } .lqd-counter-text { position: relative; z-index: 2; line-height: 1.5em; } .lqd-counter-overlay-bg { background: linear-gradient(to bottom right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%); border-radius: inherit; 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-icon { position: absolute; top: 20px; right: 20px; font-size: 23px; line-height: 1; } .lqd-counter-regular .lqd-counter-element { font-weight: 400; } .lqd-counter-medium .lqd-counter-element { font-weight: 500; } .lqd-counter-semibold .lqd-counter-element { font-weight: 600; } .lqd-counter-bold .lqd-counter-element { font-weight: 700; } .lqd-counter-animator { display: inline-flex; position: relative; overflow: hidden; background: inherit; } .lqd-animator-value { display: inline-block; visibility: hidden; } .lqd-animator-numbers { width: 100%; position: absolute; top: 0; left: 0; background: inherit; overflow: hidden; transform: translateZ(1px); } .lqd-animator-numbers ul { display: inline-block; width: 100%; margin: 0; padding: 0; position: relative; list-style: none; background: inherit; } .lqd-animator-numbers li { margin: 0; background: inherit; } .lqd-counter-bordered { width: 100%; padding: 30px 5%; border: 1px solid #d8dbe2; } .lqd-counter-bordered .lqd-counter-text { color: #a7a9b8; } .lqd-counter-solid { border-radius: 5px; 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; } /* 3.17. Liquid Forms */ .liquid-form .input-container { display: inline-block; margin-bottom: 20px; position: relative; } .liquid-form .input-container .ui-selectmenu-button { margin-bottom: 0 !important; } .liquid-form select, .liquid-form input, .liquid-form textarea, .liquid-form .ui-selectmenu-button { display: flex; align-items: center; width: 100%; height: 50px; padding: 0 2em; position: relative; border: 1px solid #d5d6de; border-radius: 0; background: none; color: #b7b9c4; transition: all 0.3s; } .liquid-form select::-webkit-input-placeholder, .liquid-form input::-webkit-input-placeholder, .liquid-form textarea::-webkit-input-placeholder, .liquid-form .ui-selectmenu-button::-webkit-input-placeholder { color: inherit; } .liquid-form select::-moz-placeholder, .liquid-form input::-moz-placeholder, .liquid-form textarea::-moz-placeholder, .liquid-form .ui-selectmenu-button::-moz-placeholder { color: inherit; } .liquid-form select:-moz-placeholder, .liquid-form input:-moz-placeholder, .liquid-form textarea:-moz-placeholder, .liquid-form .ui-selectmenu-button:-moz-placeholder { color: inherit; } .liquid-form select:-ms-input-placeholder, .liquid-form input:-ms-input-placeholder, .liquid-form textarea:-ms-input-placeholder, .liquid-form .ui-selectmenu-button:-ms-input-placeholder { color: inherit; } .liquid-form select:focus, .liquid-form input:focus, .liquid-form textarea:focus, .liquid-form .ui-selectmenu-button:focus { outline: none; border-color: #9c9eb1; color: #9c9eb1; } .liquid-form .ui-selectmenu-icon { visibility: hidden; order: 1; } .liquid-form .input[type=submit], .liquid-form button[type=submit] { height: 50px; } .liquid-form button[type=submit] > span { padding-top: 0; padding-bottom: 0; } .liquid-form-inputs-sm select, .liquid-form-inputs-sm input, .liquid-form-inputs-sm textarea, .liquid-form-inputs-sm .ui-selectmenu-button { height: 40px; } .liquid-form-inputs-sm .input[type=submit], .liquid-form-inputs-sm button[type=submit] { height: 40px; } .liquid-form-inputs-lg select, .liquid-form-inputs-lg input, .liquid-form-inputs-lg textarea, .liquid-form-inputs-lg .ui-selectmenu-button { height: 60px; } .liquid-form-inputs-lg .input[type=submit], .liquid-form-inputs-lg button[type=submit] { height: 60px; } .liquid-form-inputs-round select, .liquid-form-inputs-round input, .liquid-form-inputs-round textarea, .liquid-form-inputs-round .ui-selectmenu-button { border-radius: 3px; } .liquid-form-inputs-round input[type=submit], .liquid-form-inputs-round button[type=submit] { border-radius: 3px; } .date-picker { cursor: pointer; } .date-picker:focus { cursor: auto; } .liquid-input-icon { display: inline-block; position: absolute; top: 50%; z-index: 1; transform: translateY(-50%); } .liquid-input-icon-right { left: auto; right: 15px; } .liquid-input-icon-left { right: auto; left: 15px; } /* 3.18. jQuery UI & Select 2 */ .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-state-default { 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-state-default:hover { background-color: var(--color-primary); color: #fff; } .ui-datepicker .ui-state-active, .ui-datepicker .ui-state-highlight { color: #fff; } .ui-datepicker .ui-state-highlight { background-color: #666; } .ui-datepicker .ui-state-active { background-color: var(--color-primary); } .ui-datepicker .ui-state-active { box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12); } .ui-datepicker-header { border: none; border-bottom: 1px solid #eee; border-radius: 0; background: none; } .ui-datepicker-prev, .ui-datepicker-next { position: absolute; top: 2px !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 { display: inline-flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; font-family: "lqd-essentials"; text-align: center; align-items: center; justify-content: center; text-indent: 0; } .ui-datepicker-prev { left: 2px !important; } .ui-datepicker-prev span:before { content: "\e988"; } .ui-datepicker-prev:hover span { transform: translateX(-2px); } .ui-datepicker-next { right: 2px !important; } .ui-datepicker-next span:before { content: "\e96e"; } .ui-datepicker-next:hover span { transform: translateX(2px); } .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; } .lqd-select-dropdown .ui-selectmenu-menu { font-size: 14px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); border-radius: 0 0 4px 4px; overflow: hidden; } .lqd-select-dropdown .ui-selectmenu-menu .ui-widget.ui-widget-content { border: none; } .select2-container .select2-dropdown { border-color: #d8dbe2; } /* 3.19. Reservation Form */ @media screen and (min-width: 992px) and (max-width: 1199px) { .liquid-form-reservation .input-container { flex-basis: 50%; } .liquid-form-reservation .input-container:nth-last-child(2) { padding-inline-start: 0; border: none; } } @media screen and (max-width: 991px) { .liquid-form-reservation .input-container { flex-basis: 100%; padding: 0; border: none; } } /* 3.21. Progressbar */ .liquid-progressbar { position: relative; margin-top: 2.2em; margin-bottom: 3.25em; } .liquid-progressbar.values-not-encountering .liquid-progressbar-percentage { opacity: 1; } .liquid-progressbar-inner { position: relative; display: block; width: 100%; height: 15px; background-color: #eef0f3; } .liquid-progressbar-bar { display: inline-block; width: 0%; height: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; color: #181b31; background-color: var(--color-primary); } .liquid-progressbar-percentage { position: absolute; top: -2.2em; right: 0; opacity: 0; transition: opacity 0.1s; } .liquid-progressbar-title { margin: 0; position: absolute; top: -2.2em; left: 0; font-size: 1em; color: #808291; } /* Progressbar Sizes */ .liquid-progressbar-thin .liquid-progressbar-inner { height: 1px; } .liquid-progressbar-thick .liquid-progressbar-inner { height: 2px; } .liquid-progressbar-sm .liquid-progressbar-inner { height: 10px; } .liquid-progressbar-lg .liquid-progressbar-inner { height: 20px; } .liquid-progressbar-xl .liquid-progressbar-inner { height: 30px; } /* Progressbar Roundness */ .liquid-progressbar-round .liquid-progressbar-inner { border-radius: 3px; } .liquid-progressbar-circle .liquid-progressbar-inner { border-radius: 50em; } /* Progressbar Values Positions */ .liquid-progressbar-values-bottom { margin-top: 0; margin-bottom: 3.5em; } .liquid-progressbar-values-bottom .liquid-progressbar-percentage { top: auto; bottom: -2.2em; } .liquid-progressbar-values-bottom .liquid-progressbar-title { top: auto; bottom: -2.2em; } .liquid-progressbar-values-inside .liquid-progressbar-bar { color: #fff; } .liquid-progressbar-values-inside .liquid-progressbar-title, .liquid-progressbar-values-inside .liquid-progressbar-percentage { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); } .liquid-progressbar-values-inside .liquid-progressbar-title { left: 15px; right: auto; white-space: nowrap; color: #fff; } .liquid-progressbar-values-inline { display: flex; flex-direction: column; margin-top: 0; } .liquid-progressbar-values-inline .liquid-progressbar-inner { flex-grow: 1; margin-bottom: 15px; } .liquid-progressbar-values-inline .liquid-progressbar-details { display: inline-flex; margin-bottom: 15px; order: -1; } .liquid-progressbar-values-inline .liquid-progressbar-title { position: relative; top: auto; left: auto; } /* Details Size */ .ld-prgbr-details-sm { font-size: 14px; } /* Percentage Shape */ .liquid-progressbar-percentage.style-tooltip { display: inline-flex; padding: 6px 10px; margin-top: -10px; align-items: center; justify-content: center; background-color: #666; line-height: 1.5em; color: #fff; } .liquid-progressbar-percentage.style-tooltip:after { content: ""; display: inline-block; width: 0; position: absolute; bottom: -4px; left: 50%; margin-inline-start: -5px; border-width: 5px 5px 0; border-style: solid; border-color: #666 transparent transparent; } .liquid-progressbar-percentage.style-tooltip.round { border-radius: 4px; } .liquid-progressbar-percentage.style-tooltip.circle { margin-top: -17px; padding: 0; width: 38px; height: 38px; font-size: 12px; border-radius: 50em; } .liquid-progressbar-percentage.style-tooltip.circle:after { bottom: -3px; } .liquid-progressbar-count-hide .liquid-progressbar-value { display: none; } /* Shadow */ .ld-prgbr-bar-shadow .liquid-progressbar-bar { box-shadow: 0 8px 50px rgba(0, 0, 0, 0.1); } /* Orientation */ .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; } @media screen and (min-width: 768px) { .liquid-progressbar-values-inline { display: flex; flex-flow: row wrap; align-items: center; } .liquid-progressbar-values-inline .liquid-progressbar-inner { width: auto; margin-bottom: 0; } .liquid-progressbar-values-inline .liquid-progressbar-details { margin-inline-end: 3%; margin-bottom: 0; } .liquid-progressbar-values-inline.flex-sm-row-reverse .liquid-progressbar-details { margin-inline-end: 0; margin-inline-start: 3%; } } /* 3.22. Milestone */ .liquid-milestone { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-bottom: 2em; } .liquid-milestone .liquid-milestone-time { margin-inline-end: 0.85em; width: calc(10% - 0.85em); border-bottom: 4px solid; font-size: 36px; line-height: 1em; font-weight: 700; letter-spacing: -0.01em; text-align: center; color: var(--color-primary); } .liquid-milestone .liquid-milestone-time span { color: inherit; } .liquid-milestone-content { width: calc(90% - 0.85em); } .liquid-milestone-content h5 { margin-top: 0; font-size: 16px; font-weight: 700; letter-spacing: 0.05em; } .liquid-milestone-content p { margin: 0; } @media screen and (max-width: 768px) { .liquid-milestone .liquid-milestone-time { width: calc(15% - 0.85em); } .liquid-milestone-content { width: calc(85% - 0.85em); } } @media screen and (max-width: 479px) { .liquid-milestone .liquid-milestone-time { margin: 0 0 0.75em; padding-bottom: 0.35em; width: 100%; } .liquid-milestone-content { width: 100%; } } /* 3.24. Instagram Feed */ .liquid-ig-feed-list { display: flex; padding: 0; margin: 0; flex-flow: row wrap; list-style: none; } .liquid-ig-feed-list > li { flex: 0 0 20%; position: relative; } .liquid-ig-feed-list > li a, .liquid-ig-feed-list > li > div, .liquid-ig-feed-list > li img { border-radius: inherit; } .liquid-ig-feed-list > li img { width: 100%; height: auto; } .liquid-ig-feed-list > li:hover .liquid-ig-feed-overlay { opacity: 1; visibility: visible; } .liquid-ig-feed-list > li:hover .liquid-ig-feed-overlay i, .liquid-ig-feed-list > li:hover .liquid-ig-feed-overlay span { opacity: 1; transform: translateY(0); } .liquid-ig-feed-list > li:hover .liquid-ig-feed-overlay span { transition-delay: 0.1s; } .liquid-stretch-images .liquid-ig-feed-list img { height: 100%; object-fit: cover; } [data-list-columns="1"] .liquid-ig-feed-list > li { flex-basis: 100%; } [data-list-columns="2"] .liquid-ig-feed-list > li { flex-basis: 50%; } [data-list-columns="3"] .liquid-ig-feed-list > li { flex-basis: 33.3333333333%; } [data-list-columns="4"] .liquid-ig-feed-list > li { flex-basis: 25%; } [data-list-columns="6"] .liquid-ig-feed-list > li { flex-basis: 16.6666666667%; } [data-list-columns="8"] .liquid-ig-feed-list > li { flex-basis: 12.5%; } [data-list-gap="2"] .liquid-ig-feed-list { margin-inline-start: -1px; margin-inline-end: -1px; } [data-list-gap="2"] .liquid-ig-feed-list > li { padding: 1px; } [data-list-gap="4"] .liquid-ig-feed-list { margin-inline-start: -2px; margin-inline-end: -2px; } [data-list-gap="4"] .liquid-ig-feed-list > li { padding: 2px; } [data-list-gap="6"] .liquid-ig-feed-list { margin-inline-start: -3px; margin-inline-end: -3px; } [data-list-gap="6"] .liquid-ig-feed-list > li { padding: 3px; } [data-list-gap="8"] .liquid-ig-feed-list { margin-inline-start: -4px; margin-inline-end: -4px; } [data-list-gap="8"] .liquid-ig-feed-list > li { padding: 4px; } .liquid-ig-feed-overlay { display: flex; width: 100%; height: 100%; padding: 1em; flex-flow: column wrap; align-items: center; justify-content: center; text-align: center; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; background-color: var(--color-primary); color: #fff; transition: opacity 0.3s, visibility 0, 3s; } .liquid-ig-feed-overlay i, .liquid-ig-feed-overlay span { display: block; opacity: 0; transform: translateY(15px); transition: opacity 0.3s, transform 0.3s; } .liquid-ig-feed-overlay i:only-child, .liquid-ig-feed-overlay span:only-child { margin-bottom: 0; } .liquid-ig-feed-overlay i { margin-bottom: 0.34em; font-size: 50px; } .liquid-ig-feed-overlay span { text-transform: uppercase; letter-spacing: 0.01em; font-weight: 700; } .liquid-ig-feed-overlay:hover { color: #fff; } #sb_instagram { padding: 0 !important; } @media screen and (max-width: 991px) { .liquid-ig-feed .liquid-ig-feed-list > li { flex-basis: 33.3333333333%; } [data-list-columns="1"] .liquid-ig-feed-list > li, [data-list-columns="2"] .liquid-ig-feed-list > li { flex-basis: 100%; } } @media screen and (max-width: 767px) { .liquid-ig-feed .liquid-ig-feed-list > li { flex-basis: 50%; } [data-list-columns="1"] .liquid-ig-feed-list > li, [data-list-columns="2"] .liquid-ig-feed-list > li { flex-basis: 100%; } } @media screen and (max-width: 479px) { #sb_instagram.sbi_col_10 #sbi_images .sbi_item, #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item { width: 33.3333333333%; } } /* 3.25. Twitter Feed */ .liquid-twitter-feed { margin-bottom: 2em; } .liquid-twitter-feed-list { margin: 0; padding: 0; list-style-type: none; } .liquid-twitter-feed-list > li { margin-bottom: 0.9375em; line-height: 1.7142857143em; } .liquid-twitter-feed-list > li:last-child { margin-bottom: 0; } .liquid-twitter-feed-list p { margin-bottom: 0; } .liquid-twitter-feed-list blockquote { font-style: normal; margin: 0; font-size: 1em; } .liquid-twitter-feed-icon { display: block; margin-bottom: 0.7142857143em; font-size: 28px; line-height: 1em; color: #1da1f2; } .liquid-twitter-feed-list .twitter-tweet > a, .liquid-tweet-time { display: block; font-size: 11px; letter-spacing: 0.025em; text-transform: uppercase; } /* 3.26. Banner */ .lqd-bnnr-1 .lqd-bnnr-left { padding: 45px 55px 50px; z-index: 2; background: #f3f4f4; } .lqd-bnnr-1 .lqd-bnnr-right img { width: 100%; } @media screen and (min-width: 992px) { .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); } } /* 3.27. Image Groups */ @keyframes lqdFIFloatOne { 0% { transform: translateY(var(--float-animate-from, 0%)); } 100% { transform: translateY(var(--float-animate-to, 3%)); } } .lqd-imggrp-container { position: relative; margin-bottom: 2em; transition: opacity 0.3s, visibility 0.3s; } .lqd-imggrp-container[data-custom-animations] { opacity: 1; } .lqd-imggrp-container[data-custom-animations]:not(.ca-initvalues-applied) { min-height: 45px; } .lqd-imggrp-container[data-custom-animations] .lqd-imggrp-single { opacity: 0; } .lqd-imggrp-container[data-custom-animations].ca-initvalues-applied .lqd-imggrp-single { opacity: 1; } [data-row-bg]:not(.row-bg-loaded) .lqd-imggrp-container[data-custom-animations] { opacity: 0; } .lqd-imggrp-container[data-move-element] { visibility: hidden; opacity: 0; } .lqd-imggrp-container[data-move-element].element-was-moved { opacity: 1; visibility: visible; } .vc_row > .lqd-imggrp-container { position: absolute; margin-bottom: 0; pointer-events: none; } .vc_row > .lqd-imggrp-container .btn { pointer-events: auto; } .lqd-imggrp-inner { display: flex; flex-wrap: wrap; } .lqd-imggrp-inner > p { display: none; } .lqd-imggrp-img-container { display: inline-flex; max-width: 100%; position: relative; border-radius: inherit; align-items: center; justify-content: center; } .liquid-img-container-inner { width: 100%; position: relative; } .lqd-imggrp-single { display: block; position: relative; transition: transform 0.65s cubic-bezier(0.05, 0.7, 0.2, 1), opacity 0.3s; } .lqd-imggrp-single .ld-parallax-wrap, .lqd-imggrp-single .liquid-img-container-inner, .lqd-imggrp-single .lqd-imggrp-img-container, .lqd-imggrp-single figure, .lqd-imggrp-single figure img { border-radius: inherit; } .lqd-imggrp-single .ld-parallax-wrap, .lqd-imggrp-single figure { width: 100%; } .lqd-imggrp-single figure { display: inline-block; margin: 0 !important; } .lqd-imggrp-single figure:empty { display: none; } .lqd-imggrp-single[data-hover3d] { perspective: 1200px; } .lqd-imggrp-single[data-roundness="2"] { border-radius: 2px; } .lqd-imggrp-single[data-roundness="4"] { border-radius: 4px; } .lqd-imggrp-single[data-roundness="6"] { border-radius: 6px; } .lqd-imggrp-single[data-roundness="8"] { border-radius: 8px; } .lqd-imggrp-single[data-roundness="50em"] { border-radius: 50em; } .lqd-imggrp-single[data-animate-shadow][data-shadow-style="1"].is-in-view .ld-parallax-wrap.overflow-hidden, .lqd-imggrp-single[data-animate-shadow][data-shadow-style="1"].is-in-view .lqd-imggrp-img-container, .lqd-imggrp-single[data-shadow-style="1"] .ld-parallax-wrap.overflow-hidden, .lqd-imggrp-single[data-shadow-style="1"] .lqd-imggrp-img-container { box-shadow: 0 25px 30px rgba(0, 0, 0, 0.07); } .lqd-imggrp-single[data-animate-shadow][data-shadow-style="2"].is-in-view .ld-parallax-wrap.overflow-hidden, .lqd-imggrp-single[data-animate-shadow][data-shadow-style="2"].is-in-view .lqd-imggrp-img-container, .lqd-imggrp-single[data-shadow-style="2"] .ld-parallax-wrap.overflow-hidden, .lqd-imggrp-single[data-shadow-style="2"] .lqd-imggrp-img-container { box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15); } .lqd-imggrp-single[data-animate-shadow][data-shadow-style="3"].is-in-view .ld-parallax-wrap.overflow-hidden, .lqd-imggrp-single[data-animate-shadow][data-shadow-style="3"].is-in-view .lqd-imggrp-img-container, .lqd-imggrp-single[data-shadow-style="3"] .ld-parallax-wrap.overflow-hidden, .lqd-imggrp-single[data-shadow-style="3"] .lqd-imggrp-img-container { box-shadow: 0 30px 70px rgba(0, 0, 0, 0.15); } .lqd-imggrp-single[data-animate-shadow][data-shadow-style="4"].is-in-view .ld-parallax-wrap.overflow-hidden, .lqd-imggrp-single[data-animate-shadow][data-shadow-style="4"].is-in-view .lqd-imggrp-img-container, .lqd-imggrp-single[data-shadow-style="4"] .ld-parallax-wrap.overflow-hidden, .lqd-imggrp-single[data-shadow-style="4"] .lqd-imggrp-img-container { box-shadow: 0 30px 100px rgba(0, 0, 0, 0.17); } .lqd-imggrp-single[data-animate-shadow] .lqd-imggrp-img-container { box-shadow: 0 0 0 rgba(0, 0, 0, 0.3); transition: box-shadow 0.5s cubic-bezier(0.7, 0, 0.3, 1); } .lqd-imggrp-single[data-animate-shadow] img { opacity: 0.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-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-float=ease-in] { --float-animation-ease: ease-in; } .lqd-imggrp-single[data-float=ease-out] { --float-animation-ease: ease-out; } .lqd-imggrp-single[data-float=ease-in-out] { --float-animation-ease: ease-in-out; } .lqd-imggrp-single.custom-height-applied > .lqd-imggrp-img-container, .lqd-imggrp-single.custom-height-applied > .lqd-imggrp-img-container > .ld-parallax-wrap { height: 100%; } .lqd-imggrp-single.w-100 .lqd-imggrp-img-container, .lqd-imggrp-single.w-100 figure, .lqd-imggrp-single.w-100 img { width: 100%; } .lqd-imggrp-single.reset-color-adjust-enabled figure { transition: filter 0.3s; } .lqd-imggrp-single.reset-color-adjust-enabled:hover figure { filter: none; } .lqd-imggrp-content { display: flex; align-items: center; justify-content: center; position: relative; z-index: 10; transition: opacity 0.65s, visibility 0.65s, transform 1s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-delay: 0.2s; } [data-reveal] .lqd-imggrp-content { opacity: 0; visibility: hidden; } .element-uncovered .lqd-imggrp-content { opacity: 1; visibility: visible; } .lqd-imggrp-content-fixed-right, .lqd-imggrp-content-fixed-left { writing-mode: vertical-rl; bottom: 0; min-width: 1em; max-height: 50%; color: #000; } .lqd-imggrp-content-fixed-right .lqd-imggrp-content-inner, .lqd-imggrp-content-fixed-left .lqd-imggrp-content-inner { transform: rotate(180deg) translateY(-4em); } .lqd-imggrp-content-fixed-right p, .lqd-imggrp-content-fixed-left p { flex-grow: 1; margin-bottom: 0; } .lqd-imggrp-content-fixed-right p a, .lqd-imggrp-content-fixed-left p a { color: inherit; } .lqd-imggrp-content-fixed-right strong, .lqd-imggrp-content-fixed-left strong { font-size: 1.1875em; margin-bottom: 0.5em; font-weight: inherit; text-decoration: underline; } .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); } .lqd-imggrp-content-fixed-right { order: 1; right: 0; margin-block-end: 0.75em; } [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-in { justify-content: flex-start; margin: 0; min-height: 45%; max-height: 100%; position: absolute; background-color: var(--color-primary); } .lqd-imggrp-content-fixed-in .lqd-imggrp-content-inner { transform: none; } .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); } .lqd-imggrp-content-mid-left, .lqd-imggrp-content-mid-right, .lqd-imggrp-content-mid { position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); } .lqd-imggrp-content-mid { left: 50%; width: 95%; } .lqd-imggrp-content-mid-left { left: 0; } [data-reveal]:not(.element-uncovered) .lqd-imggrp-content-mid-left { transform: translateX(-75%) translateY(-50%); } .lqd-imggrp-content-mid-right { left: 100%; } [data-reveal]:not(.element-uncovered) .lqd-imggrp-content-mid-right { transform: translateX(-25%) translateY(-50%); } .block-revealer__element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; pointer-events: none; opacity: 0; } .lqd-imggrp-img-container > .block-revealer__element { border-radius: inherit; } .compose-mode .lqd-imggrp-container[data-custom-animations]:not(.ca-initvalues-applied) { min-height: 0; } .compose-mode .lqd-imggrp-container[data-custom-animations]:before { content: none; } .compose-mode .lqd-imggrp-container[data-custom-animations] .lqd-imggrp-single { opacity: 1; } [data-row-bg]:not(.row-bg-loaded) .compose-mode .lqd-imggrp-container[data-custom-animations] { opacity: 1; } .compose-mode .lqd-imggrp-single[data-animate-shadow] img { opacity: 1; } @media screen and (min-width: 992px) { .lqd-imggrp-single[data-hover3d] .lqd-imggrp-img-container { transform-style: preserve-3d; } .lqd-imggrp-single[data-hover3d] .lqd-imggrp-img-container .lqd-imggrp-content-mid { transform: translate3d(-50%, -50%, 60px); } } @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-right, .lqd-imggrp-content:not(.lqd-imggrp-content-fixed-in).lqd-imggrp-content-fixed-left { 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-right .lqd-imggrp-content-inner, .lqd-imggrp-content:not(.lqd-imggrp-content-fixed-in).lqd-imggrp-content-fixed-left .lqd-imggrp-content-inner { transform: none; } .lqd-imggrp-content.lqd-imggrp-content-mid-left, .lqd-imggrp-content.lqd-imggrp-content-mid-right, .lqd-imggrp-content.lqd-imggrp-content-mid { margin: 0; left: 50%; } .lqd-imggrp-content.lqd-imggrp-content-mid-left > .btn, .lqd-imggrp-content.lqd-imggrp-content-mid-right > .btn, .lqd-imggrp-content.lqd-imggrp-content-mid > .btn { margin-inline-start: 0 !important; margin-inline-end: 0 !important; } } /* 3.28. Pagination */ .page-nav { margin-top: 1em; margin-bottom: 1em; } .page-links, ul.pagination { margin: 0; padding: 0; list-style: none; clear: both; } ul.pagination { display: flex; align-items: center; flex-wrap: wrap; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; } ul.pagination li { display: inline-block; margin-bottom: 2px; } ul.pagination li:not(:first-of-type) { margin-inline-start: 3px; } ul.pagination li:not(:last-of-type) { margin-inline-end: 3px; } ul.pagination .page-numbers { display: inline-flex; width: 35px; height: 35px; align-items: center; justify-content: center; border-radius: 6%; color: #000; } ul.pagination .page-numbers span, ul.pagination .page-numbers i { display: inline-flex; align-items: center; } ul.pagination .page-numbers.current, ul.pagination .page-numbers:hover { color: #fff; border-color: var(--color-primary); background-color: var(--color-primary); } ul.pagination .next, ul.pagination .prev { background-color: #f4f4f8; } .page-links { float: left; margin-top: 1.5em; } .page-links .post-page-numbers { display: inline-flex; width: 35px; height: 35px; margin: 0 3px; align-items: center; justify-content: center; border-radius: 6%; color: #000; } .page-links .post-page-numbers.current, .page-links .post-page-numbers:hover { color: #fff; border-color: var(--color-primary); background-color: var(--color-primary); } .page-links > span, .page-links a span { display: inline-block; } .page-links > a, .page-links > span { padding-inline-start: 8px; padding-inline-end: 8px; } .page-links .page-links-title { padding: 0; } .page-links:last-child { margin-bottom: 30px; } /* 3.29. Blog Grid */ .liquid-blog-grid { display: flex; flex-flow: row wrap; } .liquid-blog-grid:before, .liquid-blog-grid:after { content: none; } .liquid-blog-grid > div { flex: 1 auto; } .liquid-blog-grid > .carousel-container { flex: 1 auto; } /* 3.31. Masonry */ [data-liquid-masonry=true] { transition: height 0.45s cubic-bezier(0.23, 1, 0.32, 1); } @media screen and (max-width: 991px) { .masonry-item:not([class*=col-sm-]) { width: 100%; } } @media screen and (max-width: 767px) { .masonry-item:not([class*=col-xs-]) { width: 100%; } } @media screen and (max-width: 991px) { .masonry-item:not([class*=col-sm-]) { width: 100%; } } @media screen and (max-width: 767px) { .masonry-item:not([class*=col-xs-]) { width: 100%; } } /* 3.32. Parallax */ .ld-parallax-wrap.overflow-hidden:before, .ld-parallax-wrap.overflow-hidden:after { content: ""; display: table; } .ld-parallax-wrap.overflow-hidden:after { clear: both; } .lqd-parallax-bg { position: relative; } .lqd-parallax-bg:not(.vc_row):not(.titlebar) { overflow: hidden; } .lqd-parallax-container, .lqd-parallax-figure { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .lqd-parallax-container, .lqd-parallax-figure { border-radius: inherit; background-size: inherit; background-attachment: inherit; background-repeat: inherit; background-position: inherit; } .lqd-parallax-figure { opacity: 0; height: 115%; } .lqd-parallax-container { overflow: hidden; } .lqd-parallax-figure, .lqd-parallax-bg-enabled > .row-bg-wrap .row-bg, .lqd-parallax-bg-enabled > .vc_column-inner > .row-bg-wrap .row-bg { height: 115%; } [data-responsive-bg][data-parallax]:not(.loaded) .lqd-parallax-figure { background-image: none !important; } /* 3.33. Team Members */ .lqd-tm { margin-bottom: 30px; } .lqd-tm h6 { text-transform: none; letter-spacing: normal; } .lqd-tm .social-icon { position: relative; z-index: 3; } .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; z-index: 2; bottom: -60px; left: -40px; right: 15%; border-radius: 0 0 5px 5px; } .lqd-tm-style-1 .lqd-overlay { border-radius: inherit; box-shadow: 0 0 0 rgba(0, 0, 0, 0.05); transition: box-shadow 0.3s; } .lqd-tm-style-1 .lqd-overlay.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(--color-gradient-start); } .lqd-tm-style-2 .lqd-tm-details svg stop:last-child { stop-color: var(--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; color: #fff; } .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(--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(--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(--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; } .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(--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); } @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); } } /* 3.34. Portfolios */ .lqd-pf-overlay-bg { border-radius: inherit; background: linear-gradient(to bottom right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%); 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 { margin-bottom: 30px; } .lqd-pf-item .lqd-pf-details h2, .lqd-pf-item .lqd-pf-details a { color: #000; } .lqd-pf-item .lqd-pf-details a:not(:hover) { opacity: 0.5; } .lqd-pf-item .lqd-pf-details h2 a:not(:hover) { opacity: 1; } .lqd-pf-item:hover .lqd-pf-overlay-bg { opacity: 1; transform: scale(1); } .lqd-pf-item:hover .lqd-pf-img > figure { transform: scale(1.05); } .lqd-pf-badge { padding: 0.5em 0.65em; border-radius: 1em; background-color: var(--color-primary); font-size: 10px; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: 0.1em; color: #fff; } .lqd-pf-img figure { width: 100%; } .lqd-pf-img > figure { transform: scale(1); transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-pf-img-link:hover { transform: scale(1.15); } .pf-details-h-mid { text-align: center; } .pf-details-h-str { text-align: start; } .pf-details-h-end { text-align: end; } .lqd-pf-item-style-1 h2, .lqd-pf-item-style-1 .lqd-pf-cat { transition: transform 0.85s, opacity 0.85s, visibility 0.85s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-pf-item-style-1 h2, .lqd-pf-item-style-1 .lqd-pf-cat { opacity: 0; visibility: hidden; transform: translateY(10px); } .lqd-pf-item-style-1 .lqd-pf-overlay-bg { opacity: 1; transform: none; } .lqd-pf-item-style-1 .lqd-pf-details { position: absolute; bottom: 1.5em; right: 5%; left: 5%; transform: translateY(1em); -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); transition: clip-path 0.65s, -webkit-clip-path 0.65s, transform 0.85s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-pf-item-style-1 .lqd-pf-info { padding-inline-start: 7%; padding-inline-end: 7%; } .lqd-pf-item-style-1 .lqd-pf-cat a:not(:hover) { opacity: 0.4; } .lqd-pf-item-style-1.pf-details-h-end .lqd-pf-details { text-align: start; } .lqd-pf-item-style-1.pf-details-h-mid .lqd-pf-details { left: 0; } .lqd-pf-item-style-1.pf-details-h-mid .lqd-pf-details > div { width: 100% !important; } .lqd-pf-item-style-1.pf-details-h-mid .lqd-pf-details .lqd-pf-link { padding-top: 15px; padding-bottom: 15px; } .lqd-pf-item-style-1.pf-details-h-str .lqd-pf-details { left: 0; right: 10%; flex-direction: row-reverse; text-align: end; } .lqd-pf-item-style-1:hover h2, .lqd-pf-item-style-1:hover .lqd-pf-cat { transform: translateY(0); opacity: 1; visibility: visible; } .lqd-pf-item-style-1:hover h2 { transition-delay: 0.2s; } .lqd-pf-item-style-1:hover .lqd-pf-cat { transition-delay: 0.35s; } .lqd-pf-item-style-1:hover .lqd-pf-details { transform: translateY(0); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important; } .lqd-pf-item-style-2 .lqd-pf-overlay-bg, .lqd-pf-item-style-3 .lqd-pf-overlay-bg { color: #fff; font-size: 55px; transform: scale(1); } .lqd-pf-item-style-2 .lqd-pf-overlay-bg i, .lqd-pf-item-style-3 .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-item-style-2:hover .lqd-pf-overlay-bg i, .lqd-pf-item-style-3:hover .lqd-pf-overlay-bg i { opacity: 1; transform: translateX(0); } .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); } .carousel-item .lqd-pf-item-style-3, .carousel-item .lqd-pf-item-style-4 { margin-top: 3px; } .carousel-item .lqd-pf-item-style-3 .lqd-pf-img, .carousel-item .lqd-pf-item-style-4 .lqd-pf-img { padding-top: 75%; } .carousel-item .lqd-pf-item-style-3 .lqd-pf-img > figure, .carousel-item .lqd-pf-item-style-4 .lqd-pf-img > figure { position: absolute; top: 0; left: 0; } .carousel-item .lqd-pf-item-style-3 .lqd-pf-img figure, .carousel-item .lqd-pf-item-style-4 .lqd-pf-img figure { width: 100%; height: 100%; } .carousel-item .lqd-pf-item-style-3 .lqd-pf-img img, .carousel-item .lqd-pf-item-style-4 .lqd-pf-img img { height: 100%; object-fit: cover; object-position: center; } .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 .lqd-pf-overlay-bg, .lqd-pf-item-style-5 .lqd-pf-overlay-bg { background: rgba(0, 0, 0, 0.25); transform: scale(1); } .lqd-pf-item-style-4 { box-shadow: 0 0 0 rgba(0, 0, 0, 0); transition: box-shadow 0.65s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-pf-item-style-4 h2:before { content: "—"; margin-bottom: 0.5em; } .lqd-pf-item-style-4 h2, .lqd-pf-item-style-4 p { transform: translateX(-25px); opacity: 0; transition: transform 0.65s, opacity 0.65s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .lqd-pf-item-style-4 h2 { transition-delay: 0.15s; } .carousel-item .lqd-pf-item-style-4 { margin-bottom: 110px; } .is-selected .lqd-pf-item-style-4, .lqd-pf-item-style-4:hover { box-shadow: 0 40px 80px rgba(0, 0, 0, 0.18); } .is-selected .lqd-pf-item-style-4 .lqd-pf-overlay-bg, .lqd-pf-item-style-4:hover .lqd-pf-overlay-bg { opacity: 1; } .is-selected .lqd-pf-item-style-4 h2, .is-selected .lqd-pf-item-style-4 p, .lqd-pf-item-style-4:hover h2, .lqd-pf-item-style-4:hover p { opacity: 1; transform: translateX(0); } .is-selected .lqd-pf-item-style-4 h2, .lqd-pf-item-style-4:hover h2 { transition-delay: 0s; } .is-selected .lqd-pf-item-style-4 p, .lqd-pf-item-style-4:hover p { transition-delay: 0.15s; } .is-selected .lqd-pf-item-style-4 { transition-delay: 0.35s; } .is-selected .lqd-pf-item-style-4 .lqd-pf-overlay-bg { transition-delay: 0.45s; } .is-selected .lqd-pf-item-style-4 h2 { transition-delay: 0.6s; } .is-selected .lqd-pf-item-style-4 p { transition-delay: 0.75s; } .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; } .lqd-pf-item-style-6 { box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1); transform: translateY(0); background-color: #fff; transition: transform 0.3s, box-shadow 0.3s; } .lqd-pf-item-style-6 .lqd-pf-item-inner:before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 5px; position: absolute; top: 0.55rem; left: 1rem; z-index: 2; color: rgba(0, 0, 0, 0.07); background-color: currentColor; box-shadow: 10px 0 0 currentColor, 20px 0 0 currentColor; } .lqd-pf-item-style-6 .lqd-pf-details h2 { margin-bottom: 0.1em; font-size: 16px; } .lqd-pf-item-style-6 .lqd-pf-cat { font-size: 13px; width: 100%; } .lqd-pf-item-style-6:hover { box-shadow: 0 20px 75px rgba(0, 0, 0, 0.1); transform: translateY(-3px); } .lqd-pf-item-style-6:hover .lqd-pf-img > figure { transform: none; } .lqd-pf-filterable-carousel h6 { font-size: 13px; } .lqd-pf-filterable-carousel li { margin-bottom: 1.65em; } .lqd-pf-filterable-carousel .flickity-viewport-wrap { overflow: visible !important; } .lqd-pf-filterable-carousel .carousel-nav.carousel-nav-floated { padding-inline-start: 0; padding-inline-end: 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-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); } .wpb-js-composer .pf-single-contents > p { display: none; } .lqd-pf-single-cover { margin-bottom: 2em; } .lqd-pf-single-cover img { width: 100%; } @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-title { font-size: 56px; line-height: 1.25em; } .lqd-pf-single-cover .lqd-pf-single-title { color: #fff; } .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; } .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-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; } } @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; } } /* 3.35. Blog */ .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(--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; } .lqd-blog-post-style-3 .lqd-post-cover > iframe, .lqd-blog-post-style-5 .lqd-post-cover > iframe, .lqd-blog-post-style-6 .lqd-post-cover > iframe, .lqd-blog-post-style-7 .lqd-post-cover > iframe { height: auto; aspect-ratio: 16/9; } @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; } .lqd-blog-post-style-2 .lqd-post-header { min-height: 100vh; } .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-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: 992px -1) { .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-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-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(--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: var(--lqd-site-width, 1140px); } } @media screen and (max-width: 479px) { .lqd-blog-post-style-6 .lqd-post-cover { margin-bottom: 35px; } } .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; } } .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(--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(--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(--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 .social-icon-underline { color: #000; } @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; } } /* 3.36. Particles */ .ld-particles-container { width: 100%; height: 450px; } .ld-particles-container.visible-on-column-hover { opacity: 0; transition: opacity 0.3s; } .wpb_column:hover > .vc_column-inner > .wpb_wrapper > .ld-particles-container.visible-on-column-hover { opacity: 1; } .lqd-particles-bg-wrap .ld-particles-container { height: 100%; } .lqd-particles-bg-wrap, .ld-particles-inner { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .lqd-particles-as-bg { position: absolute; top: 0; left: 0; } .ld-particles-inner, .lqd-particles-bg-wrap { pointer-events: none; } .particles-blured { filter: blur(12px); -webkit-mix-blend-mode: overlay; mix-blend-mode: overlay; -webkit-mask-image: linear-gradient(to right, transparent 10%, #000 35%); mask-image: linear-gradient(to right, transparent 10%, #000 35%); } /* 3.37. Carousel Laptop */ .ld-carousel-laptop { text-align: center; } .ld-carousel-laptop .ld-carousel-laptop-inner { position: relative; display: inline-block; } .ld-carousel-laptop .mockup-content-container { position: absolute; top: 6%; left: 15%; bottom: 13%; right: 15%; overflow: hidden; z-index: 2; } .ld-carousel-laptop .carousel-container, .ld-carousel-laptop .carousel-items, .ld-carousel-laptop .carousel-item, .ld-carousel-laptop .carousel-item-inner, .ld-carousel-laptop .carousel-item-content, .ld-carousel-laptop .carousel-item figure, .ld-carousel-laptop .mockup-content-inner { width: 100%; height: 100%; } .ld-carousel-laptop .flickity-viewport { height: 100% !important; } .ld-carousel-laptop .carousel-items { margin: 0; } .ld-carousel-laptop .carousel-item { padding: 0; } .ld-carousel-laptop .carousel-item img { visibility: hidden; } .ld-carousel-laptop figure { width: 100%; height: 100%; } .ld-carousel-laptop img { width: 100%; } .ld-carousel-laptop .flickity-prev-next-button.previous { left: 6%; } .ld-carousel-laptop .flickity-prev-next-button.next { right: 6%; } .ld-carousel-laptop .carousel-dots-mobile .flickity-page-dots { margin: 0; } .ld-carousel-laptop .carousel-dots-mobile .dot { background-color: rgba(255, 255, 255, 0.2); } .ld-carousel-laptop .carousel-dots-mobile .dot.is-selected { background-color: #fff; } /* 3.38. Liquid Fancy Heading */ @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; } } .lqd-simple-heading-wrap, .ld-fancy-heading { position: relative; } .lqd-simple-heading-wrap .lqd-simple-heading, .ld-fancy-heading .ld-fh-element { margin-top: 0; margin-bottom: 0.5em; } .lqd-simple-heading, .ld-fh-element { display: inline-block; position: relative; } .lqd-simple-heading small, .ld-fh-element small { 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 { margin-top: 0; margin-bottom: 0; font-size: 1em; text-transform: inherit; letter-spacing: normal; font-weight: inherit; } .split-unit, .split-inner { text-decoration: inherit; } .ld-gradient-heading { -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; text-fill-color: transparent !important; } .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 .txt-rotate-keyword span { opacity: 0; } .ld-fh-outline-static .txt-rotate-keyword:before, .ld-fh-outline-static .ld-fh-txt-outline { opacity: 1; } .ld-fh-outline .txt-rotate-keyword:before, .ld-fh-outline .txt-rotate-keyword span { transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .ld-fh-outline .txt-rotate-keyword { position: relative; } .ld-fh-outline .txt-rotate-keyword:before { content: attr(data-text); position: absolute; top: 0; left: 0; color: transparent; -webkit-text-stroke: 2px #000; opacity: 0; } .ld-fh-outline:hover .txt-rotate-keyword span { opacity: 0; } .ld-fh-outline:hover .txt-rotate-keyword:before, .ld-fh-outline:hover .ld-fh-txt-outline { opacity: 1; } .ld-fh-outline-static .ld-fh-element { color: transparent; } .mask-text .split-unit { overflow: hidden; } .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; } .ld-gradient-heading { padding-bottom: clamp(0.135em, 1em - var(--element-line-height), 0.5em); } .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; } .ld-fh-underline { display: inline-block; width: 100%; height: 2px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); } .ld-fancy-heading > ul, .ld-fancy-heading > ol { padding: 0; margin: 0; list-style-position: inside; } .ld-fancy-heading .split-inner { display: block; } .ld-fancy-heading .lqd-words { display: inline-flex !important; } .ld-fancy-heading.text-lowercase .ld-fh-element, .ld-fancy-heading.text-uppercase .ld-fh-element, .ld-fancy-heading.text-capitalize .ld-fh-element { text-transform: inherit; } .ld-fancy-heading.carousel-nav-appended { display: flex; height: auto; align-items: center; justify-content: space-between; } .ld-fancy-heading.has-mask-image .txt-rotate-keywords, .ld-fancy-heading.has-mask-image .txt-rotate-keyword, .ld-fancy-heading.has-mask-image .split-unit, .ld-fancy-heading.has-mask-image .split-inner, .ld-fancy-heading.has-mask-image .split-inner > i { background: inherit; } .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; } .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; } .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; } .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; } @media screen and (min-width: 480px) { .ld-fancy-heading .lqd-lines { white-space: nowrap; } } @media screen and (max-width: 991px) { .txt-rotate-keywords { white-space: normal; min-width: 100%; } .txt-rotate-keywords .lqd-keyword-slide-out:not(.active):not(.is-next) { white-space: nowrap; } } /* 3.39. Row Overlay */ .liquid-row-overlay { display: block; width: 100%; height: 100%; border-radius: inherit; position: absolute !important; top: 0; left: 0; transition: background 0.3s, opacity 0.3s; } .lqd-sticky-bg-spacer .liquid-row-overlay:first-child { z-index: 2; } .liquid-row-overlay-hover { opacity: 0; } /* 3.40. Maps */ @keyframes markerWave { 0% { transform: scale(1); opacity: 0.8; } 20% { opacity: 0.8; } 100% { transform: scale(5.5); opacity: 0; } } .ld-gmap-container { position: relative; height: 600px; } .ld-gmap { height: 100%; } .lqd-custom-map-marker { position: absolute; width: 18px; height: 18px; border-radius: 50em; background-color: var(--color-primary); } .lqd-custom-map-marker div { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50em; opacity: 1; background-color: var(--color-primary); } .lqd-custom-map-marker > div:first-child { animation: markerWave 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards; } .lqd-custom-map-marker > div:first-child + div { animation: markerWave 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards; } .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; } .ld-gmap-contents .iconbox .iconbox-icon-container { color: inherit; font-size: 18px; } .ld-gmap-contents .btn { width: 100%; margin-top: 20px; padding-top: 0.5em; padding-bottom: 0.5em; font-size: 16px; line-height: 1.5em; font-weight: 600; justify-content: center; } @media screen and (min-width: 992px) { .ld-gmap-contents { border-radius: 8px; position: absolute; top: 50%; right: 10%; transform: translateY(-50%); } } /* 3.41. Custom Animations */ [data-custom-animations=true]:not(.vc_row):not(.ca-initvalues-applied) { opacity: 0 !important; } [data-custom-animations=true].vc_row:not(.ca-initvalues-applied) > .ld-container > .ld-row > .wpb_column { opacity: 0; } .vc_mobile [data-disable-animations-onmobile=true] [data-custom-animations=true].vc_row:not(.ca-initvalues-applied) > .ld-container > .ld-row > .wpb_column, .vc_mobile [data-disable-animations-onmobile=true] [data-custom-animations=true]:not(.ca-initvalues-applied) { opacity: 1 !important; } @media (max-width: 767px) { [data-disable-animations-onmobile=true] [data-custom-animations=true].vc_row:not(.ca-initvalues-applied) > .ld-container > .ld-row > .wpb_column, [data-disable-animations-onmobile=true] [data-custom-animations=true]:not(.ca-initvalues-applied) { opacity: 1 !important; } } /* 3.42. Masked Image */ .ld-masked-image svg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .vc_mobile .ld-masked-image svg { transform: translateZ(0); } .ld-masked-image img { width: 100%; height: auto; visibility: hidden; } .ld-masked-image-has-video { overflow: hidden; } .ld-masked-image-has-video .scene { overflow: hidden; } /* 3.43. Slideshow BG */ .slideshow-applied { position: relative; } .ld-slideshow-bg-wrap, .ld-slideshow-bg-inner, .ld-slideshow-item, .ld-slideshow-item-inner, .ld-slideshow-figure { display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: inherit; } .ld-slideshow-bg-inner { transform: translateZ(0); } .ld-slideshow-bg-wrap { overflow: hidden; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; } .slideshow-applied .ld-slideshow-bg-wrap { opacity: 1; visibility: visible; } .ld-slideshow-item { overflow: hidden; } .ld-slideshow-item, .ld-slideshow-item * { pointer-events: none; } .ld-slideshow-figure.active { z-index: 1; } /* 3.44. Custom Menu */ .lqd-fancy-menu > ul > li > a { display: flex; align-items: center; } .lqd-fancy-menu .menu-item-has-children > a > .submenu-expander:before { content: "\ea2c"; } .lqd-fancy-menu.menu-items-has-fill > ul > li > a { padding: 1em 1.5714285714em; } .lqd-fancy-menu.menu-items-has-border > ul > li:not(:last-child) > a { border-bottom: 1px solid #e8e8e8; } .lqd-fancy-menu.menu-items-has-border > ul.inline-nav > li { margin-inline-start: 0; margin-inline-end: 0; } .lqd-fancy-menu.menu-items-has-border > ul.inline-nav > li:not(:last-child) { border-inline-end: 1px solid #e8e8e8; } .lqd-fancy-menu.menu-items-has-border > ul.inline-nav > li:not(:last-child) > a { border: none; } .lqd-fancy-menu.menu-items-has-border > ul > li > a { padding-top: 1em; padding-bottom: 1em; } .lqd-custom-menu { position: relative; transition: opacity 0.3s, visibility 0.3s; } .lqd-custom-menu .nav-item-children > li > a, .lqd-custom-menu > ul > li > a { position: relative; } .lqd-custom-menu > ul > li { display: flex; position: relative; flex-wrap: wrap; } .lqd-custom-menu > ul > li, .lqd-custom-menu > ul > li > a { width: 100%; align-items: center; } .lqd-custom-menu > ul > li > a { display: flex; } .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 .link-icon { display: inline-flex; } .lqd-custom-menu .link-icon.right-icon { text-align: end; } .lqd-custom-menu .link-icon.right-icon.icon-push-to-edge { margin-inline-start: auto; } .lqd-custom-menu .link-icon.left-icon.icon-push-to-edge { margin-inline-end: 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-custom-menu .nav-item-children { top: 0; left: 100%; } .lqd-custom-menu.toggle-has-fill .lqd-custom-menu-dropdown-btn { padding: 1em 1.5714285714em; } .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; } .header-module .lqd-custom-menu { position: static; } .lqd-custom-menu .lqd-scrl-indc { width: 100%; position: absolute; bottom: 0; left: 0; } .lqd-custom-menu .lqd-scrl-indc .lqd-scrl-indc-line { width: 100%; background-color: #eaedf0; } .lqd-custom-menu .lqd-scrl-indc .lqd-scrl-indc-el { background-color: var(--color-primary); } .lqd-sticky-menu { width: 100%; margin-inline-start: 0 !important; margin-inline-end: 0 !important; position: absolute; bottom: 0; left: 0; z-index: 20; background-color: #f6f6f6; } .lqd-sticky-menu > .inline-nav { max-width: 1170px; margin: 0 auto; } .lqd-sticky-menu > .inline-nav > li { padding: 1em; } .lqd-sticky-menu > .inline-nav > li:first-of-type { margin-inline-start: 0; } .lqd-sticky-menu > .inline-nav > li:last-of-type { margin-inline-end: 0; } .lqd-sticky-menu.lqd-custom-menu-expand-items > .inline-nav { display: grid; grid-auto-flow: column; } .lqd-sticky-menu.lqd-custom-menu-expand-items.menu-items-has-border > .inline-nav > li, .lqd-sticky-menu.lqd-custom-menu-expand-items.menu-items-has-fill > .inline-nav > li { padding: 0; } .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; padding: 0.5em 1em; border-radius: inherit; } .lqd-sticky-menu-floating > ul.inline-nav > li { padding: 0; margin: 0 0.25em !important; } .lqd-sticky-menu-floating .lqd-scrl-indc, .lqd-sticky-menu-floating .lqd-scrl-indc .lqd-scrl-indc-inner, .lqd-sticky-menu-floating .lqd-scrl-indc .lqd-scrl-indc-line { border-radius: inherit; height: 100%; } .lqd-sticky-menu-floating .lqd-scrl-indc .lqd-scrl-indc-inner { overflow: hidden; } .lqd-sticky-menu-floating.lqd-custom-menu-expand-items { width: 96vw; } .lqd-sticky-menu-floating.lqd-custom-menu-expand-items > .inline-nav { max-width: none; } .lqd-sticky-menu-floating.is-in-view { opacity: 1; visibility: visible; transform: translate(-50%, 0); } .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; } .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; } .reset-ul { padding: 0; margin: 0; list-style: none; } .inline-ul > li, .inline-nav > li { display: inline-flex !important; width: auto !important; } .inline-ul > li > a, .inline-nav > li > a { display: inline-flex !important; } .comma-sep-li > li:not(:last-child):after { content: ","; margin-inline-end: 0.25em; } .lqd-menu-td-underline > ul > li > a { text-decoration: underline; } @media screen and (min-width: 992px) and (max-width: 1199px) { .lqd-custom-menu .submenu-expander { right: 15px; } } @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-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; } } @media screen and (max-width: 479px) { .lqd-fancy-menu.menu-items-has-fill > ul > li > a { padding: 0.75em 15px; } .lqd-fancy-menu.menu-items-has-border > ul > li > a { padding-top: 0.75em; padding-bottom: 0.75em; } .lqd-custom-menu .submenu-expander { right: 15px; } } /* 3.45. Shop Banner */ .ld-shop-banner { position: relative; margin-bottom: 30px; } .ld-shop-banner.round .ld-shop-banner-inner { border-radius: 5px; } .ld-shop-banner.round .ld-shop-banner-image figure { border-radius: 5px; } .ld-shop-banner.custom-height-applied { padding: 0; } .ld-shop-banner-container { perspective: 1600px; } .ld-shop-banner-inner { transform-style: preserve-3d; perspective: inherit; } .ld-shop-banner-image figure { width: 100%; height: 100%; background-size: cover; } .ld-shop-banner-image img { visibility: hidden; } .ld-shop-banner-content { padding: 20px 30px; font-size: 20px; color: #000; transform: translateZ(50px) scale(0.92); } .ld-shop-banner-style1 .ld-shop-banner-inner { box-shadow: 0 0 0 rgba(0, 0, 0, 0); transition: box-shadow 0.3s; } .ld-shop-banner-style1 .ld-shop-banner-content { position: absolute; top: 0; left: 0; right: 0; bottom: 50%; } .ld-shop-banner-style1 .ld-shop-banner-image { transform-style: preserve-3d; perspective: inherit; } .ld-shop-banner-style1 .ld-shop-banner-carousel-main .carousel-item { width: 100%; } .ld-shop-banner-style1 .ld-shop-banner-carousel-nav { width: 70%; height: 80px; position: absolute; bottom: 3%; right: 1%; transform: translateZ(70px) scale(0.884); } .ld-shop-banner-style1 .ld-shop-banner-carousel-nav .carousel-item { padding-inline-start: 5px; padding-inline-end: 5px; cursor: pointer; padding-top: 2px; transform: translateX(15px); opacity: 0; transition-property: opacity, transform; transition-duration: 0.45s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ld-shop-banner-style1 .ld-shop-banner-carousel-nav .carousel-item figure { position: relative; border-radius: 3px; margin-bottom: 15px; background-size: cover; transition-property: transform; transition-duration: 0.3s; } .ld-shop-banner-style1 .ld-shop-banner-carousel-nav .carousel-item figure:before { content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; border-radius: inherit; border: 2px solid #fff; transform: scale(1.1); opacity: 0; transition: all 0.3s; } .ld-shop-banner-style1 .ld-shop-banner-carousel-nav .carousel-item img { visibility: hidden; } .ld-shop-banner-style1 .ld-shop-banner-carousel-nav .carousel-item.is-nav-selected figure { transform: translateY(-2px); } .ld-shop-banner-style1 .ld-shop-banner-carousel-nav .carousel-item.is-nav-selected figure:before { opacity: 1; transform: scale(1); } .ld-shop-banner-style1 .liquid-overlay-link { transform: translateZ(50px); } .ld-shop-banner-style1:hover .ld-shop-banner-inner { box-shadow: 0 40px 60px rgba(0, 0, 0, 0.1); } .ld-shop-banner-style1:hover .ld-shop-banner-carousel-nav .carousel-item { transform: translateX(0); opacity: 1; } .ld-shop-banner-style1:hover .ld-shop-banner-carousel-nav .carousel-item.is-selected:nth-child(0) { transition-delay: 0s; } .ld-shop-banner-style1:hover .ld-shop-banner-carousel-nav .carousel-item.is-selected:nth-child(1) { transition-delay: 0.0666666667s; } .ld-shop-banner-style1:hover .ld-shop-banner-carousel-nav .carousel-item.is-selected:nth-child(2) { transition-delay: 0.1333333333s; } .ld-shop-banner-style1:hover .ld-shop-banner-carousel-nav .carousel-item.is-selected:nth-child(3) { transition-delay: 0.2s; } .ld-shop-banner-style1:hover .ld-shop-banner-carousel-nav .carousel-item.is-selected:nth-child(4) { transition-delay: 0.2666666667s; } @media screen and (min-width: 992px) { .ld-shop-banner-style1 { padding-bottom: 90.091%; } .ld-shop-banner-style1 .ld-shop-banner-carousel-main, .ld-shop-banner-style1 .ld-shop-banner-carousel-main .carousel-items, .ld-shop-banner-style1 .ld-shop-banner-container, .ld-shop-banner-style1 .ld-shop-banner-inner, .ld-shop-banner-style1 .ld-shop-banner-image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .ld-shop-banner-style1 .ld-shop-banner-carousel-main .flickity-viewport { height: 100% !important; } .ld-shop-banner-style1 .ld-shop-banner-carousel-main .carousel-item, .ld-shop-banner-style1 .ld-shop-banner-carousel-main .carousel-item-inner, .ld-shop-banner-style1 .ld-shop-banner-carousel-main .carousel-item-content { height: 100%; } } @media screen and (max-width: 991px) { .ld-shop-banner-style1 .liquid-overlay-link { bottom: 50%; height: auto; transform: none; } .ld-shop-banner-style1 .ld-shop-banner-image { transition: box-shadow 0.3s; } .ld-shop-banner-style1 .ld-shop-banner-carousel-nav { width: 100%; height: auto; margin-top: 1em; position: relative; bottom: auto; right: auto; transform: none; } .ld-shop-banner-style1 .ld-shop-banner-carousel-nav .carousel-item { width: 25%; opacity: 1; visibility: visible; transform: none; } .ld-shop-banner-style1:hover .ld-shop-banner-image { box-shadow: 0 40px 60px rgba(0, 0, 0, 0.1); } .ld-shop-banner-style1:hover .ld-shop-banner-inner { box-shadow: none; } } @media screen and (max-width: 767px) { .ld-shop-banner-style1 .ld-shop-banner-carousel-nav .carousel-item { width: 33.3333333333% !important; } } /* 3.46. Carousel Phone */ .ld-carousel-phone { position: relative; } .ld-carousel-phone .mockup-container { position: relative; z-index: 1; user-select: none; pointer-events: none; } .ld-carousel-phone .mockup-container img { width: 325px; } .ld-carousel-phone .mockup-content-container { width: 100%; position: absolute; top: 2.5%; bottom: 2.75%; left: 0; z-index: 0; overflow: hidden; } .ld-carousel-phone figure, .ld-carousel-phone img, .ld-carousel-phone .carousel-item, .ld-carousel-phone .carousel-item-inner, .ld-carousel-phone .carousel-item-content, .ld-carousel-phone .flickity-viewport, .ld-carousel-phone .carousel-container, .ld-carousel-phone .carousel-items, .ld-carousel-phone .mockup-content-inner { height: 100% !important; } .ld-carousel-phone .carousel-item { max-width: 280px; padding: 0; margin: 0 4.5%; position: relative; } .ld-carousel-phone .carousel-item img { width: 100%; object-fit: fill; border-radius: 35px; } /* 3.47. Media */ .ld-media-icon, .ld-media-item-overlay { transition-duration: 0.45s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ld-media-icon { display: inline-flex; align-items: center; justify-content: center; font-size: 32px; transform: scale(1.25); opacity: 0; transition-property: transform, opacity; } .ld-media-icon:before { content: none; } .icon-sm .ld-media-icon { font-size: 28px; } .icon-lg .ld-media-icon { font-size: 44px; } .ld-media-icon.icon-play { width: 55px; height: 55px; font-size: 15px; border-radius: 50em; transition-property: transform, opacity, border; } .ld-media-icon.icon-play.bordered { border: 2px solid #fff; } .ld-media-icon.icon-play.solid { background-color: var(--color-primary); } .ld-media-icon.icon-play.size-sm { width: 45px; height: 45px; } .ld-media-icon.icon-play.size-lg { width: 65px; height: 65px; } .ld-media-bg { background-color: rgba(0, 0, 0, 0.4); } .ld-media-bg, .ld-media-item-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .ld-media-item-overlay { padding: 30px; opacity: 0; visibility: hidden; color: #fff; transition-property: opacity, visibility; } .ld-media-content { position: relative; z-index: 2; } .ld-media-item { position: relative; overflow: hidden; color: #fff; } .ld-media-item .ld-media-txt h3, .ld-media-item .ld-media-txt h6 { margin: 0; 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 { background-size: cover; transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); } .ld-media-item figure[data-responsive-bg] img { visibility: hidden; } .ld-media-item img { width: 100%; } .ld-media-item.shadow-onhover { transition: box-shadow 0.3s; box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .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 .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 .ld-media-icon { transform: scale(1); opacity: 1; transition-delay: 0.1s; } .ld-media-item:hover .liquid-overlay-link { z-index: 3; } .ld-media-item:hover.shadow-onhover { box-shadow: 0 50px 75px rgba(0, 0, 0, 0.25); } .ld-media-item:hover.contents-visible .icon-play { transform: scale(1.1); border-width: 1px; } .liquid-media-element-custom-height .ld-media-item, .liquid-media-element-custom-height figure { height: 100%; } .ld-media-row { flex-flow: row wrap; } .ld-media-row > div { margin-bottom: 30px; } /* 3.48. Modal */ @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); } } @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); } } .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; font-style: normal; font-size: 35px !important; font-family: Arial, Baskerville, monospace !important; line-height: 35px; 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-backdrop { display: block; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); } [data-modal-type=fullscreen] .lity-backdrop { display: none; } [data-modal-type=box] .lity-backdrop { background: transparent; } .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; } [data-modal-type=box] .lqd-modal-head h2 { margin-top: 5px; border-bottom: none; font-size: 20px; } .lity .lity-close { padding: 0 !important; border: none !important; background: none !important; } .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[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; } .lity[data-modal-type=box] { width: 350px; height: 500px; position: absolute; 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-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; } .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; } @media (min-width: 768px) { [data-modal-type=default] .lity-container { width: 750px; } } @media (min-width: 992px) { .featherlight-content > iframe.featherlight-inner { min-width: 850px; } [data-modal-type=default] .lity-container { width: 970px; } } @media (min-width: 1200px) { [data-modal-type=default] .lity-container { width: 1170px; } } @media (max-width: 480px) { .lity[data-modal-type=box] .lity-container:before { content: none; } } /* 3.49. Before After */ @keyframes cd-bounce-in { 0% { width: 0; } 100% { width: 50%; } } .cd-image-container { position: relative; margin: 0 auto 30px; } .cd-image-container:hover .cd-image-label { opacity: 0; visibility: visible; transition-delay: 0s; } .cd-image-container img { display: block; width: 100%; } .cd-image-label { padding: 6px 14px; position: absolute; bottom: 15px; right: 15px; opacity: 0; background-color: #fff; font-size: 14px; line-height: 1.5em; border-radius: 4px; 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 { position: absolute; top: 0; left: 0; width: 0; height: 100%; overflow: hidden; border-right: 3px solid rgba(255, 255, 255, 0.75); backface-visibility: hidden; } .cd-resize-img img { position: absolute; left: 0; top: 0; display: block; height: 100%; width: auto; max-width: none; } .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 { display: inline-block; position: absolute; 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:before, .cd-handle:after { display: inline-block; position: absolute; top: 50%; left: 50%; font: normal 18px/1 "lqd-essentials"; transition: all 0.3s ease; transform: translate(-50%, -50%); } .cd-handle:before { content: "\ea29"; margin-inline-start: -1em; } .cd-handle:after { content: "\ea2c"; margin-inline-start: 1em; } .is-visible .cd-handle { opacity: 1; transform: scale(1); transition: transform 0.3s 0.7s, opacity 0s 0.7s; } .cd-handle.draggable:before { transform: translate(-10%, -50%) scale(1.25); } .cd-handle.draggable:after { transform: translate(-90%, -50%) scale(1.25); } /* 3.50. Process Box */ @keyframes lqdPBRotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } .lqd-pb-row > p { display: none; } .lqd-pb-column { flex-grow: 1; } .lqd-pb-icon-container, .lqd-pb-num-container { flex-shrink: 0; flex-grow: 0; position: relative; } .lqd-pb-num, .lqd-pb-icon { position: relative; z-index: 1; transition: color 0.3s, background 0.3s, border-color 0.3s; } .lqd-pb-icon figure { display: inline-flex; } .lqd-pb-num { display: flex; width: 100%; height: 100%; } .lqd-pb-num:after { content: counter(lqd-pb-numbers) !important; display: flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; align-items: center; justify-content: center; } .lqd-pb-shape-border { display: inline-block; width: 100%; height: 100%; border-radius: inherit; position: absolute; top: 0; left: 0; z-index: 0; 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 svg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .lqd-pb-shape-border path { stroke: rgba(0, 0, 0, 0.5); } .lqd-pb-content h3 { line-height: 1.5em; } .lqd-pb { margin-bottom: 1.5em; counter-increment: lqd-pb-numbers; } .lqd-pb .lqd-pb-icon-container, .lqd-pb .lqd-pb-num-container { font-size: 65px; line-height: 1; color: #373c36; } .lqd-pb:hover .lqd-pb-num-container, .lqd-pb:hover .lqd-pb-icon-container { color: var(--color-primary); } .lqd-pb:hover .lqd-pb-shape-border { transform: scale(1.3); opacity: 1; } .lqd-pb:hover .lqd-pb-shape-border svg { animation: lqdPBRotate 7s linear infinite forwards; } .lqd-pb-shaped .lqd-pb-active-shape { width: 82px; height: 82px; border: 2px solid #f8f9fd; background-color: #f8f9fd; font-size: 33px; font-weight: 700; color: #000; } .lqd-pb-shaped:hover .lqd-pb-active-shape { border-color: var(--color-primary); background-color: var(--color-primary); } .lqd-pb-shaped:hover .lqd-pb-active-shape { color: #fff; } .lqd-pb-circle .lqd-pb-active-shape { border-radius: 50em; } .lqd-pb-style-1 .lqd-pb-active-shape { width: 98px; height: 98px; } .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); } .lqd-pb-style-3 .lqd-pb-icon-container:before, .lqd-pb-style-3 .lqd-pb-num-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-icon-container:before, .lqd-pb-column:last-of-type .lqd-pb-style-3 .lqd-pb-num-container:before { content: none; } .lqd-pb-style-3 .lqd-pb-icon-container, .lqd-pb-style-3 .lqd-pb-num-container { margin-inline-end: 5%; } .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(--color-primary); } .lqd-pb-style-5 .lqd-pb-active-shape { width: 44px; height: 44px; font-size: 18px; } .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(--color-primary); } .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(--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(--color-primary); } .lqd-pb-style-9 .lqd-pb-active-shape { width: 68px; height: 68px; font-size: 22px; font-weight: 400; } .lqd-pb-nums { counter-reset: lqd-pb-numbers; } .lqd-pb-zigzag-2 .lqd-pb-icon-container, .lqd-pb-zigzag-2 .lqd-pb-num-container { margin-inline-end: 40px; } @media screen and (min-width: 768px) { .lqd-pb-style-6 .lqd-pb-content { width: 30%; } .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-num-container:before, .lqd-pb-style-9 .lqd-pb-num-container:after, .lqd-pb-style-9 .lqd-pb-icon-container:before, .lqd-pb-style-9 .lqd-pb-icon-container:after { content: ""; display: inline-block; height: 1px; position: absolute; top: 50%; border-bottom: 1px dashed #d6d6d6; } .lqd-pb-style-9 .lqd-pb-num-container:before, .lqd-pb-style-9 .lqd-pb-icon-container:before { left: -15px; right: 50%; } .lqd-pb-style-9 .lqd-pb-num-container:after, .lqd-pb-style-9 .lqd-pb-icon-container:after { right: -15px; left: 50%; } .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-of-type(even) { margin-inline-start: 0; } .lqd-pb-zigzag .lqd-pb-column:nth-of-type(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-of-type(even) .lqd-pb-icon-container, .lqd-pb-zigzag .lqd-pb-column:nth-of-type(even) .lqd-pb-num-container { margin-inline-start: 13%; margin-inline-end: 0; } .lqd-pb-zigzag .lqd-pb-icon-container, .lqd-pb-zigzag .lqd-pb-num-container { margin-inline-end: 13%; } .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-icon-container, .lqd-pb-zigzag-2 .lqd-pb-column:nth-of-type(even) .lqd-pb-number-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-icon-container:before, style:first-child + .lqd-pb-column .lqd-pb-zigzag-2 .lqd-pb .lqd-pb-number-container:before, .lqd-pb-zigzag-2 .lqd-pb-column:first-of-type .lqd-pb .lqd-pb-icon-container:before, .lqd-pb-zigzag-2 .lqd-pb-column:first-of-type .lqd-pb .lqd-pb-number-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-icon-container:after, .lqd-pb-zigzag-2 .lqd-pb-column:last-of-type .lqd-pb .lqd-pb-number-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-icon-container:before, .lqd-pb-zigzag-2 .lqd-pb-icon-container:after, .lqd-pb-zigzag-2 .lqd-pb-number-container:before, .lqd-pb-zigzag-2 .lqd-pb-number-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-icon-container:before, .lqd-pb-zigzag-2 .lqd-pb-number-container:before { top: -73px; bottom: calc(100% + 25px); } .lqd-pb-zigzag-2 .lqd-pb-icon-container:after, .lqd-pb-zigzag-2 .lqd-pb-number-container:after { top: calc(100% + 25px); bottom: -73px; } } @media screen and (min-width: 992px) { .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 { margin-bottom: 0; } style:first-child + .lqd-pb-column .lqd-pb-style-9 .lqd-pb-num-container:before, .lqd-pb-column:first-child .lqd-pb-style-9 .lqd-pb-num-container:before, style:first-child + .lqd-pb-column .lqd-pb-style-9 .lqd-pb-icon-container:before, .lqd-pb-column:first-child .lqd-pb-style-9 .lqd-pb-icon-container:before { content: none; } .lqd-pb-column:last-child .lqd-pb-style-9 .lqd-pb-num-container:after, .lqd-pb-column:last-child .lqd-pb-style-9 .lqd-pb-icon-container:after { content: none; } .lqd-pb-icon-between .lqd-pb-column:not(:last-of-type):after, .lqd-pb-icon-between-middle .lqd-pb-column:not(:last-of-type):after { content: "\ea2c"; display: inline-block; position: absolute; top: 12%; right: 15px; font-family: "lqd-essentials" !important; font-size: 25px; line-height: 1; color: #2c2e30; } .lqd-pb-icon-between .lqd-pb-column:not(:last-of-type) .lqd-pb-column:after, .lqd-pb-icon-between-middle .lqd-pb-column:not(:last-of-type) .lqd-pb-column:after { content: none !important; } .lqd-pb-icon-between-middle .lqd-pb-column:not(:last-child):after { top: 50%; font-size: 20px; transform: translateY(-50%); } } @media screen and (min-width: 768px) and (max-width: 991px) { .lqd-pb-style-2 { flex-direction: row; } style:first-child ~ .lqd-pb-column:nth-of-type(odd) .lqd-pb-style-9 .lqd-pb-num-container:before, .lqd-pb-column:nth-of-type(odd) .lqd-pb-style-9 .lqd-pb-num-container:before, style:first-child ~ .lqd-pb-column:nth-of-type(odd) .lqd-pb-style-9 .lqd-pb-icon-container:before, .lqd-pb-column:nth-of-type(odd) .lqd-pb-style-9 .lqd-pb-icon-container:before { content: none; } style:first-child ~ .lqd-pb-column:nth-of-type(even) .lqd-pb-style-9 .lqd-pb-num-container:after, .lqd-pb-column:nth-of-type(even) .lqd-pb-style-9 .lqd-pb-num-container:after, style:first-child ~ .lqd-pb-column:nth-of-type(even) .lqd-pb-style-9 .lqd-pb-icon-container:after, .lqd-pb-column:nth-of-type(even) .lqd-pb-style-9 .lqd-pb-icon-container:after { content: none; } } @media screen and (max-width: 479px) { .lqd-pb-column:not(:last-of-type) .lqd-pb-style-1 { margin-bottom: 35px; } } /* 3.52. Message */ .ld-msg-close { display: inline-flex; width: 34px; height: 34px; padding: 0; margin-top: -17px; position: absolute; top: 50%; right: 30px; border: none; background: none; align-items: center; justify-content: center; font-size: 38px; line-height: 1; color: #000; opacity: 0.4; transition: opacity 0.3s; } .ld-msg-close span { display: inline-block; } .ld-msg-close:hover { opacity: 1; } .ld-msg-icon { display: inline-flex; width: 34px; height: 34px; margin-inline-end: 26px; border: 1.2px solid; border-radius: 50em; align-items: center; justify-content: center; font-size: 17px; } .ld-msg-txt h5 { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.5em; color: #34495E; } .ld-msg-inner { display: flex; flex-flow: row wrap; align-items: center; } .ld-msg { padding: 20px 40px 20px 20px; margin-bottom: 30px; position: relative; background-color: #F8FAFC; } .ld-msg:after { content: ""; display: inline-block; width: 100%; height: 2.5px; position: absolute; bottom: 0; left: 0; opacity: 0.3; } .ld-msg-success:after { background-color: #63DBC1; opacity: 0.5; } .ld-msg-success .ld-msg-icon { color: #63DBC1; } .ld-msg-warning:after { background-color: #F2C223; } .ld-msg-warning .ld-msg-icon { color: #F2C223; } .ld-msg-error:after { background-color: #E33847; } .ld-msg-error .ld-msg-icon { color: #E33847; } /* 3.53. Flipbox */ .ld-flipbox-inner, .ld-flipbox-face, .ld-flipbox-wrap { width: 100%; min-height: inherit; border-radius: inherit; } .ld-flipbox-inner { display: grid; flex: 1 auto; padding: 40px 50px; align-content: center; justify-content: center; grid-auto-columns: 1fr; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ld-flipbox-inner :last-child { margin-bottom: 0; } .ld-flipbox-face { display: flex; flex-direction: column; align-items: stretch; background-size: cover; background-position: center; background-color: var(--color-primary); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ld-flipbox-wrap, .ld-flipbox-face { transform-style: preserve-3d; } .ld-flipbox-front .ld-flipbox-inner { transform: translate3d(0, 0, 60px) scale(0.85); } .ld-flipbox-back { height: 100%; position: absolute; top: 0; left: 0; transform: rotateY(180deg) translateZ(1px); } .ld-flipbox-back .ld-flipbox-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; transform: translate3d(0, 0, 60px) scale(0.95); } .ld-flipbox-bt .ld-flipbox-back, .ld-flipbox-tb .ld-flipbox-back { transform: rotateY(-180deg) rotateZ(-180deg); } .ld-flipbox-wrap { position: relative; transition-property: box-shadow, transform; transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ld-flipbox-shadow .ld-flipbox-wrap { box-shadow: 0 50px 60px rgba(0, 0, 0, 0.15); } .ld-flipbox-bt.ld-flipbox-shadow:hover .ld-flipbox-wrap, .ld-flipbox-tb.ld-flipbox-shadow:hover .ld-flipbox-wrap { box-shadow: 0 -50px 60px rgba(0, 0, 0, 0.15); } .ld-flipbox { display: flex; min-height: 270px; position: relative; flex-direction: column; justify-content: center; align-items: center; perspective: 1200px; } .ld-flipbox:hover .ld-flipbox-wrap { transform: rotateY(180deg); transform-origin: 50% 50% !important; } .ld-flipbox:hover.ld-flipbox-rl .ld-flipbox-wrap { transform: rotateY(-180deg); } .ld-flipbox:hover.ld-flipbox-bt .ld-flipbox-wrap { transform: rotateX(180deg); } .ld-flipbox:hover.ld-flipbox-tb .ld-flipbox-wrap { transform: rotateX(-180deg); } .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, .ld-flipbox:hover.ld-flipbox-shadow-onhover.ld-flipbox-tb .ld-flipbox-wrap { box-shadow: 0 -50px 60px rgba(0, 0, 0, 0.15); } @media screen and (max-width: 768px) { .ld-flipbox-inner { padding: 35px; } } @media screen and (max-width: 479px) { .ld-flipbox-inner { padding: 25px; } } /* 3.54. Iconbox Circle */ .one-ib-circ-icn { display: inline-flex; width: 80px; height: 80px; margin: -50px 0; margin-inline-start: -50px; position: absolute; top: 0; left: 0; border-radius: 50em; font-size: 30px; opacity: 0; } .one-ib-circ-icn span { display: inherit; width: inherit; height: inherit; position: relative; align-items: center; justify-content: center; 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; } .one-ib-circ-icn span:after { content: ""; display: inline-block; width: 126%; height: 126%; position: absolute; top: -13%; left: -13%; } .one-ib-circ-icn img, .one-ib-circ-icn svg, .one-ib-circ-icn i { display: inline-block; position: relative; z-index: 1; transition: transform 0.3s; } .one-ib-circ-icn img, .one-ib-circ-icn svg { max-width: 60%; } .one-ib-circ-icn:hover img, .one-ib-circ-icn:hover svg, .one-ib-circ-icn:hover i { transform: scale(1.15); } .one-ib-circ-icn:hover ~ .one-ib-circ-cnt h3, .one-ib-circ-icn:hover ~ .one-ib-circ-cnt hr, .one-ib-circ-icn:hover ~ .one-ib-circ-cnt p { opacity: 1; visibility: visible; transform: translateY(0); } .one-ib-circ-icn:hover ~ .one-ib-circ-cnt hr { transition-delay: 0.07s; } .one-ib-circ-icn:hover ~ .one-ib-circ-cnt p { transition-delay: 0.14s; } .one-ib-circ-cnt { width: 80%; margin: 0 auto; font-size: 16px; line-height: 1.625em; color: #666; } .one-ib-circ-cnt h3, .one-ib-circ-cnt hr, .one-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); } .one-ib-circ-cnt h3 { color: #333; font-size: 21px; transition-delay: 0.1s; } .one-ib-circ-cnt hr { width: 17%; margin: 20px auto !important; border-color: rgba(0, 0, 0, 0.1); transition-delay: 0.05s; } .one-ib-circ-cnt p { transition-delay: 0s; } .one-ib-circ-item:last-child .one-ib-circ-cnt h3, .one-ib-circ-item:last-child .one-ib-circ-cnt hr, .one-ib-circ-item:last-child .one-ib-circ-cnt p { opacity: 1; visibility: visible; transform: translateY(0); } .one-ib-circ-item:hover ~ .one-ib-circ-item .one-ib-circ-cnt h3, .one-ib-circ-item:hover ~ .one-ib-circ-item .one-ib-circ-cnt hr, .one-ib-circ-item:hover ~ .one-ib-circ-item .one-ib-circ-cnt p { opacity: 0; visibility: hidden; transform: translateY(-10px); } .one-ib-circ-inner { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; transform: translateZ(80px) scale(0.86666); } .one-ib-circ-inner > .vc_ld_icon_box_circle_item, .one-ib-circ-inner > .one-ib-circ-item { display: flex !important; width: calc(100% - 100px); height: calc(100% - 100px); position: absolute !important; top: 50%; left: 50%; flex-direction: column; align-items: center; justify-content: center; text-align: center; transform: translate(-50%, -50%); } .one-ib-circ-inner > .vc_ld_icon_box_circle_item .one-ib-circ-item { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .one-ib-circ-wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid #efefef; border-radius: 50em; transform-style: preserve-3d; } .one-ib-circ { position: relative; padding-bottom: 100%; perspective: 1200px; } /* 3.55. Row Separator */ .one-row-overlay { display: block; position: absolute !important; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; } .one-row_top_divider, .one-row_bottom_divider { width: 100%; position: absolute; left: 0; pointer-events: none; } .one-row_top_divider svg, .one-row_bottom_divider svg { width: 100%; height: 100%; position: relative; } .one-row_top_divider svg.centered-angle, .one-row_bottom_divider svg.centered-angle { width: 102%; left: -1%; } .one-row_bottom_divider { bottom: -1px; } .one-row_top_divider { top: -1px; } .one-row_top_divider svg { transform: rotateZ(180deg); } .one-row_top_divider svg.one-divider-triangle, .one-row_top_divider svg.one-divider-circle { width: auto; position: relative; left: 50%; transform: rotateZ(180deg) translateX(-50%); transform-origin: left center; } @media screen and (max-width: 768px) { .one-row_top_divider, .one-row_bottom_divider { max-height: 120px; } } /* 3.56. Roadmap */ .one-roadmap-bar { display: inline-block; width: 15px; height: 100%; position: absolute; top: 0; left: 0; align-self: flex-start; border-radius: 50em; } .one-roadmap-bar:before, .one-roadmap-bar:after { content: ""; display: inline-block; position: absolute; top: 3px; background: var(--color-primary); transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); } .one-roadmap-bar:before { width: 100%; height: 15px; border-radius: 50em; } .one-roadmap-bar:after { width: 2px; left: 6px; bottom: -3px; transform-origin: top center; } .one-roadmap-info h6, .one-roadmap-info p { margin: 0; line-height: 1.5em; letter-spacing: normal; color: inherit; } .one-roadmap-info h6 { margin-bottom: 0.25em; font-size: 15px; } .one-roadmap-info p { font-size: 16px; } .one-roadmap-info p:only-child { margin-top: -0.65em; } .one-roadmap-mark { display: inline-flex; width: 32px; height: 32px; margin-inline-start: auto; align-items: center; justify-content: center; border: 2px solid; border-radius: 16px; opacity: 0.43; } .one-roadmap-item { display: flex; position: relative; padding-bottom: 1em; padding-inline-start: 30px; flex-flow: row wrap; align-items: center; text-align: start; color: #000; } .one-roadmap-item:last-of-type { padding-bottom: 0; } .one-roadmap-item:last-of-type .one-roadmap-bar:after { content: none; } .one-roadmap-item-checked .one-roadmap-bar, .one-roadmap-item-checked .one-roadmap-info { opacity: 0.6; } .one-roadmap-item-checked .one-roadmap-mark { opacity: 1; } .one-roadmap { padding: 45px 0; padding-inline-start: 60px; padding-inline-end: 40px; } .one-roadmap:before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid; opacity: 0.3; } .one-roadmap[data-custom-animations=true] .one-roadmap-bar:before, .one-roadmap[data-custom-animations=true] .one-roadmap-bar:after { transform: scale(0); } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(0) .one-roadmap-bar:before { transition-delay: 0s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(0) .one-roadmap-bar:after { transition-delay: 0s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(1) .one-roadmap-bar:before { transition-delay: 0.2631578947s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(1) .one-roadmap-bar:after { transition-delay: 0.2816901408s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(2) .one-roadmap-bar:before { transition-delay: 0.5263157895s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(2) .one-roadmap-bar:after { transition-delay: 0.5633802817s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(3) .one-roadmap-bar:before { transition-delay: 0.7894736842s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(3) .one-roadmap-bar:after { transition-delay: 0.8450704225s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(4) .one-roadmap-bar:before { transition-delay: 1.0526315789s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(4) .one-roadmap-bar:after { transition-delay: 1.1267605634s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(5) .one-roadmap-bar:before { transition-delay: 1.3157894737s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(5) .one-roadmap-bar:after { transition-delay: 1.4084507042s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(6) .one-roadmap-bar:before { transition-delay: 1.5789473684s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(6) .one-roadmap-bar:after { transition-delay: 1.6901408451s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(7) .one-roadmap-bar:before { transition-delay: 1.8421052632s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(7) .one-roadmap-bar:after { transition-delay: 1.9718309859s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(8) .one-roadmap-bar:before { transition-delay: 2.1052631579s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(8) .one-roadmap-bar:after { transition-delay: 2.2535211268s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(9) .one-roadmap-bar:before { transition-delay: 2.3684210526s; } .one-roadmap.ca-initvalues-applied .one-roadmap-item:nth-child(9) .one-roadmap-bar:after { transition-delay: 2.5352112676s; } .one-roadmap.ca-initvalues-applied .one-roadmap-bar:before, .one-roadmap.ca-initvalues-applied .one-roadmap-bar:after { transform: scale(1); } @media screen and (max-width: 767px) { .one-roadmap { padding-inline-start: 25px; padding-inline-end: 25px; } .one-roadmap:before { top: 15px; right: 15px; left: 15px; bottom: 15px; } .one-roadmap-info { max-width: 85%; } } /* 3.57. 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; } .countdown.light { color: #fff; } .countdown.countdown-sep-off .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; } } @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; } } /* 3.58. Breadcrumbs */ .breadcrumbs, .breadcrumb { background: none; } .breadcrumbs > li, .breadcrumb > li { color: inherit; } .breadcrumbs > li:before, .breadcrumbs > li:after, .breadcrumb > li:before, .breadcrumb > li:after { content: none; } .breadcrumbs > li:not(:last-child):after, .breadcrumb > li:not(:last-child):after { content: "\ea2c"; margin-inline-start: 0.75em; margin-inline-end: 0.5em; font-family: "lqd-essentials"; font-size: 0.85em; } .breadcrumbs > li:hover, .breadcrumb > li:hover { opacity: 1; } .breadcrumbs > li + li:before, .breadcrumb > li + li:before { content: none; } .breadcrumbs > .active, .breadcrumb > .active { color: inherit; } .breadcrumbs span, .breadcrumb span { opacity: 0.6; transition: opacity 0.3s; } .breadcrumbs a:hover span, .breadcrumb a:hover span { opacity: 1; } /* 3.59. Bullet List */ .one-bullet-list { margin-bottom: 1em; } .one-bullet-list li { display: flex; align-items: center; margin-bottom: 0.5em; } .one-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; } .one-bullet-list .inline-nav li { display: inline-flex; } .one-bullet-list .inline-nav li + li { margin-inline-start: 2.5em; } @media screen and (max-width: 767px) { .one-bullet-list .inline-nav { display: flex; flex-flow: row wrap; align-items: center; } .one-bullet-list .inline-nav li { margin-inline-start: 0 !important; align-items: center; width: 50%; } } /* 3.60. Video BG */ .lqd-vbg-video:not([data-property]), .lqd-vbg-video .mejs-inner, .lqd-vbg-video .mejs-mediaelement, .lqd-vbg-video mediaelementwrapper, .lqd-vbg-video .mejs__overlay, .lqd-vbg-video .mejs__poster { object-fit: cover; width: 100% !important; height: 100% !important; } .lqd-vbg-video .YTPOverlay, .lqd-vbg-video .mb_YTPBar, .lqd-vbg-video .inlinePlayButton, .lqd-vbg-video .mejs__overlay-play, .lqd-vbg-video .mejs-controls, .lqd-vbg-video .mejs__controls { display: none !important; } .lqd-vbg-loader { background-image: url(../img/spinners/spinner-1.gif); background-position: center; background-repeat: no-repeat; background-size: 55px; z-index: -1; } .lqd-vbg-loader, .lqd-vbg-inner, .lqd-vbg-wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; } .lqd-vbg-inner:after { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .lqd-vbg-wrap { pointer-events: none; } .lqd-vbg-wrap .inline-YTPlayer { height: 100%; max-width: 100vw !important; } .mbYTP_wrapper iframe { height: 100% !important; margin-top: 0 !important; } /* 3.61. Frickin Image */ .lqd-frickin-img-holder, .lqd-frickin-img-bg { transition: opacity 1s 0s cubic-bezier(0.23, 1, 0.32, 1), transform 1.5s 0.25s cubic-bezier(0.23, 1, 0.32, 1); transform: translate(0, 0); opacity: 0; } .lqd-frickin-img-bg { display: inline-block; position: absolute; top: 25px; left: 25px; right: 25px; bottom: 25px; z-index: 0; background-color: var(--color-primary); } .lqd-frickin-img-holder { z-index: 2; opacity: 0; box-shadow: 0 30px 50px rgba(0, 0, 0, 0.17); } .lqd-frickin-img-holder figure { background-size: cover; } .lqd-frickin-img-holder img { width: 100%; } .lqd-frickin-img-holder [data-responsive-bg=true] > img { visibility: hidden; } .lqd-frickin-img-inner { padding: 25px; } .lqd-frickin-img-holder, .lqd-frickin-img { position: relative; } .lqd-frickin-img { margin-bottom: 30px; } .lqd-frickin-img.is-in-view .lqd-frickin-img-bg, .lqd-frickin-img.is-in-view .lqd-frickin-img-holder { opacity: 1; } .lqd-frickin-img.is-in-view .lqd-frickin-img-bg { transform: translate(-12px, 12px); } .lqd-frickin-img.is-in-view .lqd-frickin-img-holder { transform: translate(12px, -12px); } .lqd-frickin-img.is-in-view.lqd-freak-to-left .lqd-frickin-img-bg { transform: translate(12px, 12px); } .lqd-frickin-img.is-in-view.lqd-freak-to-left .lqd-frickin-img-holder { transform: translate(-12px, -12px); } /* 3.62. Promo */ .lqd-promo-cat { display: flex; margin-inline-end: 15px; flex-flow: row wrap; justify-content: center; font-size: 10px; text-transform: uppercase; letter-spacing: 0.2em; font-style: italic; writing-mode: vertical-rl; width: 30px; } .lqd-promo-cat ul { transform: rotate(-180deg); } .lqd-promo-dynamic-shape { display: block; width: 124%; height: 124%; position: absolute; top: -15%; left: -25%; z-index: 0; } .lqd-promo-dynamic-shape svg { overflow: visible; } .lqd-promo-img { display: flex; width: calc(58.75% - 30px); flex-direction: column; justify-content: center; flex-grow: 0; flex-shrink: 0; } .lqd-promo-img img { width: 100%; } .lqd-promo-img-inner { box-shadow: 0 50px 100px rgba(0, 0, 0, 0.3); opacity: 0; overflow: hidden; transition: opacity 0.3s; } .lqd-promo-img-inner.block-revealer { opacity: 1; } .lqd-promo-content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; 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, .lqd-promo-content .lqd-lines { white-space: nowrap; } .lqd-promo-content .split-inner { display: inline-block; } .lqd-promo-content .btn { margin-top: 30px; } .lqd-promo-inner { display: flex; position: relative; } .lqd-promo-wrap { position: relative; 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; } } /* 3.63. Back to Top */ @keyframes lqdBackToTopArrow { 40% { transform: translateY(-15px); opacity: 0; } 41% { transform: translateY(15px); } 100% { transform: translateY(0); opacity: 1; } } .lqd-back-to-top { position: fixed; 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 { display: inline-flex; width: 45px; height: 45px; border-radius: 50em; align-items: center; justify-content: center; background-color: #fff; box-shadow: 0 0 30px -2px rgba(0, 0, 0, 0.15); font-size: 10px; color: #000; transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 1s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-back-to-top a svg { display: inline-block; 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); } } /* 3.64. Carousel Falcate */ .carousel-falcate { overflow: hidden; transition: height 0.3s; cursor: grab; } .carousel-falcate ul { padding: 0; margin: 0; list-style: none; } .carousel-falcate li { padding-bottom: 30px; } .carousel-falcate li > * { margin: 0; } .carousel-falcate .ms-container { position: relative; transition: transform 0.3s; } .carousel-falcate .ms-track { height: 100%; position: absolute; top: 0; left: 120px; right: 25px; } .carousel-falcate .ms-slide { opacity: 0; backface-visibility: hidden; pointer-events: none; user-select: none; } .carousel-falcate .ms-slide a, .carousel-falcate .ms-slide button { pointer-events: auto; } .carousel-falcate .ms-slide .lqd-testi-shadow-xxl { box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.075); } .carousel-falcate .ms-slide .ld-lazyload { opacity: 1; } .carousel-falcate .ms-slide-inactive { visibility: hidden; } .carousel-falcate .carousel-dots-mobile .flickity-page-dots { margin-top: 0; } .carousel-falcate.carousel-falcate-mobile .carousel-item { padding-inline-start: 25px; padding-inline-end: 25px; margin-bottom: 20px; } .carousel-falcate.carousel-falcate-mobile .carousel-item .lqd-testi-shadow-xxl { box-shadow: 0px 25px 35px rgba(0, 0, 0, 0.075); } .carousel-falcate.carousel-falcate-mobile .flickity-page-dots li { padding: 0; } @media screen and (min-width: 769px) { .carousel-falcate { margin-inline-start: -100px; margin-inline-end: -100px; } } /* 3.65. Carousel Stack */ @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 !important; border-radius: 30px !important; background: #fff !important; position: absolute; top: 50%; z-index: 2; cursor: pointer; transform: translateY(-50%); box-shadow: 0 15px 30px rgba(131, 150, 255, 0.25) !important; } .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(--color-primary) !important; } .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 .flickity-viewport { overflow: visible; } .lqd-carousel-stack .carousel-items:after { content: "flickity"; display: none; } .lqd-carousel-stack .carousel-item { padding: 0 10px; } .lqd-carousel-stack-nav { display: none; } } /* 3.66. Slideshow */ @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-slsh { background-color: #0a0a0a; } .lqd-slsh .carousel-nav { margin: 0 !important; position: absolute !important; top: 3.5rem !important; left: 2.5rem !important; right: auto !important; transform: none; } .lqd-slsh .carousel-nav .flickity-button { position: relative; top: auto; left: auto; border-radius: 3px; opacity: 0; visibility: hidden; transform: scale(0.85); transition: opacity 0.65s, visibility 0.65s, transform 0.65s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .lqd-slsh .carousel-nav .previous { margin: 0 !important; } .lqd-slsh .carousel-nav .next { margin-inline-end: 0 !important; } .lqd-slsh .ld-carousel-parallax-wrap { width: 100%; height: 100%; } .lqd-slsh figure { height: 100%; } .lqd-slsh .flickity-viewport:hover .lqd-slsh-img, .lqd-slsh .flickity-viewport:hover .lqd-slsh-content { will-change: opacity; } .lqd-slsh .flickity-viewport:hover .lqd-slsh-content { opacity: 0.3; } .lqd-slsh .flickity-viewport:hover .lqd-slsh-img { opacity: 0; } .lqd-slsh .flickity-viewport.is-pointer-down .lqd-slsh-content, .lqd-slsh .flickity-viewport.is-pointer-down .lqd-slsh-img { transition-duration: 0.4s; opacity: 1; } .lqd-slsh:hover .flickity-button { opacity: 1; visibility: visible; transform: scale(1); } .lqd-slsh:hover .flickity-button.next { transition-delay: 0.1s; } .lqd-slsh-img-container { overflow: hidden; } .lqd-slsh-img-full { opacity: 0; transform: scale(1.025); transition: all 0.85s cubic-bezier(0.23, 1, 0.32, 1); transition-property: opacity, transform; } .lqd-slsh-img-full:after { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.15); } .lqd-slsh-img-full img { height: 100% !important; } .lqd-slsh-img-full.lqd-is-active { opacity: 1; transform: scale(1); } .lqd-slsh-item { width: 100%; transition: opacity 0.3s; } .lqd-slsh-item .liquid-overlay-link { border-left: 1px solid rgba(255, 255, 255, 0.35); } .lqd-slsh-item a, .lqd-slsh-item h2, .lqd-slsh-item p { color: #fff; } .lqd-slsh-item h2, .lqd-slsh-item p { opacity: 0.5; transition: opacity 0.3s; } .lqd-slsh-item h2 .split-inner, .lqd-slsh-item p .split-inner { display: inline-block; } .lqd-slsh-item h2 { font-size: 30px; line-height: 1.166em; } .lqd-slsh-item .lqd-slsh-content { transition: opacity 0.3s; } .lqd-slsh-item .ld-slideelement-hidden { position: relative; z-index: 3; } .lqd-slsh-item .ld-slideelement-hidden-inner { opacity: 0; } .lqd-slsh-item:hover .lqd-slsh-content { opacity: 1 !important; } .lqd-slsh-item:hover h2 { opacity: 1; } .lqd-slsh-item:hover p { opacity: 0.7; } .lqd-slsh-img { transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-slsh-img img { height: 100% !important; } .lqd-slsh-alt .lqd-slsh-img { opacity: 0; } .lqd-slsh-alt .lqd-fullproj-scrn { padding: 0; opacity: 1; visibility: visible; background: none; } .lqd-slsh-alt .lqd-fullproj-scrn:after { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.27); } .lqd-slsh-alt-loader { display: flex; width: 60px; height: 60px; top: 2.5em; right: 2.5em; border-radius: 5px; align-items: center; justify-content: center; visibility: hidden; 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-slsh-alt-loader span { width: 35px; height: 35px; border: 3px solid transparent; border-top-color: #fff; animation: spin 1.5s linear infinite; } .lqd-slsh-alt-menu { line-height: 1.5em; color: #fff; counter-reset: lqd-slsh-alt-menu; } .lqd-slsh-alt-menu a { color: inherit; opacity: 0.5; } .lqd-slsh-alt-menu a:after { content: counter(lqd-slsh-alt-menu, decimal-leading-zero); font-size: clamp(14px, 0.35em, 16px); margin-inline-start: 0.5em; } .lqd-slsh-alt-menu a:hover, .lqd-slsh-alt-menu a.active { opacity: 1; } .lqd-slsh-alt-menu li { margin: 0 2em 0.5em; margin-inline-start: 0; opacity: 0; counter-increment: lqd-slsh-alt-menu; transition: opacity 1s, transform 1s; transition-timing-function: cubic-bezier(0.4, 0, 0.3, 1); } .lqd-slsh-alt-menu li:last-child a:after { content: none; } .lqd-slsh-alt-menu a { opacity: 1; margin: 0; } .lqd-slsh-alt-menu a:after { content: ""; width: 100%; height: 100%; margin: 0; position: absolute; top: 0; left: 0; bottom: auto; background: none; transform: none; } .lqd-slsh-alt-menu a span, .lqd-slsh-alt-menu a span:before { transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-slsh-alt-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-slsh-alt-menu li { flex-basis: 33.3333333333%; margin: 0; border-right: 1px solid rgba(255, 255, 255, 0.2); font-size: 18px; transform: translateX(-30px); } .lqd-slsh-alt-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-slsh-alt-menu li.is-active span { transform: translateY(1em); } .lqd-slsh-alt-menu li.is-active span:before { transform: scaleY(1) translateY(-1em); transition-delay: 0.1s; } .lqd-slsh-alt-menu li:last-of-type:before { content: none; } .lqd-slsh-alt-menu li:last-of-type a:after { content: ""; } .lqd-slsh-alt-menu li:hover:before { transform: scaleY(1); transform-origin: top; } .lqd-slsh-alt-scrn { width: 100%; height: 950px; position: relative; background-color: #000; } .lqd-slsh-alt-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-slsh-alt-scrn .nav-trigger { position: absolute; top: 4em; right: 4em; z-index: 10; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; color: #fff !important; mix-blend-mode: exclusion; } .lqd-slsh-alt-scrn .nav-trigger .txt { display: none; } .lqd-slsh-alt-scrn .nav-trigger .bars { border: 1px solid #fff; box-shadow: 0 15px 70px -5px rgba(0, 0, 0, 0.2); } .lqd-slsh-alt-scrn .nav-trigger .bar { background: #fff !important; } .lqd-slsh-alt-scrn .nav-trigger .loading-spinner { border-top-color: #fff; } .lqd-slsh-alt-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-slsh-alt-scrn.collapsing { pointer-events: none; } .lqd-slsh-alt-scrn.is-loading .lqd-slsh-alt-loader { opacity: 1; visibility: visible; transform: scale(1); } .lqd-slsh-alt-scrn.is-in-view { opacity: 1; visibility: visible; } .lqd-slsh-alt-scrn.is-in-view .nav-trigger { opacity: 1; visibility: visible; transition-delay: 0.75s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li { opacity: 1; transform: translateX(0); } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li a { animation: slideshowMenuReveal 1.2s cubic-bezier(0.4, 0, 0.3, 1) reverse; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(1) { transition-delay: 0.5166666667s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(1) a { animation-delay: 0.5166666667s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(2) { transition-delay: 0.6833333333s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(2) a { animation-delay: 0.6833333333s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(3) { transition-delay: 0.85s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(3) a { animation-delay: 0.85s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(4) { transition-delay: 1.0166666667s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(4) a { animation-delay: 1.0166666667s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(5) { transition-delay: 1.1833333333s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(5) a { animation-delay: 1.1833333333s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(6) { transition-delay: 1.35s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(6) a { animation-delay: 1.35s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(7) { transition-delay: 1.5166666667s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(7) a { animation-delay: 1.5166666667s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(8) { transition-delay: 1.6833333333s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(8) a { animation-delay: 1.6833333333s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(9) { transition-delay: 1.85s; } .lqd-slsh-alt-scrn.is-in-view .lqd-slsh-alt-menu li:nth-child(9) a { animation-delay: 1.85s; } .lqd-slsh-alt-images img { object-fit: cover; object-position: center; } .lqd-slsh-alt-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-slsh-alt-images figure.is-active { animation: slideshowFigureIn 1s cubic-bezier(0.5, 0, 0.08, 0.85) forwards; } .lqd-slsh-alt-ext .ld-fancy-heading h1, .lqd-slsh-alt-ext .ld-fancy-heading h2, .lqd-slsh-alt-ext .ld-fancy-heading h3, .lqd-slsh-alt-ext .ld-fancy-heading h4, .lqd-slsh-alt-ext .ld-fancy-heading h5, .lqd-slsh-alt-ext .ld-fancy-heading h6, .lqd-slsh-alt-ext .ld-fancy-heading p { color: #fff; } .lqd-slsh-alt-ext .ld-fancy-heading a { color: inherit; } .lqd-slsh-alt-ext h2 { font-size: 85px; } .lqd-slsh-alt-ext p { font-size: 24px; } .lqd-slsh-alt-ext .lqd-highlight-custom-underline .lqd-highlight-inner { bottom: 0; } .lqd-slsh-alt-ext .lqd-highlight-custom-underline .lqd-highlight svg > path { transition-delay: 1.15s; } .lqd-slsh-alt-ext > ul, .lqd-slsh-alt-ext > ul > li { width: 100%; } .lqd-slsh-alt-ext > ul > li { opacity: 0; pointer-events: none; } .lqd-slsh-alt-ext > ul > li.is-active { pointer-events: auto; } .lqd-slsh-alt-ext > ul > li.is-active .lqd-highlight-custom-underline .lqd-highlight svg > path { stroke-dashoffset: 0; } @media screen and (max-width: 768px) { .lqd-slsh .carousel-nav { display: block !important; top: 1.5rem !important; left: 1rem !important; } .lqd-slsh .carousel-nav .flickity-button { width: 40px; height: 40px; opacity: 1; visibility: visible; transform: none; } .lqd-slsh .carousel-dots-mobile { display: none; } .lqd-slsh-alt-ext, .lqd-slsh-alt-ext ul, .lqd-slsh-alt-ext li { width: 100%; } .lqd-slsh-alt-loader { top: calc(50% - 30px); right: calc(50% - 30px); } .lqd-slsh-alt-scrn { max-height: 100vh; } } @media screen and (max-width: 991px) and (max-height: 650px) { .lqd-slsh-alt-ext > ul > li > .ld-fancy-heading:last-of-type { display: none; } } /* 3.67. Hightlight */ @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, .lqd-highlight-txt { background: inherit; } .lqd-highlight-txt { position: relative; z-index: 1; } .lqd-highlight-inner { display: inline-block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: 0; background-color: var(--color-primary); color: var(--color-primary); opacity: 0; transition: transform 0.85s, opacity 0.85s, height 0.45s, bottom 0.45s, color 0.45s; transition-timing-function: cubic-bezier(0.3, 0.8, 0.35, 1); transition-delay: inherit; transform-origin: left center; } .lqd-highlight { display: inline-block; padding: 0 0.125em; position: relative; color: inherit; } .lqd-highlight svg { display: none; } .lqd-highlight .lqd-highlight-pen { fill: currentColor; } .lqd-highlight .lqd-highlight-brush-svg, .lqd-highlight .lqd-highlight-brush-svg-alt { width: 100%; height: auto; max-height: 0.475em; position: relative; transition-delay: inherit; fill: var(--color-primary); } .lqd-highlight .lqd-highlight-brush-svg > path, .lqd-highlight .lqd-highlight-brush-svg-alt > 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-underline .lqd-highlight .lqd-highlight-inner { height: 0.275em; } .lqd-highlight-custom-underline .lqd-highlight .lqd-highlight-inner { height: auto; bottom: -0.5em; background: none; color: inherit; opacity: 1 !important; transform: none !important; } .lqd-highlight-custom-underline .lqd-highlight .lqd-highlight-brush-svg { display: block; } .lqd-highlight-custom-underline-alt .lqd-highlight .lqd-highlight-brush-svg { display: none; } .lqd-highlight-custom-underline-alt .lqd-highlight .lqd-highlight-brush-svg-alt { display: block; } .lqd-highlight-custom-underline-alt .lqd-highlight .lqd-highlight-pen { display: block; width: 20px; height: 20px; position: absolute; top: calc(100% - 20px); right: calc(100% - 25px); opacity: 0; } .lqd-highlight-custom-underline .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; } .is-in-view .lqd-highlight .lqd-highlight-pen { opacity: 1; animation: penAnimation 0.85s cubic-bezier(0.22, 0.61, 0.36, 1) forwards; } .is-in-view .lqd-highlight .lqd-highlight-brush-svg > path, .is-in-view .lqd-highlight .lqd-highlight-brush-svg-alt > 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-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; } [data-custom-animations=true] .lqd-highlight .lqd-highlight-pen, [data-split-text=true] .lqd-highlight .lqd-highlight-pen { opacity: 0; animation: none; } [data-custom-animations=true] .lqd-highlight .lqd-highlight-brush-svg > path, [data-custom-animations=true] .lqd-highlight .lqd-highlight-brush-svg-alt > path, [data-split-text=true] .lqd-highlight .lqd-highlight-brush-svg > path, [data-split-text=true] .lqd-highlight .lqd-highlight-brush-svg-alt > 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-animations-done .lqd-highlight .lqd-highlight-inner, .lqd-unit-animation-done .lqd-highlight .lqd-highlight-inner { opacity: 1; transform: scale(1, 1); } .lqd-highlight-custom-underline .lqd-animations-done .lqd-highlight .lqd-highlight-pen, .lqd-highlight-custom-underline .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-highlight-custom-underline .lqd-animations-done .lqd-highlight .lqd-highlight-brush-svg > path, .lqd-highlight-custom-underline .lqd-animations-done .lqd-highlight .lqd-highlight-brush-svg-alt > path, .lqd-highlight-custom-underline .lqd-unit-animation-done .lqd-highlight .lqd-highlight-brush-svg > path, .lqd-highlight-custom-underline .lqd-unit-animation-done .lqd-highlight .lqd-highlight-brush-svg-alt > 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-underline .lqd-highlight .lqd-highlight-pen, .lqd-unit-animation-done .lqd-highlight-custom-underline .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-underline .lqd-highlight .lqd-highlight-brush-svg > path, .lqd-animations-done .lqd-highlight-custom-underline .lqd-highlight .lqd-highlight-brush-svg-alt > path, .lqd-unit-animation-done .lqd-highlight-custom-underline .lqd-highlight .lqd-highlight-brush-svg > path, .lqd-unit-animation-done .lqd-highlight-custom-underline .lqd-highlight .lqd-highlight-brush-svg-alt > 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:only-child { padding: 0 0.1em; } .lqd-highlight-reset-onhover .lqd-highlight:hover .lqd-highlight-inner { height: 100% !important; bottom: 0 !important; } /* 3.68. Animated Frames */ .lqd-af { width: 100%; height: 100vh; position: relative; overflow: hidden; } .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 { position: absolute; width: 100%; height: 100%; } .lqd-af-slides > p { display: none; } .lqd-af-slide { position: absolute; width: 100%; height: 100%; overflow: hidden; opacity: 0; pointer-events: none; display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; visibility: hidden; } .lqd-af-slide__content { width: 100%; position: relative; z-index: 5; } .lqd-af-slide--current { opacity: 1; visibility: visible; pointer-events: auto; } .lqd-af-slide__img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; will-change: transform; } .lqd-af-slide__img__inner, .lqd-af-slide__img .lqd-bnr-3d-depth, .lqd-af-slide__img figure { width: 100%; height: 100%; will-change: transform; } .lqd-af-slide__img__inner { overflow: hidden; transform: scale(0.5); } .lqd-af-slide__img figure { background-size: cover; background-position: center; transform: scale(1.25); overflow: hidden; } .lqd-af-slide__img img:not(.objfit-cover) { opacity: 0 !important; } .lqd-af-slide__img img.objfit-cover { height: 100%; } .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 { display: flex; flex-wrap: wrap; margin: 0 0 0.1em; position: relative; font-size: 65px; letter-spacing: 0.01em; line-height: 1.15; transition: color 0.3s; } .lqd-af-slide__title .lqd-lines { display: inline-flex; overflow: hidden; } .lqd-af-slide__title .split-inner { display: inline-flex; position: relative; } .lqd-af-slide__desc { margin: 0 0 2em 0; position: relative; font-size: 1.25em; line-height: 1.5em; } .lqd-af-slide__desc .lqd-lines { display: inline-block; overflow: hidden; } .lqd-af-slide__desc .split-inner { display: inline-block; } .lqd-af-slidenav { display: inline-flex; position: absolute; left: 15px; bottom: 4em; z-index: 5; text-align: center; } .lqd-af-slidenav__item { display: inline-flex; width: 30px; height: 30px; border: 0 !important; padding: 0 !important; background: none !important; position: relative; align-items: center; justify-content: center; font-size: 24px; color: #fff !important; } .lqd-af-slidenav__item .lqd-af-button-arrow { display: inline-block; position: absolute; top: 50%; left: 50%; margin-inline-start: 1px; transform: translate(-50%, -50%); } .lqd-af-slidenav__item svg { transition: stroke 0.3s; } .lqd-af-slidenav__item:focus { outline: none; } .lqd-af-slidenav__item:hover svg { stroke: var(--color-primary); } .lqd-af--navigating .lqd-af-slidenav__item { pointer-events: none; } .lqd-af-slidenav__item--prev .lqd-af-button-arrow { margin-inline-start: -2px; transform: translate(-50%, -50%) rotate(-180deg); } .lqd-af-slidenav__item--next { margin-inline-start: 1.5em; } .lqd-af-slidenum { display: grid; height: 40vh; position: absolute; top: 30vh; right: 40px; z-index: 10; place-items: center; grid-template-rows: 1fr auto 1fr; font-size: 13px; color: #fff; } .lqd-af-slidenum span { display: inline-flex; align-items: center; } .lqd-af-slidenum__line { width: 2px; height: 100%; background-color: currentColor; opacity: 1; } .lqd-af-slidenum__nums { display: flex; 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 (min-width: 768px) { .lqd-af-slide__title { font-size: 85px; } } @media screen and (min-width: 992px) { .lqd-af-slide .container-fluid { width: 75vw; } .lqd-af-slidenav { left: calc(5vw - 15px); } .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: 479px) { .lqd-af-slidenav, .lqd-af-slidenum { position: fixed; bottom: 30px; } .lqd-af-slidenav { left: 30px; } .lqd-af-slidenav__item { padding: 0; width: 25px; height: 25px; } .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; } } /* 3.69. Bananas Banner */ .lqd-bnr-bnns-h-inner, .lqd-bnr-bnns-h { margin: 0 0 1em; font-size: clamp(62px, 7vw, 110px); font-weight: 700; } .lqd-bnr-bnns-h-wrap-first { width: 100%; padding: 50px 0; position: sticky; top: var(--lqd-sticky-header-height, 0); left: 0; right: 0; } .lqd-bnr-bnns-h-inner { margin: 0; color: #fff; } .lqd-bnr-bnns { height: 225vh; } .lqd-bnr-bnns .lqd-css-sticky { top: var(--lqd-sticky-header-height, 0); } .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; } .lqd-bnr-bnns-media img { width: 100%; } .lqd-bnr-bnns-inner { flex-wrap: wrap; } .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)); } } /* 3.70. Animated 3D */ .lqd-bnr-3d-borders { width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; } .lqd-bnr-3d-borders span { display: inline-block; width: 100%; height: 100%; position: absolute; } .lqd-bnr-3d-borders span:before, .lqd-bnr-3d-borders span:after { content: ""; display: inline-block; position: absolute; background-color: #fff; transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1); } .lqd-bnr-3d-borders span:first-child:before, .lqd-bnr-3d-borders span:last-child:before { width: 50%; height: 100%; top: 0; } .lqd-bnr-3d-borders span:first-child:after, .lqd-bnr-3d-borders span:last-child:after { width: 100%; height: 50%; left: 0; } .lqd-bnr-3d-borders span:first-child:before { left: 0; } .lqd-bnr-3d-borders span:first-child:after { top: 0; } .lqd-bnr-3d-borders span:last-child:before { right: 0; } .lqd-bnr-3d-borders span:last-child:after { bottom: 0; } .lqd-bnr-3d-media-inner { top: 0; left: 0; width: 100%; height: 100%; transform: scale(1.5); transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-bnr-3d-media { max-width: 75%; margin: 0 auto; overflow: hidden; transform: translateZ(0); } .lqd-bnr-3d-media .carousel-item, .lqd-bnr-3d-media .carousel-item-inner, .lqd-bnr-3d-media .carousel-item-content, .lqd-bnr-3d-media .flickity-viewport, .lqd-bnr-3d-media .carousel-items, .lqd-bnr-3d-media .carousel-container, .lqd-bnr-3d-media figure { width: 100%; height: 100%; } .lqd-bnr-3d-media .lqd-vbg-loader { background-color: transparent; } .lqd-bnr-3d-btn { position: absolute; bottom: 5%; right: 12%; opacity: 0; visibility: hidden; transform: translate3d(0, 0, 170px) scale(0.9175); transition: all 0.65s cubic-bezier(0.165, 0.84, 0.44, 1); } .lqd-bnr-3d-heading { margin: 0; font-size: 100px; line-height: 1; font-weight: 700; transform-style: preserve-3d; } .lqd-bnr-3d-heading .lqd-lines { display: inline-block; } .lqd-bnr-3d-heading-wrap { position: absolute; top: 50%; left: 15px; right: 40%; transform-style: preserve-3d; transform: translate3d(0, -50%, 150px) scale(0.875); } .lqd-bnr-3d-inner { transform-style: preserve-3d; } .lqd-bnr-3d-inner-wrap { perspective: 1200px; } .lqd-bnr-3d .carousel-nav { position: absolute; top: 6%; right: 12%; z-index: 4; transform: translateZ(80px); } .lqd-bnr-3d .carousel-nav button { border-radius: 4px; } .lqd-bnr-3d.is-in-view .lqd-bnr-3d-borders span:first-child:before { transform: translateX(-102%); } .lqd-bnr-3d.is-in-view .lqd-bnr-3d-borders span:first-child:after { transform: translateY(-102%); } .lqd-bnr-3d.is-in-view .lqd-bnr-3d-borders span:last-child:before { transform: translateX(102%); } .lqd-bnr-3d.is-in-view .lqd-bnr-3d-borders span:last-child:after { transform: translateY(102%); } .lqd-bnr-3d.is-in-view .lqd-bnr-3d-btn { opacity: 1; visibility: visible; transition-delay: 0.65s; transform: translate3d(0, 0, 100px) scale(0.9175); } .lqd-bnr-3d.is-in-view .lqd-bnr-3d-media-inner { transform: scale(1); transition-delay: 0.3s; } /* 3.71. Banner 3D Depth */ .lqd-bnr-3d-depth { height: 100vh; width: 100%; } .lqd-bnr-3d-depth [data-lqd-fake3d] { width: 100%; height: 100%; background-position: 25% 50%; } .lqd-bnr-3d-depth.as-bg { height: 100%; position: absolute; top: 0; left: 0; } .lqd-bnr-3d-depth.as-bg [data-lqd-fake3d] { width: 100%; height: 100%; } /* 3.72. Distorted Image Gallery */ .lqd-dist-gal-menu { --lqd-dist-gal-menu-color: var(--color-link); --lqd-dist-gal-menu-color-hover: var(--color-link-hover); display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: center; } .lqd-dist-gal-menu ul { padding: 0; margin: 0; list-style: none; } .lqd-dist-gal-menu a { color: var(--lqd-dist-gal-menu-color); display: block; } .lqd-dist-gal-menu a > span { transition: opacity 0.3s; } .lqd-dist-gal-menu a:hover { color: var(--lqd-dist-gal-menu-color-hover); } .lqd-dist-gal-menu a:hover .overlay-text { opacity: 1; } .lqd-dist-gal-menu a:hover .overlay-text + .primary-text { opacity: 0; } .lqd-dist-gal-menu small { margin-inline-start: -0.15em; font-size: clamp(11px, 0.15em, 16px); font-style: italic; letter-spacing: 0; font-weight: inherit; color: inherit; } .lqd-dist-gal-menu h2 { display: inline-flex; font-size: inherit; line-height: inherit; letter-spacing: inherit; font-weight: inherit; position: relative; } .lqd-dist-gal-menu h2:hover { z-index: 2; } .lqd-dist-gal-menu .overlay-text { opacity: 0; color: transparent; text-stroke: 1px var(--lqd-dist-gal-menu-color-hover); -webkit-text-stroke: 1px var(--lqd-dist-gal-menu-color-hover); } .lqd-dist-gal-distort, .lqd-dist-gal-img { position: absolute; } .lqd-dist-gal-distort { top: -225px; pointer-events: none; z-index: 1; } .lqd-dist-gal-img { width: 100%; height: 100%; opacity: 0; } .lqd-dist-gal-images { width: 450px; height: 550px; } .lqd-dist-gal-images img { object-fit: cover; object-position: center; max-height: 100%; } .lqd-dist-gal-distort-svg { position: absolute; top: 0; left: 0; pointer-events: none; } .lqd-dist-gal, .lqd-dist-gal-inner { display: flex; flex-direction: column; align-items: center; } .lqd-dist-gal-inner { position: relative; width: 100%; } .lqd-dist-gal .lqd-img-trail-array { position: relative; top: auto; left: auto; } .lqd-dist-gal .lqd-img-trail-img { transform: none !important; } @media screen and (max-width: 479px) { .lqd-dist-gal-menu a { display: flex; flex-direction: column; } } /* 3.73. Image Trail */ .lqd-img-trail-array { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .lqd-img-trail { width: 100%; height: 100vh; position: relative; overflow: hidden; } .lqd-img-trail-img { position: absolute; top: 0; left: 0; opacity: 0; } /* 3.74. 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 figure, .lqd-imgtxt-slider-img video { width: 100%; } .lqd-imgtxt-slider-img.lqd-is-active { opacity: 1; transform: translate3d(0, -50%, 0); } .lqd-imgtxt-slider-images { width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .lqd-imgtxt-slider-link { display: inline-block; z-index: 2; } .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%; } } /* 3.75. 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; } /* 3.76. Fullscreen Projects */ .lqd-fullproj-media { opacity: 0; z-index: var(--lqd-z-index, 20); pointer-events: none; transition: opacity 0.3s, transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .lqd-fullproj-title { position: relative; z-index: 1085; transition: opacity 0.3s; } .lqd-fullproj-menu { font-size: 10vw; 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: #000; } .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; align-items: center; min-height: 100vh; } .lqd-fullproj-scrn { 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 .nav-trigger { position: absolute; top: 30px; right: 30px; z-index: 885; } .lqd-fullproj-scrn .nav-trigger .bar { background-color: #fff; } .lqd-fullproj-scrn .nav-trigger .txt { display: none; } .lqd-fullproj-scrn.pos-fix { display: block; width: 100vw; height: 100vh !important; background-color: #fff; z-index: 110; opacity: 0; visibility: hidden; transition: all 0.3s; } .lqd-fullproj-scrn.pos-fix.is-active { opacity: 1; visibility: visible; } /* 3.77. Image Text Overlay */ .lqd-iot-content-left h3 { margin: 0; margin-inline-end: 1em; color: var(--color-primary); } .lqd-iot-content-right { order: 2; } .lqd-iot-overlay-btn { top: 0; right: 0; } .lqd-iot-img-wrap { order: 1; transform-style: preserve-3d; } .lqd-iot-img-wrap video { width: 100%; } .lqd-iot-img-wrap canvas { position: absolute; top: 0; left: 0; pointer-events: none; } .lqd-iot-overlay-txt-inner h2 { font-size: 22vmax; color: transparent; -webkit-text-stroke: 2px #fff; text-stroke: 2px #fff; } .vc_mobile .lqd-iot-img figure { visibility: visible; } @media screen and (min-width: 992px) { .lqd-iot-content { width: 2.5%; height: 80%; 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-content-inner { writing-mode: vertical-rl; transform: rotate(-180deg); } .lqd-iot-content-left { transform: translateX(-20px); } .lqd-iot-content-right { font-size: 14px; transform: translateX(20px); } .lqd-iot-overlay-txt { pointer-events: none; transform: translateZ(50px) scale(0.75); transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1); z-index: 3; } .lqd-iot-overlay-txt-inner { overflow: hidden; transform: translateY(-125%); } .lqd-iot-overlay-txt-inner, .lqd-iot-overlay-txt-inner h2 { transition: transform 1.7s cubic-bezier(0.19, 1, 0.22, 1); } .lqd-iot-overlay-txt-inner h2 { transform: translateY(125%); } .lqd-iot-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 { transform-style: preserve-3d; } .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-inner { perspective: 1200px; } .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 screen and (max-width: 767px) { .lqd-iot .lqd-iot-overlay-txt .lqd-iot-overlay-txt-inner h2 { font-size: clamp(46px, 22vw, 170px); } } @media screen and (max-width: 479px) { .lqd-iot .lqd-iot-overlay-txt .lqd-iot-overlay-txt-inner h2 { font-size: clamp(46px, 10vw, 70px); } } /* 3.78. Asymmetric Slider */ .lqd-asym-slider-title, .lqd-asym-slider-info, .lqd-asym-slider-img { width: 100%; 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 h4, .lqd-asym-slider-info p { opacity: 0; } .lqd-asym-slider-info hr { transform-origin: right; border-top: 2px solid #000; } .lqd-asym-slider-title { visibility: hidden; } .lqd-asym-slider-title h2 { font-size: 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-title-wrap, .lqd-asym-slider-info-wrap, .lqd-asym-slider-img-wrap { overflow: visible; } .lqd-asym-slider-info-wrap, .lqd-asym-slider-title-wrap { flex-grow: 0; } .lqd-asym-slider-arrow { display: inline-grid; width: 70px; height: 60px; place-items: center; border: none; position: relative; 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 h4, .lqd-asym-slider-ready .active.lqd-asym-slider-info p { opacity: 1; } .lqd-asym-slider-ready .active.lqd-asym-slider-img { transform: translateX(0); } .lqd-asym-slider-ready .active.lqd-asym-slider-img .lqd-asym-slider-btn, .lqd-asym-slider-ready .active.lqd-asym-slider-img .lqd-asym-slider-btn-wrap { transform: translateX(0); } @media screen and (min-width: 992px) { .lqd-asym-slider-ready .lqd-asym-slider-info { top: -2em; } } @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; } } /* 3.79. 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-mark i { position: relative; z-index: 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); } .lqd-hotspot-custom-height .lqd-hotspot-inner, .lqd-hotspot-custom-height .lqd-hotspot-img, .lqd-hotspot-custom-height .lqd-hotspot-img figure { height: 100%; } .lqd-hotspot-custom-height .lqd-hotspot-img img { height: 100%; object-fit: cover; object-position: center; } @media (min-width: 992px) { .lqd-hotspot-b .lqd-hotspot-content, .lqd-hotspot-t .lqd-hotspot-content { left: 50%; transform: translate(-50%, 10%); } .lqd-hotspot-b .lqd-hotspot-content:before, .lqd-hotspot-t .lqd-hotspot-content:before { height: 1em; right: 0; left: 0; } .lqd-hotspot-b:hover .lqd-hotspot-content, .lqd-hotspot-t:hover .lqd-hotspot-content { transform: translate(-50%, 0); } .lqd-hotspot-b .lqd-hotspot-content { top: 100%; margin-top: 1em; transform: translate(-50%, 10%); } .lqd-hotspot-b .lqd-hotspot-content:before { top: -1em; } .lqd-hotspot-t .lqd-hotspot-content { bottom: 100%; margin-bottom: 1em; transform: translate(-50%, -10%); } .lqd-hotspot-t .lqd-hotspot-content:before { bottom: -1em; } .lqd-hotspot-l .lqd-hotspot-content, .lqd-hotspot-r .lqd-hotspot-content { top: 50%; } .lqd-hotspot-l .lqd-hotspot-content:before, .lqd-hotspot-r .lqd-hotspot-content:before { width: 1em; top: 0; bottom: 0; } .lqd-hotspot-l:hover .lqd-hotspot-content, .lqd-hotspot-r:hover .lqd-hotspot-content { transform: translate(0, -50%); } .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%; } .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 (max-width: 991px) { .lqd-hotspot-content { width: 90vw; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lqd-hotspot-content.pos-abs { position: fixed !important; } } /* 3.80. Sticky Stack */ .lqd-sticky-stack-item-inner { transform-origin: center top; } .lqd-sticky-stack-item { width: 100%; max-height: 100vh; } .lqd-sticky-stack { position: relative; } .lqd-sticky-stack img { width: 100%; height: 100%; object-fit: cover; } .lqd-sticky-stack-nav li { display: block; width: 5px; height: 5px; margin-top: 5px; margin-bottom: 5px; } .lqd-sticky-stack-nav span { display: inline-block; width: 100%; height: 100%; border-radius: 3px; background-color: rgba(23, 24, 26, 0.2); } .lqd-sticky-stack-nav .is-active { height: 15px; } .lqd-sticky-stack-nav .is-active span { background-color: #17181a; } /* 3.81. 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); } } .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 .icon-lqd-sync { font-size: 1.1em; font-weight: 700; } .lqd-snickersbar .icon-ion-ios-checkmark { font-size: 1.15em; font-weight: 500; vertical-align: text-top; } .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-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; } } /* 3.82. Image Gallery */ .lqd-img-gal-thumbs { margin-inline-start: -9px; margin-inline-end: -9px; } .lqd-img-gal-thumbs .carousel-item { padding: 25px 9px 0; cursor: pointer; } .lqd-img-gal-thumbs figure { width: 100%; height: 120px; position: relative; 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-thumbs img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .lqd-img-gal-imgs .flickity-button.previous { left: 25px; } .lqd-img-gal-imgs .flickity-button.next { right: 25px; } .lqd-img-gal { margin-bottom: 30px; } @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 (max-width: 767px) { .lqd-img-gal-thumbs .carousel-item { padding-top: 15px; } .lqd-img-gal-thumbs figure { width: 100%; height: 100px; } .lqd-img-gal-thumbs figure img { position: absolute; top: 0; left: 0; } } /* 3.83. Image Gallery */ .lqd-domain-search-form { display: grid; grid-template-columns: 2fr repeat(2, auto); font-size: 21px; color: #1E2046; } .lqd-domain-search-form input, .lqd-domain-search-form button, .lqd-domain-search-form select, .lqd-domain-search-form .ui-button { height: 55px; border: none; background: none; } .lqd-domain-search-form input:focus, .lqd-domain-search-form button:focus, .lqd-domain-search-form select:focus, .lqd-domain-search-form .ui-button:focus { outline: none; } .lqd-domain-search-form .lqd-domain-search-select { margin-inline-end: 15px; } .lqd-domain-search-form .ui-button { display: flex; padding: 5px 30px; flex-direction: row-reverse; align-items: center; width: auto; min-width: 160px; border-left: 2px solid rgba(0, 0, 0, 0.1); border-radius: 0; } .lqd-domain-search-form .ui-button:active { color: inherit; } .lqd-domain-search-form .ui-selectmenu-text { margin-inline-end: 50px; } .lqd-domain-search-form .ui-icon { background: none !important; text-indent: 0; } .lqd-domain-search-form .ui-icon: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"; } .lqd-domain-search-form .ui-selectmenu-menu { border-radius: 4px; box-shadow: 0 7px 30px -3px rgba(0, 0, 0, 0.1); font-size: 18px; line-height: 1em; text-align: start; } .lqd-domain-search-form .ui-selectmenu-menu .ui-menu-item-wrapper { padding: 0.5em 1em; } .lqd-domain-search-form button { padding: 5px 50px; background-color: var(--color-primary); box-shadow: 0 7px 100px rgba(68, 125, 255, 0.66); font-size: 17px; font-weight: 700; color: #fff; transform: scale(1); transition: box-shadow 0.3s, transform 0.3s; } .lqd-domain-search-form button:hover { box-shadow: 0 10px 35px rgba(68, 125, 255, 0.4); transform: scale(0.975); } .lqd-domain-search { padding: 20px 40px; background-color: #fff; box-shadow: 0 40px 100px rgba(28, 67, 95, 0.2); } @media screen and (max-width: 768px) { .lqd-domain-search-form button { padding: 5px 30px; } .lqd-domain-search-form .ui-button { padding: 5px 20px; } .lqd-domain-search { padding-inline-start: 30px; padding-inline-end: 30px; } } @media screen and (max-width: 480px) { .lqd-domain-search-form { grid-template-columns: 100%; } .lqd-domain-search-form input, .lqd-domain-search-form select, .lqd-domain-search-form .ui-button { margin-bottom: 15px; } .lqd-domain-search-form input { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .lqd-domain-search-form .ui-button { padding: 0; margin-inline-end: 0; border: none; justify-content: space-between; } .lqd-domain-search-form button { box-shadow: 0 10px 35px rgba(68, 125, 255, 0.4); } .lqd-domain-search { padding: 20px 30px 35px; } } /* 3.84. Section Scroll */ .lqd-section-scroll-dots { display: none; } @media screen and (min-width: 992px) { [data-lqd-section-scroll=true] { position: relative; height: 100vh; overflow: hidden; } .lqd-section-scroll-sections { display: flex; flex-direction: column; height: 100%; transition: transform 1s ease; will-change: transform; } .lqd-section-scroll-sections > .vc_row, .lqd-section-scroll-sections > .vc_section { height: 100%; flex: 1 0 100%; } .lqd-section-scroll-dots { display: flex; flex-direction: column; position: absolute; top: 50%; right: 65px; z-index: 5; transform: translateY(-50%); counter-reset: section-scroll-dots; } .lqd-section-scroll-dot { display: flex; width: 40px; height: 40px; border: 1px solid #ddd; border-radius: 20px; position: relative; justify-content: center; align-items: center; text-align: center; 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; } } /* 4. VC SHORTCODES */ /* 4.1. Single image */ .ld-img-hover-opacity { transition: opacity 0.3s; } .ld-img-hover-opacity:hover { opacity: 1; } @media screen and (max-width: 479px) { .wpb_single_image img { max-width: 100% !important; } } /* 4.2. Columns */ .liquid-column-overlay { display: block; width: 100%; height: 100%; position: absolute !important; top: 0; left: 0; border-radius: inherit; transition: background 0.3s, opacity 0.3s; } .liquid-column-overlay-hover { opacity: 0; } .vc_column_container { display: flex; align-items: flex-start; } .vc_column-inner { transition: box-shadow 0.3s, transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); } .vc_column-inner > .liquid-overlay-link { z-index: 3; } .vc_column-inner:hover > .liquid-column-overlay-hover { opacity: 1; } .vc_column-inner:hover > .liquid-column-overlay-hover + .liquid-column-overlay { opacity: 0; } .vc_row-o-full-height > .ld-container { display: flex; flex-direction: column; } .vc_row-o-full-height > .ld-container > .ld-row { flex-grow: 1; } .lqd-column-move-onhover > .vc_column-inner:hover { transform: translateY(var(--lqd-move-onhover-val, 0)); } /* Column Gaps */ .vc_column-gap-0.vc_inner { margin-inline-start: 0px; margin-inline-end: 0px; } .vc_column-gap-0 > .ld-container { padding-inline-start: 0px; padding-inline-end: 0px; } .vc_column-gap-0 > .ld-container > .ld-row { margin-inline-start: 0px; margin-inline-end: 0px; } .vc_column-gap-0 > .ld-container > .ld-row > .vc_column_container { padding-inline-start: 0px; padding-inline-end: 0px; } .vc_column-gap-1.vc_inner { margin-inline-start: -1px; margin-inline-end: -1px; } .vc_column-gap-1 > .ld-container { padding-inline-start: 1px; padding-inline-end: 1px; } .vc_column-gap-1 > .ld-container > .ld-row { margin-inline-start: -1px; margin-inline-end: -1px; } .vc_column-gap-1 > .ld-container > .ld-row > .vc_column_container { padding-inline-start: 1px; padding-inline-end: 1px; } .vc_column-gap-2.vc_inner { margin-inline-start: -2px; margin-inline-end: -2px; } .vc_column-gap-2 > .ld-container { padding-inline-start: 2px; padding-inline-end: 2px; } .vc_column-gap-2 > .ld-container > .ld-row { margin-inline-start: -2px; margin-inline-end: -2px; } .vc_column-gap-2 > .ld-container > .ld-row > .vc_column_container { padding-inline-start: 2px; padding-inline-end: 2px; } .vc_column-gap-3.vc_inner { margin-inline-start: -3px; margin-inline-end: -3px; } .vc_column-gap-3 > .ld-container { padding-inline-start: 3px; padding-inline-end: 3px; } .vc_column-gap-3 > .ld-container > .ld-row { margin-inline-start: -3px; margin-inline-end: -3px; } .vc_column-gap-3 > .ld-container > .ld-row > .vc_column_container { padding-inline-start: 3px; padding-inline-end: 3px; } .vc_column-gap-4.vc_inner { margin-inline-start: -4px; margin-inline-end: -4px; } .vc_column-gap-4 > .ld-container { padding-inline-start: 4px; padding-inline-end: 4px; } .vc_column-gap-4 > .ld-container > .ld-row { margin-inline-start: -4px; margin-inline-end: -4px; } .vc_column-gap-4 > .ld-container > .ld-row > .vc_column_container { padding-inline-start: 4px; padding-inline-end: 4px; } .vc_column-gap-5.vc_inner { margin-inline-start: -5px; margin-inline-end: -5px; } .vc_column-gap-5 > .ld-container { padding-inline-start: 5px; padding-inline-end: 5px; } .vc_column-gap-5 > .ld-container > .ld-row { margin-inline-start: -5px; margin-inline-end: -5px; } .vc_column-gap-5 > .ld-container > .ld-row > .vc_column_container { padding-inline-start: 5px; padding-inline-end: 5px; } .vc_column-gap-10.vc_inner { margin-inline-start: -10px; margin-inline-end: -10px; } .vc_column-gap-10 > .ld-container { padding-inline-start: 10px; padding-inline-end: 10px; } .vc_column-gap-10 > .ld-container > .ld-row { margin-inline-start: -10px; margin-inline-end: -10px; } .vc_column-gap-10 > .ld-container > .ld-row > .vc_column_container { padding-inline-start: 10px; padding-inline-end: 10px; } .vc_column-gap-15.vc_inner { margin-inline-start: -15px; margin-inline-end: -15px; } .vc_column-gap-15 > .ld-container { padding-inline-start: 15px; padding-inline-end: 15px; } .vc_column-gap-15 > .ld-container > .ld-row { margin-inline-start: -15px; margin-inline-end: -15px; } .vc_column-gap-15 > .ld-container > .ld-row > .vc_column_container { padding-inline-start: 15px; padding-inline-end: 15px; } .vc_column-gap-20.vc_inner { margin-inline-start: -20px; margin-inline-end: -20px; } .vc_column-gap-20 > .ld-container { padding-inline-start: 20px; padding-inline-end: 20px; } .vc_column-gap-20 > .ld-container > .ld-row { margin-inline-start: -20px; margin-inline-end: -20px; } .vc_column-gap-20 > .ld-container > .ld-row > .vc_column_container { padding-inline-start: 20px; padding-inline-end: 20px; } .vc_column-gap-25.vc_inner { margin-inline-start: -25px; margin-inline-end: -25px; } .vc_column-gap-25 > .ld-container { padding-inline-start: 25px; padding-inline-end: 25px; } .vc_column-gap-25 > .ld-container > .ld-row { margin-inline-start: -25px; margin-inline-end: -25px; } .vc_column-gap-25 > .ld-container > .ld-row > .vc_column_container { padding-inline-start: 25px; padding-inline-end: 25px; } .vc_column-gap-30.vc_inner { margin-inline-start: -30px; margin-inline-end: -30px; } .vc_column-gap-30 > .ld-container { padding-inline-start: 30px; padding-inline-end: 30px; } .vc_column-gap-30 > .ld-container > .ld-row { margin-inline-start: -30px; margin-inline-end: -30px; } .vc_column-gap-30 > .ld-container > .ld-row > .vc_column_container { padding-inline-start: 30px; padding-inline-end: 30px; } .vc_column-gap-35.vc_inner { margin-inline-start: -35px; margin-inline-end: -35px; } .vc_column-gap-35 > .ld-container { padding-inline-start: 35px; padding-inline-end: 35px; } .vc_column-gap-35 > .ld-container > .ld-row { margin-inline-start: -35px; margin-inline-end: -35px; } .vc_column-gap-35 > .ld-container > .ld-row > .vc_column_container { padding-inline-start: 35px; padding-inline-end: 35px; } @media screen and (min-width: 576px) and (max-width: 768px) { .lqd-column-top-ontablet { order: -1; } } @media screen and (max-width: 575px) { .lqd-column-top-onmobile { order: -1; } } /* 4.3. Rows */ .container:before, .container:after { content: none; } .vc_row { display: flex; flex-wrap: wrap; position: relative; } .woocommerce-Tabs-panel--description > .vc_row, .vc_vc_row > .vc_row, .pf-single-contents > .vc_row, .lqd-post-content > .vc_row, #lqd-contents-wrap > .vc_row { margin-inline-start: 0; margin-inline-end: 0; } .vc_row > .container-fluid { flex-grow: 1; } .vc_row.bg-none { background-image: none !important; } .vc_mobile .vc_row { background-attachment: scroll !important; } .vc_row.pp-section > .ld-container, .vc_row.h-vh-100 > .ld-container { display: flex; flex-direction: column; } .vc_row.pp-section > .ld-container > .ld-row, .vc_row.h-vh-100 > .ld-container > .ld-row { flex-grow: 1; } .vc_row:hover > .liquid-row-overlay-hover { opacity: 1; } .vc_row:hover > .liquid-row-overlay-hover + .liquid-row-overlay { opacity: 0; } .ld-row { display: flex; flex-wrap: wrap; } .ld-row:before, .ld-row:after { content: none; } .ld-container.container-fluid { width: 100%; } .vc_mobile .vc_row.lqd-css-sticky[data-animate-onscroll=true] { opacity: 1 !important; will-change: auto; } @media screen and (max-width: 767px) { .vc_row > .ld-container { flex-grow: 1; } } @media screen and (max-width: 479px) { .ld-container { max-width: 100%; } } /* 4.4. Text Block */ .elementor-widget-text-editor > .wpb_wrapper > ul, .wpb_text_column > .wpb_wrapper > ul { padding-inline-start: 0; } .elementor-widget-text-editor ul, .wpb_text_column ul { list-style-position: inside; } .elementor-widget-text-editor blockquote, .wpb_text_column blockquote { position: relative; font-size: 1em; line-height: normal; } .elementor-widget-text-editor blockquote:before, .wpb_text_column blockquote:before { content: ""; display: inline-block; width: 106px; height: 76px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='105.701' height='75.652' viewBox='0 0 105.701 75.652'%3E%3Cpath d='M-45.427-30.049l15.2-30.4H-52.851V-105.7H-7.6v45.25l-15.2,30.4Zm60.451,0,15.2-30.4H7.6V-105.7h45.25v45.25l-15.2,30.4Z' transform='translate(52.851 105.701)'/%3E%3C/svg%3E"); position: absolute; top: -1%; left: -3%; opacity: 0.05; background-size: cover; } .single-post .elementor-widget-text-editor, .single-post .wpb_text_column { margin-bottom: 1.25em; } .elementor-widget-text-editor ul { margin-bottom: 0; } .elementor-widget-text-editor blockquote { padding: 0; margin: 7%; border: none; } /* 5. PARTIALS */ /* 5.1. Search Results */ body.search .titlebar .titlebar-inner h1 { font-size: 48px; } body.search .content article { margin-bottom: 3em; } body.search .content article:not(.has-post-thumbnail) .lqd-lp-img { margin-bottom: 0 !important; } body.search .content .lqd-lp-img img { width: 100%; } body.search .content .lqd-lp-column article { margin-bottom: 0 !important; } body.search .content .lqd-lp-title { margin: 1em 0 0.75em; font-size: 28px; } body.search .content .lqd-lp-title a { color: #000; } body.search .content .lqd-lp-title a:hover { color: var(--color-primary); } body.search .content .lqd-search-results-row .blog-nav { width: 100%; padding: 0 15px; } body.search .no-results { padding: 50px 0; } body.search .no-results .page-header { padding-bottom: 0; margin-top: 0; margin-bottom: 2.5em; } body.search .no-results .page-header .page-title { margin-top: 0; margin-bottom: 0.5em; font-size: 42px; } body.search .no-results .search-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; } body.search .no-results .search-form input[type=search] { border: 1px solid #eaeaea; padding-inline-start: 15px; padding-inline-end: 15px; transition: box-shadow 0.3s; } body.search .no-results .search-form input[type=search]:focus { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); outline: none; } body.search .no-results .search-form input[type=submit] { background-color: var(--color-primary); color: #fff; } @media screen and (max-width: 479px) { body.search .no-results .page-header .page-title { font-size: 30px; } } /* 5.2. 404 Not Found */ .page-404 { min-height: 100vh; display: flex; align-items: center; justify-content: center; } .page-404 .ld-particles-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: auto; } .page-404 p { margin-bottom: 2rem; } .page-404 .btn { border-color: rgba(0, 0, 0, 0.15); color: #000; } .page-404 .btn:hover { border-color: #000; background-color: #000; color: #fff; } .text-404 { position: relative; } .text-404 h1 { margin: 0; font-size: 150px; font-weight: 700; line-height: 1.1em; } /* 5.3. Widgets */ /* Sidebar Widgets */ .widget { --widget-input-border-color: #d8d8d8; --widget-input-border-radius: 6px; padding: 35px; border: 1px solid #e2e2e2; border-radius: 10px; margin-bottom: 35px; font-size: 16px; transition: opacity 0.3s; } .widget .widget { padding: 0; border: none; margin: 0; } .widget .wp-block-group__inner-container > h1, .widget .wp-block-group__inner-container > h2, .widget .wp-block-group__inner-container > h3, .widget .wp-block-group__inner-container > h4, .widget .wp-block-group__inner-container > h5, .widget .wp-block-group__inner-container > h6 { margin: 0 0 1.5em; } .widget.wcan-ajax-loading { opacity: 0.6; } .widget ul { margin: 0; padding: 0; list-style: none; } .widget ul ul, .widget ul ol { margin-inline-start: 1.25em; margin-top: 1em; margin-bottom: 1em; } .widget a { color: rgba(0, 0, 0, 0.75); } .widget a:hover { color: var(--color-primary); } .widget input, .widget.ld-sf input, .widget.ld-sf button { border-radius: var(--widget-input-border-radius); } .widget input, .widget.ld-sf input { border: 1px solid var(--widget-input-border-color); } .widget .select2-container--default .select2-selection--single, .widget .ui-selectmenu-button.ui-button, .widget select { display: flex; width: 100%; height: 45px; padding: 5px 15px; background: none; border: 1px solid var(--widget-input-border-color); border-radius: 0; align-items: center; color: #2b2b2b; justify-content: space-between; } .widget .ui-selectmenu-button.ui-button .ui-selectmenu-icon { width: auto; height: 1em; order: 1; background: none; text-indent: 0; } .widget .ui-selectmenu-button.ui-button .ui-selectmenu-icon:before { content: "\ea2f"; font: normal 1em/1 "lqd-essentials"; } .widget .ui-selectmenu-button.ui-button:active { color: #2b2b2b; } .widget .select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; right: 20px; } .widget .filter-title, .widget .widget-title, .widget .widgettitle { margin: 0 0 1.5em; font-size: 18px; line-height: 1.5em; } .woocommerce .widget:not(:last-of-type):not(:empty) { padding-bottom: 40px; border-bottom: 1px solid #ededed; border-radius: 0; } .woocommerce .widget .filter-title, .woocommerce .widget .widget-title, .woocommerce .widget .widgettitle { margin-bottom: 2em; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.13em; } .ld-sd-inner .widget { padding: 0; border: none; border-radius: 0; } .widget_calendar, .widget_search, .widget.ld-sf { padding: 0; border: none; } .widget.ld-sf { margin-bottom: 0; } .sidebar-widgets-default .widgettitle, .sidebar-widgets-default .widget-title { margin-bottom: 1.25em; } .sidebar-widgets-default .widget { padding: 10px 0 0; border: none; } .sidebar-widgets-outline .widget { border-radius: 5px; } .widget .children, .widget .sub-menu { width: 100%; margin-bottom: 0; } .wp-block-rss, .wp-block-archives-list, .wp-block-latest-comments, .wp-block-latest-posts__list, .wp-block-archives-dropdown, .wp-block-calendar, .wp-block-categories-dropdown, .wp-block-search { margin: 0 0 30px; } .wp-block-rss a, .wp-block-archives-list a, .wp-block-latest-comments a, .wp-block-latest-posts__list a, .wp-block-archives-dropdown a, .wp-block-calendar a, .wp-block-categories-dropdown a, .wp-block-search a { color: #000; } .wp-block-rss a:hover, .wp-block-archives-list a:hover, .wp-block-latest-comments a:hover, .wp-block-latest-posts__list a:hover, .wp-block-archives-dropdown a:hover, .wp-block-calendar a:hover, .wp-block-categories-dropdown a:hover, .wp-block-search a:hover { color: var(--color-primary); } .wp-block-rss p:last-child, .wp-block-archives-list p:last-child, .wp-block-latest-comments p:last-child, .wp-block-latest-posts__list p:last-child, .wp-block-archives-dropdown p:last-child, .wp-block-calendar p:last-child, .wp-block-categories-dropdown p:last-child, .wp-block-search p:last-child { margin-bottom: 0; } .wp-block-rss, .wp-block-archives-list, .wp-block-latest-comments, .wp-block-latest-posts__list { padding: 0; list-style: none; } .wp-block-rss[class*=columns-] li, .wp-block-archives-list[class*=columns-] li, .wp-block-latest-comments[class*=columns-] li, .wp-block-latest-posts__list[class*=columns-] li { border-bottom: none !important; } .widget_rss li:not(:last-child), .wp-block-rss li:not(:last-child), .wp-block-archives-list li:not(:last-child), .wp-block-latest-comments li:not(:last-child), .wp-block-latest-posts__list li:not(:last-child), .wp-block-archives-list li:not(:last-child), .widget_nav_menu li:not(:last-child), .widget_archive li:not(:last-child), .wp-block-categories li:not(:last-child), .widget_categories li:not(:last-child), .widget_pages li:not(:last-child), .widget_meta li:not(:last-child), .widget_recent_comments li:not(:last-child), .widget_recent_entries li:not(:last-child) { margin-bottom: 0.75em; } .widget_rss li:not(:last-child), .wp-block-rss li:not(:last-child), .wp-block-archives-list li:not(:last-child), .wp-block-latest-comments li:not(:last-child), .wp-block-latest-posts__list li:not(:last-child), .wp-block-archives-list li:not(:last-child), .widget_nav_menu li:not(:last-child), .widget_archive li:not(:last-child), .wp-block-categories li:not(:last-child), .widget_categories li:not(:last-child), .widget_pages li:not(:last-child), .widget_meta li:not(:last-child), .widget_recent_comments li:not(:last-child), .widget_recent_entries li:not(:last-child) { margin-bottom: 0.65em; padding-bottom: 0.65em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .widget_rss a, .wp-block-rss a, .wp-block-archives-list a, .wp-block-latest-comments a, .wp-block-latest-posts__list a, .wp-block-archives-list a, .widget_nav_menu a, .widget_archive a, .wp-block-categories a, .widget_categories a, .widget_pages a, .widget_meta a, .widget_recent_comments a, .widget_recent_entries a { position: relative; } .widget_rss .sub-menu > li, .widget_rss .children > li, .wp-block-rss .sub-menu > li, .wp-block-rss .children > li, .wp-block-archives-list .sub-menu > li, .wp-block-archives-list .children > li, .wp-block-latest-comments .sub-menu > li, .wp-block-latest-comments .children > li, .wp-block-latest-posts__list .sub-menu > li, .wp-block-latest-posts__list .children > li, .wp-block-archives-list .sub-menu > li, .wp-block-archives-list .children > li, .widget_nav_menu .sub-menu > li, .widget_nav_menu .children > li, .widget_archive .sub-menu > li, .widget_archive .children > li, .wp-block-categories .sub-menu > li, .wp-block-categories .children > li, .widget_categories .sub-menu > li, .widget_categories .children > li, .widget_pages .sub-menu > li, .widget_pages .children > li, .widget_meta .sub-menu > li, .widget_meta .children > li, .widget_recent_comments .sub-menu > li, .widget_recent_comments .children > li, .widget_recent_entries .sub-menu > li, .widget_recent_entries .children > li { border-bottom: none !important; } .widget_rss .sub-menu > li > a:before, .widget_rss .children > li > a:before, .wp-block-rss .sub-menu > li > a:before, .wp-block-rss .children > li > a:before, .wp-block-archives-list .sub-menu > li > a:before, .wp-block-archives-list .children > li > a:before, .wp-block-latest-comments .sub-menu > li > a:before, .wp-block-latest-comments .children > li > a:before, .wp-block-latest-posts__list .sub-menu > li > a:before, .wp-block-latest-posts__list .children > li > a:before, .wp-block-archives-list .sub-menu > li > a:before, .wp-block-archives-list .children > li > a:before, .widget_nav_menu .sub-menu > li > a:before, .widget_nav_menu .children > li > a:before, .widget_archive .sub-menu > li > a:before, .widget_archive .children > li > a:before, .wp-block-categories .sub-menu > li > a:before, .wp-block-categories .children > li > a:before, .widget_categories .sub-menu > li > a:before, .widget_categories .children > li > a:before, .widget_pages .sub-menu > li > a:before, .widget_pages .children > li > a:before, .widget_meta .sub-menu > li > a:before, .widget_meta .children > li > a:before, .widget_recent_comments .sub-menu > li > a:before, .widget_recent_comments .children > li > a:before, .widget_recent_entries .sub-menu > li > a:before, .widget_recent_entries .children > li > a:before { content: ""; display: inline-block; width: 0.75em; height: 1px; position: absolute; top: 50%; left: -1.25em; background-color: rgba(0, 0, 0, 0.15); } .wp-block-categories li, .widget_nav_menu ul li, .widget_archive ul li, .widget_categories ul li, .widget_pages ul li { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .wp-block-categories li > a, .widget_nav_menu ul li > a, .widget_archive ul li > a, .widget_categories ul li > a, .widget_pages ul li > a { flex-grow: 1; } .widget_menu li { margin-bottom: 0.75em; } .widget_product_search, .wp-block-search, .widget_search { position: relative; } .widget_product_search label, .widget_product_search input, .wp-block-search label, .wp-block-search input, .widget_search label, .widget_search input { width: 100%; display: block; } .widget_product_search input, .wp-block-search input, .widget_search input { padding: 15px; } .widget_product_search input[type=search], .wp-block-search input[type=search], .widget_search input[type=search] { height: 60px; padding-inline-start: 45px; } .widget_product_search input[type=search]:focus, .wp-block-search input[type=search]:focus, .widget_search input[type=search]:focus { outline: none; border-color: #b8b8b8; } .widget_search label { position: relative; } .widget_search label:not(.wp-block-search__label):after { content: "\ea03"; font: normal 17px/1 "lqd-essentials"; } .widget_search label:after, .widget_search input[type=submit] { display: inline-flex; width: 32px; height: 100%; position: absolute; top: 0; left: 8px; align-items: center; justify-content: center; } .widget_search input[type=submit] { border: none; background: none; opacity: 0; } .wp-block-search .wp-block-search__inside-wrapper { padding: 0; border: none; } .wp-block-search .wp-block-search__input { border-color: var(--widget-input-border-color); } .wp-block-search input[type=search] { height: 50px; padding-inline-start: 15px; } .wp-block-search button.wp-block-search__button[type=submit] { border: none; border-radius: var(--widget-input-border-radius); padding: 0.15em 1.5em; background-color: var(--color-primary); color: #fff; } .wp-block-search button.wp-block-search__button[type=submit] svg { fill: currentColor; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border: 1px solid #d8d8d8; border-radius: 4px; } .widget_product_search button[type=submit] { display: inline-block; width: 32px; height: 100%; position: absolute; top: 0; left: 8px; background: none; border: none; text-indent: -99999px; } .widget_product_search button[type=submit]:after { content: "\ea03"; display: inline-flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-indent: 0; align-items: center; justify-content: center; font: normal normal 24px/1 "lqd-essentials"; } .widget_product_search button[type=submit]:focus { outline: none; } .wp-calendar-table { width: 100%; margin-bottom: 0; border: 1px solid #ededed; font-size: 15px; } .wp-calendar-table caption, .wp-calendar-table tfoot td { font-weight: 600; padding: 10px 15px; color: #000; } .wp-calendar-table caption { border: 1px solid #ededed; border-bottom: none; } .wp-calendar-table thead { background-color: #f2f2f2; } .wp-calendar-table thead th { font-size: 1em; font-weight: 600; } .wp-calendar-table thead td, .wp-calendar-table thead th, .wp-calendar-table tbody td, .wp-calendar-table tbody th { text-align: center; padding: 5px; } .wp-calendar-table tbody tr { background-color: transparent !important; } .wp-calendar-table tbody #today { font-weight: 700; background-color: #f2f2f2; } .wp-calendar-table tbody a { color: var(--color-primary); } .wp-calendar-table tfoot { border-top: 1px solid #ededed; } .wp-calendar-nav { display: flex; justify-content: space-between; } .ld_widget_recent_entries li { display: flex; font-size: 14px; line-height: 22px; } .ld_widget_recent_entries li:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .ld_widget_recent_entries li figure { margin-inline-end: 15px; width: 60px; height: 60px; } .ld_widget_recent_entries li figure img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; } .ld_widget_recent_entries li span { display: block; font-size: 13px; margin-top: 4px; } .ld_widget_recent_entries li .ld_entries_contents { overflow: hidden; flex: 1; margin-top: -6px; } .ld_widget_recent_entries li .ld_entries_contents a { font-size: inherit; } .ld_widget_popular_entries li { font-size: 20px; line-height: 26px; } .ld_widget_popular_entries li:not(:last-child) { margin-bottom: 30px; } .ld_widget_popular_entries li figure { width: 100%; margin-bottom: 0.5em; } .ld_widget_popular_entries li figure img { width: 100%; } .ld_widget_popular_entries li span { display: block; margin-top: 0.15em; font-size: 15px; } .ld_widget_popular_entries li a { font-size: 17px; line-height: 1.41em; font-weight: 500; } .ld_widget_social_icons a { color: #fff; } .ld_widget_social_icons a:hover { color: #fff; } .lqd-main-sidebar input[type=text] { height: 53px; margin-bottom: 7px; } .lqd-main-sidebar .ld_sf_submit { height: 60px; } .lqd-main-sidebar .ld_sf_paragraph { margin-bottom: 12px; } .widget_subscribe .wysija-paragraph:before { content: "\ea15"; display: inline-block; position: absolute; top: 50%; right: 2em; transform: translateY(-50%); font: normal 1em/1 "lqd-essentials"; } .wp-block-tag-cloud a, .widget_tag_cloud a { display: inline-block; padding: 0.5em 1em; margin-bottom: 7px; margin-inline-end: 5px; border-radius: 50em; background: #f2f3f5; font-size: 14px !important; line-height: 1.5em; color: #666D81; } .wp-block-tag-cloud a:hover, .widget_tag_cloud a:hover { background-color: var(--color-primary); color: #fff; } .ld_widget_next_post { padding: 10% 15% 13% !important; border: 1px solid #eaeaea; } .ld_widget_next_post figure { margin-bottom: 18px; } .ld_widget_next_post img { width: 100%; } .ld_widget_next_post .widgettitle, .ld_widget_next_post .widget-title, .ld_widget_next_post .ld_entries_cat { margin-bottom: 0.75em; font-size: 13px; } .ld_widget_next_post .ld_entries_cat, .ld_widget_next_post .ld_entries_title { display: block; font-weight: 500; } .ld_widget_next_post .widgettitle, .ld_widget_next_post .widget-title { text-transform: uppercase; letter-spacing: 0.1em; } .ld_widget_next_post .ld_entries_title { margin-top: 0; font-size: 22px; line-height: 1.1363636364em; font-weight: 700; } .woocommerce .woocommerce-widget-layered-nav-list, .woocommerce .widget_product_categories { font-size: 15px; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item, .woocommerce .widget_product_categories li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; color: #000; margin-bottom: 0.45em; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:after, .woocommerce .widget_product_categories li:before, .woocommerce .widget_product_categories li:after { content: none; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .woocommerce .widget_product_categories li a { color: inherit; flex-grow: 1; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span, .woocommerce .widget_product_categories li span { display: inline-flex; padding: 0.85em 1em; align-items: center; justify-content: center; border-radius: 50em; background-color: #f4f4f7; font-size: 12px; line-height: 1; color: inherit; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span.count, .woocommerce .widget_product_categories li span.count { width: 32px; height: 29px; padding: 0; } .woocommerce .widget_product_categories ul { width: 100%; margin-top: 0.5em; margin-bottom: 0.5em; } .woocommerce .widget_product_categories ul.children { margin-bottom: 0; } .woocommerce .widget_product_categories ul.children li:last-of-type { margin-bottom: 0; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 0; margin-bottom: 20px; font-size: 15px; line-height: 1.8em; font-weight: 500; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; width: 77px; margin-inline-start: 0; margin-inline-end: 17px; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { font-weight: inherit; } .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount { color: var(--color-primary); } .woocommerce ul.cart_list li .lqd-star-rating, .woocommerce ul.product_list_widget li .lqd-star-rating { font-size: 11px; margin-top: 0.25em; margin-bottom: 0.25em; color: var(--color-primary); } .woocommerce .widget_price_filter form { position: relative; } .woocommerce .widget_price_filter input[type=text] { width: 35px; height: 35px; text-align: center; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: 3px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #ECEDED; } .woocommerce .widget_price_filter .price_slider_amount { font-size: 1em; } .woocommerce .widget_price_filter .price_label { display: inline-block; font-size: 12px; font-weight: 700; color: #000; } .woocommerce .widget_price_filter .ui-slider { margin-bottom: 1em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: var(--color-primary); } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { z-index: 5; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { width: 12px; height: 12px; top: -5px; margin-inline-start: -6px; border: none; z-index: 3; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:before { content: ""; display: inline-block; width: 160%; height: 160%; position: absolute; top: -40%; left: -40%; } .woocommerce .widget_price_filter .price_slider_amount { display: flex; flex-direction: row-reverse; justify-content: space-between; text-align: start; } .woocommerce .widget_price_filter .price_slider_amount .clear { display: none; } .woocommerce .widget_price_filter .price_slider_amount button[type=submit] { padding: 0; background: none; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; color: #000; } .woocommerce .widget_price_filter .price_slider_amount button[type=submit]:focus, .woocommerce .widget_price_filter .price_slider_amount button[type=submit]:hover { background: none; box-shadow: none; transform: none; color: var(--color-primary); outline: none; } .woocommerce .yith-woo-ajax-reset-navigation { display: flex; align-items: center; justify-content: space-between; } .woocommerce .yith-woo-ajax-reset-navigation .widgettitle, .woocommerce .yith-woo-ajax-reset-navigation .widget-title { margin-bottom: 0; font-size: 1em; text-transform: none; letter-spacing: normal; font-weight: inherit; } .woocommerce .yith-woo-ajax-reset-navigation:not(:empty) { padding-top: 2em; } .woocommerce .yith-wcan a.button { padding: 0; background: none; font-size: inherit; font-weight: inherit; color: #000; } .woocommerce .yith-wcan a.button:hover { background: none; box-shadow: none; color: var(--color-primary); } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li { border-radius: 30px; position: relative; margin: 6px 13px 6px 0; } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li:before { content: ""; display: inline-block; width: 31px; height: 31px; position: absolute; top: calc(50% - 16px); left: calc(50% - 16px); border: 2px solid #000; border-radius: inherit; opacity: 0; transition: opacity 0.65s cubic-bezier(0.19, 1, 0.22, 1); } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li a { width: 21px; height: 21px; margin: 0; border: none !important; border-radius: inherit; position: relative; } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li a:hover { border-radius: inherit; } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li.chosen:before { opacity: 1; } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-color li.chosen a { border-radius: inherit; } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-label li a { display: inline-flex; width: auto; min-width: 45px; height: 43px; padding: 0 0.5em; border: 1px solid rgba(0, 0, 0, 0.1); background: none; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; text-transform: uppercase; transition: border 0.3s, color 0.3s; } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-label li a:hover { border-color: rgba(0, 0, 0, 0.5); background: none; color: #000; } .woocommerce .yith-woo-ajax-navigation ul.yith-wcan-label li.chosen a { border-color: currentColor; background: none; color: #000; } .woocommerce .yit-wcan-select-open { display: flex; justify-content: space-between; align-items: center; padding: 7px 0; border: none; border-bottom: 1px solid #000; background: none; color: #000; } .woocommerce .yit-wcan-select-open:after { content: "\ea2f"; font: normal 12px/1 "lqd-essentials"; } .woocommerce .yit-wcan-select-open:hover { color: #000; } .woocommerce .yith-wcan-select-wrapper { border-radius: 0 0 4px 4px; border-color: #eaeaea; margin-top: -15px; box-shadow: 0 10px 35px rgba(0, 0, 0, 0.035); } .woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li { padding: 0; border: none; box-shadow: none; } .woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li a { display: flex; align-items: center; padding: 0.5em 1em; color: #000; } .woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li a:hover { text-indent: 3px; color: var(--color-primary); } .woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li.chosen a { background: none; } .woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li.chosen a:before { content: "\ea20"; font: normal 1.15em/1 "lqd-essentials"; margin-inline-end: 0.5em; position: relative; top: 0.15em; } .woocommerce .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li:hover { border: none; box-shadow: none; } /* 5.4. Page Frame */ /* 5.5. Custom Cursor */ .lqd-cc-solid { width: 86px; height: 86px; top: -43px; left: -43px; opacity: 0; font-size: 14px; font-weight: 500; color: var(--lqd-cc-active-circle-txt); } .lqd-cc-solid-bg, .lqd-cc-solid-inner { transition-delay: 0.05s; } .lqd-cc-solid-bg { border-radius: inherit; background-color: var(--lqd-cc-active-circle-color); transform: scale(0.2); transition: transform 0.65s, opacity 0.6s, width 0.6s, height 0.6s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lqd-cc-arrow, .lqd-cc-solid-inner, .lqd-cc-solid-ext { opacity: 0; transition: transform 0.65s, opacity 0.65s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .lqd-cc-solid-txt-inner { transition: transform 1s, opacity 1s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .lqd-cc-solid-ext { font-size: 24px; color: var(--lqd-cc-active-circle-color); } .lqd-cc-solid-ext-left { transform: translateX(-25px); } .lqd-cc-solid-ext-right { transform: translateX(25px); } .lqd-cc { border-radius: var(--lqd-cc-br); } .lqd-cc--inner, .lqd-cc--outer, .lqd-cc--el { opacity: 0; } .lqd-cc--el { z-index: 1200; transition: opacity 0.1s; } .lqd-cc--el.lqd-is-active { opacity: 1; } .lqd-cc--el.lqd-is-active .lqd-cc-solid-bg, .lqd-cc--el.lqd-is-active .lqd-cc-solid-inner { transition-delay: 0s; } .lqd-cc--el.lqd-is-active .lqd-cc-solid-bg { opacity: 1; transform: scale(1); transition-duration: 0.65s; } .lqd-cc--el.lqd-is-active .lqd-cc-solid-inner { opacity: 1; } .lqd-cc--inner, .lqd-cc--outer { z-index: 1100; mix-blend-mode: var(--lqd-cc-blend-mode); transform-origin: center; } .lqd-cc--outer { width: var(--lqd-cc-size-outer); height: var(--lqd-cc-size-outer); border: var(--lqd-cc-bw) solid var(--lqd-cc-bc); } .lqd-cc-hide-outer .lqd-cc--outer { opacity: 0; } .lqd-cc--inner { width: var(--lqd-cc-size-inner); height: var(--lqd-cc-size-inner); left: calc(var(--lqd-cc-size-inner) / 2 * -1); top: calc(var(--lqd-cc-size-inner) / 2 * -1); background-color: var(--lqd-cc-bg); } .lqd-cc-init .lqd-cc-label-trigger, .lqd-cc-init .flickity-enabled.is-draggable .flickity-viewport, .lqd-cc-init .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: none; } .lqd-cc-arrow svg { fill: var(--lqd-cc-active-arrow-color); transform: rotate(-15deg) scale(0); transform-origin: left top; transition-duration: 0.35s; transition-timing-function: cubic-bezier(0.3, 0.86, 0.36, 0.95); } .lqd-cc-arrow.lqd-is-active svg { opacity: 1; transform: rotate(0) scale(1); } .lqd-cc-custom-icon { --cc-icon-color: #fff; top: -27px; left: -27px; transition: opacity 0.3s; } .lqd-cc-custom-icon .lqd-cc-ci { width: 54px; height: 54px; font-size: 30px; line-height: 1; color: var(--cc-icon-color); transform: scale(1.35); transition: transform 0.45s, color 0.3s; } .lqd-cc-custom-icon .lqd-cc-ci:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid; border-radius: inherit; color: inherit; opacity: 0.5; transition: border 0.3s; } .lqd-cc-custom-icon.lqd-is-active .lqd-cc-ci { transform: scale(1); } .lqd-extra-cursor { --extra-cc-w: 390px; --extra-cc-h: 390px; width: var(--extra-cc-w); height: var(--extra-cc-h); top: calc(var(--extra-cc-w) / 2 * -1); left: calc(var(--extra-cc-h) / 2 * -1); border-radius: 50em; opacity: 0; background-color: var(--color-primary); transform: scale(0.15); visibility: hidden; transition: visibility 0.3s; } .lqd-extra-cursor.lqd-is-active { visibility: visible; mix-blend-mode: multiply; -webkit-backdrop-filter: blur(8px) brightness(117%); backdrop-filter: blur(8px) brightness(117%); } .lqd-cc-drag.lqd-carousel-pointer-down .lqd-cc-solid-txt-inner { transform: scale(0.5); opacity: 0; transition-delay: 0.1s; } .lqd-cc-drag.lqd-carousel-pointer-down .lqd-cc-solid-bg { transform: scale(0.55) !important; } .lqd-cc-drag.lqd-carousel-pointer-down .lqd-cc-solid-ext { opacity: 1; transition-duration: 0.35s; } .lqd-cc-drag.lqd-carousel-pointer-down .lqd-cc-solid-ext-left { transform: translateX(-45px); } .lqd-cc-drag.lqd-carousel-pointer-down .lqd-cc-solid-ext-right { transform: translateX(45px); } .lqd-cc-explore.lqd-is-active ~ .lqd-cc-drag:not(.lqd-carousel-pointer-down) .lqd-cc-solid-bg, .lqd-cc-explore.lqd-is-active ~ .lqd-cc-drag:not(.lqd-carousel-pointer-down) .lqd-cc-solid-ext, .lqd-cc-explore.lqd-is-active ~ .lqd-cc-drag:not(.lqd-carousel-pointer-down) .lqd-cc-solid-txt-inner { transform: scale(0) !important; } .lqd-cc-explore.lqd-is-active.lqd-carousel-pointer-down .lqd-cc-solid-bg, .lqd-cc-explore.lqd-is-active.lqd-carousel-pointer-down .lqd-cc-solid-txt-inner { transform: scale(0); } .lqd-cc-outer-hidden .lqd-cc--outer { display: none; } /* 5.6. Scroll Indicator */ .lqd-scrl-indc { display: flex; writing-mode: vertical-lr; white-space: nowrap; font-size: 13px; font-weight: 500; letter-spacing: 0.01em; } .lqd-scrl-indc a { color: #000; } .lqd-scrl-indc.fix-in-page { position: fixed; top: 50%; left: 1.5rem; z-index: 10; } .lqd-scrl-indc.fix-in-page.right { left: auto; right: 1.5rem; } .lqd-scrl-indc-inner { display: flex; align-items: center; color: inherit; } .lqd-scrl-indc-line { width: 1px; height: 60px; position: relative; background-color: rgba(0, 0, 0, 0.3); flex: 1 auto; color: inherit; } .lqd-scrl-indc-txt { margin: 1em 0; } .lqd-scrl-indc-el { display: inline-block; width: 8px; height: 8px; position: absolute; top: -4px; left: -4px; border-radius: 8px; background-color: currentColor; } .lqd-scrl-indc-scale .lqd-scrl-indc-line { width: 3px; } .lqd-scrl-indc-scale .lqd-scrl-indc-el { width: 100%; height: 100%; top: 0; left: 0; border-radius: inherit; transform: scale(0); transform-origin: left top; } .lqd-scrl-indc-h .lqd-scrl-indc-line { width: 60px; height: 3px; } .lqd-top-scrol-ind { z-index: 10; } .lqd-top-scrol-ind .lqd-scrl-indc-el, .lqd-top-scrol-ind .lqd-scrl-indc-line { width: 100%; height: 100%; } .lqd-top-scrol-ind .lqd-scrl-indc-el { top: 0; left: 0; border-radius: inherit; transform-origin: left; } /* 6. Color Schemes */ /* 6.1. Header Color Schemes */ @media screen and (min-width: 1200px) { .is-stuck .lqd-head-col > .header-module > p { color: #fff; } .is-stuck .lqd-head-col > .header-module > p span { color: inherit !important; } .is-stuck .lqd-head-col > .header-module .nav-trigger { color: #fff; } .is-stuck .lqd-head-col > .header-module .nav-trigger svg { fill: currentColor; } .is-stuck .lqd-head-col > .header-module .nav-trigger .bar { background: #fff; } .is-stuck .lqd-head-col > .header-module .nav-trigger.style-2 .bar { background: none; } .is-stuck .lqd-head-col > .header-module .nav-trigger.style-2 .bar:before, .is-stuck .lqd-head-col > .header-module .nav-trigger.style-2 .bar:after { background: #fff; } .is-stuck .lqd-head-col > .header-module .nav-trigger.style-3 .bar { background: currentColor; } .is-stuck .lqd-head-col > .header-module .nav-trigger.bordered .bars:before { border-color: #fff; opacity: 0.4; } .is-stuck .lqd-head-col > .header-module .lqd-scrl-indc { color: #fff; } .is-stuck .lqd-head-col > .header-module .lqd-scrl-indc a { color: currentColor; } .is-stuck .lqd-head-col > .header-module .lqd-scrl-indc .lqd-scrl-indc-el { background-color: currentColor; } .is-stuck .lqd-head-col > .header-module .lqd-scrl-indc .lqd-scrl-indc-line { background-color: rgba(255, 255, 255, 0.45); } .is-stuck .lqd-head-col > .header-module > .lqd-custom-menu { color: rgba(255, 255, 255, 0.5); } .is-stuck .lqd-head-col > .header-module > .btn-naked, .is-stuck .lqd-head-col > .header-module > .btn-underlined, .is-stuck .lqd-head-col > .header-module > .social-icon li a, .is-stuck .lqd-head-col > .header-module > .lqd-custom-menu > ul > li > a, .is-stuck .lqd-head-col > .header-module .ld-module-trigger-txt, .is-stuck .lqd-head-col > .header-module .lqd-module-badge-outline .ld-module-trigger-count, .is-stuck .lqd-head-col > .header-module .ld-module-trigger-icon { color: rgba(255, 255, 255, 0.8); } .is-stuck .lqd-head-col > .header-module > .btn-naked:hover, .is-stuck .lqd-head-col > .header-module > .btn-underlined:hover, .is-stuck .lqd-head-col > .header-module > .social-icon li a:hover, .is-stuck .lqd-head-col > .header-module > .lqd-custom-menu > ul > li > a:hover, .is-stuck .lqd-head-col > .header-module > .iconbox h3, .is-stuck .lqd-head-col > .header-module > .iconbox .iconbox-icon-container { color: #fff; } .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li > a { color: rgba(255, 255, 255, 0.8); } .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > .is-active > a, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > .current-menu-ancestor > a, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > .current-menu-item > a, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > .current_page_item > a, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li > a:hover, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li:hover > a { color: #fff; } } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > p { color: #fff; } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > p span { color: inherit !important; } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .nav-trigger { color: #fff; } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .nav-trigger svg { fill: currentColor; } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .nav-trigger .bar { background: #fff; } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .nav-trigger.style-2 .bar { background: none; } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .nav-trigger.style-2 .bar:before, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .nav-trigger.style-2 .bar:after { background: #fff; } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .nav-trigger.style-3 .bar { background: currentColor; } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .nav-trigger.bordered .bars:before { border-color: #fff; opacity: 0.4; } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .lqd-scrl-indc { color: #fff; } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .lqd-scrl-indc a { color: currentColor; } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .lqd-scrl-indc .lqd-scrl-indc-el { background-color: currentColor; } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .lqd-scrl-indc .lqd-scrl-indc-line { background-color: rgba(255, 255, 255, 0.45); } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .lqd-custom-menu { color: rgba(255, 255, 255, 0.5); } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .btn-naked, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .btn-underlined, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .social-icon li a, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .lqd-custom-menu > ul > li > a, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .ld-module-trigger-txt, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .lqd-module-badge-outline .ld-module-trigger-count, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .ld-module-trigger-icon { color: rgba(255, 255, 255, 0.8); } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .btn-naked:hover, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .btn-underlined:hover, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .social-icon li a:hover, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .lqd-custom-menu > ul > li > a:hover, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .iconbox h3, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .iconbox .iconbox-icon-container { color: #fff; } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .navbar-brand .logo-light { opacity: 1; visibility: visible; } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module .navbar-brand .logo-light ~ img { opacity: 0; visibility: hidden; } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .navbar-collapse .main-nav > li > a { color: rgba(255, 255, 255, 0.8); } [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .navbar-collapse .main-nav > .is-active > a, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .navbar-collapse .main-nav > .current-menu-ancestor > a, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .navbar-collapse .main-nav > .current-menu-item > a, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .navbar-collapse .main-nav > .current_page_item > a, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .navbar-collapse .main-nav > li > a:hover, [data-react-to-megamenu=true].megamenu-scheme-dark:not(.is-stuck) .lqd-head-col > .header-module > .navbar-collapse .main-nav > li:hover > a { color: #fff; } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > p { color: #000; } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > p span { color: inherit !important; } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .nav-trigger { color: #000; } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .nav-trigger svg { fill: currentColor; } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .nav-trigger .bar { background: #000; } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .nav-trigger.style-2 .bar { background: none; } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .nav-trigger.style-2 .bar:before, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .nav-trigger.style-2 .bar:after { background: #000; } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .nav-trigger.style-3 .bar { background: currentColor; } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .nav-trigger.bordered .bars:before { border-color: #000; opacity: 0.4; } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .lqd-scrl-indc { color: #000; } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .lqd-scrl-indc a { color: currentColor; } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .lqd-scrl-indc .lqd-scrl-indc-el { background-color: currentColor; } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .lqd-scrl-indc .lqd-scrl-indc-line { background-color: rgba(0, 0, 0, 0.45); } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .lqd-custom-menu { color: rgba(0, 0, 0, 0.5); } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .btn-naked, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .btn-underlined, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .social-icon li a, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .lqd-custom-menu > ul > li > a, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .ld-module-trigger-txt, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .lqd-module-badge-outline .ld-module-trigger-count, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .ld-module-trigger-icon { color: rgba(0, 0, 0, 0.8); } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .btn-naked:hover, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .btn-underlined:hover, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .social-icon li a:hover, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .lqd-custom-menu > ul > li > a:hover, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .iconbox h3, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .iconbox .iconbox-icon-container { color: #000; } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .navbar-brand .logo-dark { opacity: 1; visibility: visible; } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module .navbar-brand .logo-dark ~ img { opacity: 0; visibility: hidden; } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .navbar-collapse .main-nav > li > a { color: rgba(0, 0, 0, 0.8); } [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .navbar-collapse .main-nav > .is-active > a, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .navbar-collapse .main-nav > .current-menu-ancestor > a, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .navbar-collapse .main-nav > .current-menu-item > a, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .navbar-collapse .main-nav > .current_page_item > a, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .navbar-collapse .main-nav > li > a:hover, [data-react-to-megamenu=true].megamenu-scheme-light:not(.is-stuck) .lqd-head-col > .header-module > .navbar-collapse .main-nav > li:hover > a { color: #000; } .lqd-active-row-light.main-header { background-color: rgba(255, 255, 255, 0); } .lqd-head-col > .lqd-active-row-light.header-module > p { color: #000; } .lqd-head-col > .lqd-active-row-light.header-module > p span { color: inherit !important; } .lqd-head-col > .lqd-active-row-light.header-module .nav-trigger { color: #000; } .lqd-head-col > .lqd-active-row-light.header-module .nav-trigger svg { fill: currentColor; } .lqd-head-col > .lqd-active-row-light.header-module .nav-trigger .bar { background: #000; } .lqd-head-col > .lqd-active-row-light.header-module .nav-trigger.style-2 .bar { background: none; } .lqd-head-col > .lqd-active-row-light.header-module .nav-trigger.style-2 .bar:before, .lqd-head-col > .lqd-active-row-light.header-module .nav-trigger.style-2 .bar:after { background: #000; } .lqd-head-col > .lqd-active-row-light.header-module .nav-trigger.style-3 .bar { background: currentColor; } .lqd-head-col > .lqd-active-row-light.header-module .nav-trigger.bordered .bars:before { border-color: #000; opacity: 0.4; } .lqd-head-col > .lqd-active-row-light.header-module .lqd-scrl-indc { color: #000; } .lqd-head-col > .lqd-active-row-light.header-module .lqd-scrl-indc a { color: currentColor; } .lqd-head-col > .lqd-active-row-light.header-module .lqd-scrl-indc .lqd-scrl-indc-el { background-color: currentColor; } .lqd-head-col > .lqd-active-row-light.header-module .lqd-scrl-indc .lqd-scrl-indc-line { background-color: rgba(0, 0, 0, 0.45); } .lqd-head-col > .lqd-active-row-light.header-module > .lqd-custom-menu { color: rgba(0, 0, 0, 0.5); } .lqd-head-col > .lqd-active-row-light.header-module > .btn-naked, .lqd-head-col > .lqd-active-row-light.header-module > .btn-underlined, .lqd-head-col > .lqd-active-row-light.header-module > .social-icon li a, .lqd-head-col > .lqd-active-row-light.header-module > .lqd-custom-menu > ul > li > a, .lqd-head-col > .lqd-active-row-light.header-module .ld-module-trigger-txt, .lqd-head-col > .lqd-active-row-light.header-module .lqd-module-badge-outline .ld-module-trigger-count, .lqd-head-col > .lqd-active-row-light.header-module .ld-module-trigger-icon { color: rgba(0, 0, 0, 0.8); } .lqd-head-col > .lqd-active-row-light.header-module > .btn-naked:hover, .lqd-head-col > .lqd-active-row-light.header-module > .btn-underlined:hover, .lqd-head-col > .lqd-active-row-light.header-module > .social-icon li a:hover, .lqd-head-col > .lqd-active-row-light.header-module > .lqd-custom-menu > ul > li > a:hover, .lqd-head-col > .lqd-active-row-light.header-module > .iconbox h3, .lqd-head-col > .lqd-active-row-light.header-module > .iconbox .iconbox-icon-container { color: #000; } .lqd-head-col > .lqd-active-row-light.header-module .navbar-brand .logo-dark { opacity: 1; visibility: visible; } .lqd-head-col > .lqd-active-row-light.header-module .navbar-brand .logo-dark ~ img { opacity: 0; visibility: hidden; } .lqd-head-col > .lqd-active-row-light.header-module > .navbar-collapse .main-nav > li > a { color: rgba(0, 0, 0, 0.8); } .lqd-head-col > .lqd-active-row-light.header-module > .navbar-collapse .main-nav > .is-active > a, .lqd-head-col > .lqd-active-row-light.header-module > .navbar-collapse .main-nav > .current-menu-ancestor > a, .lqd-head-col > .lqd-active-row-light.header-module > .navbar-collapse .main-nav > .current-menu-item > a, .lqd-head-col > .lqd-active-row-light.header-module > .navbar-collapse .main-nav > .current_page_item > a, .lqd-head-col > .lqd-active-row-light.header-module > .navbar-collapse .main-nav > li > a:hover, .lqd-head-col > .lqd-active-row-light.header-module > .navbar-collapse .main-nav > li:hover > a { color: #000; } .lqd-active-row-dark.main-header { background-color: rgba(0, 0, 0, 0); } .lqd-head-col > .lqd-active-row-dark.header-module > p { color: #fff; } .lqd-head-col > .lqd-active-row-dark.header-module > p span { color: inherit !important; } .lqd-head-col > .lqd-active-row-dark.header-module .nav-trigger { color: #fff; } .lqd-head-col > .lqd-active-row-dark.header-module .nav-trigger svg { fill: currentColor; } .lqd-head-col > .lqd-active-row-dark.header-module .nav-trigger .bar { background: #fff; } .lqd-head-col > .lqd-active-row-dark.header-module .nav-trigger.style-2 .bar { background: none; } .lqd-head-col > .lqd-active-row-dark.header-module .nav-trigger.style-2 .bar:before, .lqd-head-col > .lqd-active-row-dark.header-module .nav-trigger.style-2 .bar:after { background: #fff; } .lqd-head-col > .lqd-active-row-dark.header-module .nav-trigger.style-3 .bar { background: currentColor; } .lqd-head-col > .lqd-active-row-dark.header-module .nav-trigger.bordered .bars:before { border-color: #fff; opacity: 0.4; } .lqd-head-col > .lqd-active-row-dark.header-module .lqd-scrl-indc { color: #fff; } .lqd-head-col > .lqd-active-row-dark.header-module .lqd-scrl-indc a { color: currentColor; } .lqd-head-col > .lqd-active-row-dark.header-module .lqd-scrl-indc .lqd-scrl-indc-el { background-color: currentColor; } .lqd-head-col > .lqd-active-row-dark.header-module .lqd-scrl-indc .lqd-scrl-indc-line { background-color: rgba(255, 255, 255, 0.45); } .lqd-head-col > .lqd-active-row-dark.header-module > .lqd-custom-menu { color: rgba(255, 255, 255, 0.5); } .lqd-head-col > .lqd-active-row-dark.header-module > .btn-naked, .lqd-head-col > .lqd-active-row-dark.header-module > .btn-underlined, .lqd-head-col > .lqd-active-row-dark.header-module > .social-icon li a, .lqd-head-col > .lqd-active-row-dark.header-module > .lqd-custom-menu > ul > li > a, .lqd-head-col > .lqd-active-row-dark.header-module .ld-module-trigger-txt, .lqd-head-col > .lqd-active-row-dark.header-module .lqd-module-badge-outline .ld-module-trigger-count, .lqd-head-col > .lqd-active-row-dark.header-module .ld-module-trigger-icon { color: rgba(255, 255, 255, 0.8); } .lqd-head-col > .lqd-active-row-dark.header-module > .btn-naked:hover, .lqd-head-col > .lqd-active-row-dark.header-module > .btn-underlined:hover, .lqd-head-col > .lqd-active-row-dark.header-module > .social-icon li a:hover, .lqd-head-col > .lqd-active-row-dark.header-module > .lqd-custom-menu > ul > li > a:hover, .lqd-head-col > .lqd-active-row-dark.header-module > .iconbox h3, .lqd-head-col > .lqd-active-row-dark.header-module > .iconbox .iconbox-icon-container { color: #fff; } .lqd-head-col > .lqd-active-row-dark.header-module .navbar-brand .logo-light { opacity: 1; visibility: visible; } .lqd-head-col > .lqd-active-row-dark.header-module .navbar-brand .logo-light ~ img { opacity: 0; visibility: hidden; } .lqd-head-col > .lqd-active-row-dark.header-module > .navbar-collapse .main-nav > li > a { color: rgba(255, 255, 255, 0.8); } .lqd-head-col > .lqd-active-row-dark.header-module > .navbar-collapse .main-nav > .is-active > a, .lqd-head-col > .lqd-active-row-dark.header-module > .navbar-collapse .main-nav > .current-menu-ancestor > a, .lqd-head-col > .lqd-active-row-dark.header-module > .navbar-collapse .main-nav > .current-menu-item > a, .lqd-head-col > .lqd-active-row-dark.header-module > .navbar-collapse .main-nav > .current_page_item > a, .lqd-head-col > .lqd-active-row-dark.header-module > .navbar-collapse .main-nav > li > a:hover, .lqd-head-col > .lqd-active-row-dark.header-module > .navbar-collapse .main-nav > li:hover > a { color: #fff; } .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 .lqd-stack-prevnext-button, .lqd-active-row-dark .lqd-stack-extra-content, .lqd-active-row-dark .lqd-stack-page-number { color: #fff; } .lqd-active-row-dark .lqd-stack-page-number a { color: #fff; } .lqd-active-row-dark .pp-nav-current { color: #fff; } .lqd-active-row-dark.lqd-stack-nav-style-1 #pp-nav a:before { background: #d0cde0; } .lqd-active-row-dark.lqd-stack-nav-style-1 #pp-nav a:after { border-color: #d0cde0; } .lqd-active-row-dark.lqd-stack-nav-style-1 #pp-nav li { color: currentColor; } .lqd-active-row-dark.lqd-stack-nav-style-2 #pp-nav a, .lqd-active-row-dark.lqd-stack-nav-style-4 #pp-nav a { background-color: rgba(255, 255, 255, 0.4); } .lqd-active-row-dark.lqd-stack-nav-style-3 #pp-nav svg { stroke: currentColor; } .lqd-active-row-dark .lqd-stack-page-number { border-top-color: rgba(255, 255, 255, 0.1); } /* 7. RESPONSIVE */ /* 7.1. Responsive */ /* * Name: Landing Hub - Responsive Styles * Written by: LiquidThemes */ /*---------------------------------------- [ TABLE OF CONTENTS ] 1. BASE |- 1.1. Base |- 1.2. Header |- 1.3. Footer |- 1.4. Titlebar 2. PAGE LAYOUTS |- 2.1. Header Side |- 2.2. Sidebar |- 2.3. Stack 3. PARTIALS |- 3.4. Page Frame -----------------------------------------*/ /* 1. BASE */ /* 1.1. Base */ .d-flex { display: flex !important; } .d-flex:before, .d-flex:after { content: none; } .d-inline-flex { display: inline-flex !important; } .flex-column { flex-direction: column !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-row { flex-direction: row !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-items: flex-start !important; } @media (min-width: 768px) { .d-sm-flex { display: flex !important; } .d-sm-flex:before, .d-sm-flex:after { content: none; } .d-sm-inline-flex { display: inline-flex !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-wrap { flex-wrap: wrap; } .flex-sm-nowrap { flex-wrap: nowrap; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-items: flex-start !important; } } @media (min-width: 992px) { .d-md-flex { display: flex !important; } .d-md-flex:before, .d-md-flex:after { content: none; } .d-md-inline-flex { display: inline-flex !important; } .flex-md-column { flex-direction: column !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-row { flex-direction: row !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-wrap { flex-wrap: wrap; } .flex-md-nowrap { flex-wrap: nowrap; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-items: flex-start !important; } } @media (min-width: 1200px) { .d-lg-flex { display: flex !important; } .d-lg-flex:before, .d-lg-flex:after { content: none; } .d-lg-inline-flex { display: inline-flex !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-wrap { flex-wrap: wrap; } .flex-lg-nowrap { flex-wrap: nowrap; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-items: flex-start !important; } } .text-left { text-align: start !important; } .text-left.wpb_column .wpb_wrapper.vc_figure, .text-left.wpb_column .countdown-row, .text-left.wpb_column .iconbox-side, .text-left.wpb_column .lqd-testi-details, .text-left.wpb_column .lqd-imggrp-inner, .text-left.wpb_column .liquid-counter-element, .text-left.wpb_column .lqd-fancy-menu > ul > li > a { justify-content: flex-start; } .text-left.lqd-fancy-menu > ul > li > a { justify-content: flex-start !important; } .text-right { text-align: end !important; } .text-right.wpb_column .wpb_wrapper.vc_figure, .text-right.wpb_column .countdown-row, .text-right.wpb_column .iconbox-side, .text-right.wpb_column .lqd-testi-details, .text-right.wpb_column .lqd-imggrp-inner, .text-right.wpb_column .liquid-counter-element, .text-right.wpb_column .lqd-fancy-menu > ul > li > a { justify-content: flex-end; } .text-right.lqd-fancy-menu > ul > li > a { justify-content: flex-end !important; } .text-center { text-align: center !important; } .text-center.wpb_column .wpb_wrapper.vc_figure, .text-center.wpb_column .countdown-row, .text-center.wpb_column .iconbox-side, .text-center.wpb_column .lqd-testi-details, .text-center.wpb_column .lqd-imggrp-inner, .text-center.wpb_column .liquid-counter-element, .text-center.wpb_column .lqd-fancy-menu > ul > li > a { justify-content: center; } .text-center.lqd-fancy-menu > ul > li > a { justify-content: center !important; } .text-vertical { writing-mode: vertical-rl; transform: rotate(180deg); } @media (min-width: 768px) { .text-sm-left { text-align: start !important; } .text-sm-left.wpb_column .wpb_wrapper.vc_figure, .text-sm-left.wpb_column .countdown-row, .text-sm-left.wpb_column .iconbox-side, .text-sm-left.wpb_column .lqd-testi-details, .text-sm-left.wpb_column .lqd-imggrp-inner, .text-sm-left.wpb_column .liquid-counter-element, .text-sm-left.wpb_column .lqd-fancy-menu > ul > li > a { justify-content: flex-start; } .text-sm-left.lqd-fancy-menu > ul > li > a { justify-content: flex-start !important; } .text-sm-right { text-align: end !important; } .text-sm-right.wpb_column .wpb_wrapper.vc_figure, .text-sm-right.wpb_column .countdown-row, .text-sm-right.wpb_column .iconbox-side, .text-sm-right.wpb_column .lqd-testi-details, .text-sm-right.wpb_column .lqd-imggrp-inner, .text-sm-right.wpb_column .liquid-counter-element, .text-sm-right.wpb_column .lqd-fancy-menu > ul > li > a { justify-content: flex-end; } .text-sm-right.lqd-fancy-menu > ul > li > a { justify-content: flex-end !important; } .text-sm-center { text-align: center !important; } .text-sm-center.wpb_column .wpb_wrapper.vc_figure, .text-sm-center.wpb_column .countdown-row, .text-sm-center.wpb_column .iconbox-side, .text-sm-center.wpb_column .lqd-testi-details, .text-sm-center.wpb_column .lqd-imggrp-inner, .text-sm-center.wpb_column .liquid-counter-element, .text-sm-center.wpb_column .lqd-fancy-menu > ul > li > a { justify-content: center; } .text-sm-center.lqd-fancy-menu > ul > li > a { justify-content: center !important; } .text-sm-vertical { writing-mode: vertical-rl; transform: rotate(180deg); } } @media (min-width: 992px) { .text-md-left { text-align: start !important; } .text-md-left.wpb_column .wpb_wrapper.vc_figure, .text-md-left.wpb_column .countdown-row, .text-md-left.wpb_column .iconbox-side, .text-md-left.wpb_column .lqd-testi-details, .text-md-left.wpb_column .lqd-imggrp-inner, .text-md-left.wpb_column .liquid-counter-element, .text-md-left.wpb_column .lqd-fancy-menu > ul > li > a { justify-content: flex-start; } .text-md-left.lqd-fancy-menu > ul > li > a { justify-content: flex-start !important; } .text-md-right { text-align: end !important; } .text-md-right.wpb_column .wpb_wrapper.vc_figure, .text-md-right.wpb_column .countdown-row, .text-md-right.wpb_column .iconbox-side, .text-md-right.wpb_column .lqd-testi-details, .text-md-right.wpb_column .lqd-imggrp-inner, .text-md-right.wpb_column .liquid-counter-element, .text-md-right.wpb_column .lqd-fancy-menu > ul > li > a { justify-content: flex-end; } .text-md-right.lqd-fancy-menu > ul > li > a { justify-content: flex-end !important; } .text-md-center { text-align: center !important; } .text-md-center.wpb_column .wpb_wrapper.vc_figure, .text-md-center.wpb_column .countdown-row, .text-md-center.wpb_column .iconbox-side, .text-md-center.wpb_column .lqd-testi-details, .text-md-center.wpb_column .lqd-imggrp-inner, .text-md-center.wpb_column .liquid-counter-element, .text-md-center.wpb_column .lqd-fancy-menu > ul > li > a { justify-content: center; } .text-md-center.lqd-fancy-menu > ul > li > a { justify-content: center !important; } .text-md-vertical { writing-mode: vertical-rl; transform: rotate(180deg); } } @media (min-width: 1200px) { .text-lg-left { text-align: start !important; } .text-lg-left.wpb_column .wpb_wrapper.vc_figure, .text-lg-left.wpb_column .countdown-row, .text-lg-left.wpb_column .iconbox-side, .text-lg-left.wpb_column .lqd-testi-details, .text-lg-left.wpb_column .lqd-imggrp-inner, .text-lg-left.wpb_column .liquid-counter-element, .text-lg-left.wpb_column .lqd-fancy-menu > ul > li > a { justify-content: flex-start; } .text-lg-left.lqd-fancy-menu > ul > li > a { justify-content: flex-start !important; } .text-lg-right { text-align: end !important; } .text-lg-right.wpb_column .wpb_wrapper.vc_figure, .text-lg-right.wpb_column .countdown-row, .text-lg-right.wpb_column .iconbox-side, .text-lg-right.wpb_column .lqd-testi-details, .text-lg-right.wpb_column .lqd-imggrp-inner, .text-lg-right.wpb_column .liquid-counter-element, .text-lg-right.wpb_column .lqd-fancy-menu > ul > li > a { justify-content: flex-end; } .text-lg-right.lqd-fancy-menu > ul > li > a { justify-content: flex-end !important; } .text-lg-center { text-align: center !important; } .text-lg-center.wpb_column .wpb_wrapper.vc_figure, .text-lg-center.wpb_column .countdown-row, .text-lg-center.wpb_column .iconbox-side, .text-lg-center.wpb_column .lqd-testi-details, .text-lg-center.wpb_column .lqd-imggrp-inner, .text-lg-center.wpb_column .liquid-counter-element, .text-lg-center.wpb_column .lqd-fancy-menu > ul > li > a { justify-content: center; } .text-lg-center.lqd-fancy-menu > ul > li > a { justify-content: center !important; } .text-lg-vertical { writing-mode: vertical-rl; transform: rotate(180deg); } } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-inline-start: 0 !important; } .mr-0, .mx-0 { margin-inline-end: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-inline-start: 0.25rem !important; } .mr-1, .mx-1 { margin-inline-end: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-inline-start: 0.5rem !important; } .mr-2, .mx-2 { margin-inline-end: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-inline-start: 1rem !important; } .mr-3, .mx-3 { margin-inline-end: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-inline-start: 1.5rem !important; } .mr-4, .mx-4 { margin-inline-end: 1.5rem !important; } .m-5 { margin: 2rem !important; } .mt-5, .my-5 { margin-top: 2rem !important; } .mb-5, .my-5 { margin-bottom: 2rem !important; } .ml-5, .mx-5 { margin-inline-start: 2rem !important; } .mr-5, .mx-5 { margin-inline-end: 2rem !important; } .m-6 { margin: 2.5rem !important; } .mt-6, .my-6 { margin-top: 2.5rem !important; } .mb-6, .my-6 { margin-bottom: 2.5rem !important; } .ml-6, .mx-6 { margin-inline-start: 2.5rem !important; } .mr-6, .mx-6 { margin-inline-end: 2.5rem !important; } .m-7 { margin: 3rem !important; } .mt-7, .my-7 { margin-top: 3rem !important; } .mb-7, .my-7 { margin-bottom: 3rem !important; } .ml-7, .mx-7 { margin-inline-start: 3rem !important; } .mr-7, .mx-7 { margin-inline-end: 3rem !important; } .m-8 { margin: 3.5rem !important; } .mt-8, .my-8 { margin-top: 3.5rem !important; } .mb-8, .my-8 { margin-bottom: 3.5rem !important; } .ml-8, .mx-8 { margin-inline-start: 3.5rem !important; } .mr-8, .mx-8 { margin-inline-end: 3.5rem !important; } .m-9 { margin: 4rem !important; } .mt-9, .my-9 { margin-top: 4rem !important; } .mb-9, .my-9 { margin-bottom: 4rem !important; } .ml-9, .mx-9 { margin-inline-start: 4rem !important; } .mr-9, .mx-9 { margin-inline-end: 4rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-inline-start: 0 !important; } .pr-0, .px-0 { padding-inline-end: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-inline-start: 0.25rem !important; } .pr-1, .px-1 { padding-inline-end: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-inline-start: 0.5rem !important; } .pr-2, .px-2 { padding-inline-end: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-inline-start: 1rem !important; } .pr-3, .px-3 { padding-inline-end: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-inline-start: 1.5rem !important; } .pr-4, .px-4 { padding-inline-end: 1.5rem !important; } .p-5 { padding: 2rem !important; } .pt-5, .py-5 { padding-top: 2rem !important; } .pb-5, .py-5 { padding-bottom: 2rem !important; } .pl-5, .px-5 { padding-inline-start: 2rem !important; } .pr-5, .px-5 { padding-inline-end: 2rem !important; } .p-6 { padding: 2.5rem !important; } .pt-6, .py-6 { padding-top: 2.5rem !important; } .pb-6, .py-6 { padding-bottom: 2.5rem !important; } .pl-6, .px-6 { padding-inline-start: 2.5rem !important; } .pr-6, .px-6 { padding-inline-end: 2.5rem !important; } .p-7 { padding: 3rem !important; } .pt-7, .py-7 { padding-top: 3rem !important; } .pb-7, .py-7 { padding-bottom: 3rem !important; } .pl-7, .px-7 { padding-inline-start: 3rem !important; } .pr-7, .px-7 { padding-inline-end: 3rem !important; } .p-8 { padding: 3.5rem !important; } .pt-8, .py-8 { padding-top: 3.5rem !important; } .pb-8, .py-8 { padding-bottom: 3.5rem !important; } .pl-8, .px-8 { padding-inline-start: 3.5rem !important; } .pr-8, .px-8 { padding-inline-end: 3.5rem !important; } .p-9 { padding: 4rem !important; } .pt-9, .py-9 { padding-top: 4rem !important; } .pb-9, .py-9 { padding-bottom: 4rem !important; } .pl-9, .px-9 { padding-inline-start: 4rem !important; } .pr-9, .px-9 { padding-inline-end: 4rem !important; } .m-auto { margin: auto !important; } .ml-auto, .mx-auto { margin-inline-start: auto !important; } .mr-auto, .mx-auto { margin-inline-end: auto !important; } @media (min-width: 768px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-inline-start: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-inline-end: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-inline-start: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-inline-end: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-inline-start: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-inline-end: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-inline-start: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-inline-end: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-inline-start: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-inline-end: 1.5rem !important; } .m-sm-5 { margin: 2rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 2rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 2rem !important; } .ml-sm-5, .mx-sm-5 { margin-inline-start: 2rem !important; } .mr-sm-5, .mx-sm-5 { margin-inline-end: 2rem !important; } .m-sm-6 { margin: 2.5rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 2.5rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 2.5rem !important; } .ml-sm-6, .mx-sm-6 { margin-inline-start: 2.5rem !important; } .mr-sm-6, .mx-sm-6 { margin-inline-end: 2.5rem !important; } .m-sm-7 { margin: 3rem !important; } .mt-sm-7, .my-sm-7 { margin-top: 3rem !important; } .mb-sm-7, .my-sm-7 { margin-bottom: 3rem !important; } .ml-sm-7, .mx-sm-7 { margin-inline-start: 3rem !important; } .mr-sm-7, .mx-sm-7 { margin-inline-end: 3rem !important; } .m-sm-8 { margin: 3.5rem !important; } .mt-sm-8, .my-sm-8 { margin-top: 3.5rem !important; } .mb-sm-8, .my-sm-8 { margin-bottom: 3.5rem !important; } .ml-sm-8, .mx-sm-8 { margin-inline-start: 3.5rem !important; } .mr-sm-8, .mx-sm-8 { margin-inline-end: 3.5rem !important; } .m-sm-9 { margin: 4rem !important; } .mt-sm-9, .my-sm-9 { margin-top: 4rem !important; } .mb-sm-9, .my-sm-9 { margin-bottom: 4rem !important; } .ml-sm-9, .mx-sm-9 { margin-inline-start: 4rem !important; } .mr-sm-9, .mx-sm-9 { margin-inline-end: 4rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-inline-start: 0 !important; } .pr-sm-0, .px-sm-0 { padding-inline-end: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-inline-start: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-inline-end: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-inline-start: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-inline-end: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-inline-start: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-inline-end: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-inline-start: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-inline-end: 1.5rem !important; } .p-sm-5 { padding: 2rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 2rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 2rem !important; } .pl-sm-5, .px-sm-5 { padding-inline-start: 2rem !important; } .pr-sm-5, .px-sm-5 { padding-inline-end: 2rem !important; } .p-sm-6 { padding: 2.5rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 2.5rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 2.5rem !important; } .pl-sm-6, .px-sm-6 { padding-inline-start: 2.5rem !important; } .pr-sm-6, .px-sm-6 { padding-inline-end: 2.5rem !important; } .p-sm-7 { padding: 3rem !important; } .pt-sm-7, .py-sm-7 { padding-top: 3rem !important; } .pb-sm-7, .py-sm-7 { padding-bottom: 3rem !important; } .pl-sm-7, .px-sm-7 { padding-inline-start: 3rem !important; } .pr-sm-7, .px-sm-7 { padding-inline-end: 3rem !important; } .p-sm-8 { padding: 3.5rem !important; } .pt-sm-8, .py-sm-8 { padding-top: 3.5rem !important; } .pb-sm-8, .py-sm-8 { padding-bottom: 3.5rem !important; } .pl-sm-8, .px-sm-8 { padding-inline-start: 3.5rem !important; } .pr-sm-8, .px-sm-8 { padding-inline-end: 3.5rem !important; } .p-sm-9 { padding: 4rem !important; } .pt-sm-9, .py-sm-9 { padding-top: 4rem !important; } .pb-sm-9, .py-sm-9 { padding-bottom: 4rem !important; } .pl-sm-9, .px-sm-9 { padding-inline-start: 4rem !important; } .pr-sm-9, .px-sm-9 { padding-inline-end: 4rem !important; } .m-sm-auto { margin: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-inline-start: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-inline-end: auto !important; } } @media (min-width: 992px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-inline-start: 0 !important; } .mr-md-0, .mx-md-0 { margin-inline-end: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-inline-start: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-inline-end: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-inline-start: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-inline-end: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-inline-start: 1rem !important; } .mr-md-3, .mx-md-3 { margin-inline-end: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-inline-start: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-inline-end: 1.5rem !important; } .m-md-5 { margin: 2rem !important; } .mt-md-5, .my-md-5 { margin-top: 2rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 2rem !important; } .ml-md-5, .mx-md-5 { margin-inline-start: 2rem !important; } .mr-md-5, .mx-md-5 { margin-inline-end: 2rem !important; } .m-md-6 { margin: 2.5rem !important; } .mt-md-6, .my-md-6 { margin-top: 2.5rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 2.5rem !important; } .ml-md-6, .mx-md-6 { margin-inline-start: 2.5rem !important; } .mr-md-6, .mx-md-6 { margin-inline-end: 2.5rem !important; } .m-md-7 { margin: 3rem !important; } .mt-md-7, .my-md-7 { margin-top: 3rem !important; } .mb-md-7, .my-md-7 { margin-bottom: 3rem !important; } .ml-md-7, .mx-md-7 { margin-inline-start: 3rem !important; } .mr-md-7, .mx-md-7 { margin-inline-end: 3rem !important; } .m-md-8 { margin: 3.5rem !important; } .mt-md-8, .my-md-8 { margin-top: 3.5rem !important; } .mb-md-8, .my-md-8 { margin-bottom: 3.5rem !important; } .ml-md-8, .mx-md-8 { margin-inline-start: 3.5rem !important; } .mr-md-8, .mx-md-8 { margin-inline-end: 3.5rem !important; } .m-md-9 { margin: 4rem !important; } .mt-md-9, .my-md-9 { margin-top: 4rem !important; } .mb-md-9, .my-md-9 { margin-bottom: 4rem !important; } .ml-md-9, .mx-md-9 { margin-inline-start: 4rem !important; } .mr-md-9, .mx-md-9 { margin-inline-end: 4rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-inline-start: 0 !important; } .pr-md-0, .px-md-0 { padding-inline-end: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-inline-start: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-inline-end: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-inline-start: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-inline-end: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-inline-start: 1rem !important; } .pr-md-3, .px-md-3 { padding-inline-end: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-inline-start: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-inline-end: 1.5rem !important; } .p-md-5 { padding: 2rem !important; } .pt-md-5, .py-md-5 { padding-top: 2rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 2rem !important; } .pl-md-5, .px-md-5 { padding-inline-start: 2rem !important; } .pr-md-5, .px-md-5 { padding-inline-end: 2rem !important; } .p-md-6 { padding: 2.5rem !important; } .pt-md-6, .py-md-6 { padding-top: 2.5rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 2.5rem !important; } .pl-md-6, .px-md-6 { padding-inline-start: 2.5rem !important; } .pr-md-6, .px-md-6 { padding-inline-end: 2.5rem !important; } .p-md-7 { padding: 3rem !important; } .pt-md-7, .py-md-7 { padding-top: 3rem !important; } .pb-md-7, .py-md-7 { padding-bottom: 3rem !important; } .pl-md-7, .px-md-7 { padding-inline-start: 3rem !important; } .pr-md-7, .px-md-7 { padding-inline-end: 3rem !important; } .p-md-8 { padding: 3.5rem !important; } .pt-md-8, .py-md-8 { padding-top: 3.5rem !important; } .pb-md-8, .py-md-8 { padding-bottom: 3.5rem !important; } .pl-md-8, .px-md-8 { padding-inline-start: 3.5rem !important; } .pr-md-8, .px-md-8 { padding-inline-end: 3.5rem !important; } .p-md-9 { padding: 4rem !important; } .pt-md-9, .py-md-9 { padding-top: 4rem !important; } .pb-md-9, .py-md-9 { padding-bottom: 4rem !important; } .pl-md-9, .px-md-9 { padding-inline-start: 4rem !important; } .pr-md-9, .px-md-9 { padding-inline-end: 4rem !important; } .m-md-auto { margin: auto !important; } .ml-md-auto, .mx-md-auto { margin-inline-start: auto !important; } .mr-md-auto, .mx-md-auto { margin-inline-end: auto !important; } } @media (min-width: 1200px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-inline-start: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-inline-end: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-inline-start: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-inline-end: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-inline-start: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-inline-end: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-inline-start: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-inline-end: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-inline-start: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-inline-end: 1.5rem !important; } .m-lg-5 { margin: 2rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 2rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 2rem !important; } .ml-lg-5, .mx-lg-5 { margin-inline-start: 2rem !important; } .mr-lg-5, .mx-lg-5 { margin-inline-end: 2rem !important; } .m-lg-6 { margin: 2.5rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 2.5rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 2.5rem !important; } .ml-lg-6, .mx-lg-6 { margin-inline-start: 2.5rem !important; } .mr-lg-6, .mx-lg-6 { margin-inline-end: 2.5rem !important; } .m-lg-7 { margin: 3rem !important; } .mt-lg-7, .my-lg-7 { margin-top: 3rem !important; } .mb-lg-7, .my-lg-7 { margin-bottom: 3rem !important; } .ml-lg-7, .mx-lg-7 { margin-inline-start: 3rem !important; } .mr-lg-7, .mx-lg-7 { margin-inline-end: 3rem !important; } .m-lg-8 { margin: 3.5rem !important; } .mt-lg-8, .my-lg-8 { margin-top: 3.5rem !important; } .mb-lg-8, .my-lg-8 { margin-bottom: 3.5rem !important; } .ml-lg-8, .mx-lg-8 { margin-inline-start: 3.5rem !important; } .mr-lg-8, .mx-lg-8 { margin-inline-end: 3.5rem !important; } .m-lg-9 { margin: 4rem !important; } .mt-lg-9, .my-lg-9 { margin-top: 4rem !important; } .mb-lg-9, .my-lg-9 { margin-bottom: 4rem !important; } .ml-lg-9, .mx-lg-9 { margin-inline-start: 4rem !important; } .mr-lg-9, .mx-lg-9 { margin-inline-end: 4rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-inline-start: 0 !important; } .pr-lg-0, .px-lg-0 { padding-inline-end: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-inline-start: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-inline-end: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-inline-start: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-inline-end: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-inline-start: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-inline-end: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-inline-start: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-inline-end: 1.5rem !important; } .p-lg-5 { padding: 2rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 2rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 2rem !important; } .pl-lg-5, .px-lg-5 { padding-inline-start: 2rem !important; } .pr-lg-5, .px-lg-5 { padding-inline-end: 2rem !important; } .p-lg-6 { padding: 2.5rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 2.5rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 2.5rem !important; } .pl-lg-6, .px-lg-6 { padding-inline-start: 2.5rem !important; } .pr-lg-6, .px-lg-6 { padding-inline-end: 2.5rem !important; } .p-lg-7 { padding: 3rem !important; } .pt-lg-7, .py-lg-7 { padding-top: 3rem !important; } .pb-lg-7, .py-lg-7 { padding-bottom: 3rem !important; } .pl-lg-7, .px-lg-7 { padding-inline-start: 3rem !important; } .pr-lg-7, .px-lg-7 { padding-inline-end: 3rem !important; } .p-lg-8 { padding: 3.5rem !important; } .pt-lg-8, .py-lg-8 { padding-top: 3.5rem !important; } .pb-lg-8, .py-lg-8 { padding-bottom: 3.5rem !important; } .pl-lg-8, .px-lg-8 { padding-inline-start: 3.5rem !important; } .pr-lg-8, .px-lg-8 { padding-inline-end: 3.5rem !important; } .p-lg-9 { padding: 4rem !important; } .pt-lg-9, .py-lg-9 { padding-top: 4rem !important; } .pb-lg-9, .py-lg-9 { padding-bottom: 4rem !important; } .pl-lg-9, .px-lg-9 { padding-inline-start: 4rem !important; } .pr-lg-9, .px-lg-9 { padding-inline-end: 4rem !important; } .m-lg-auto { margin: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-inline-start: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-inline-end: auto !important; } } .pos-rel { position: relative; } .pos-abs { position: absolute !important; } .pos-fix { position: fixed !important; } .pos-stc { position: static !important; } .pos-sticky { position: sticky !important; } .pos-tl, .pos-tr, .pos-t { top: 0; } .pos-bl, .pos-br, .pos-b { bottom: 0; } .pos-tr, .pos-br, .pos-r { right: 0; } .pos-tl, .pos-bl, .pos-l { left: 0; } @media (min-width: 768px) { .pos-sm-rel { position: relative; } .pos-sm-abs { position: absolute !important; } .pos-sm-fix { position: fixed !important; } .pos-sm-stc { position: static !important; } .pos-sm-sticky { position: sticky !important; } .pos-sm-tl, .pos-sm-tr, .pos-sm-t { top: 0; } .pos-sm-bl, .pos-sm-br, .pos-sm-b { bottom: 0; } .pos-sm-tr, .pos-sm-br, .pos-sm-r { right: 0; } .pos-sm-tl, .pos-sm-bl, .pos-sm-l { left: 0; } } @media (min-width: 992px) { .pos-md-rel { position: relative; } .pos-md-abs { position: absolute !important; } .pos-md-fix { position: fixed !important; } .pos-md-stc { position: static !important; } .pos-md-sticky { position: sticky !important; } .pos-md-tl, .pos-md-tr, .pos-md-t { top: 0; } .pos-md-bl, .pos-md-br, .pos-md-b { bottom: 0; } .pos-md-tr, .pos-md-br, .pos-md-r { right: 0; } .pos-md-tl, .pos-md-bl, .pos-md-l { left: 0; } } @media (min-width: 1200px) { .pos-lg-rel { position: relative; } .pos-lg-abs { position: absolute !important; } .pos-lg-fix { position: fixed !important; } .pos-lg-stc { position: static !important; } .pos-lg-sticky { position: sticky !important; } .pos-lg-tl, .pos-lg-tr, .pos-lg-t { top: 0; } .pos-lg-bl, .pos-lg-br, .pos-lg-b { bottom: 0; } .pos-lg-tr, .pos-lg-br, .pos-lg-r { right: 0; } .pos-lg-tl, .pos-lg-bl, .pos-lg-l { left: 0; } } .w-5 { width: 5%; } .w-10 { width: 10%; } .w-15 { width: 15%; } .w-20 { width: 20%; } .w-25 { width: 25%; } .w-30 { width: 30%; } .w-35 { width: 35%; } .w-40 { width: 40%; } .w-45 { width: 45%; } .w-50 { width: 50%; } .w-55 { width: 55%; } .w-60 { width: 60%; } .w-65 { width: 65%; } .w-70 { width: 70%; } .w-75 { width: 75%; } .w-80 { width: 80%; } .w-85 { width: 85%; } .w-90 { width: 90%; } .w-95 { width: 95%; } .w-100 { width: 100%; } @media (min-width: 768px) { .w-sm-5 { width: 5%; } .w-sm-10 { width: 10%; } .w-sm-15 { width: 15%; } .w-sm-20 { width: 20%; } .w-sm-25 { width: 25%; } .w-sm-30 { width: 30%; } .w-sm-35 { width: 35%; } .w-sm-40 { width: 40%; } .w-sm-45 { width: 45%; } .w-sm-50 { width: 50%; } .w-sm-55 { width: 55%; } .w-sm-60 { width: 60%; } .w-sm-65 { width: 65%; } .w-sm-70 { width: 70%; } .w-sm-75 { width: 75%; } .w-sm-80 { width: 80%; } .w-sm-85 { width: 85%; } .w-sm-90 { width: 90%; } .w-sm-95 { width: 95%; } .w-sm-100 { width: 100%; } } @media (min-width: 992px) { .w-md-5 { width: 5%; } .w-md-10 { width: 10%; } .w-md-15 { width: 15%; } .w-md-20 { width: 20%; } .w-md-25 { width: 25%; } .w-md-30 { width: 30%; } .w-md-35 { width: 35%; } .w-md-40 { width: 40%; } .w-md-45 { width: 45%; } .w-md-50 { width: 50%; } .w-md-55 { width: 55%; } .w-md-60 { width: 60%; } .w-md-65 { width: 65%; } .w-md-70 { width: 70%; } .w-md-75 { width: 75%; } .w-md-80 { width: 80%; } .w-md-85 { width: 85%; } .w-md-90 { width: 90%; } .w-md-95 { width: 95%; } .w-md-100 { width: 100%; } } @media (min-width: 1200px) { .w-lg-5 { width: 5%; } .w-lg-10 { width: 10%; } .w-lg-15 { width: 15%; } .w-lg-20 { width: 20%; } .w-lg-25 { width: 25%; } .w-lg-30 { width: 30%; } .w-lg-35 { width: 35%; } .w-lg-40 { width: 40%; } .w-lg-45 { width: 45%; } .w-lg-50 { width: 50%; } .w-lg-55 { width: 55%; } .w-lg-60 { width: 60%; } .w-lg-65 { width: 65%; } .w-lg-70 { width: 70%; } .w-lg-75 { width: 75%; } .w-lg-80 { width: 80%; } .w-lg-85 { width: 85%; } .w-lg-90 { width: 90%; } .w-lg-95 { width: 95%; } .w-lg-100 { width: 100%; } } @media screen and (min-width: 1200px) { [data-fullheight=true] { height: 100vh; } .mobile-nav-activated.overflow-hidden { overflow: visible !important; } } @media (max-width: 767px) { .lqd-v-lines-container { flex-grow: 1; } } @media screen and (max-width: 991px) { body { overflow-x: hidden; } #wrap { overflow: hidden; } } @media screen and (max-width: 991px) { h1, .h1 { font-size: 40px; } h2, .h2 { font-size: 32px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 15px; } } @media screen and (max-width: 1199px) { .lqd-sticky-bg-wrap, .lqd-sticky-bg { height: 100%; min-height: 0; max-height: none; position: absolute; top: 0; left: 0; } } /* 1.2. Header */ .lqd-head-col.text-right { justify-content: flex-end; } .lqd-head-col.text-center { justify-content: center; } .lqd-head-col.text-left { justify-content: flex-start; } @media (min-width: 768px) { .lqd-head-col.text-sm-right { justify-content: flex-end; } .lqd-head-col.text-sm-center { justify-content: center; } .lqd-head-col.text-sm-left { justify-content: flex-start; } } @media (min-width: 992px) { .lqd-head-col.text-md-right { justify-content: flex-end; } .lqd-head-col.text-md-center { justify-content: center; } .lqd-head-col.text-md-left { justify-content: flex-start; } } @media (min-width: 1200px) { .lqd-head-col.text-lg-right { justify-content: flex-end; } .lqd-head-col.text-lg-center { justify-content: center; } .lqd-head-col.text-lg-left { justify-content: flex-start; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .lqd-head-col { padding-inline-start: 15px !important; padding-inline-end: 15px !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .header-side { width: 250px !important; } } .lqd-head-sec-wrap .text-right .header-module { align-items: flex-end; } .lqd-head-sec-wrap .text-left .header-module { align-items: flex-start; } .lqd-head-sec-wrap .text-center .header-module { align-items: center; } .lqd-mobile-sec .ld-module-trigger-txt .amount + span { display: none; } @media screen and (max-width: 767px) { .ld-module-cart .ld-cart-contents, .ld-module-cart .ld-module-dropdown { width: 100%; } .ld-cart-contents .empty, .ld-cart-foot, .ld-cart-head, .ld-cart-product { padding-inline-start: 15px; padding-inline-end: 15px; } } @media screen and (max-width: 480px) { html.lqd-module-cart-expanded { overflow: hidden; } } @media screen and (max-width: 767px) { .ld-module-cart-offcanvas .ld-module-dropdown { width: 85vw; } } @media screen and (max-width: 479px) { .ld-sd-wrap { padding-inline-start: 30px; padding-inline-end: 30px; } .ld-sd-wrap .widget { margin-bottom: 25px; padding-top: 5px; } .ld-sd-wrap .widget:not(:last-of-type):not(:empty) { margin-bottom: 30px; } } /* Submenu */ @media screen and (max-width: 1199px) { .lqd-custom-menu .megamenu .megamenu-row > .ld-container, .lqd-custom-menu .megamenu .megamenu-col { width: 100%; } } @media screen and (max-width: 782px) { .admin-bar .is-stuck { top: 46px; } } @media screen and (max-width: 600px) { .admin-bar .is-stuck { top: 0; } } /* 1.3. Footer */ @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; } } /* 1.4. Titlebar */ @media screen and (max-width: 767px) { .titlebar-inner h1 { font-size: 48px; } } @media screen and (max-width: 479px) { .titlebar-inner h1 { font-size: 37px; } } /* 2. PAGE LAYOUTS */ /* 2.1. Header Side */ @media screen and (min-width: 1200px) { .header-style-side #wrap { padding-inline-start: 375px; } .header-style-side .lqd-sticky-footer-sentinel.height-applied + .footer-stuck { left: 375px; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .header-style-side #wrap { padding-inline-start: 250px; } .header-style-side .lqd-sticky-footer-sentinel.height-applied + .footer-stuck { left: 250px; } } @media screen and (min-width: 1200px) and (max-width: 1580px) { .header-style-side .ld-container { width: 100%; padding-inline-start: 15px; padding-inline-end: 15px; } } /* 2.2. 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.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; } 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; } } /* 2.3. Stack */ .vc_mobile [data-liquid-stack=true] > section { height: auto; } /* 3. PARTIALS */ /* 3.4. Page Frame */ @media screen and (min-width: 1200px) { .lqd-page-frame { position: fixed; z-index: 3; background-color: var(--color-primary); } .lqd-page-frame[data-orientation=h] { height: 20px; left: 20px; right: 20px; } .lqd-page-frame[data-orientation=v] { width: 20px; top: 0; bottom: 0; } .lqd-page-frame-top { top: 0; transform-origin: center top; } .admin-bar .lqd-page-frame-top { top: 32px; } .lqd-page-frame-right { right: 0; transform-origin: right center; } .lqd-page-frame-bottom { bottom: 0; transform-origin: center bottom; } .lqd-page-frame-left { left: 0; transform-origin: left center; } .page-has-frame #wrap { padding: 20px; } .page-has-frame .is-stuck, .page-has-frame .main-header-overlay { top: 20px; left: 20px; right: 20px; } .page-has-frame .main-header-overlay { width: auto; } .page-has-frame .is-stuck .ld-module-sd .ld-module-dropdown { top: -20px; } .page-has-frame .ld-module-sd .ld-module-dropdown { right: -20px; } .page-has-frame.admin-bar .is-stuck { top: 52px; } } /*# sourceMappingURL=theme.css.map */
Upload File
Create Folder